From 00536e444229297e8c94705843a5930b49aa8eb0 Mon Sep 17 00:00:00 2001
From: Jon Lane <jon.lane@automattic.com>
Date: Mon, 7 Feb 2022 11:56:14 -0800
Subject: [PATCH 001/327] Update instructions for external sites

---
 packages/js/e2e-environment/external.md | 18 ++++++++++++++----
 plugins/woocommerce/tests/e2e/README.md |  2 ++
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/js/e2e-environment/external.md b/packages/js/e2e-environment/external.md
index a39ff5965bb..a265c0c7649 100644
--- a/packages/js/e2e-environment/external.md
+++ b/packages/js/e2e-environment/external.md
@@ -1,6 +1,6 @@
-# Using an External Container for End to End Testing
+# Using an External Environment for End to End Testing
 
-This document provides general instructions for using `@woocommerce/e2e-environment` with your hosting container. 
+This document provides general instructions for using `@woocommerce/e2e-environment` with your WooCommerce environment. Whether you're using a non-standard Docker configuration, a locally-hosted WC install, or a WC install hosted externally, these instructions should point you to what is needed for configuration.
 
 ## Prerequisites
 
@@ -14,10 +14,11 @@ The test sequencer uses a `ready` page to determine that the testing environment
 wp post create --post_type=page --post_status=publish --post_title='Ready' --post_content='E2E-tests.'
 ```
 
+If you don't have shell access to your test site, simply create a Page with the title `Ready` and the content `E2E-tests.` through the WP Admin.
+
 ### Project Initialization
 
-Each project will have its own begin test state and initialization script. For example, a project might start testing expecting that the [sample products](https://github.com/woocommerce/woocommerce/tree/trunk/sample-data) have already been imported. Below is the WP CLI equivalent initialization script for WooCommerce Core E2E testing:
-
+Each project will have its own begin test state and initialization script. For example, a project might start testing expecting that the [sample products](https://github.com/woocommerce/woocommerce/tree/trunk/sample-data) have already been imported. Below is the WP CLI equivalent initialization script for WooCommerce Core E2E testing (which expects certain users to be present and that WC is installed and active):
 
 ```
 wp core install --url=http://localhost:8084 --admin_user=admin --admin_password=password --admin_email=wooadmin@example.org
@@ -30,6 +31,15 @@ wp user create customer customer@woocommercecoree2etestsuite.com \
 	--last_name='Smith'
 ```
 
+Again, if you don't have shell access to your test site, through WP Admin ensure that:
+
+1. WooCommerce is installed and activated.
+2. TwentyNineteen is installed and the active theme.
+3. You have an admin user set up (if their credentials differ from u/ `admin` and p/ `password` be sure to update `/plugins/woocommerce/tests/e2e/config/default.json`)
+4. You have a customer user set up named 'Jane Smith'. This user should be a `subscriber` and again make sure their username and password are reflected in `/plugins/woocommerce/tests/e2e/config/default.json`.
+
+You should then be able to run the e2e tests by running `pnpm nx test-e2e woocommerce`.
+
 ### Test Sequencer Setup
 
 The test sequencer needs to know the particulars of your test install to run the tests. The sequencer reads these settings from `/plugins/woocommerce/tests/e2e/config/default.json`.
diff --git a/plugins/woocommerce/tests/e2e/README.md b/plugins/woocommerce/tests/e2e/README.md
index 0f734809c01..b691b1d4ca2 100644
--- a/plugins/woocommerce/tests/e2e/README.md
+++ b/plugins/woocommerce/tests/e2e/README.md
@@ -87,6 +87,8 @@ The jest test sequencer uses the following test variables:
 
 If you need to modify the port for your local test environment (eg. port is already in use), edit `tests/e2e/config/default.json`. Only edit this file while your test container is `down`.
 
+This is also what you'll need to edit if you want to run tests against an external (or non-Docker) environment.  There are a few additional steps you'll have to take to ensure your environment is ready for testing. Complete [instructions are available here](https://github.com/woocommerce/woocommerce/blob/trunk/packages/js/e2e-environment/external.md).
+
 ### Jest test sequencer
 
 [Jest](https://jestjs.io/) is being used to run e2e tests. Jest sequencer introduces tools that can be used to specify the order in which the tests are being run. In our case, they are being run in alphabetical order of the directories where tests are located. This way, tests in the directory `activate-and-setup` will run first. By default, jest runs tests ordered by the time it takes to run the test (the test that takes longer to run will be run first, the test that takes less time to run will run last).

From ad99dda9105b2dc897406d61262e2dc906044406 Mon Sep 17 00:00:00 2001
From: Jon Lane <jon.lane@automattic.com>
Date: Mon, 7 Feb 2022 13:14:10 -0800
Subject: [PATCH 002/327] Added CHANGELOG entry

---
 packages/js/e2e-environment/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/js/e2e-environment/CHANGELOG.md b/packages/js/e2e-environment/CHANGELOG.md
index 92147037877..03070024935 100644
--- a/packages/js/e2e-environment/CHANGELOG.md
+++ b/packages/js/e2e-environment/CHANGELOG.md
@@ -18,6 +18,7 @@
 
 ## Changed
 
+- Updated `external.md` with instructions to manually set up sites for e2e testing.
 - Updated `getLatestReleaseZipUrl()` to allow passing in an authorization token and simplified arguments to just the repository name
 - Updated `deleteDownloadedPluginFiles()` to also be able to delete directories.
 

From 491a04b52ddde577bc6b1d54411b530a62f82539 Mon Sep 17 00:00:00 2001
From: Alex Florisca <alex.florisca@automattic.com>
Date: Thu, 17 Feb 2022 15:43:28 +0000
Subject: [PATCH 003/327] Fix link click for shopper.searchForProduct

---
 packages/js/e2e-utils/src/flows/shopper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/js/e2e-utils/src/flows/shopper.js b/packages/js/e2e-utils/src/flows/shopper.js
index 3f9e2cb43ff..55337b48caf 100644
--- a/packages/js/e2e-utils/src/flows/shopper.js
+++ b/packages/js/e2e-utils/src/flows/shopper.js
@@ -186,7 +186,7 @@ const shopper = {
 		// Single search results may go directly to product page
 		if ( await page.waitForSelector('h2.entry-title') ) {
 			await expect(page).toMatchElement('h2.entry-title', {text: prouductName});
-			await expect(page).toClick('h2.entry-title', {text: prouductName});
+			await expect(page).toClick('h2.entry-title > a', {text: prouductName});
 		}
 		await page.waitForSelector('h1.entry-title');
 		await expect(page.title()).resolves.toMatch(prouductName);

From 5fbebe240ce28f01eb3c813c53488aae6cc28816 Mon Sep 17 00:00:00 2001
From: Niels Lange <info@nielslange.de>
Date: Thu, 7 Apr 2022 15:43:10 +0200
Subject: [PATCH 004/327] Remove duplicate entry `verifyAndPublish`

---
 packages/js/e2e-utils/README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/js/e2e-utils/README.md b/packages/js/e2e-utils/README.md
index b8d34e6721d..fadce859f05 100644
--- a/packages/js/e2e-utils/README.md
+++ b/packages/js/e2e-utils/README.md
@@ -237,7 +237,6 @@ There is a general utilities object `utils` with the following functions:
 | `verifyValueOfInputField` | `selector, value` | Verify an input contains the passed value |
 | `clickFilter` | `selector` | Click on a list page filter |
 | `moveAllItemsToTrash` |  | Moves all items in a list view to the Trash |
-| `verifyAndPublish` | `noticeText` | Verify that an item can be published |
 | `selectOptionInSelect2` | `selector, value` | helper method that searchs for select2 type fields and select plus insert value inside |
 | `searchForOrder` | `value, orderId, customerName` | helper method that searchs for an order via many different terms |
 | `addShippingZoneAndMethod` | `zoneName, zoneLocation, zipCode, zoneMethod` | util helper method for adding shipping zones with shipping methods |

From 1c162a14d2911774b3a06a178ad55002726318b5 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 7 Apr 2022 17:19:25 -0700
Subject: [PATCH 005/327] Updating all instances of pnpx to pnpm dlx/exec

---
 .github/workflows/pr-build-and-e2e-tests.yml  |  18 +-
 .github/workflows/pr-smoke-test.yml           | 198 +++++-----
 .github/workflows/smoke-test-daily.yml        | 273 +++++++-------
 .github/workflows/smoke-test-release.yml      | 354 +++++++++---------
 .../js/api-core-tests/bin/wc-api-tests.sh     |   2 +-
 packages/js/e2e-environment/README.md         |   2 +-
 packages/js/e2e-environment/builtin.md        |   2 +-
 plugins/woocommerce/legacy/project.json       |   6 +-
 plugins/woocommerce/package.json              | 216 +++++------
 plugins/woocommerce/project.json              |   2 +-
 plugins/woocommerce/tests/e2e/README.md       |   4 +-
 11 files changed, 537 insertions(+), 540 deletions(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 328549ec59a..de213e34671 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -68,7 +68,7 @@ jobs:
 
             - name: Load docker images and start containers.
               working-directory: package/woocommerce/plugins/woocommerce
-              run: pnpx wc-e2e docker:up
+              run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
               working-directory: package/woocommerce/plugins/woocommerce
@@ -76,7 +76,7 @@ jobs:
                   WC_E2E_SCREENSHOTS: 1
                   E2E_SLACK_TOKEN: ${{ secrets.E2E_SLACK_TOKEN }}
                   E2E_SLACK_CHANNEL: ${{ secrets.E2E_SLACK_CHANNEL }}
-              run: pnpx wc-e2e test:e2e
+              run: pnpm exec wc-e2e test:e2e
 
             - name: Archive E2E test screenshots
               uses: actions/upload-artifact@v2
@@ -127,7 +127,7 @@ jobs:
 
             - name: Load docker images and start containers.
               working-directory: package/woocommerce/plugins/woocommerce
-              run: pnpx wc-e2e docker:up
+              run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
               working-directory: package/woocommerce/plugins/woocommerce
@@ -135,15 +135,15 @@ jobs:
                   BASE_URL: http://localhost:8084
                   USER_KEY: admin
                   USER_SECRET: password
-              run: pnpx wc-api-tests test api
+              run: pnpm exec wc-api-tests test api
 
             - name: Upload API test report
               uses: actions/upload-artifact@v2
               with:
                   name: api-test-report---pr-${{ github.event.number }}
                   path: |
-                        package/woocommerce/packages/js/api-core-tests/allure-results
-                        package/woocommerce/packages/js/api-core-tests/allure-report
+                      package/woocommerce/packages/js/api-core-tests/allure-results
+                      package/woocommerce/packages/js/api-core-tests/allure-report
                   retention-days: 7
 
     k6-tests-run:
@@ -182,15 +182,15 @@ jobs:
               run: |
                   npm install -g pnpm
                   pnpm install
-            
+
             - name: Workaround to use initialization file with prepopulated data.
               working-directory: package/woocommerce/plugins/woocommerce/tests/e2e/docker
               run: |
                   cp init-sample-products.sh initialize.sh
-            
+
             - name: Load docker images and start containers.
               working-directory: package/woocommerce/plugins/woocommerce
-              run: pnpx wc-e2e docker:up
+              run: pnpm exec wc-e2e docker:up
 
             - name: Install k6
               run: |
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 18afd599b05..933038e8a59 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -1,110 +1,110 @@
 name: Run smoke tests against pull request.
 on:
-  pull_request:
-    branches:
-      - trunk
-    types:
-      - labeled
+    pull_request:
+        branches:
+            - trunk
+        types:
+            - labeled
 jobs:
-  prcheck:
-    name: Smoke test a pull request.
-    if: "${{ contains(github.event.label.name, 'run: smoke tests') }}"
-    runs-on: ubuntu-18.04
-    steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.7.0
-        with:
-            access_token: ${{ github.token }}
+    prcheck:
+        name: Smoke test a pull request.
+        if: "${{ contains(github.event.label.name, 'run: smoke tests') }}"
+        runs-on: ubuntu-18.04
+        steps:
+            - name: Cancel Previous Runs
+              uses: styfle/cancel-workflow-action@0.7.0
+              with:
+                  access_token: ${{ github.token }}
 
-      - name: Create dirs.
-        run: |
-          mkdir -p code/woocommerce
-          mkdir -p package/woocommerce
-          mkdir -p tmp/woocommerce
-          mkdir -p node_modules
+            - name: Create dirs.
+              run: |
+                  mkdir -p code/woocommerce
+                  mkdir -p package/woocommerce
+                  mkdir -p tmp/woocommerce
+                  mkdir -p node_modules
 
-      - name: Checkout code.
-        uses: actions/checkout@v2
-        with:
-          path: package/woocommerce
+            - name: Checkout code.
+              uses: actions/checkout@v2
+              with:
+                  path: package/woocommerce
 
-      - name: Install prerequisites.
-        working-directory: package/woocommerce/plugins/woocommerce
-        id: installation
-        run: |
-          npm install -g pnpm
-          pnpm install
-          pnpm nx composer-install-no-dev woocommerce
-          pnpm nx build-assets woocommerce
-          pnpm install jest
+            - name: Install prerequisites.
+              working-directory: package/woocommerce/plugins/woocommerce
+              id: installation
+              run: |
+                  npm install -g pnpm
+                  pnpm install
+                  pnpm nx composer-install-no-dev woocommerce
+                  pnpm nx build-assets woocommerce
+                  pnpm install jest
 
-      - name: Run smoke test.
-        working-directory: package/woocommerce/plugins/woocommerce
-        if: always()
-        env:
-          SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
-          SMOKE_TEST_ADMIN_USER: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
-          SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
-          SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.SMOKE_TEST_ADMIN_USER_EMAIL }}
-          SMOKE_TEST_CUSTOMER_USER: ${{ secrets.SMOKE_TEST_CUSTOMER_USER }}
-          SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.SMOKE_TEST_CUSTOMER_PASSWORD }}
-          WC_E2E_SCREENSHOTS: 1
-          E2E_RETEST: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
-          UPDATE_WC: 1
-          DEFAULT_TIMEOUT_OVERRIDE: 120000
-        run: |
-          pnpx wc-e2e test:e2e tests/e2e/specs/smoke-tests/update-woocommerce.js
+            - name: Run smoke test.
+              working-directory: package/woocommerce/plugins/woocommerce
+              if: always()
+              env:
+                  SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
+                  SMOKE_TEST_ADMIN_USER: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
+                  SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
+                  SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.SMOKE_TEST_ADMIN_USER_EMAIL }}
+                  SMOKE_TEST_CUSTOMER_USER: ${{ secrets.SMOKE_TEST_CUSTOMER_USER }}
+                  SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.SMOKE_TEST_CUSTOMER_PASSWORD }}
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_RETEST: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
+                  UPDATE_WC: 1
+                  DEFAULT_TIMEOUT_OVERRIDE: 120000
+              run: |
+                  pnpm exec wc-e2e test:e2e tests/e2e/specs/smoke-tests/update-woocommerce.js
 
-      - name: Post Smoke tests results comment on PR
-        if: always()
-        uses: actions/github-script@v5
-        env:
-          TITLE: 'Smoke Test Results'
-          SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
-        with:
-          github-token: ${{secrets.GITHUB_TOKEN}}
-          script: |
-            const script = require( './package/woocommerce/packages/js/e2e-environment/bin/post-results-to-github-pr.js' )
-            await script({github, context})
+            - name: Post Smoke tests results comment on PR
+              if: always()
+              uses: actions/github-script@v5
+              env:
+                  TITLE: 'Smoke Test Results'
+                  SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
+              with:
+                  github-token: ${{secrets.GITHUB_TOKEN}}
+                  script: |
+                      const script = require( './package/woocommerce/packages/js/e2e-environment/bin/post-results-to-github-pr.js' )
+                      await script({github, context})
 
-      - name: Run E2E tests.
-        working-directory: package/woocommerce/plugins/woocommerce
-        if: always()
-        env:
-          SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
-          SMOKE_TEST_ADMIN_USER: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
-          SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
-          SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.SMOKE_TEST_ADMIN_USER_EMAIL }}
-          SMOKE_TEST_CUSTOMER_USER: ${{ secrets.SMOKE_TEST_CUSTOMER_USER }}
-          SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.SMOKE_TEST_CUSTOMER_PASSWORD }}
-          WC_E2E_SCREENSHOTS: 1
-          E2E_RETEST: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
-          UPDATE_WC: 1
-          DEFAULT_TIMEOUT_OVERRIDE: 120000
-        run: |
-          pnpx wc-e2e test:e2e
+            - name: Run E2E tests.
+              working-directory: package/woocommerce/plugins/woocommerce
+              if: always()
+              env:
+                  SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
+                  SMOKE_TEST_ADMIN_USER: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
+                  SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
+                  SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.SMOKE_TEST_ADMIN_USER_EMAIL }}
+                  SMOKE_TEST_CUSTOMER_USER: ${{ secrets.SMOKE_TEST_CUSTOMER_USER }}
+                  SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.SMOKE_TEST_CUSTOMER_PASSWORD }}
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_RETEST: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
+                  UPDATE_WC: 1
+                  DEFAULT_TIMEOUT_OVERRIDE: 120000
+              run: |
+                  pnpm exec wc-e2e test:e2e
 
-      - name: Post E2E tests results comment on PR
-        if: always()
-        uses: actions/github-script@v5
-        env:
-          TITLE: 'E2E Test Results'
-          SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
-        with:
-          github-token: ${{secrets.GITHUB_TOKEN}}
-          script: |
-            const script = require( './package/woocommerce/packages/js/e2e-environment/bin/post-results-to-github-pr.js' )
-            await script({github, context})
+            - name: Post E2E tests results comment on PR
+              if: always()
+              uses: actions/github-script@v5
+              env:
+                  TITLE: 'E2E Test Results'
+                  SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
+              with:
+                  github-token: ${{secrets.GITHUB_TOKEN}}
+                  script: |
+                      const script = require( './package/woocommerce/packages/js/e2e-environment/bin/post-results-to-github-pr.js' )
+                      await script({github, context})
 
-      - name: Remove label from pull request.
-        if: |
-          always() 
-           && contains( github.event.pull_request.labels.*.name, format('run{0} smoke tests', ':')) 
-        uses: actions-ecosystem/action-remove-labels@v1
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          labels: 'run: smoke tests'
+            - name: Remove label from pull request.
+              if: |
+                  always() 
+                   && contains( github.event.pull_request.labels.*.name, format('run{0} smoke tests', ':'))
+              uses: actions-ecosystem/action-remove-labels@v1
+              with:
+                  github_token: ${{ secrets.GITHUB_TOKEN }}
+                  labels: 'run: smoke tests'
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index e9126b249b2..bd6b2fd693e 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -1,154 +1,153 @@
 name: Smoke test daily
 on:
-  schedule:
-    - cron: '25 3 * * *'
+    schedule:
+        - cron: '25 3 * * *'
 jobs:
-  login-run:
-    name: Daily smoke test on trunk.
-    runs-on: ubuntu-18.04
-    steps:
+    login-run:
+        name: Daily smoke test on trunk.
+        runs-on: ubuntu-18.04
+        steps:
+            - name: Create dirs.
+              run: |
+                  mkdir -p code/woocommerce
+                  mkdir -p package/woocommerce
+                  mkdir -p tmp/woocommerce
+                  mkdir -p node_modules
 
-      - name: Create dirs.
-        run: |
-              mkdir -p code/woocommerce
-              mkdir -p package/woocommerce
-              mkdir -p tmp/woocommerce
-              mkdir -p node_modules
+            - name: Checkout code.
+              uses: actions/checkout@v2
+              with:
+                  path: package/woocommerce
+                  ref: trunk
 
-      - name: Checkout code.
-        uses: actions/checkout@v2
-        with:
-          path: package/woocommerce
-          ref: trunk
+            - name: Install prerequisites.
+              working-directory: package/woocommerce/plugins/woocommerce
+              run: |
+                  npm install -g pnpm
+                  pnpm install
+                  pnpm nx composer-install-no-dev woocommerce
+                  pnpm nx build-assets woocommerce
+                  pnpm install jest
 
-      - name: Install prerequisites.
-        working-directory: package/woocommerce/plugins/woocommerce
-        run: |
-          npm install -g pnpm
-          pnpm install
-          pnpm nx composer-install-no-dev woocommerce
-          pnpm nx build-assets woocommerce
-          pnpm install jest
-          
-      - name: Run smoke test.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
-          SMOKE_TEST_ADMIN_USER: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
-          SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
-          SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.SMOKE_TEST_ADMIN_USER_EMAIL }}
-          SMOKE_TEST_CUSTOMER_USER: ${{ secrets.SMOKE_TEST_CUSTOMER_USER }}
-          SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.SMOKE_TEST_CUSTOMER_PASSWORD }}
-          WC_E2E_SCREENSHOTS: 1
-          E2E_RETEST: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
-          UPDATE_WC: 1
-          DEFAULT_TIMEOUT_OVERRIDE: 120000
-          BASE_URL: ${{ secrets.SMOKE_TEST_URL }}
-          USER_KEY: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
-          USER_SECRET: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
-        run: |
-          pnpx wc-e2e test:e2e tests/e2e/specs/smoke-tests/update-woocommerce.js
-          pnpx wc-e2e test:e2e
-          pnpx wc-api-tests test api
+            - name: Run smoke test.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  SMOKE_TEST_URL: ${{ secrets.SMOKE_TEST_URL }}
+                  SMOKE_TEST_ADMIN_USER: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
+                  SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
+                  SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.SMOKE_TEST_ADMIN_USER_EMAIL }}
+                  SMOKE_TEST_CUSTOMER_USER: ${{ secrets.SMOKE_TEST_CUSTOMER_USER }}
+                  SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.SMOKE_TEST_CUSTOMER_PASSWORD }}
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_RETEST: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
+                  UPDATE_WC: 1
+                  DEFAULT_TIMEOUT_OVERRIDE: 120000
+                  BASE_URL: ${{ secrets.SMOKE_TEST_URL }}
+                  USER_KEY: ${{ secrets.SMOKE_TEST_ADMIN_USER }}
+                  USER_SECRET: ${{ secrets.SMOKE_TEST_ADMIN_PASSWORD }}
+              run: |
+                  pnpm exec wc-e2e test:e2e tests/e2e/specs/smoke-tests/update-woocommerce.js
+                  pnpm exec wc-e2e test:e2e
+                  pnpm exec wc-api-tests test api
 
-  build:
-    name: Build zip for PR
-    runs-on: ubuntu-latest
-    steps:
-        - name: Checkout code
-          uses: actions/checkout@v2
+    build:
+        name: Build zip for PR
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v2
 
-        - name: Build
-          id: build
-          uses: woocommerce/action-build@trunk
-          env:
-              BUILD_ENV: e2e
+            - name: Build
+              id: build
+              uses: woocommerce/action-build@trunk
+              env:
+                  BUILD_ENV: e2e
 
-        - name: Upload PR zip
-          uses: actions/upload-artifact@v2
-          env:
-              GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          with:
-              name: woocommerce
-              path: ${{ steps.build.outputs.zip_path }}
-              retention-days: 7
-    
-  test-plugins:
-    name: Smoke tests with ${{ matrix.plugin }} plugin installed
-    runs-on: ubuntu-18.04
-    needs: [build]
-    strategy:
-      fail-fast: false
-      matrix:
-        include:
-          - plugin: 'WooCommerce Payments'
-            repo: 'automattic/woocommerce-payments'
-          - plugin: 'WooCommerce PayPal Payments'
-            repo: 'woocommerce/woocommerce-paypal-payments'
-          - plugin: 'WooCommerce Shipping & Tax'
-            repo: 'automattic/woocommerce-services'
-          - plugin: 'WooCommerce Subscriptions'
-            repo: WC_SUBSCRIPTIONS_REPO
-            private: true
-          - plugin: 'WordPress SEO' # Yoast SEO in the UI, but the slug is wordpress-seo
-            repo: 'Yoast/wordpress-seo'
-          - plugin: 'Contact Form 7'
-            repo: 'takayukister/contact-form-7'
-    steps:
-      - name: Create dirs.
-        run: |
-            mkdir -p code/woocommerce
-            mkdir -p package/woocommerce
-            mkdir -p tmp/woocommerce
-            mkdir -p node_modules
+            - name: Upload PR zip
+              uses: actions/upload-artifact@v2
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+              with:
+                  name: woocommerce
+                  path: ${{ steps.build.outputs.zip_path }}
+                  retention-days: 7
 
-      - name: Checkout code.
-        uses: actions/checkout@v2
-        with:
-            path: package/woocommerce
+    test-plugins:
+        name: Smoke tests with ${{ matrix.plugin }} plugin installed
+        runs-on: ubuntu-18.04
+        needs: [build]
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - plugin: 'WooCommerce Payments'
+                      repo: 'automattic/woocommerce-payments'
+                    - plugin: 'WooCommerce PayPal Payments'
+                      repo: 'woocommerce/woocommerce-paypal-payments'
+                    - plugin: 'WooCommerce Shipping & Tax'
+                      repo: 'automattic/woocommerce-services'
+                    - plugin: 'WooCommerce Subscriptions'
+                      repo: WC_SUBSCRIPTIONS_REPO
+                      private: true
+                    - plugin: 'WordPress SEO' # Yoast SEO in the UI, but the slug is wordpress-seo
+                      repo: 'Yoast/wordpress-seo'
+                    - plugin: 'Contact Form 7'
+                      repo: 'takayukister/contact-form-7'
+        steps:
+            - name: Create dirs.
+              run: |
+                  mkdir -p code/woocommerce
+                  mkdir -p package/woocommerce
+                  mkdir -p tmp/woocommerce
+                  mkdir -p node_modules
 
-      - name: Install PNPM and install dependencies
-        working-directory: package/woocommerce
-        run: |
-            npm install -g pnpm
-            pnpm install
+            - name: Checkout code.
+              uses: actions/checkout@v2
+              with:
+                  path: package/woocommerce
 
-      - name: Load docker images and start containers.
-        working-directory: package/woocommerce/plugins/woocommerce
-        run: pnpx wc-e2e docker:up
+            - name: Install PNPM and install dependencies
+              working-directory: package/woocommerce
+              run: |
+                  npm install -g pnpm
+                  pnpm install
 
-      - name: Move current directory to code. We will install zip file in this dir later.
-        run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
+            - name: Load docker images and start containers.
+              working-directory: package/woocommerce/plugins/woocommerce
+              run: pnpm exec wc-e2e docker:up
 
-      - name: Download WooCommerce ZIP.
-        uses: actions/download-artifact@v2
-        with:
-            name: woocommerce
-            path: tmp
+            - name: Move current directory to code. We will install zip file in this dir later.
+              run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
-      - name: Extract and replace WooCommerce zip.
-        working-directory: tmp
-        run: |
-            unzip woocommerce.zip -d woocommerce
-            mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
+            - name: Download WooCommerce ZIP.
+              uses: actions/download-artifact@v2
+              with:
+                  name: woocommerce
+                  path: tmp
 
-      - name: Install dependencies again
-        working-directory: package/woocommerce
-        run: |
-            npm install -g pnpm
-            pnpm install
+            - name: Extract and replace WooCommerce zip.
+              working-directory: tmp
+              run: |
+                  unzip woocommerce.zip -d woocommerce
+                  mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
-      - name: Run tests command.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          WC_E2E_SCREENSHOTS: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
-          PLUGIN_REPOSITORY: ${{ matrix.private && secrets[matrix.repo] || matrix.repo }}
-          PLUGIN_NAME: ${{ matrix.plugin }}
-          GITHUB_TOKEN: ${{ secrets.E2E_GH_TOKEN }}
-        run: |
-          pnpx wc-e2e test:e2e tests/e2e/specs/smoke-tests/upload-plugin.js
-          pnpx wc-e2e test:e2e
+            - name: Install dependencies again
+              working-directory: package/woocommerce
+              run: |
+                  npm install -g pnpm
+                  pnpm install
+
+            - name: Run tests command.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
+                  PLUGIN_REPOSITORY: ${{ matrix.private && secrets[matrix.repo] || matrix.repo }}
+                  PLUGIN_NAME: ${{ matrix.plugin }}
+                  GITHUB_TOKEN: ${{ secrets.E2E_GH_TOKEN }}
+              run: |
+                  pnpm exec wc-e2e test:e2e tests/e2e/specs/smoke-tests/upload-plugin.js
+                  pnpm exec wc-e2e test:e2e
diff --git a/.github/workflows/smoke-test-release.yml b/.github/workflows/smoke-test-release.yml
index 840cd4ab570..fafb41b704f 100644
--- a/.github/workflows/smoke-test-release.yml
+++ b/.github/workflows/smoke-test-release.yml
@@ -1,199 +1,197 @@
 name: Smoke test release
 on:
-  workflow_dispatch:
-    inputs:
-      release_id:
-        description: 'WooCommerce Release Id'
-        required: true
+    workflow_dispatch:
+        inputs:
+            release_id:
+                description: 'WooCommerce Release Id'
+                required: true
 jobs:
-  login-run:
-    name: Daily smoke test on release.
-    runs-on: ubuntu-18.04
-    steps:
+    login-run:
+        name: Daily smoke test on release.
+        runs-on: ubuntu-18.04
+        steps:
+            - name: Create dirs.
+              run: |
+                  mkdir -p code/woocommerce
+                  mkdir -p package/woocommerce
+                  mkdir -p tmp/woocommerce
+                  mkdir -p node_modules
 
-      - name: Create dirs.
-        run: |
-              mkdir -p code/woocommerce
-              mkdir -p package/woocommerce
-              mkdir -p tmp/woocommerce
-              mkdir -p node_modules
+            - name: Checkout code.
+              uses: actions/checkout@v2
+              with:
+                  path: package/woocommerce
+                  ref: trunk
 
-      - name: Checkout code.
-        uses: actions/checkout@v2
-        with:
-          path: package/woocommerce
-          ref: trunk
+            - name: Install prerequisites.
+              working-directory: package/woocommerce/plugins/woocommerce
+              run: |
+                  npm install -g pnpm
+                  pnpm install
+                  pnpm nx composer-install-no-dev woocommerce
+                  pnpm nx build-assets woocommerce
+                  pnpm install jest
 
-      - name: Install prerequisites.
-        working-directory: package/woocommerce/plugins/woocommerce
-        run: |
-          npm install -g pnpm
-          pnpm install
-          pnpm nx composer-install-no-dev woocommerce
-          pnpm nx build-assets woocommerce
-          pnpm install jest
-          
-      - name: Run smoke test.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          SMOKE_TEST_URL: ${{ secrets.RELEASE_TEST_URL }}
-          SMOKE_TEST_ADMIN_USER: ${{ secrets.RELEASE_TEST_ADMIN_USER }}
-          SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.RELEASE_TEST_ADMIN_PASSWORD }}
-          SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.RELEASE_TEST_ADMIN_USER_EMAIL }}
-          SMOKE_TEST_CUSTOMER_USER: ${{ secrets.RELEASE_TEST_CUSTOMER_USER }}
-          SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.RELEASE_TEST_CUSTOMER_PASSWORD }}
-          WC_E2E_SCREENSHOTS: 1
-          E2E_RETEST: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
-          TEST_RELEASE: 1
-          UPDATE_WC: 1
-          DEFAULT_TIMEOUT_OVERRIDE: 120000
-          BASE_URL: ${{ secrets.RELEASE_TEST_URL }}
-          USER_KEY: ${{ secrets.RELEASE_TEST_ADMIN_USER }}
-          USER_SECRET: ${{ secrets.RELEASE_TEST_ADMIN_PASSWORD }}
-        run: |
-          pnpx wc-e2e test:e2e tests/e2e/specs/smoke-tests/update-woocommerce.js
-          pnpx wc-e2e test:e2e
-          pnpx wc-api-tests test api
-  test-wp-version:
-    name: Smoke test on L-${{ matrix.wp }} WordPress version
-    runs-on: ubuntu-18.04
-    strategy:
-      matrix: 
-        wp: [ '1', '2' ]
-    steps:
+            - name: Run smoke test.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  SMOKE_TEST_URL: ${{ secrets.RELEASE_TEST_URL }}
+                  SMOKE_TEST_ADMIN_USER: ${{ secrets.RELEASE_TEST_ADMIN_USER }}
+                  SMOKE_TEST_ADMIN_PASSWORD: ${{ secrets.RELEASE_TEST_ADMIN_PASSWORD }}
+                  SMOKE_TEST_ADMIN_USER_EMAIL: ${{ secrets.RELEASE_TEST_ADMIN_USER_EMAIL }}
+                  SMOKE_TEST_CUSTOMER_USER: ${{ secrets.RELEASE_TEST_CUSTOMER_USER }}
+                  SMOKE_TEST_CUSTOMER_PASSWORD: ${{ secrets.RELEASE_TEST_CUSTOMER_PASSWORD }}
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_RETEST: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
+                  TEST_RELEASE: 1
+                  UPDATE_WC: 1
+                  DEFAULT_TIMEOUT_OVERRIDE: 120000
+                  BASE_URL: ${{ secrets.RELEASE_TEST_URL }}
+                  USER_KEY: ${{ secrets.RELEASE_TEST_ADMIN_USER }}
+                  USER_SECRET: ${{ secrets.RELEASE_TEST_ADMIN_PASSWORD }}
+              run: |
+                  pnpm exec wc-e2e test:e2e tests/e2e/specs/smoke-tests/update-woocommerce.js
+                  pnpm exec wc-e2e test:e2e
+                  pnpm exec wc-api-tests test api
+    test-wp-version:
+        name: Smoke test on L-${{ matrix.wp }} WordPress version
+        runs-on: ubuntu-18.04
+        strategy:
+            matrix:
+                wp: ['1', '2']
+        steps:
+            - name: Create dirs.
+              run: |
+                  mkdir -p code/woocommerce
+                  mkdir -p package/woocommerce
+                  mkdir -p tmp/woocommerce
+                  mkdir -p node_modules
 
-      - name: Create dirs.
-        run: |
-              mkdir -p code/woocommerce
-              mkdir -p package/woocommerce
-              mkdir -p tmp/woocommerce
-              mkdir -p node_modules
+            - name: Checkout code.
+              uses: actions/checkout@v2
+              with:
+                  path: package/woocommerce
+            - name: Fetch Asset ID
+              id: fetch_asset_id
+              uses: actions/github-script@v5
+              env:
+                  RELEASE_ID: ${{ github.event.inputs.release_id }}
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  REPO: ${{ github.repository }}
+              with:
+                  script: |
+                      const script = require( './package/woocommerce/.github/workflows/scripts/fetch-asset-id.js' )
+                      await script({github, context, core})
 
-      - name: Checkout code.
-        uses: actions/checkout@v2
-        with:
-          path: package/woocommerce
-      - name: Fetch Asset ID
-        id: fetch_asset_id
-        uses: actions/github-script@v5
-        env:
-          RELEASE_ID: ${{ github.event.inputs.release_id }}
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          REPO: ${{ github.repository }}
-        with:
-          script: |
-            const script = require( './package/woocommerce/.github/workflows/scripts/fetch-asset-id.js' )
-            await script({github, context, core})
+            - name: Install PNPM and install dependencies
+              working-directory: package/woocommerce
+              run: |
+                  npm install -g pnpm
+                  pnpm install
 
-      - name: Install PNPM and install dependencies
-        working-directory: package/woocommerce
-        run: |
-            npm install -g pnpm
-            pnpm install
+            - name: Load docker images and start containers.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  LATEST_WP_VERSION_MINUS: ${{ matrix.wp }}
+              run: pnpm nx docker-up woocommerce
 
-      - name: Load docker images and start containers.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          LATEST_WP_VERSION_MINUS: ${{ matrix.wp }}
-        run: pnpm nx docker-up woocommerce
+            - name: Move current directory to code. We will install zip file in this dir later.
+              run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
-      - name: Move current directory to code. We will install zip file in this dir later.
-        run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
+            - name: Download WooCommerce release zip
+              working-directory: tmp
+              run: |
+                  curl https://api.github.com/repos/${{ github.repository }}/releases/assets/${{ steps.fetch_asset_id.outputs.asset_id }} -LJOH 'Accept: application/octet-stream'
 
-      - name: Download WooCommerce release zip
-        working-directory: tmp
-        run: |
-          curl https://api.github.com/repos/${{ github.repository }}/releases/assets/${{ steps.fetch_asset_id.outputs.asset_id }} -LJOH 'Accept: application/octet-stream'
+                  unzip woocommerce.zip -d woocommerce
+                  mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
-          unzip woocommerce.zip -d woocommerce
-          mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
+            - name: Run tests command.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
+              run: pnpm nx test-e2e woocommerce
 
-      - name: Run tests command.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          WC_E2E_SCREENSHOTS: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
-        run: pnpm nx test-e2e woocommerce
+    test-plugins:
+        name: Smoke tests with ${{ matrix.plugin }} plugin installed
+        runs-on: ubuntu-18.04
+        strategy:
+            fail-fast: false
+            matrix:
+                include:
+                    - plugin: 'WooCommerce Payments'
+                      repo: 'automattic/woocommerce-payments'
+                    - plugin: 'WooCommerce PayPal Payments'
+                      repo: 'woocommerce/woocommerce-paypal-payments'
+                    - plugin: 'WooCommerce Shipping & Tax'
+                      repo: 'automattic/woocommerce-services'
+                    - plugin: 'WooCommerce Subscriptions'
+                      repo: WC_SUBSCRIPTIONS_REPO
+                      private: true
+                    - plugin: 'WordPress SEO' # Yoast SEO in the UI, but the slug is wordpress-seo
+                      repo: 'Yoast/wordpress-seo'
+                    - plugin: 'Contact Form 7'
+                      repo: 'takayukister/contact-form-7'
+        steps:
+            - name: Create dirs.
+              run: |
+                  mkdir -p code/woocommerce
+                  mkdir -p package/woocommerce
+                  mkdir -p tmp/woocommerce
+                  mkdir -p node_modules
 
-  test-plugins:
-    name: Smoke tests with ${{ matrix.plugin }} plugin installed
-    runs-on: ubuntu-18.04
-    strategy:
-      fail-fast: false
-      matrix:
-        include:
-          - plugin: 'WooCommerce Payments'
-            repo: 'automattic/woocommerce-payments'
-          - plugin: 'WooCommerce PayPal Payments'
-            repo: 'woocommerce/woocommerce-paypal-payments'
-          - plugin: 'WooCommerce Shipping & Tax'
-            repo: 'automattic/woocommerce-services'
-          - plugin: 'WooCommerce Subscriptions'
-            repo: WC_SUBSCRIPTIONS_REPO
-            private: true
-          - plugin: 'WordPress SEO' # Yoast SEO in the UI, but the slug is wordpress-seo
-            repo: 'Yoast/wordpress-seo'
-          - plugin: 'Contact Form 7'
-            repo: 'takayukister/contact-form-7'
-    steps:
-      - name: Create dirs.
-        run: |
-              mkdir -p code/woocommerce
-              mkdir -p package/woocommerce
-              mkdir -p tmp/woocommerce
-              mkdir -p node_modules
+            - name: Checkout code.
+              uses: actions/checkout@v2
+              with:
+                  path: package/woocommerce
+            - name: Fetch Asset ID
+              id: fetch_asset_id
+              uses: actions/github-script@v5
+              env:
+                  RELEASE_ID: ${{ github.event.inputs.release_id }}
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  REPO: ${{ github.repository }}
+              with:
+                  script: |
+                      const script = require( './package/woocommerce/.github/workflows/scripts/fetch-asset-id.js' )
+                      await script({github, context, core})
 
-      - name: Checkout code.
-        uses: actions/checkout@v2
-        with:
-          path: package/woocommerce
-      - name: Fetch Asset ID
-        id: fetch_asset_id
-        uses: actions/github-script@v5
-        env:
-          RELEASE_ID: ${{ github.event.inputs.release_id }}
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          REPO: ${{ github.repository }}
-        with:
-          script: |
-            const script = require( './package/woocommerce/.github/workflows/scripts/fetch-asset-id.js' )
-            await script({github, context, core})
+            - name: Install PNPM and install dependencies
+              working-directory: package/woocommerce
+              run: |
+                  npm install -g pnpm
+                  pnpm install
 
-      - name: Install PNPM and install dependencies
-        working-directory: package/woocommerce
-        run: |
-            npm install -g pnpm
-            pnpm install
+            - name: Load docker images and start containers.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  LATEST_WP_VERSION_MINUS: ${{ matrix.wp }}
+              run: pnpm nx docker-up woocommerce
 
-      - name: Load docker images and start containers.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          LATEST_WP_VERSION_MINUS: ${{ matrix.wp }}
-        run: pnpm nx docker-up woocommerce
+            - name: Move current directory to code. We will install zip file in this dir later.
+              run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
-      - name: Move current directory to code. We will install zip file in this dir later.
-        run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
+            - name: Download WooCommerce release zip
+              working-directory: tmp
+              run: |
+                  curl https://api.github.com/repos/${{ github.repository }}/releases/assets/${{ steps.fetch_asset_id.outputs.asset_id }} -LJOH 'Accept: application/octet-stream'
 
-      - name: Download WooCommerce release zip
-        working-directory: tmp
-        run: |
-          curl https://api.github.com/repos/${{ github.repository }}/releases/assets/${{ steps.fetch_asset_id.outputs.asset_id }} -LJOH 'Accept: application/octet-stream'
+                  unzip woocommerce.zip -d woocommerce
+                  mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
-          unzip woocommerce.zip -d woocommerce
-          mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
-
-      - name: Run tests command.
-        working-directory: package/woocommerce/plugins/woocommerce
-        env:
-          WC_E2E_SCREENSHOTS: 1
-          E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-          E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
-          PLUGIN_REPOSITORY: ${{ matrix.private && secrets[matrix.repo] || matrix.repo }}
-          PLUGIN_NAME: ${{ matrix.plugin }}
-          GITHUB_TOKEN: ${{ secrets.E2E_GH_TOKEN }}
-        run: |
-          pnpx wc-e2e test:e2e tests/e2e/specs/smoke-tests/upload-plugin.js
-          pnpx wc-e2e test:e2e
+            - name: Run tests command.
+              working-directory: package/woocommerce/plugins/woocommerce
+              env:
+                  WC_E2E_SCREENSHOTS: 1
+                  E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+                  E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
+                  PLUGIN_REPOSITORY: ${{ matrix.private && secrets[matrix.repo] || matrix.repo }}
+                  PLUGIN_NAME: ${{ matrix.plugin }}
+                  GITHUB_TOKEN: ${{ secrets.E2E_GH_TOKEN }}
+              run: |
+                  pnpm exec wc-e2e test:e2e tests/e2e/specs/smoke-tests/upload-plugin.js
+                  pnpm exec wc-e2e test:e2e
diff --git a/packages/js/api-core-tests/bin/wc-api-tests.sh b/packages/js/api-core-tests/bin/wc-api-tests.sh
index fdbcd78bc70..24054b1bc2b 100755
--- a/packages/js/api-core-tests/bin/wc-api-tests.sh
+++ b/packages/js/api-core-tests/bin/wc-api-tests.sh
@@ -38,7 +38,7 @@ report() {
 	if [[ $REPORT_EXIT_CODE -eq 0 && $GITHUB_ACTIONS != "true" ]]; then
 		echo "To view the report on your browser, run:"
 		echo ""
-		echo "pnpx allure open \"$ALLURE_REPORT_DIR\""
+		echo "pnpm dlx allure open \"$ALLURE_REPORT_DIR\""
 		echo ""
 	fi
 }
diff --git a/packages/js/e2e-environment/README.md b/packages/js/e2e-environment/README.md
index ae8a3df1506..7093a98bd53 100644
--- a/packages/js/e2e-environment/README.md
+++ b/packages/js/e2e-environment/README.md
@@ -95,7 +95,7 @@ The E2E environment has the following methods to let us control Jest's overall b
 **NOTE:** The amount of times failed tests are retried can also be set using the `E2E_RETRY_TIMES` environment variable when executing tests. This can be done using the command below: 
 
 ```
-E2E_RETRY_TIMES=2 pnpx wc-e2e test:e2e
+E2E_RETRY_TIMES=2 pnpm exec wc-e2e test:e2e
 ```
 
 #### Test Screenshots
diff --git a/packages/js/e2e-environment/builtin.md b/packages/js/e2e-environment/builtin.md
index 683e4269001..3f76a8a8332 100644
--- a/packages/js/e2e-environment/builtin.md
+++ b/packages/js/e2e-environment/builtin.md
@@ -52,7 +52,7 @@ wp plugin install wp-mail-logging --activate
 The container build script supports an initialization script parameter
 
 ```shell script
-pnpx wc-e2e docker:up plugins/woocommerce/tests/e2e/docker/init-wp-beta.sh
+pnpm exec wc-e2e docker:up plugins/woocommerce/tests/e2e/docker/init-wp-beta.sh
 ```
 
 This script updates WordPress to the latest nightly point release
diff --git a/plugins/woocommerce/legacy/project.json b/plugins/woocommerce/legacy/project.json
index 7043c74e3f2..9538e820d22 100644
--- a/plugins/woocommerce/legacy/project.json
+++ b/plugins/woocommerce/legacy/project.json
@@ -9,7 +9,7 @@
 			"options": {
 				"commands": [
 					{
-						"command": "pnpx grunt assets",
+						"command": "pnpm dlx grunt assets",
 						"forwardAllArgs": false
 					}
 				],
@@ -25,11 +25,11 @@
 			"options": {
 				"commands": [
 					{
-						"command": "pnpx grunt eslint",
+						"command": "pnpm dlx grunt eslint",
 						"forwardAllArgs": false
 					},
 					{
-						"command": "pnpx grunt stylelint",
+						"command": "pnpm dlx grunt stylelint",
 						"forwardAllArgs": false
 					}
 				],
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 544ac1b7efa..f24441429ae 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -1,110 +1,110 @@
 {
-  "name": "woocommerce",
-  "title": "WooCommerce",
-  "version": "6.4.0",
-  "homepage": "https://woocommerce.com/",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "license": "GPL-3.0+",
-  "config": {
-    "wp_org_slug": "woocommerce"
-  },
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "build": "./bin/build-zip.sh",
-    "build:feature-config": "php bin/generate-feature-config.php",
-    "build:core": "pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm run makepot",
-    "build:zip": "pnpm run build",
-    "lint:js": "eslint assets/js --ext=js",
-    "docker:down": "pnpx wc-e2e docker:down",
-    "docker:ssh": "pnpx wc-e2e docker:ssh",
-    "docker:up": "pnpx wc-e2e docker:up",
-    "test:api": "ALLURE_OUTPUT_DIR=\"$PWD/tests/api\" pnpx wc-api-tests test api",
-    "make:collection": "pnpx wc-api-tests make:collection",
-    "test:e2e": "pnpx wc-e2e test:e2e",
-    "test:e2e-debug": "pnpx wc-e2e test:e2e-debug",
-    "test:e2e-dev": "pnpx wc-e2e test:e2e-dev",
-    "test:unit": "./vendor/bin/phpunit -c ./phpunit.xml",
-    "makepot": "composer run-script makepot",
-    "packages:fix:textdomain": "node ./bin/package-update-textdomain.js",
-    "git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && node ./node_modules/husky/husky.js install"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.12.8",
-    "@babel/core": "7.12.9",
-    "@babel/preset-env": "7.12.7",
-    "@babel/register": "7.12.1",
-    "@typescript-eslint/eslint-plugin": "3.10.1",
-    "@typescript-eslint/experimental-utils": "3.10.1",
-    "@typescript-eslint/parser": "3.10.1",
-    "@woocommerce/admin-e2e-tests": "workspace:*",
-    "@woocommerce/api": "workspace:*",
-    "@woocommerce/api-core-tests": "workspace:*",
-    "@woocommerce/e2e-core-tests": "workspace:*",
-    "@woocommerce/e2e-environment": "workspace:*",
-    "@woocommerce/e2e-utils": "workspace:*",
-    "@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
-    "@wordpress/babel-preset-default": "3.0.2",
-    "@wordpress/eslint-plugin": "7.3.0",
-    "@wordpress/stylelint-config": "19.1.0",
-    "allure-commandline": "^2.17.2",
-    "autoprefixer": "9.8.6",
-    "babel-eslint": "10.1.0",
-    "chai": "4.2.0",
-    "chai-as-promised": "7.1.1",
-    "config": "3.3.3",
-    "cross-env": "6.0.3",
-    "deasync": "0.1.21",
-    "eslint": "6.8.0",
-    "eslint-config-wpcalypso": "5.0.0",
-    "eslint-plugin-jest": "23.20.0",
-    "github-contributors-list": "https://github.com/woocommerce/github-contributors-list/tarball/master",
-    "husky": "4.3.0",
-    "istanbul": "1.0.0-alpha.2",
-    "jest": "^25.1.0",
-    "lint-staged": "9.5.0",
-    "mocha": "7.2.0",
-    "prettier": "npm:wp-prettier@2.0.5",
-    "stylelint": "^13.8.0",
-    "typescript": "3.9.7",
-    "webpack": "4.44.2",
-    "webpack-cli": "3.3.12",
-    "wp-textdomain": "1.0.1"
-  },
-  "engines": {
-    "node": "^16.13.1",
-    "pnpm": "^6.24.2"
-  },
-  "husky": {
-    "hooks": {
-      "post-merge": "./bin/post-merge.sh",
-      "pre-commit": "lint-staged",
-      "pre-push": "./bin/pre-push.sh"
-    }
-  },
-  "lint-staged": {
-    "*.php": [
-      "php -d display_errors=1 -l",
-      "composer run-script phpcs-pre-commit"
-    ],
-    "*.scss": [
-      "stylelint --syntax=scss --fix",
-      "git add"
-    ],
-    "*.js": [
-      "eslint --fix",
-      "git add"
-    ],
-    "*.ts": [
-      "eslint --fix",
-      "git add"
-    ]
-  },
-  "browserslist": [
-    "> 0.1%",
-    "ie 8",
-    "ie 9"
-  ]
+	"name": "woocommerce",
+	"title": "WooCommerce",
+	"version": "6.4.0",
+	"homepage": "https://woocommerce.com/",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"license": "GPL-3.0+",
+	"config": {
+		"wp_org_slug": "woocommerce"
+	},
+	"scripts": {
+		"preinstall": "npx only-allow pnpm",
+		"build": "./bin/build-zip.sh",
+		"build:feature-config": "php bin/generate-feature-config.php",
+		"build:core": "pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm run makepot",
+		"build:zip": "pnpm run build",
+		"lint:js": "eslint assets/js --ext=js",
+		"docker:down": "pnpm exec wc-e2e docker:down",
+		"docker:ssh": "pnpm exec wc-e2e docker:ssh",
+		"docker:up": "pnpm exec wc-e2e docker:up",
+		"test:api": "ALLURE_OUTPUT_DIR=\"$PWD/tests/api\" pnpm exec wc-api-tests test api",
+		"make:collection": "pnpm exec wc-api-tests make:collection",
+		"test:e2e": "pnpm exec wc-e2e test:e2e",
+		"test:e2e-debug": "pnpm exec wc-e2e test:e2e-debug",
+		"test:e2e-dev": "pnpm exec wc-e2e test:e2e-dev",
+		"test:unit": "./vendor/bin/phpunit -c ./phpunit.xml",
+		"makepot": "composer run-script makepot",
+		"packages:fix:textdomain": "node ./bin/package-update-textdomain.js",
+		"git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && node ./node_modules/husky/husky.js install"
+	},
+	"devDependencies": {
+		"@babel/cli": "7.12.8",
+		"@babel/core": "7.12.9",
+		"@babel/preset-env": "7.12.7",
+		"@babel/register": "7.12.1",
+		"@typescript-eslint/eslint-plugin": "3.10.1",
+		"@typescript-eslint/experimental-utils": "3.10.1",
+		"@typescript-eslint/parser": "3.10.1",
+		"@woocommerce/admin-e2e-tests": "workspace:*",
+		"@woocommerce/api": "workspace:*",
+		"@woocommerce/api-core-tests": "workspace:*",
+		"@woocommerce/e2e-core-tests": "workspace:*",
+		"@woocommerce/e2e-environment": "workspace:*",
+		"@woocommerce/e2e-utils": "workspace:*",
+		"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
+		"@wordpress/babel-preset-default": "3.0.2",
+		"@wordpress/eslint-plugin": "7.3.0",
+		"@wordpress/stylelint-config": "19.1.0",
+		"allure-commandline": "^2.17.2",
+		"autoprefixer": "9.8.6",
+		"babel-eslint": "10.1.0",
+		"chai": "4.2.0",
+		"chai-as-promised": "7.1.1",
+		"config": "3.3.3",
+		"cross-env": "6.0.3",
+		"deasync": "0.1.21",
+		"eslint": "6.8.0",
+		"eslint-config-wpcalypso": "5.0.0",
+		"eslint-plugin-jest": "23.20.0",
+		"github-contributors-list": "https://github.com/woocommerce/github-contributors-list/tarball/master",
+		"husky": "4.3.0",
+		"istanbul": "1.0.0-alpha.2",
+		"jest": "^25.1.0",
+		"lint-staged": "9.5.0",
+		"mocha": "7.2.0",
+		"prettier": "npm:wp-prettier@2.0.5",
+		"stylelint": "^13.8.0",
+		"typescript": "3.9.7",
+		"webpack": "4.44.2",
+		"webpack-cli": "3.3.12",
+		"wp-textdomain": "1.0.1"
+	},
+	"engines": {
+		"node": "^16.13.1",
+		"pnpm": "^6.24.2"
+	},
+	"husky": {
+		"hooks": {
+			"post-merge": "./bin/post-merge.sh",
+			"pre-commit": "lint-staged",
+			"pre-push": "./bin/pre-push.sh"
+		}
+	},
+	"lint-staged": {
+		"*.php": [
+			"php -d display_errors=1 -l",
+			"composer run-script phpcs-pre-commit"
+		],
+		"*.scss": [
+			"stylelint --syntax=scss --fix",
+			"git add"
+		],
+		"*.js": [
+			"eslint --fix",
+			"git add"
+		],
+		"*.ts": [
+			"eslint --fix",
+			"git add"
+		]
+	},
+	"browserslist": [
+		"> 0.1%",
+		"ie 8",
+		"ie 9"
+	]
 }
diff --git a/plugins/woocommerce/project.json b/plugins/woocommerce/project.json
index bc0737df1d6..8bdfd0fb71f 100644
--- a/plugins/woocommerce/project.json
+++ b/plugins/woocommerce/project.json
@@ -65,7 +65,7 @@
 		"watch-assets": {
 			"executor": "@nrwl/workspace:run-commands",
 			"options": {
-				"command": "pnpx grunt watch",
+				"command": "pnpm dlx grunt watch",
 				"cwd": "plugins/woocommerce/legacy"
 			}
 		},
diff --git a/plugins/woocommerce/tests/e2e/README.md b/plugins/woocommerce/tests/e2e/README.md
index 4ecb3d44d54..f9161e3df56 100644
--- a/plugins/woocommerce/tests/e2e/README.md
+++ b/plugins/woocommerce/tests/e2e/README.md
@@ -193,7 +193,7 @@ Sometimes tests may fail for different reasons such as network issues, or lost c
 
 ```
 cd plugins/woocommerce
-E2E_RETRY_TIMES=2 pnpx wc-e2e test:e2e
+E2E_RETRY_TIMES=2 pnpm exec wc-e2e test:e2e
 ```
 
 ### How to run tests in debug mode
@@ -212,7 +212,7 @@ To run an individual test, use the direct path to the spec. For example:
 
 ```bash
 cd plugins/woocommerce
-pnpx wc-e2e test:e2e ./tests/e2e/specs/wp-admin/create-order.test.js
+pnpm exec wc-e2e test:e2e ./tests/e2e/specs/wp-admin/create-order.test.js
 ``` 
 
 ### How to skip tests

From cdc79019823f37f6593acb5847831d96f2732b38 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 7 Apr 2022 17:20:40 -0700
Subject: [PATCH 006/327] Adding changelog

---
 plugins/woocommerce/changelog/update-32508_pnpx_deprecated | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/update-32508_pnpx_deprecated

diff --git a/plugins/woocommerce/changelog/update-32508_pnpx_deprecated b/plugins/woocommerce/changelog/update-32508_pnpx_deprecated
new file mode 100644
index 00000000000..e8010152980
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-32508_pnpx_deprecated
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Updating instance of now-deprecated pnpx to pnpm dlx/exec

From 0acf54ab257e17b70e78da7447869c110d5d6e33 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Fri, 8 Apr 2022 13:20:34 -0700
Subject: [PATCH 007/327] Reduce risk of prematurely dropping meta box error
 messages.

---
 .../admin/class-wc-admin-meta-boxes.php       | 32 +++++++-
 .../woocommerce/includes/class-wc-ajax.php    |  2 +-
 .../admin/class-wc-admin-meta-boxes-test.php  | 73 +++++++++++++++++++
 3 files changed, 102 insertions(+), 5 deletions(-)
 create mode 100644 plugins/woocommerce/tests/php/includes/admin/class-wc-admin-meta-boxes-test.php

diff --git a/plugins/woocommerce/includes/admin/class-wc-admin-meta-boxes.php b/plugins/woocommerce/includes/admin/class-wc-admin-meta-boxes.php
index b8c39253cf3..1929298decb 100644
--- a/plugins/woocommerce/includes/admin/class-wc-admin-meta-boxes.php
+++ b/plugins/woocommerce/includes/admin/class-wc-admin-meta-boxes.php
@@ -15,6 +15,12 @@ defined( 'ABSPATH' ) || exit;
  * WC_Admin_Meta_Boxes.
  */
 class WC_Admin_Meta_Boxes {
+	/**
+	 * Name of the option used to store errors to be displayed at the next suitable opportunity.
+	 *
+	 * @since 6.5.0
+	 */
+	public const ERROR_STORE = 'woocommerce_meta_box_errors';
 
 	/**
 	 * Is meta boxes saved once?
@@ -66,7 +72,7 @@ class WC_Admin_Meta_Boxes {
 
 		// Error handling (for showing errors from meta boxes on next page load).
 		add_action( 'admin_notices', array( $this, 'output_errors' ) );
-		add_action( 'shutdown', array( $this, 'save_errors' ) );
+		add_action( 'shutdown', array( $this, 'append_to_error_store' ) );
 
 		add_filter( 'theme_product_templates', array( $this, 'remove_block_templates' ), 10, 1 );
 	}
@@ -82,16 +88,34 @@ class WC_Admin_Meta_Boxes {
 
 	/**
 	 * Save errors to an option.
+	 *
+	 * Note that calling this will overwrite any errors that have already been stored via the Options API.
+	 * Unless you are sure you want this, consider using the append_to_error_store() method instead.
 	 */
 	public function save_errors() {
-		update_option( 'woocommerce_meta_box_errors', self::$meta_box_errors );
+		update_option( self::ERROR_STORE, self::$meta_box_errors );
+	}
+
+	/**
+	 * If additional errors have been added in the current request (ie, via the add_error() method) then they
+	 * will be added to the persistent error store via the Options API.
+	 *
+	 * @since 6.5.0
+	 */
+	public function append_to_error_store() {
+		if ( empty( self::$meta_box_errors ) ) {
+			return;
+		}
+
+		$existing_errors = get_option( self::ERROR_STORE, array() );
+		update_option( self::ERROR_STORE, array_unique( array_merge( $existing_errors, self::$meta_box_errors ) ) );
 	}
 
 	/**
 	 * Show any stored error messages.
 	 */
 	public function output_errors() {
-		$errors = array_filter( (array) get_option( 'woocommerce_meta_box_errors' ) );
+		$errors = array_filter( (array) get_option( self::ERROR_STORE ) );
 
 		if ( ! empty( $errors ) ) {
 
@@ -104,7 +128,7 @@ class WC_Admin_Meta_Boxes {
 			echo '</div>';
 
 			// Clear.
-			delete_option( 'woocommerce_meta_box_errors' );
+			delete_option( self::ERROR_STORE );
 		}
 	}
 
diff --git a/plugins/woocommerce/includes/class-wc-ajax.php b/plugins/woocommerce/includes/class-wc-ajax.php
index 5b8229faef5..615fc902f95 100644
--- a/plugins/woocommerce/includes/class-wc-ajax.php
+++ b/plugins/woocommerce/includes/class-wc-ajax.php
@@ -2226,7 +2226,7 @@ class WC_AJAX {
 			echo '<button type="button" class="notice-dismiss"><span class="screen-reader-text">' . esc_html__( 'Dismiss this notice.', 'woocommerce' ) . '</span></button>';
 			echo '</div>';
 
-			delete_option( 'woocommerce_meta_box_errors' );
+			delete_option( WC_Admin_Meta_Boxes::ERROR_STORE );
 		}
 
 		wp_die();
diff --git a/plugins/woocommerce/tests/php/includes/admin/class-wc-admin-meta-boxes-test.php b/plugins/woocommerce/tests/php/includes/admin/class-wc-admin-meta-boxes-test.php
new file mode 100644
index 00000000000..eb1f278bb43
--- /dev/null
+++ b/plugins/woocommerce/tests/php/includes/admin/class-wc-admin-meta-boxes-test.php
@@ -0,0 +1,73 @@
+<?php
+
+/**
+ * Tests for meta box-related functionality in the product editor.
+ */
+class WC_Admin_Meta_Boxes_Test extends WC_Unit_Test_Case {
+	/**
+	 * @var WC_Admin_Meta_Boxes
+	 */
+	private $sut;
+
+	/**
+	 * Create subject-under-test.
+	 */
+	public function set_up() {
+		$this->sut = new WC_Admin_Meta_Boxes();
+		parent::set_up();
+	}
+
+	/**
+	 * @testdox Test that meta box errors can be stored and retrieved as expected.
+	 */
+	public function test_persistence_of_meta_box_errors() {
+		WC_Admin_Meta_Boxes::add_error( 'Oh no!' );
+		WC_Admin_Meta_Boxes::add_error( 'Crikey!' );
+
+		$error_output = $this->get_meta_box_error_output();
+		$this->assertEmpty( $error_output, 'If the errors have not first been saved to the database, they cannot be retrieved for display.' );
+
+		$this->simulate_shutdown();
+		$error_output = $this->get_meta_box_error_output();
+		$this->assertStringContainsString( 'Oh no!', $error_output, 'The error output contains the expected error string (test #1).' );
+		$this->assertStringContainsString( 'Crikey!', $error_output, 'The error output contains the expected error string (test #2).' );
+
+		$error_output = $this->get_meta_box_error_output();
+		$this->assertEmpty( $error_output, 'The error store is cleared after errors have been output.' );
+	}
+
+	/**
+	 * @testdox Test that the stored meta box errors are not accidentally cleared by concurrent requests before they are rendered.
+	 */
+	public function test_meta_box_errors_are_not_accidentally_cleared_during_shutdown() {
+		WC_Admin_Meta_Boxes::add_error( 'Yikes!' );
+
+		$this->simulate_shutdown();
+		$this->simulate_shutdown();
+
+		$error_output = $this->get_meta_box_error_output();
+		$this->assertStringContainsString( 'Yikes!', $error_output, 'The stored error persisted across requests.' );
+	}
+
+	/**
+	 * Calls the WC_Admin_Meta_Boxes::output_errors() method, capturing and returning the output.
+	 *
+	 * @return string
+	 */
+	private function get_meta_box_error_output(): string {
+		ob_start();
+		$this->sut->output_errors();
+		return ob_get_clean();
+	}
+
+	/**
+	 * Simulates what normally happens when `shutdown` occurs, in relation to the WC_Admin_Meta_Boxes class.
+	 * We avoid actually calling `do_action( 'shutdown' )` because we do not have perfect isolation between tests, and
+	 * wish to avoid unwanted side-effects unrelated to this set of tests.
+	 */
+	private function simulate_shutdown() {
+		// Previously (prior to 6.5.0), $this->sut->save_errors() would have been called during shutdown.
+		$this->sut->append_to_error_store();
+		WC_Admin_Meta_Boxes::$meta_box_errors = array();
+	}
+}

From 1d0c35d226997a76ce027b39ab6a54413c776a10 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Fri, 8 Apr 2022 15:51:24 -0700
Subject: [PATCH 008/327] Changelog.

---
 plugins/woocommerce/changelog/fix-errors-flash-messaging | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-errors-flash-messaging

diff --git a/plugins/woocommerce/changelog/fix-errors-flash-messaging b/plugins/woocommerce/changelog/fix-errors-flash-messaging
new file mode 100644
index 00000000000..71fb72d560c
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-errors-flash-messaging
@@ -0,0 +1,4 @@
+Significance: minor
+Type: tweak
+
+Changes to reduce the risk of admin error messages being discarded prematurely.

From ac446e851f5e357312f20c18d807196951eee594 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Mon, 11 Apr 2022 08:16:21 -0700
Subject: [PATCH 009/327] Satisfy linter action and use trailing comma in
 multi-line array.

---
 plugins/woocommerce/includes/class-wc-ajax.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-ajax.php b/plugins/woocommerce/includes/class-wc-ajax.php
index 615fc902f95..4a602d08336 100644
--- a/plugins/woocommerce/includes/class-wc-ajax.php
+++ b/plugins/woocommerce/includes/class-wc-ajax.php
@@ -3095,7 +3095,7 @@ class WC_AJAX {
 				}
 				$enabled = $gateway->get_option( 'enabled', 'no' );
 				$option  = array(
-					'id' => $gateway->get_option_key()
+					'id' => $gateway->get_option_key(),
 				);
 
 				if ( ! wc_string_to_bool( $enabled ) ) {

From 7cd7e0538f0defd751101a302ddc2b755ecb25ec Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:21:46 +0530
Subject: [PATCH 010/327] Enable meta migrations.

---
 .../Migrations/CustomOrderTable/WPPostToCOTMigrator.php        | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
index 6e94d9106e4..81f5f1e97c9 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
@@ -148,8 +148,7 @@ class WPPostToCOTMigrator {
 		$this->billing_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->shipping_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->operation_data_table_migrator->process_migration_batch_for_ids( $order_post_ids );
-		// TODO: Add resilience for meta migrations.
-		// $this->process_meta_migration( $order_post_ids );
+		$this->process_meta_migration( $order_post_ids );
 		// TODO: Return merged error array.
 	}
 

From 19b3f1a7d1bc79f6f32a913e5f86f5088b61e8cc Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:22:20 +0530
Subject: [PATCH 011/327] Add source table name to prevent ambigious column
 names.

---
 .../Migrations/CustomOrderTable/MetaToMetaTableMigrator.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index f043b70ffe2..7a1335c43b8 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -117,7 +117,7 @@ class MetaToMetaTableMigrator {
 	/**
 	 * Helper method to build query used to fetch data from source meta table.
 	 *
-	 * @param string $entity_ids List of entity IDs to build meta query for.
+	 * @param array $entity_ids List of entity IDs to build meta query for.
 	 *
 	 * @return string Query that can be used to fetch data.
 	 */
@@ -127,9 +127,9 @@ class MetaToMetaTableMigrator {
 		$source_meta_key_column   = $this->schema_config['source']['meta']['meta_key_column'];
 		$source_meta_value_column = $this->schema_config['source']['meta']['meta_value_column'];
 		$source_entity_id_column  = $this->schema_config['source']['meta']['entity_id_column'];
-		$order_by                 = "$source_entity_id_column ASC";
+		$order_by                 = "source.$source_entity_id_column ASC";
 
-		$where_clause = "$source_entity_id_column IN (" . implode( ', ', array_fill( 0, count( $entity_ids ), '%d' ) ) . ')';
+		$where_clause = "source.`$source_entity_id_column` IN (" . implode( ', ', array_fill( 0, count( $entity_ids ), '%d' ) ) . ')';
 
 		$destination_entity_table             = $this->schema_config['destination']['entity']['table_name'];
 		$destination_entity_id_column         = $this->schema_config['destination']['entity']['id_column'];

From f063d40c95b50357794fff48cfc4229d0caefbb8 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:22:39 +0530
Subject: [PATCH 012/327] Add test for migrations.

---
 .../WPPostToCOTMigratorTest.php               | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index e9e9c2e1034..52e1d6fd9b2 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -51,6 +51,7 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 		$this->assert_core_data_is_migrated( $order );
 		$this->assert_order_addresses_are_migrated( $order );
 		$this->assert_order_op_data_is_migrated( $order );
+		$this->assert_metadata_is_migrated( $order );
 	}
 
 	/**
@@ -149,7 +150,7 @@ WHERE order_id = {$order_id}
 	/**
 	 * Helper method to get address details from DB.
 	 *
-	 * @param int    $order_id Order ID.
+	 * @param int $order_id Order ID.
 	 * @param string $address_type Address Type.
 	 *
 	 * @return array|object|void|null DB object.
@@ -177,6 +178,13 @@ WHERE order_id = {$order_id}
 		return $wpdb->get_row( "SELECT * FROM $operational_data_table WHERE order_id = $order_id;" );
 	}
 
+	private function get_meta_data_from_cot( $order_id ) {
+		global $wpdb;
+		$metadata_table = $this->data_store::get_meta_table_name();
+
+		return $wpdb->get_results( "SELECT * FROM $metadata_table WHERE order_id = $order_id;" );
+	}
+
 	/**
 	 * Helper method to create complex wp_post based order.
 	 *
@@ -244,6 +252,9 @@ WHERE order_id = {$order_id}
 		$order->set_date_completed( time() );
 		$order->calculate_shipping();
 
+		$order->add_meta_data( 'unique_key_1', 'unique_value_1', true );
+		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_1', false );
+		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_2', false );
 		$order->save();
 		$order->save_meta_data();
 
@@ -352,6 +363,27 @@ WHERE order_id = {$order_id}
 		$this->assertEquals( (float) $order->get_discount_total(), (float) $db_order_op_data->discount_total_amount );
 	}
 
+	private function assert_metadata_is_migrated( $order ) {
+		$db_order  = $this->get_order_from_cot( $order );
+		$meta_data = $this->get_meta_data_from_cot( $db_order->id );
+
+		$unique_row = array_filter( $meta_data, function ( $meta_row ) {
+			return 'unique_key_1' === $meta_row->meta_key;
+		} );
+
+		$this->assertEquals( 1, count( $unique_row ) );
+		$this->assertEquals( 'unique_value_1', array_values( $unique_row)[0]->meta_value );
+
+		$non_unique_rows = array_filter( $meta_data, function ( $meta_row ) {
+			return 'non_unique_key_1' === $meta_row->meta_key;
+		} );
+		$this->assertEquals( 2, count( $non_unique_rows ) );
+		$this->assertEquals( array(
+			'non_unique_value_1',
+			'non_unique_value_2'
+		), array_column( $non_unique_rows, 'meta_value' ) );
+	}
+
 	/**
 	 * Helper method to clear checkout and truncate order tables.
 	 */

From f7bd63784593c29a186b29a49d1ae9e29d5c24d9 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:32:30 +0530
Subject: [PATCH 013/327] Add tests to check for duplicated meta records.

---
 .../WPPostToCOTMigratorTest.php               | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index 52e1d6fd9b2..d51eeb36633 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -104,6 +104,25 @@ WHERE order_id = {$order_id} AND address_type = 'shipping'
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_operational_data_table_name()}
 WHERE order_id = {$order_id}
+"
+			)
+		);
+
+		$this->assertEquals(
+			1,
+			$wpdb->get_var(
+				"
+SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
+WHERE order_id = {$order_id} AND meta_key = 'unique_key_1'
+"
+			)
+		);
+		$this->assertEquals(
+			2,
+			$wpdb->get_var(
+				"
+SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
+WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1'
 "
 			)
 		);

From c9c930cfcb3be192a131ebca8d3c65414973f831 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 16:41:58 +0530
Subject: [PATCH 014/327] Refactor meta migrator to follow pattern in meta to
 custom migrator.

---
 .../MetaToMetaTableMigrator.php               | 29 ++++++--
 .../WPPostMetaToOrderMetaMigrator.php         | 55 +++++++++++++++
 .../CustomOrderTable/WPPostToCOTMigrator.php  | 69 ++-----------------
 3 files changed, 81 insertions(+), 72 deletions(-)
 create mode 100644 plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 7a1335c43b8..a41578fc288 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -14,7 +14,7 @@ use Automattic\WooCommerce\Database\Migrations\MigrationHelper;
  *
  * @package Automattic\WooCommerce\Database\Migrations\CustomOrderTable
  */
-class MetaToMetaTableMigrator {
+abstract class MetaToMetaTableMigrator {
 
 	/**
 	 * Schema config, see __construct for more details.
@@ -24,14 +24,29 @@ class MetaToMetaTableMigrator {
 	private $schema_config;
 
 	/**
-	 * MetaToMetaTableMigrator constructor.
+	 * Store errors along with entity IDs from migrations.
 	 *
-	 * @param array $schema_config This parameters provides general but essential information about tables under migrations. Must be of the form-
-	 * TODO: Add structure.
+	 * @var array
 	 */
-	public function __construct( $schema_config ) {
-		// TODO: Validate params.
-		$this->schema_config = $schema_config;
+	protected $errors;
+
+	public abstract function get_meta_config();
+
+	public function __construct() {
+		$this->schema_config = $this->get_meta_config();
+		$this->errors = array();
+	}
+
+	public function process_migration_batch_for_ids( $entity_ids ) {
+		global $wpdb;
+		$data_to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
+		$insert_queries  = $this->generate_insert_sql_for_batch( $data_to_migrate['data'], 'insert' );
+		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
+		$result = $wpdb->query( $insert_queries );
+		if ( count( $data_to_migrate['data'] ) !== $result ) {
+			// TODO: Find and log entity ids that were not inserted.
+			echo 'error';
+		}
 	}
 
 	/**
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
new file mode 100644
index 00000000000..e155a93009f
--- /dev/null
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -0,0 +1,55 @@
+<?php
+
+namespace Automattic\WooCommerce\Database\Migrations\CustomOrderTable;
+
+class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
+
+	private $excluded_columns;
+
+	public function __construct( $excluded_columns ) {
+		$this->excluded_columns = $excluded_columns;
+		parent::__construct();
+	}
+
+	/**
+	 * Generate config for meta data migration.
+	 *
+	 * @return array Meta data migration config.
+	 */
+	public function get_meta_config() {
+		global $wpdb;
+		// TODO: Remove hardcoding.
+		$this->table_names = array(
+			'orders'    => $wpdb->prefix . 'wc_orders',
+			'addresses' => $wpdb->prefix . 'wc_order_addresses',
+			'op_data'   => $wpdb->prefix . 'wc_order_operational_data',
+			'meta'      => $wpdb->prefix . 'wc_orders_meta',
+		);
+
+		return array(
+			'source'      => array(
+				'meta'          => array(
+					'table_name'        => $wpdb->postmeta,
+					'entity_id_column'  => 'post_id',
+					'meta_key_column'   => 'meta_key',
+					'meta_value_column' => 'meta_value',
+				),
+				'excluded_keys' => $this->excluded_columns,
+			),
+			'destination' => array(
+				'meta'   => array(
+					'table_name'        => $this->table_names['meta'],
+					'entity_id_column'  => 'order_id',
+					'meta_key_column'   => 'meta_key',
+					'meta_value_column' => 'meta_value',
+					'entity_id_type'    => 'int',
+				),
+				'entity' => array(
+					'table_name'       => $this->table_names['orders'],
+					'source_id_column' => 'post_id',
+					'id_column'        => 'id',
+				),
+			),
+		);
+	}
+}
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
index 81f5f1e97c9..a2d7a463054 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
@@ -66,58 +66,13 @@ class WPPostToCOTMigrator {
 		$this->shipping_address_table_migrator = new WPPostToOrderAddressTableMigrator( 'shipping' );
 		$this->operation_data_table_migrator   = new WPPostToOrderOpTableMigrator();
 
-		$meta_data_config = $this->get_config_for_meta_table();
-
-		$this->meta_table_migrator = new MetaToMetaTableMigrator( $meta_data_config );
-
-		$this->error_logger = new MigrationErrorLogger();
-	}
-
-	/**
-	 * Generate config for meta data migration.
-	 *
-	 * @return array Meta data migration config.
-	 */
-	private function get_config_for_meta_table() {
-		global $wpdb;
-		// TODO: Remove hardcoding.
-		$this->table_names = array(
-			'orders'    => $wpdb->prefix . 'wc_orders',
-			'addresses' => $wpdb->prefix . 'wc_order_addresses',
-			'op_data'   => $wpdb->prefix . 'wc_order_operational_data',
-			'meta'      => $wpdb->prefix . 'wc_orders_meta',
-		);
-
 		$excluded_columns = array_keys( $this->order_table_migrator->get_meta_column_config() );
 		$excluded_columns = array_merge( $excluded_columns, array_keys( $this->billing_address_table_migrator->get_meta_column_config() ) );
 		$excluded_columns = array_merge( $excluded_columns, array_keys( $this->shipping_address_table_migrator->get_meta_column_config() ) );
 		$excluded_columns = array_merge( $excluded_columns, array_keys( $this->operation_data_table_migrator->get_meta_column_config() ) );
 
-		return array(
-			'source'      => array(
-				'meta'          => array(
-					'table_name'        => $wpdb->postmeta,
-					'entity_id_column'  => 'post_id',
-					'meta_key_column'   => 'meta_key',
-					'meta_value_column' => 'meta_value',
-				),
-				'excluded_keys' => $excluded_columns,
-			),
-			'destination' => array(
-				'meta'   => array(
-					'table_name'        => $this->table_names['meta'],
-					'entity_id_column'  => 'order_id',
-					'meta_key_column'   => 'meta_key',
-					'meta_value_column' => 'meta_value',
-					'entity_id_type'    => 'int',
-				),
-				'entity' => array(
-					'table_name'       => $this->table_names['orders'],
-					'source_id_column' => 'post_id',
-					'id_column'        => 'id',
-				),
-			),
-		);
+		$this->meta_table_migrator             = new WPPostMetaToOrderMetaMigrator( $excluded_columns );
+		$this->error_logger                    = new MigrationErrorLogger();
 	}
 
 	/**
@@ -135,6 +90,7 @@ class WPPostToCOTMigrator {
 		$this->process_migration_for_ids( $order_post_ids );
 		$last_post_migrated = max( $order_post_ids );
 		$this->update_checkpoint( $last_post_migrated );
+
 		return false;
 	}
 
@@ -148,27 +104,10 @@ class WPPostToCOTMigrator {
 		$this->billing_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->shipping_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->operation_data_table_migrator->process_migration_batch_for_ids( $order_post_ids );
-		$this->process_meta_migration( $order_post_ids );
+		$this->meta_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		// TODO: Return merged error array.
 	}
 
-	/**
-	 * Process migration for metadata for given post ids.
-	 *
-	 * @param array $order_post_ids Post IDs.
-	 */
-	private function process_meta_migration( $order_post_ids ) {
-		global $wpdb;
-		$data_to_migrate = $this->meta_table_migrator->fetch_data_for_migration_for_ids( $order_post_ids );
-		$insert_queries  = $this->meta_table_migrator->generate_insert_sql_for_batch( $data_to_migrate['data'], 'insert' );
-		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
-		$result = $wpdb->query( $insert_queries );
-		if ( count( $data_to_migrate['data'] ) !== $result ) {
-			// TODO: Find and log entity ids that were not inserted.
-			echo 'error';
-		}
-	}
-
 	/**
 	 * Method to migrate single record.
 	 *

From 8d840c4ea006fda0700635e15368f04079f352e4 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Wed, 13 Apr 2022 09:20:47 -0700
Subject: [PATCH 015/327] Display but do not require Street Address 2 for
 Vietnam.

---
 plugins/woocommerce/changelog/fix-32600-vietnam     | 4 ++++
 plugins/woocommerce/includes/class-wc-countries.php | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 plugins/woocommerce/changelog/fix-32600-vietnam

diff --git a/plugins/woocommerce/changelog/fix-32600-vietnam b/plugins/woocommerce/changelog/fix-32600-vietnam
new file mode 100644
index 00000000000..b6fa4972010
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32600-vietnam
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+For Vietnam, the second street address line should be displayed but not required.
diff --git a/plugins/woocommerce/includes/class-wc-countries.php b/plugins/woocommerce/includes/class-wc-countries.php
index fd2a1b96a2b..58bc5e6e335 100644
--- a/plugins/woocommerce/includes/class-wc-countries.php
+++ b/plugins/woocommerce/includes/class-wc-countries.php
@@ -1498,7 +1498,7 @@ class WC_Countries {
 						),
 						'address_2' => array(
 							'required' => false,
-							'hidden'   => true,
+							'hidden'   => false,
 						),
 					),
 					'WS' => array(

From 40c6ae32ff13e278492420c20c668fe6d9e25837 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Wed, 13 Apr 2022 12:31:36 -0700
Subject: [PATCH 016/327] Changing dlx to exec for grunt package

---
 plugins/woocommerce/legacy/project.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/legacy/project.json b/plugins/woocommerce/legacy/project.json
index 9538e820d22..2ba33de33d6 100644
--- a/plugins/woocommerce/legacy/project.json
+++ b/plugins/woocommerce/legacy/project.json
@@ -9,7 +9,7 @@
 			"options": {
 				"commands": [
 					{
-						"command": "pnpm dlx grunt assets",
+						"command": "pnpm exec grunt assets",
 						"forwardAllArgs": false
 					}
 				],
@@ -25,11 +25,11 @@
 			"options": {
 				"commands": [
 					{
-						"command": "pnpm dlx grunt eslint",
+						"command": "pnpm exec grunt eslint",
 						"forwardAllArgs": false
 					},
 					{
-						"command": "pnpm dlx grunt stylelint",
+						"command": "pnpm exec grunt stylelint",
 						"forwardAllArgs": false
 					}
 				],

From 5ebfa3e5365efaf5738cf1df51719d16f60a0a53 Mon Sep 17 00:00:00 2001
From: Jacob Sewell <jacob.sewell@automattic.com>
Date: Wed, 13 Apr 2022 15:18:14 -0500
Subject: [PATCH 017/327] Sanitize order and orderby args for get_notes() and
 lookup_notes().

---
 plugins/woocommerce/src/Admin/Notes/DataStore.php | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/src/Admin/Notes/DataStore.php b/plugins/woocommerce/src/Admin/Notes/DataStore.php
index 49b14e500b3..d0f6d035cd0 100644
--- a/plugins/woocommerce/src/Admin/Notes/DataStore.php
+++ b/plugins/woocommerce/src/Admin/Notes/DataStore.php
@@ -344,9 +344,13 @@ class DataStore extends \WC_Data_Store_WP implements \WC_Object_Data_Store_Inter
 		$offset        = $args['per_page'] * ( $args['page'] - 1 );
 		$where_clauses = $this->get_notes_where_clauses( $args, $context );
 
+		// sanitize order and orderby.
+		$order_by  = '`' . str_replace( '`', '', $args['orderby'] ) . '`';
+		$order_dir = 'asc' === strtolower( $args['order'] ) ? 'ASC' : 'DESC';
+
 		$query = $wpdb->prepare(
 			// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared, WordPress.DB.PreparedSQL.InterpolatedNotPrepared
-			"SELECT * FROM {$wpdb->prefix}wc_admin_notes WHERE 1=1{$where_clauses} ORDER BY {$args['orderby']} {$args['order']} LIMIT %d, %d",
+			"SELECT * FROM {$wpdb->prefix}wc_admin_notes WHERE 1=1{$where_clauses} ORDER BY {$order_by} {$order_dir} LIMIT %d, %d",
 			$offset,
 			$args['per_page']
 		);
@@ -372,7 +376,11 @@ class DataStore extends \WC_Data_Store_WP implements \WC_Object_Data_Store_Inter
 
 		$where_clauses = $this->args_to_where_clauses( $args );
 
-		$query = "SELECT * FROM {$wpdb->prefix}wc_admin_notes WHERE 1=1{$where_clauses} ORDER BY {$args['orderby']} {$args['order']}";
+		// sanitize order and orderby.
+		$order_by  = '`' . str_replace( '`', '', $args['orderby'] ) . '`';
+		$order_dir = 'asc' === strtolower( $args['order'] ) ? 'ASC' : 'DESC';
+
+		$query = "SELECT * FROM {$wpdb->prefix}wc_admin_notes WHERE 1=1{$where_clauses} ORDER BY {$order_by} {$order_dir}";
 
 		return $wpdb->get_results( $query ); // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared
 	}

From bc700e3735f98a7946645ab42cf786181014eb2f Mon Sep 17 00:00:00 2001
From: Jacob Sewell <jacob.sewell@automattic.com>
Date: Wed, 13 Apr 2022 15:35:23 -0500
Subject: [PATCH 018/327] Add unit tests for get_notes and lookup_notes order
 and orderby sanitization.

---
 .../notes/class-wc-tests-notes-data-store.php | 72 +++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/notes/class-wc-tests-notes-data-store.php b/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/notes/class-wc-tests-notes-data-store.php
index b4445dab708..3e48f0ca350 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/notes/class-wc-tests-notes-data-store.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/notes/class-wc-tests-notes-data-store.php
@@ -248,6 +248,78 @@ class WC_Admin_Tests_Notes_Data_Store extends WC_Unit_Test_Case {
 		$this->assertEquals( 1, did_action( 'woocommerce_caught_exception' ) );
 	}
 
+	/**
+	 * Test order and orderby sanitization in get_notes()
+	 */
+	public function test_get_notes_order_args_sanitized() {
+		global $wpdb;
+
+		$data_store = WC_Data_Store::load( 'admin-note' );
+
+		// Attempt to pass a nonstandard direction.
+		// It should be replaced with the default: DESC.
+		$data_store->get_notes( array( 'order' => 'increasing' ) );
+		$this->assertFalse( stripos( 'increasing', $wpdb->last_query ) );
+		$this->assertTrue( stripos( 'DESC', $wpdb->last_query ) >= 0 );
+
+		// Attempt to pass a standard direction in lowercase.
+		// It should be replaced with the all-caps equivalent.
+		$data_store->get_notes( array( 'order' => 'asc' ) );
+		$this->assertFalse( strpos( 'asc', $wpdb->last_query ) );
+		$this->assertTrue( strpos( 'ASC', $wpdb->last_query ) >= 0 );
+
+		// Attempt to pass a suspicious string for orderby.
+		// It should have backticks stripped from it and get wrapped in backticks, thus causing an error.
+		$log_file = ini_set( 'error_log', '/dev/null' );
+		$wpdb->hide_errors();
+		$this->assertTrue( '' === $wpdb->last_error );
+
+		$data_store->get_notes( array( 'orderby' => '`name`;select 1;' ) );
+
+		$this->assertFalse( stripos( '`name`;select', $wpdb->last_query ) );
+		$this->assertTrue( stripos( '`name;select 1;`', $wpdb->last_query ) >= 0 );
+		$this->assertFalse( '' === $wpdb->last_error );
+
+		ini_set( 'error_log', $log_file );
+		$wpdb->show_errors();
+	}
+
+	/**
+	 * Test order and orderby sanitization in lookup_notes()
+	 */
+	public function test_lookup_notes_order_args_sanitized() {
+		global $wpdb;
+
+		$data_store = WC_Data_Store::load( 'admin-note' );
+
+		// Attempt to pass a nonstandard direction.
+		// It should be replaced with the default: DESC.
+		$data_store->lookup_notes( array( 'order' => 'increasing' ) );
+		$this->assertFalse( stripos( 'increasing', $wpdb->last_query ) );
+		$this->assertTrue( stripos( 'DESC', $wpdb->last_query ) >= 0 );
+
+		// Attempt to pass a standard direction in lowercase.
+		// It should be replaced with the all-caps equivalent.
+		$data_store->lookup_notes( array( 'order' => 'asc' ) );
+		$this->assertFalse( strpos( 'asc', $wpdb->last_query ) );
+		$this->assertTrue( strpos( 'ASC', $wpdb->last_query ) >= 0 );
+
+		// Attempt to pass a suspicious string for orderby.
+		// It should have backticks stripped from it and get wrapped in backticks, thus causing an error.
+		$log_file = ini_set( 'error_log', '/dev/null' );
+		$wpdb->hide_errors();
+		$this->assertTrue( '' === $wpdb->last_error );
+
+		$data_store->lookup_notes( array( 'orderby' => '`name`;select 1;' ) );
+
+		$this->assertFalse( stripos( '`name`;select', $wpdb->last_query ) );
+		$this->assertTrue( stripos( '`name;select 1;`', $wpdb->last_query ) >= 0 );
+		$this->assertFalse( '' === $wpdb->last_error );
+
+		ini_set( 'error_log', $log_file );
+		$wpdb->show_errors();
+	}
+
 	/**
 	 * Test that sources are correctly added to where clause.
 	 */

From 6ad7729fb37ff33ce926c459a48c13475339031f Mon Sep 17 00:00:00 2001
From: Jacob Sewell <jacob.sewell@automattic.com>
Date: Wed, 13 Apr 2022 15:41:44 -0500
Subject: [PATCH 019/327] Changelog for 32614.

---
 plugins/woocommerce/changelog/fix-sanitize-notes-order-by | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-sanitize-notes-order-by

diff --git a/plugins/woocommerce/changelog/fix-sanitize-notes-order-by b/plugins/woocommerce/changelog/fix-sanitize-notes-order-by
new file mode 100644
index 00000000000..584264d8b5f
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-sanitize-notes-order-by
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Sanitize order and orderby args in get_notes and lookup_notes. #32614

From aec1344d03fe215ff04776c4006355cb41e2228d Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 15 Apr 2022 15:07:01 +0530
Subject: [PATCH 020/327] Add support for multi-value migrations.

---
 .../MetaToCustomTableMigrator.php             |  19 +-
 .../MetaToMetaTableMigrator.php               | 199 +++++++++++++++---
 .../WPPostMetaToOrderMetaMigrator.php         |  11 +-
 .../Database/Migrations/MigrationHelper.php   |  17 ++
 4 files changed, 196 insertions(+), 50 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
index f69d9dd3e32..4a8401c1b4e 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
@@ -163,7 +163,7 @@ abstract class MetaToCustomTableMigrator {
 			$batch
 		);
 
-		$duplicate_update_key_statement = $this->generate_on_duplicate_statement_clause( $columns );
+		$duplicate_update_key_statement = MigrationHelper::generate_on_duplicate_statement_clause( $columns );
 
 		return "INSERT INTO $table (`$column_sql`) VALUES $value_sql $duplicate_update_key_statement;";
 	}
@@ -219,23 +219,6 @@ abstract class MetaToCustomTableMigrator {
 		return array( $value_sql, $column_sql, $columns );
 	}
 
-	/**
-	 * Generates ON DUPLICATE KEY UPDATE clause to be used in migration.
-	 *
-	 * @param array $columns List of column names.
-	 *
-	 * @return string SQL clause for INSERT...ON DUPLICATE KEY UPDATE
-	 */
-	private function generate_on_duplicate_statement_clause( $columns ) {
-		$update_value_statements = array();
-		foreach ( $columns as $column ) {
-			$update_value_statements[] = "$column = VALUES( $column )";
-		}
-		$update_value_clause = implode( ', ', $update_value_statements );
-
-		return "ON DUPLICATE KEY UPDATE $update_value_clause";
-	}
-
 	/**
 	 * Process next migration batch, uses option `wc_cot_migration` to checkpoints of what have been processed so far.
 	 *
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index a41578fc288..9a266445400 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -34,63 +34,108 @@ abstract class MetaToMetaTableMigrator {
 
 	public function __construct() {
 		$this->schema_config = $this->get_meta_config();
-		$this->errors = array();
+		$this->errors        = array();
 	}
 
 	public function process_migration_batch_for_ids( $entity_ids ) {
 		global $wpdb;
 		$data_to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
-		$insert_queries  = $this->generate_insert_sql_for_batch( $data_to_migrate['data'], 'insert' );
+
+		$data_already_migrated = $this->get_already_migrated_records( $entity_ids );
+
+		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $data_to_migrate['data'], $data_already_migrated, $entity_ids );
+
+		$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );
 		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
 		$result = $wpdb->query( $insert_queries );
-		if ( count( $data_to_migrate['data'] ) !== $result ) {
+		$wpdb->query( 'COMMIT;' );
+		if ( count( $to_insert ) !== $result ) {
 			// TODO: Find and log entity ids that were not inserted.
 			echo 'error';
 		}
+
+		if ( empty( $to_update ) ) {
+			return;
+		}
+		$update_queries = $this->generate_update_sql_for_batch( $to_update );
+		$result         = $wpdb->query( $update_queries );
+		$wpdb->query( 'COMMIT;' );
+		// TODO: Find and log error updates.
+	}
+
+	public function generate_update_sql_for_batch( $batch ) {
+		global $wpdb;
+
+		$table             = $this->schema_config['destination']['meta']['table_name'];
+		$meta_id_column    = $this->schema_config['destination']['meta']['meta_id_column'];
+		$meta_key_column   = $this->schema_config['destination']['meta']['meta_key_column'];
+		$meta_value_column = $this->schema_config['destination']['meta']['meta_value_column'];
+		$entity_id_column  = $this->schema_config['destination']['meta']['entity_id_column'];
+		$columns           = array( $meta_id_column, $entity_id_column, $meta_key_column, $meta_value_column );
+		$columns_sql       = implode( '`, `', $columns );
+
+		$entity_id_column_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
+		$placeholder_string           = "%d, $entity_id_column_placeholder, %s, %s";
+		$values                       = array();
+		foreach ( $batch as $entity_id => $rows ) {
+			foreach ( $rows as $meta_key => $meta_details ) {
+				$values[] = $wpdb->prepare(
+					"( $placeholder_string )",
+					array( $meta_details['id'], $entity_id, $meta_key, $meta_details['meta_value'] )
+				);
+			}
+		}
+		$value_sql = implode( ',', $values );
+
+		$on_duplicate_key_clause = MigrationHelper::generate_on_duplicate_statement_clause( $columns );
+
+		return "INSERT INTO $table ( `$columns_sql` ) VALUES ( $value_sql ) $on_duplicate_key_clause";
 	}
 
 	/**
 	 * Generate insert sql queries for batches.
 	 *
-	 * @param array  $batch Data to generate queries for.
+	 * @param array $batch Data to generate queries for.
 	 * @param string $insert_switch Insert switch to use.
 	 *
 	 * @return string
 	 */
-	public function generate_insert_sql_for_batch( $batch, $insert_switch ) {
+	public function generate_insert_sql_for_batch( $batch ) {
 		global $wpdb;
 
-		$insert_query = MigrationHelper::get_insert_switch( $insert_switch );
-
+		$table             = $this->schema_config['destination']['meta']['table_name'];
 		$meta_key_column   = $this->schema_config['destination']['meta']['meta_key_column'];
 		$meta_value_column = $this->schema_config['destination']['meta']['meta_value_column'];
 		$entity_id_column  = $this->schema_config['destination']['meta']['entity_id_column'];
 		$column_sql        = "(`$entity_id_column`, `$meta_key_column`, `$meta_value_column`)";
-		$table             = $this->schema_config['destination']['meta']['table_name'];
 
 		$entity_id_column_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
 		$placeholder_string           = "$entity_id_column_placeholder, %s, %s";
 		$values                       = array();
-		foreach ( array_values( $batch ) as $row ) {
-			$query_params = array(
-				$row->destination_entity_id,
-				$row->meta_key,
-				$row->meta_value,
-			);
-			// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $placeholder_string is hardcoded.
-			$value_sql = $wpdb->prepare( "$placeholder_string", $query_params );
-			$values[]  = $value_sql;
+		foreach ( $batch as $entity_id => $rows ) {
+			foreach ( $rows as $meta_key => $meta_values ) {
+				foreach ( $meta_values as $meta_value ) {
+					$query_params = array(
+						$entity_id,
+						$meta_key,
+						$meta_value
+					);
+					// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $placeholder_string is hardcoded.
+					$value_sql = $wpdb->prepare( "$placeholder_string", $query_params );
+					$values[]  = $value_sql;
+				}
+			}
 		}
 
 		$values_sql = implode( '), (', $values );
 
-		return "$insert_query INTO $table $column_sql VALUES ($values_sql)";
+		return "INSERT IGNORE INTO $table $column_sql VALUES ($values_sql)";
 	}
 
 	/**
 	 * Fetch data for migration.
 	 *
-	 * @param array $order_post_ids Array of IDs to fetch data for.
+	 * @param array $entity_ids Array of IDs to fetch data for.
 	 *
 	 * @return array[] Data along with errors (if any), will of the form:
 	 * array(
@@ -103,16 +148,16 @@ abstract class MetaToMetaTableMigrator {
 	 *      ...,
 	 * )
 	 */
-	public function fetch_data_for_migration_for_ids( $order_post_ids ) {
+	public function fetch_data_for_migration_for_ids( $entity_ids ) {
 		global $wpdb;
-		if ( empty( $order_post_ids ) ) {
+		if ( empty( $entity_ids ) ) {
 			return array(
 				'data'   => array(),
 				'errors' => array(),
 			);
 		}
 
-		$meta_query = $this->build_meta_table_query( $order_post_ids );
+		$meta_query = $this->build_meta_table_query( $entity_ids );
 
 		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- Meta query has interpolated variables, but they should all be escaped for backticks.
 		$meta_data_rows = $wpdb->get_results( $meta_query );
@@ -129,6 +174,106 @@ abstract class MetaToMetaTableMigrator {
 		);
 	}
 
+	private function get_already_migrated_records( $entity_ids ) {
+		global $wpdb;
+
+		$destination_table_name        = $this->schema_config['destination']['meta']['table_name'];
+		$destination_id_column         = $this->schema_config['destination']['meta']['meta_id_column'];
+		$destination_entity_id_column  = $this->schema_config['destination']['meta']['entity_id_column'];
+		$destination_meta_key_column   = $this->schema_config['destination']['meta']['meta_key_column'];
+		$destination_meta_value_column = $this->schema_config['destination']['meta']['meta_value_column'];
+
+		$entity_id_type_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
+		$entity_ids_placeholder     = implode( ',', array_fill( 0, count( $entity_ids ), $entity_id_type_placeholder ) );
+
+		return $wpdb->get_results(
+			$wpdb->prepare(
+				"
+SELECT
+	   $destination_id_column meta_id,
+       $destination_entity_id_column entity_id,
+       $destination_meta_key_column meta_key,
+       $destination_meta_value_column meta_value
+FROM $destination_table_name destination
+WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) ORDER BY destination.$destination_entity_id_column
+",
+				$entity_ids
+			)
+		);
+	}
+
+	private function classify_update_insert_records( $data_to_migrate, $data_already_migrated ) {
+		// All data is ordered by entity_ids, which means we can optimize our processing a bit.
+		$to_migrate       = array();
+		$already_migrated = array();
+		foreach ( $data_to_migrate as $migrate_row ) {
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ] = array();
+			}
+
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
+			}
+
+			$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = $migrate_row->meta_value;
+		}
+
+		foreach ( $data_already_migrated as $migrate_row ) {
+			if ( ! isset( $already_migrated[ $migrate_row->entity_id ] ) ) {
+				$already_migrated[ $migrate_row->entity_id ] = array();
+			}
+
+			if ( ! isset( $already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
+				$already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
+			}
+
+			$already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = array(
+				'id'         => $migrate_row->meta_id,
+				'meta_value' => $migrate_row->meta_value
+			);
+		}
+
+		$to_update = array();
+		$to_insert = array();
+
+		foreach ( $to_migrate as $entity_id => $rows ) {
+			foreach ( $rows as $meta_key => $meta_values ) {
+				// If there is no corresponding record in the destination table then insert.
+				// If there is single value in both already migrated and current then update.
+				// If there are multiple values in either already_migrated records or in to_migrate_records, then insert instead of updating.
+				if ( ! isset( $already_migrated[ $entity_id ][ $meta_key ] ) ) {
+					if ( ! isset( $to_insert[ $entity_id ] ) ) {
+						$to_insert[ $entity_id ] = array();
+					}
+					$to_insert[ $entity_id ][ $meta_key ] = $meta_values;
+				} else {
+					if ( 1 === count( $to_migrate[ $entity_id ][ $meta_key ] ) && 1 === count( $already_migrated[ $entity_id ][ $meta_key ] ) ) {
+						if ( ! isset( $to_update[ $entity_id ] ) ) {
+							$to_update[ $entity_id ] = array();
+						}
+						$to_update[ $entity_id ][ $meta_key ] = array(
+							'id'         => $already_migrated[ $entity_id ][ $meta_key ][0]['id'],
+							'meta_value' => $meta_values
+						);
+						continue;
+					}
+
+					// There are multiple meta entries, let's find the unique entries and insert.
+					$unique_meta_values = array_diff( $to_migrate[ $entity_id ][ $meta_key ], $already_migrated[ $entity_id ][ $meta_key ] );
+					if ( 0 === count( $unique_meta_values ) ) {
+						continue;
+					}
+					if ( ! isset( $to_insert[ $entity_id ] ) ) {
+						$to_insert[ $entity_id ] = array();
+					}
+					$to_insert[ $entity_id ][ $meta_key ] = $unique_meta_values;
+				}
+			}
+		}
+
+		return array( $to_insert, $to_update );
+	}
+
 	/**
 	 * Helper method to build query used to fetch data from source meta table.
 	 *
@@ -146,9 +291,9 @@ abstract class MetaToMetaTableMigrator {
 
 		$where_clause = "source.`$source_entity_id_column` IN (" . implode( ', ', array_fill( 0, count( $entity_ids ), '%d' ) ) . ')';
 
-		$destination_entity_table             = $this->schema_config['destination']['entity']['table_name'];
-		$destination_entity_id_column         = $this->schema_config['destination']['entity']['id_column'];
-		$destination_source_id_mapping_column = $this->schema_config['destination']['entity']['source_id_column'];
+		$entity_table                  = $this->schema_config['source']['entity']['table_name'];
+		$entity_id_column              = $this->schema_config['source']['entity']['id_column'];
+		$entity_meta_id_mapping_column = $this->schema_config['source']['entity']['source_id_column'];
 
 		if ( $this->schema_config['source']['excluded_keys'] ) {
 			$key_placeholder = implode( ',', array_fill( 0, count( $this->schema_config['source']['excluded_keys'] ), '%s' ) );
@@ -162,11 +307,11 @@ abstract class MetaToMetaTableMigrator {
 			"
 SELECT
 	source.`$source_entity_id_column` as source_entity_id,
-	destination.`$destination_entity_id_column` as destination_entity_id,
+	entity.`$entity_id_column` as entity_id,
 	source.`$source_meta_key_column` as meta_key,
 	source.`$source_meta_value_column` as meta_value
 FROM `$source_meta_table` source
-JOIN `$destination_entity_table` destination ON destination.`$destination_source_id_mapping_column` = source.`$source_entity_id_column`
+JOIN `$entity_table` entity ON entity.`$entity_meta_id_mapping_column` = source.`$source_entity_id_column`
 WHERE $where_clause ORDER BY $order_by
 ",
 			$entity_ids
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
index e155a93009f..ec464f06ca2 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -34,6 +34,11 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 				),
+				'entity' => array(
+					'table_name'       => $this->table_names['orders'],
+					'source_id_column' => 'post_id',
+					'id_column'        => 'id',
+				),
 				'excluded_keys' => $this->excluded_columns,
 			),
 			'destination' => array(
@@ -43,11 +48,7 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 					'entity_id_type'    => 'int',
-				),
-				'entity' => array(
-					'table_name'       => $this->table_names['orders'],
-					'source_id_column' => 'post_id',
-					'id_column'        => 'id',
+					'meta_id_column'    => 'id'
 				),
 			),
 		);
diff --git a/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php b/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php
index 4aba17b86e5..60a8f05f83d 100644
--- a/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php
+++ b/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php
@@ -89,4 +89,21 @@ class MigrationHelper {
 		return self::$wpdb_placeholder_for_type[ $type ];
 	}
 
+	/**
+	 * Generates ON DUPLICATE KEY UPDATE clause to be used in migration.
+	 *
+	 * @param array $columns List of column names.
+	 *
+	 * @return string SQL clause for INSERT...ON DUPLICATE KEY UPDATE
+	 */
+	public static function generate_on_duplicate_statement_clause( $columns ) {
+		$update_value_statements = array();
+		foreach ( $columns as $column ) {
+			$update_value_statements[] = "$column = VALUES( $column )";
+		}
+		$update_value_clause = implode( ', ', $update_value_statements );
+
+		return "ON DUPLICATE KEY UPDATE $update_value_clause";
+	}
+
 }

From 309a005ee8032f8a443a0c5aa397b8b1b302472e Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 15 Apr 2022 15:42:08 +0530
Subject: [PATCH 021/327] Fixups for duplicate meta entries.

---
 .../MetaToMetaTableMigrator.php               | 61 ++++++++++---------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 9a266445400..92b14c4512b 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -39,19 +39,20 @@ abstract class MetaToMetaTableMigrator {
 
 	public function process_migration_batch_for_ids( $entity_ids ) {
 		global $wpdb;
-		$data_to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
+		$to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
 
-		$data_already_migrated = $this->get_already_migrated_records( $entity_ids );
+		$already_migrated = $this->get_already_migrated_records( array_keys( $to_migrate['data'] ) );
 
-		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $data_to_migrate['data'], $data_already_migrated, $entity_ids );
+		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $to_migrate['data'], $already_migrated );
 
-		$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );
-		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
-		$result = $wpdb->query( $insert_queries );
-		$wpdb->query( 'COMMIT;' );
-		if ( count( $to_insert ) !== $result ) {
-			// TODO: Find and log entity ids that were not inserted.
-			echo 'error';
+		if ( ! empty( $to_insert ) ) {
+			$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );
+			// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
+			$result = $wpdb->query( $insert_queries );
+			$wpdb->query( 'COMMIT;' );
+			if ( count( $to_insert ) !== $result ) {
+				// TODO: Find and log entity ids that were not inserted.
+			}
 		}
 
 		if ( empty( $to_update ) ) {
@@ -89,7 +90,7 @@ abstract class MetaToMetaTableMigrator {
 
 		$on_duplicate_key_clause = MigrationHelper::generate_on_duplicate_statement_clause( $columns );
 
-		return "INSERT INTO $table ( `$columns_sql` ) VALUES ( $value_sql ) $on_duplicate_key_clause";
+		return "INSERT INTO $table ( `$columns_sql` ) VALUES $value_sql $on_duplicate_key_clause";
 	}
 
 	/**
@@ -168,8 +169,20 @@ abstract class MetaToMetaTableMigrator {
 			);
 		}
 
+		foreach ( $meta_data_rows as $migrate_row ) {
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ] = array();
+			}
+
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
+			}
+
+			$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = $migrate_row->meta_value;
+		}
+
 		return array(
-			'data'   => $meta_data_rows,
+			'data'   => $to_migrate,
 			'errors' => array(),
 		);
 	}
@@ -186,7 +199,7 @@ abstract class MetaToMetaTableMigrator {
 		$entity_id_type_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
 		$entity_ids_placeholder     = implode( ',', array_fill( 0, count( $entity_ids ), $entity_id_type_placeholder ) );
 
-		return $wpdb->get_results(
+		$data_already_migrated = $wpdb->get_results(
 			$wpdb->prepare(
 				"
 SELECT
@@ -200,23 +213,8 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 				$entity_ids
 			)
 		);
-	}
 
-	private function classify_update_insert_records( $data_to_migrate, $data_already_migrated ) {
-		// All data is ordered by entity_ids, which means we can optimize our processing a bit.
-		$to_migrate       = array();
 		$already_migrated = array();
-		foreach ( $data_to_migrate as $migrate_row ) {
-			if ( ! isset( $to_migrate[ $migrate_row->entity_id ] ) ) {
-				$to_migrate[ $migrate_row->entity_id ] = array();
-			}
-
-			if ( ! isset( $to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
-				$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
-			}
-
-			$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = $migrate_row->meta_value;
-		}
 
 		foreach ( $data_already_migrated as $migrate_row ) {
 			if ( ! isset( $already_migrated[ $migrate_row->entity_id ] ) ) {
@@ -232,7 +230,10 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 				'meta_value' => $migrate_row->meta_value
 			);
 		}
+		return $already_migrated;
+	}
 
+	private function classify_update_insert_records( $to_migrate, $already_migrated ) {
 		$to_update = array();
 		$to_insert = array();
 
@@ -253,13 +254,13 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 						}
 						$to_update[ $entity_id ][ $meta_key ] = array(
 							'id'         => $already_migrated[ $entity_id ][ $meta_key ][0]['id'],
-							'meta_value' => $meta_values
+							'meta_value' => $meta_values[0]
 						);
 						continue;
 					}
 
 					// There are multiple meta entries, let's find the unique entries and insert.
-					$unique_meta_values = array_diff( $to_migrate[ $entity_id ][ $meta_key ], $already_migrated[ $entity_id ][ $meta_key ] );
+					$unique_meta_values = array_diff( $meta_values, array_column( $already_migrated[ $entity_id ][ $meta_key ], 'meta_value' ) );
 					if ( 0 === count( $unique_meta_values ) ) {
 						continue;
 					}

From 0a7ff525d623b60a2f739f0f014bfb78d043d759 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 15 Apr 2022 15:43:45 +0530
Subject: [PATCH 022/327] Add value clause for better testing.

---
 .../Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index d51eeb36633..eba74dc151d 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -113,7 +113,7 @@ WHERE order_id = {$order_id}
 			$wpdb->get_var(
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
-WHERE order_id = {$order_id} AND meta_key = 'unique_key_1'
+WHERE order_id = {$order_id} AND meta_key = 'unique_key_1' AND meta_value = 'unique_value_1'
 "
 			)
 		);
@@ -122,7 +122,7 @@ WHERE order_id = {$order_id} AND meta_key = 'unique_key_1'
 			$wpdb->get_var(
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
-WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1'
+WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in ( 'non_unique_value_1', 'non_unique_value_2' )
 "
 			)
 		);

From 492490c7f3e0b7ffa854f61888fc504a2e9b4e6f Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 14:29:52 +0530
Subject: [PATCH 023/327] Applied coding standards.

---
 .../MetaToMetaTableMigrator.php               | 85 ++++++++++++++++---
 1 file changed, 74 insertions(+), 11 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 92b14c4512b..00d7a62ed1a 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -30,13 +30,52 @@ abstract class MetaToMetaTableMigrator {
 	 */
 	protected $errors;
 
-	public abstract function get_meta_config();
+	/**
+	 * Returns config for the migration.
+	 *
+	 * @return array Meta config, must be in following format:
+	 * array(
+	 *  'source'      => array(
+	 *      'meta'          => array(
+	 *          'table_name'        => source_meta_table_name,
+	 *          'entity_id_column'  => entity_id column name in source meta table,
+	 *          'meta_key_column'   => meta_key column',
+	 *          'meta_value_column' => meta_value column',
+	 *      ),
+	 *      'entity' => array(
+	 *          'table_name'       => entity table name for the meta table,
+	 *          'source_id_column' => column name in entity table which maps to meta table,
+	 *          'id_column'        => id column in entity table,
+	 *      ),
+	 *      'excluded_keys' => array of keys to exclude,
+	 *  ),
+	 *  'destination' => array(
+	 *      'meta'   => array(
+	 *          'table_name'        => destination meta table name,
+	 *          'entity_id_column'  => entity_id column in meta table,
+	 *          'meta_key_column'   => meta key column,
+	 *          'meta_value_column' => meta_value column,
+	 *          'entity_id_type'    => data type of entity id,
+	 *          'meta_id_column'    => id column in meta table,
+	 *      ),
+	 *  ),
+	 * )
+	 */
+	abstract public function get_meta_config();
 
+	/**
+	 * MetaToMetaTableMigrator constructor.
+	 */
 	public function __construct() {
 		$this->schema_config = $this->get_meta_config();
 		$this->errors        = array();
 	}
 
+	/**
+	 * Process migration for provided entity ids.
+	 *
+	 * @param array $entity_ids Entity IDs to process migration for.
+	 */
 	public function process_migration_batch_for_ids( $entity_ids ) {
 		global $wpdb;
 		$to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
@@ -50,20 +89,26 @@ abstract class MetaToMetaTableMigrator {
 			// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
 			$result = $wpdb->query( $insert_queries );
 			$wpdb->query( 'COMMIT;' );
-			if ( count( $to_insert ) !== $result ) {
-				// TODO: Find and log entity ids that were not inserted.
-			}
+			// TODO: Find and log entity ids that were not inserted.
 		}
 
 		if ( empty( $to_update ) ) {
 			return;
 		}
 		$update_queries = $this->generate_update_sql_for_batch( $to_update );
-		$result         = $wpdb->query( $update_queries );
+		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- update queries are autogenerated and should already be prepared.
+		$result = $wpdb->query( $update_queries );
 		$wpdb->query( 'COMMIT;' );
 		// TODO: Find and log error updates.
 	}
 
+	/**
+	 * Generate update SQL for given batch.
+	 *
+	 * @param array $batch List of data to generate update SQL for. Should be in same format as output of $this->fetch_data_for_migration_for_ids.
+	 *
+	 * @return string Query to update batch records.
+	 */
 	public function generate_update_sql_for_batch( $batch ) {
 		global $wpdb;
 
@@ -80,7 +125,9 @@ abstract class MetaToMetaTableMigrator {
 		$values                       = array();
 		foreach ( $batch as $entity_id => $rows ) {
 			foreach ( $rows as $meta_key => $meta_details ) {
+
 				$values[] = $wpdb->prepare(
+				// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- Placeholder string is already being prepared.
 					"( $placeholder_string )",
 					array( $meta_details['id'], $entity_id, $meta_key, $meta_details['meta_value'] )
 				);
@@ -97,9 +144,8 @@ abstract class MetaToMetaTableMigrator {
 	 * Generate insert sql queries for batches.
 	 *
 	 * @param array $batch Data to generate queries for.
-	 * @param string $insert_switch Insert switch to use.
 	 *
-	 * @return string
+	 * @return string Insert SQL query.
 	 */
 	public function generate_insert_sql_for_batch( $batch ) {
 		global $wpdb;
@@ -119,7 +165,7 @@ abstract class MetaToMetaTableMigrator {
 					$query_params = array(
 						$entity_id,
 						$meta_key,
-						$meta_value
+						$meta_value,
 					);
 					// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $placeholder_string is hardcoded.
 					$value_sql = $wpdb->prepare( "$placeholder_string", $query_params );
@@ -145,7 +191,6 @@ abstract class MetaToMetaTableMigrator {
 	 *      ...,
 	 *   ),
 	 *  'errors' => array(
-	 *      'id_1' => array( 'column1' => error1, 'column2' => value2, ...),
 	 *      ...,
 	 * )
 	 */
@@ -187,6 +232,13 @@ abstract class MetaToMetaTableMigrator {
 		);
 	}
 
+	/**
+	 * Helper method to get already migrated records. Will be used to find prevent migration of already migrated records.
+	 *
+	 * @param array $entity_ids List of entity ids to check for.
+	 *
+	 * @return array Already migrated records.
+	 */
 	private function get_already_migrated_records( $entity_ids ) {
 		global $wpdb;
 
@@ -199,6 +251,7 @@ abstract class MetaToMetaTableMigrator {
 		$entity_id_type_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
 		$entity_ids_placeholder     = implode( ',', array_fill( 0, count( $entity_ids ), $entity_id_type_placeholder ) );
 
+		// phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- All columns are hardcoded.
 		$data_already_migrated = $wpdb->get_results(
 			$wpdb->prepare(
 				"
@@ -213,6 +266,7 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 				$entity_ids
 			)
 		);
+		// phpcs:enable
 
 		$already_migrated = array();
 
@@ -227,12 +281,21 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 
 			$already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = array(
 				'id'         => $migrate_row->meta_id,
-				'meta_value' => $migrate_row->meta_value
+				'meta_value' => $migrate_row->meta_value,
 			);
 		}
+
 		return $already_migrated;
 	}
 
+	/**
+	 * Classify each record on whether to migrate or update.
+	 *
+	 * @param array $to_migrate Records to migrate.
+	 * @param array $already_migrated Records already migrated.
+	 *
+	 * @return array[] Returns two arrays, first for records to migrate, and second for records to upgrade.
+	 */
 	private function classify_update_insert_records( $to_migrate, $already_migrated ) {
 		$to_update = array();
 		$to_insert = array();
@@ -254,7 +317,7 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 						}
 						$to_update[ $entity_id ][ $meta_key ] = array(
 							'id'         => $already_migrated[ $entity_id ][ $meta_key ][0]['id'],
-							'meta_value' => $meta_values[0]
+							'meta_value' => $meta_values[0],
 						);
 						continue;
 					}

From f6427edd040e2b548e8f9b5e0e28f640a5a33430 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 14:32:42 +0530
Subject: [PATCH 024/327] Applied coding standards.

---
 .../WPPostMetaToOrderMetaMigrator.php         | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
index ec464f06ca2..e8dd2a55ecd 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -1,11 +1,29 @@
 <?php
+/**
+ * Migration class for migrating from WPPostMeta to OrderMeta table.
+ */
 
 namespace Automattic\WooCommerce\Database\Migrations\CustomOrderTable;
 
+/**
+ * Class WPPostMetaToOrderMetaMigrator.
+ *
+ * @package Automattic\WooCommerce\Database\Migrations\CustomOrderTable
+ */
 class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 
+	/**
+	 * List of meta keys to exclude from migration.
+	 *
+	 * @var array
+	 */
 	private $excluded_columns;
 
+	/**
+	 * WPPostMetaToOrderMetaMigrator constructor.
+	 *
+	 * @param array $excluded_columns List of meta keys to exclude from migration.
+	 */
 	public function __construct( $excluded_columns ) {
 		$this->excluded_columns = $excluded_columns;
 		parent::__construct();
@@ -34,7 +52,7 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 				),
-				'entity' => array(
+				'entity'        => array(
 					'table_name'       => $this->table_names['orders'],
 					'source_id_column' => 'post_id',
 					'id_column'        => 'id',
@@ -42,13 +60,13 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 				'excluded_keys' => $this->excluded_columns,
 			),
 			'destination' => array(
-				'meta'   => array(
+				'meta' => array(
 					'table_name'        => $this->table_names['meta'],
 					'entity_id_column'  => 'order_id',
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 					'entity_id_type'    => 'int',
-					'meta_id_column'    => 'id'
+					'meta_id_column'    => 'id',
 				),
 			),
 		);

From 467506074bb0c0add5c8c846d7ffa91380ea1eba Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 14:37:53 +0530
Subject: [PATCH 025/327] Add changelog.

---
 plugins/woocommerce/changelog/cot-meta_migrations | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/cot-meta_migrations

diff --git a/plugins/woocommerce/changelog/cot-meta_migrations b/plugins/woocommerce/changelog/cot-meta_migrations
new file mode 100644
index 00000000000..b3ca16c0344
--- /dev/null
+++ b/plugins/woocommerce/changelog/cot-meta_migrations
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Enable meta table to meta table migrations towards custom table project.

From b0c78b995b0894b9af4e3f418261d261d09aa3f0 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 15:41:06 +0530
Subject: [PATCH 026/327] Applied coding standards.

---
 .../WPPostToCOTMigratorTest.php               | 46 ++++++++++++++-----
 1 file changed, 34 insertions(+), 12 deletions(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index eba74dc151d..314ef8c9772 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -169,7 +169,7 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 	/**
 	 * Helper method to get address details from DB.
 	 *
-	 * @param int $order_id Order ID.
+	 * @param int    $order_id Order ID.
 	 * @param string $address_type Address Type.
 	 *
 	 * @return array|object|void|null DB object.
@@ -197,10 +197,18 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		return $wpdb->get_row( "SELECT * FROM $operational_data_table WHERE order_id = $order_id;" );
 	}
 
+	/**
+	 * Helper method to get meta data from custom order tables for given order id.
+	 *
+	 * @param int $order_id Order ID.
+	 *
+	 * @return array Meta data for an order ID.
+	 */
 	private function get_meta_data_from_cot( $order_id ) {
 		global $wpdb;
 		$metadata_table = $this->data_store::get_meta_table_name();
 
+		// phpcs:ignore
 		return $wpdb->get_results( "SELECT * FROM $metadata_table WHERE order_id = $order_id;" );
 	}
 
@@ -382,25 +390,39 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		$this->assertEquals( (float) $order->get_discount_total(), (float) $db_order_op_data->discount_total_amount );
 	}
 
+	/**
+	 * Helper method to assert that metadata is migrated for an order.
+	 *
+	 * @param WP_Post $order WP_Post order object.
+	 */
 	private function assert_metadata_is_migrated( $order ) {
 		$db_order  = $this->get_order_from_cot( $order );
 		$meta_data = $this->get_meta_data_from_cot( $db_order->id );
 
-		$unique_row = array_filter( $meta_data, function ( $meta_row ) {
-			return 'unique_key_1' === $meta_row->meta_key;
-		} );
+		$unique_row = array_filter(
+			$meta_data,
+			function ( $meta_row ) {
+				return 'unique_key_1' === $meta_row->meta_key;
+			}
+		);
 
 		$this->assertEquals( 1, count( $unique_row ) );
-		$this->assertEquals( 'unique_value_1', array_values( $unique_row)[0]->meta_value );
+		$this->assertEquals( 'unique_value_1', array_values( $unique_row )[0]->meta_value );
 
-		$non_unique_rows = array_filter( $meta_data, function ( $meta_row ) {
-			return 'non_unique_key_1' === $meta_row->meta_key;
-		} );
+		$non_unique_rows = array_filter(
+			$meta_data,
+			function ( $meta_row ) {
+				return 'non_unique_key_1' === $meta_row->meta_key;
+			}
+		);
 		$this->assertEquals( 2, count( $non_unique_rows ) );
-		$this->assertEquals( array(
-			'non_unique_value_1',
-			'non_unique_value_2'
-		), array_column( $non_unique_rows, 'meta_value' ) );
+		$this->assertEquals(
+			array(
+				'non_unique_value_1',
+				'non_unique_value_2',
+			),
+			array_column( $non_unique_rows, 'meta_value' )
+		);
 	}
 
 	/**

From c7c8775a490194712c4c5fe3d0631e4492b0fa7b Mon Sep 17 00:00:00 2001
From: Tam Mullen <tammullen@outlook.com>
Date: Mon, 18 Apr 2022 19:30:06 +0100
Subject: [PATCH 027/327] Adding workflow to check status of site used for
 daily smoke tests.

---
 .../workflows/smoke-test-daily-site-check.yml | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 .github/workflows/smoke-test-daily-site-check.yml

diff --git a/.github/workflows/smoke-test-daily-site-check.yml b/.github/workflows/smoke-test-daily-site-check.yml
new file mode 100644
index 00000000000..dcd1277f7bb
--- /dev/null
+++ b/.github/workflows/smoke-test-daily-site-check.yml
@@ -0,0 +1,23 @@
+name: Check daily smoke test site status.
+on:
+  push:
+
+jobs:
+  ping_site:
+    runs-on: ubuntu-latest
+    name: Check site and notify if not found
+    steps:
+    - name: Check site status
+      id: sitecheck
+      uses: srt32/uptime@958231f4d95c117f08eb0fc70907e80d0dfedf2b
+      with:
+        url-to-hit: "${{ secrets.SMOKE_TEST_URL }}ready/"
+        expected-statuses: "200,301"
+    - name: Send message to Slack API
+      if: failure()
+      uses: archive/github-actions-slack@deecc2edc496dc642d643de1d7cf3a47f51fb27a
+      id: notify
+      with:
+        slack-bot-user-oauth-access-token: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
+        slack-channel: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
+        slack-text: ':warning: <!subteam^${{ secrets.SMOKE_TEST_SLACK_GROUP }}> FYI the URL ${{ secrets.SMOKE_TEST_URL }}ready/ appears to be returning `404 not found` :x:'

From 4e700a35caf99bd62d51396752aa10759e5062e5 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Tue, 19 Apr 2022 14:59:46 +1200
Subject: [PATCH 028/327] Create a private package to house e2e build logic

---
 packages/js/{bin => e2e-builds}/build.js      |  6 +++---
 .../{bin => e2e-builds}/get-babel-config.js   |  0
 packages/js/e2e-builds/package.json           | 19 +++++++++++++++++++
 packages/js/e2e-core-tests/package.json       |  3 ++-
 packages/js/e2e-environment/package.json      |  3 ++-
 packages/js/e2e-utils/package.json            |  3 ++-
 pnpm-lock.yaml                                | 10 +++++++++-
 workspace.json                                |  1 +
 8 files changed, 38 insertions(+), 7 deletions(-)
 rename packages/js/{bin => e2e-builds}/build.js (96%)
 rename packages/js/{bin => e2e-builds}/get-babel-config.js (100%)
 create mode 100644 packages/js/e2e-builds/package.json

diff --git a/packages/js/bin/build.js b/packages/js/e2e-builds/build.js
similarity index 96%
rename from packages/js/bin/build.js
rename to packages/js/e2e-builds/build.js
index 7b5ba705009..e0928272e45 100755
--- a/packages/js/bin/build.js
+++ b/packages/js/e2e-builds/build.js
@@ -38,8 +38,8 @@ const isJsFile = ( filepath ) => {
 /**
  * Get Build Path for a specified file
  *
- * @param  {string} file        File to build
- * @param  {string} buildFolder Output folder
+ * @param {string} file        File to build
+ * @param {string} buildFolder Output folder
  * @return {string}             Build path
  */
 function getBuildPath( file, buildFolder ) {
@@ -72,7 +72,7 @@ function buildFiles( files ) {
 /**
  * Build a javaScript file for the required environments (node and ES5)
  *
- * @param {string} file    File path to build
+ * @param {string}  file   File path to build
  * @param {boolean} silent Show logs
  */
 function buildJsFile( file, silent ) {
diff --git a/packages/js/bin/get-babel-config.js b/packages/js/e2e-builds/get-babel-config.js
similarity index 100%
rename from packages/js/bin/get-babel-config.js
rename to packages/js/e2e-builds/get-babel-config.js
diff --git a/packages/js/e2e-builds/package.json b/packages/js/e2e-builds/package.json
new file mode 100644
index 00000000000..d95ed68541e
--- /dev/null
+++ b/packages/js/e2e-builds/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "@woocommerce/e2e-builds",
+  "version": "0.1.0",
+  "description": "Utility build files for e2e packages",
+  "private": "true",
+  "main": "build.js",
+  "bin": {
+    "e2e-builds": "./build.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/woocommerce/woocommerce.git"
+  },
+  "license": "GPL-3.0+",
+  "bugs": {
+    "url": "https://github.com/woocommerce/woocommerce/issues"
+  },
+  "homepage": "https://github.com/woocommerce/woocommerce#readme"
+}
diff --git a/packages/js/e2e-core-tests/package.json b/packages/js/e2e-core-tests/package.json
index 475cb1aa8fe..ee3708d3cae 100644
--- a/packages/js/e2e-core-tests/package.json
+++ b/packages/js/e2e-core-tests/package.json
@@ -32,6 +32,7 @@
 	"@babel/plugin-transform-runtime": "^7.16.4",
 	"@babel/polyfill": "7.12.1",
 	"@babel/preset-env": "7.12.7",
+  "@woocommerce/e2e-builds": "workspace:*",
 	"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
 	"@wordpress/babel-preset-default": "3.0.2",
 	"@wordpress/browserslist-config": "^4.1.0"
@@ -46,7 +47,7 @@
   "scripts": {
 	"prepare": "pnpm run build",
 	"clean": "rm -rf ./build ./build-module",
-	"compile": "node ./../bin/build.js",
+  "compile": "e2e-builds",
 	"build": "./bin/build.sh && pnpm run clean && pnpm run compile"
   },
   "lint-staged": {
diff --git a/packages/js/e2e-environment/package.json b/packages/js/e2e-environment/package.json
index f30f3a535c2..1ecb668744b 100644
--- a/packages/js/e2e-environment/package.json
+++ b/packages/js/e2e-environment/package.json
@@ -49,6 +49,7 @@
     "@babel/plugin-transform-runtime": "^7.16.4",
     "@babel/polyfill": "7.12.1",
     "@babel/preset-env": "7.12.7",
+    "@woocommerce/e2e-builds": "workspace:*",
     "@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
     "@wordpress/babel-preset-default": "3.0.2",
     "@wordpress/browserslist-config": "^4.1.0",
@@ -62,7 +63,7 @@
   },
   "scripts": {
     "clean": "rm -rf ./build ./build-module",
-    "compile": "node ./../bin/build.js",
+    "compile": "e2e-builds",
     "build": "pnpm run clean && pnpm run compile",
     "prepare": "pnpm run build",
     "docker:up": "./bin/docker-compose.sh up",
diff --git a/packages/js/e2e-utils/package.json b/packages/js/e2e-utils/package.json
index f83dd1c01cb..ea70d42e7c3 100644
--- a/packages/js/e2e-utils/package.json
+++ b/packages/js/e2e-utils/package.json
@@ -28,6 +28,7 @@
     "@babel/preset-env": "7.12.7",
     "@typescript-eslint/eslint-plugin": "^5.3.0",
     "@typescript-eslint/parser": "^5.3.0",
+    "@woocommerce/e2e-builds": "workspace:*",
     "@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
     "@wordpress/babel-preset-default": "3.0.2",
     "@wordpress/browserslist-config": "^4.1.0",
@@ -41,7 +42,7 @@
   },
   "scripts": {
     "clean": "rm -rf ./build ./build-module",
-    "compile": "node ./../bin/build.js",
+    "compile": "e2e-builds",
     "build": "pnpm run clean && pnpm run compile",
     "prepare": "pnpm run build",
     "lint": "eslint src"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a1ac8e52afa..c8a17134f68 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -534,6 +534,9 @@ importers:
       webpack: 5.70.0_webpack-cli@3.3.12
       webpack-cli: 3.3.12_webpack@5.70.0
 
+  packages/js/e2e-builds:
+    specifiers: {}
+
   packages/js/e2e-core-tests:
     specifiers:
       '@babel/cli': 7.12.8
@@ -545,6 +548,7 @@ importers:
       '@babel/polyfill': 7.12.1
       '@babel/preset-env': 7.12.7
       '@jest/globals': ^26.4.2
+      '@woocommerce/e2e-builds': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': ^4.1.0
@@ -563,6 +567,7 @@ importers:
       '@babel/plugin-transform-runtime': 7.16.4_@babel+core@7.12.9
       '@babel/polyfill': 7.12.1
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
+      '@woocommerce/e2e-builds': link:../e2e-builds
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': 4.1.0
@@ -581,6 +586,7 @@ importers:
       '@jest/test-sequencer': ^25.5.4
       '@slack/web-api': ^6.1.0
       '@woocommerce/api': ^0.2.0
+      '@woocommerce/e2e-builds': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': ^4.1.0
@@ -630,6 +636,7 @@ importers:
       '@babel/plugin-transform-runtime': 7.16.4_@babel+core@7.12.9
       '@babel/polyfill': 7.12.1
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
+      '@woocommerce/e2e-builds': link:../e2e-builds
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': 4.1.0
@@ -651,6 +658,7 @@ importers:
       '@babel/preset-env': 7.12.7
       '@typescript-eslint/eslint-plugin': ^5.3.0
       '@typescript-eslint/parser': ^5.3.0
+      '@woocommerce/e2e-builds': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': ^4.1.0
@@ -676,6 +684,7 @@ importers:
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
       '@typescript-eslint/eslint-plugin': 5.3.0_ef742ec0d85d332d26b421951e243e75
       '@typescript-eslint/parser': 5.3.0_eslint@8.1.0+typescript@4.2.4
+      '@woocommerce/e2e-builds': link:../e2e-builds
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': 4.1.0
@@ -12485,7 +12494,6 @@ packages:
       re-resizable: 4.11.0
     transitivePeerDependencies:
       - react
-      - react-dom
     dev: true
 
   /@types/wordpress__data-controls/2.2.0:
diff --git a/workspace.json b/workspace.json
index 56dbc106feb..858a8b8a264 100644
--- a/workspace.json
+++ b/workspace.json
@@ -3,6 +3,7 @@
     "projects": {
         "@woocommerce/api": "packages/js/api",
         "@woocommerce/api-core-tests": "packages/js/api-core-tests",
+        "@woocommerce/e2e-builds": "packages/js/e2e-builds",
         "@woocommerce/e2e-core-tests": "packages/js/e2e-core-tests",
         "@woocommerce/e2e-environment": "packages/js/e2e-environment",
         "@woocommerce/e2e-utils": "packages/js/e2e-utils",

From 1c838e5bb09e881fca9429c1aa9dc572d3fcc027 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Tue, 19 Apr 2022 15:20:50 +1200
Subject: [PATCH 029/327] declare deps

---
 packages/js/e2e-builds/package.json |  9 +++++++-
 pnpm-lock.yaml                      | 33 +++++++++++++++++++----------
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/packages/js/e2e-builds/package.json b/packages/js/e2e-builds/package.json
index d95ed68541e..bc9ea6362e4 100644
--- a/packages/js/e2e-builds/package.json
+++ b/packages/js/e2e-builds/package.json
@@ -15,5 +15,12 @@
   "bugs": {
     "url": "https://github.com/woocommerce/woocommerce/issues"
   },
-  "homepage": "https://github.com/woocommerce/woocommerce#readme"
+  "homepage": "https://github.com/woocommerce/woocommerce#readme",
+  "devDependencies": {
+    "@babel/core": "7.12.9",
+    "chalk": "^4.1.2",
+    "glob": "^7.2.0",
+    "mkdirp": "^1.0.4",
+    "lodash": "^4.17.21"
+	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8a17134f68..e4dee40d34e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -535,7 +535,18 @@ importers:
       webpack-cli: 3.3.12_webpack@5.70.0
 
   packages/js/e2e-builds:
-    specifiers: {}
+    specifiers:
+      '@babel/core': 7.12.9
+      chalk: ^4.1.2
+      glob: ^7.2.0
+      lodash: ^4.17.21
+      mkdirp: ^1.0.4
+    devDependencies:
+      '@babel/core': 7.12.9
+      chalk: 4.1.2
+      glob: 7.2.0
+      lodash: 4.17.21
+      mkdirp: 1.0.4
 
   packages/js/e2e-core-tests:
     specifiers:
@@ -1733,16 +1744,16 @@ packages:
     resolution: {integrity: sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/code-frame': 7.16.0
-      '@babel/generator': 7.16.0
-      '@babel/helper-module-transforms': 7.16.0
-      '@babel/helpers': 7.16.3
-      '@babel/parser': 7.16.4
-      '@babel/template': 7.16.0
-      '@babel/traverse': 7.16.3
-      '@babel/types': 7.16.0
+      '@babel/code-frame': 7.16.7
+      '@babel/generator': 7.17.7
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helpers': 7.17.8
+      '@babel/parser': 7.17.8
+      '@babel/template': 7.16.7
+      '@babel/traverse': 7.17.3
+      '@babel/types': 7.17.0
       convert-source-map: 1.8.0
-      debug: 4.3.2
+      debug: 4.3.3
       gensync: 1.0.0-beta.2
       json5: 2.2.0
       lodash: 4.17.21
@@ -23143,7 +23154,7 @@ packages:
       fs.realpath: 1.0.0
       inflight: 1.0.6
       inherits: 2.0.4
-      minimatch: 3.0.4
+      minimatch: 3.1.2
       once: 1.4.0
       path-is-absolute: 1.0.1
 

From 8be1d9f7bed853aa4ba794de53bcca475877cca3 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Tue, 19 Apr 2022 15:23:52 +1200
Subject: [PATCH 030/327] package boilerplate

---
 packages/js/e2e-builds/.eslintrc.js |  4 ++++
 packages/js/e2e-builds/.npmrc       |  1 +
 packages/js/e2e-builds/CHANGELOG.md |  5 +++++
 packages/js/e2e-builds/project.json | 14 ++++++++++++++
 4 files changed, 24 insertions(+)
 create mode 100644 packages/js/e2e-builds/.eslintrc.js
 create mode 100644 packages/js/e2e-builds/.npmrc
 create mode 100644 packages/js/e2e-builds/CHANGELOG.md
 create mode 100644 packages/js/e2e-builds/project.json

diff --git a/packages/js/e2e-builds/.eslintrc.js b/packages/js/e2e-builds/.eslintrc.js
new file mode 100644
index 00000000000..e4d185d8cd1
--- /dev/null
+++ b/packages/js/e2e-builds/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
+	root: true,
+};
diff --git a/packages/js/e2e-builds/.npmrc b/packages/js/e2e-builds/.npmrc
new file mode 100644
index 00000000000..9cf9495031e
--- /dev/null
+++ b/packages/js/e2e-builds/.npmrc
@@ -0,0 +1 @@
+package-lock=false
\ No newline at end of file
diff --git a/packages/js/e2e-builds/CHANGELOG.md b/packages/js/e2e-builds/CHANGELOG.md
new file mode 100644
index 00000000000..8e8631b9da0
--- /dev/null
+++ b/packages/js/e2e-builds/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Unreleased
+
+# 0.1.0
+
+-   Released package
diff --git a/packages/js/e2e-builds/project.json b/packages/js/e2e-builds/project.json
new file mode 100644
index 00000000000..09d71fc99fa
--- /dev/null
+++ b/packages/js/e2e-builds/project.json
@@ -0,0 +1,14 @@
+{
+     "root": "packages/js/e2e-builds",
+     "sourceRoot": "packages/js/e2e-builds",
+     "projectType": "library",
+     "targets": {
+         "changelog": {
+             "executor": "./tools/executors/changelogger:changelog",
+             "options": {
+                 "action": "add",
+                 "cwd": "packages/js/e2e-builds"
+             }
+         }
+     }
+ }
\ No newline at end of file

From 87cc903b3a3ac7621564ac86be11012f7adbef53 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Tue, 19 Apr 2022 15:30:35 +1200
Subject: [PATCH 031/327] changelof

---
 .../e2e-core-tests/changelog/fix-e2e-builds-private-package   | 4 ++++
 .../e2e-environment/changelog/fix-e2e-builds-private-package  | 4 ++++
 .../js/e2e-utils/changelog/fix-e2e-builds-private-package     | 4 ++++
 3 files changed, 12 insertions(+)
 create mode 100644 packages/js/e2e-core-tests/changelog/fix-e2e-builds-private-package
 create mode 100644 packages/js/e2e-environment/changelog/fix-e2e-builds-private-package
 create mode 100644 packages/js/e2e-utils/changelog/fix-e2e-builds-private-package

diff --git a/packages/js/e2e-core-tests/changelog/fix-e2e-builds-private-package b/packages/js/e2e-core-tests/changelog/fix-e2e-builds-private-package
new file mode 100644
index 00000000000..ea5be2b5fdb
--- /dev/null
+++ b/packages/js/e2e-core-tests/changelog/fix-e2e-builds-private-package
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Create dependency for new private e2e-builds package
diff --git a/packages/js/e2e-environment/changelog/fix-e2e-builds-private-package b/packages/js/e2e-environment/changelog/fix-e2e-builds-private-package
new file mode 100644
index 00000000000..ea5be2b5fdb
--- /dev/null
+++ b/packages/js/e2e-environment/changelog/fix-e2e-builds-private-package
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Create dependency for new private e2e-builds package
diff --git a/packages/js/e2e-utils/changelog/fix-e2e-builds-private-package b/packages/js/e2e-utils/changelog/fix-e2e-builds-private-package
new file mode 100644
index 00000000000..ea5be2b5fdb
--- /dev/null
+++ b/packages/js/e2e-utils/changelog/fix-e2e-builds-private-package
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Create dependency for new private e2e-builds package

From 28de46f9ef4128acf3c5703e8a656bc073d8dbca Mon Sep 17 00:00:00 2001
From: Tam Mullen <tammullen@outlook.com>
Date: Tue, 19 Apr 2022 11:03:13 +0100
Subject: [PATCH 032/327] Updated site check trigger to be daily on cron after
 smoke tests have finished

---
 .github/workflows/smoke-test-daily-site-check.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/smoke-test-daily-site-check.yml b/.github/workflows/smoke-test-daily-site-check.yml
index dcd1277f7bb..5fdb80f819b 100644
--- a/.github/workflows/smoke-test-daily-site-check.yml
+++ b/.github/workflows/smoke-test-daily-site-check.yml
@@ -1,6 +1,7 @@
 name: Check daily smoke test site status.
 on:
-  push:
+  schedule:
+    - cron: '25 7 * * *'
 
 jobs:
   ping_site:

From fd57c5409a21cdd1efdb82a17f18fd7041d02996 Mon Sep 17 00:00:00 2001
From: "Jorge A. Torres" <jorge.torres@automattic.com>
Date: Tue, 19 Apr 2022 11:22:04 -0300
Subject: [PATCH 033/327] Prevent possible fatal error during install

---
 plugins/woocommerce/includes/class-wc-install.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-install.php b/plugins/woocommerce/includes/class-wc-install.php
index d19c54df066..d4d6803285c 100644
--- a/plugins/woocommerce/includes/class-wc-install.php
+++ b/plugins/woocommerce/includes/class-wc-install.php
@@ -700,7 +700,7 @@ class WC_Install {
 		$settings = WC_Admin_Settings::get_settings_pages();
 
 		foreach ( $settings as $section ) {
-			if ( ! method_exists( $section, 'get_settings' ) ) {
+			if ( ! is_a( $section, 'WC_Settings_Page' ) || ! method_exists( $section, 'get_settings' ) ) {
 				continue;
 			}
 			$subsections = array_unique( array_merge( array( '' ), array_keys( $section->get_sections() ) ) );

From 41ae67f7b9f0a6851100ef279436acf9b29c2633 Mon Sep 17 00:00:00 2001
From: "Jorge A. Torres" <jorge.torres@automattic.com>
Date: Tue, 19 Apr 2022 11:23:12 -0300
Subject: [PATCH 034/327] Add changelog

---
 .../changelog/fix-32028-settings-method-exists-fatal          | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32028-settings-method-exists-fatal

diff --git a/plugins/woocommerce/changelog/fix-32028-settings-method-exists-fatal b/plugins/woocommerce/changelog/fix-32028-settings-method-exists-fatal
new file mode 100644
index 00000000000..f18bf62def0
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32028-settings-method-exists-fatal
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix possible fatal error during install on PHP 8.x

From 8e131e91f7bcac97730f858e4fb2bb233cda7434 Mon Sep 17 00:00:00 2001
From: Josh Betz <j@joshbetz.com>
Date: Tue, 19 Apr 2022 12:25:42 -0500
Subject: [PATCH 035/327] Add dropins to WC Tracker data

Knowing which dropins are active will give us some idea about the
capabilities of the hosting environment, like whether they have
an external object cache, load balanced databases (like HyperDB),
or multisite.
---
 plugins/woocommerce/includes/class-wc-tracker.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/woocommerce/includes/class-wc-tracker.php b/plugins/woocommerce/includes/class-wc-tracker.php
index bda59973044..dbae0b03978 100644
--- a/plugins/woocommerce/includes/class-wc-tracker.php
+++ b/plugins/woocommerce/includes/class-wc-tracker.php
@@ -223,6 +223,7 @@ class WC_Tracker {
 		$wp_data['version']      = get_bloginfo( 'version' );
 		$wp_data['multisite']    = is_multisite() ? 'Yes' : 'No';
 		$wp_data['env_type']     = $environment_type;
+		$wp_data['dropins']      = array_keys( get_dropins() );
 
 		return $wp_data;
 	}

From 42d369ecdeaa0aff4fc2a86a5c0159ef269694ca Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Tue, 19 Apr 2022 10:35:20 -0700
Subject: [PATCH 036/327] Add pre-req checks to tests suite installation
 script.

---
 .../woocommerce/changelog/fix-29705-tests-install  |  4 ++++
 plugins/woocommerce/tests/bin/install.sh           | 14 ++++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-29705-tests-install

diff --git a/plugins/woocommerce/changelog/fix-29705-tests-install b/plugins/woocommerce/changelog/fix-29705-tests-install
new file mode 100644
index 00000000000..58bfebea831
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-29705-tests-install
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Add basic pre-requisite checking to the test suite installation script.
diff --git a/plugins/woocommerce/tests/bin/install.sh b/plugins/woocommerce/tests/bin/install.sh
index 0864ac1987e..7bcc72190ea 100755
--- a/plugins/woocommerce/tests/bin/install.sh
+++ b/plugins/woocommerce/tests/bin/install.sh
@@ -6,6 +6,18 @@ if [ $# -lt 3 ]; then
 	exit 1
 fi
 
+function check_command_exists {
+	if ! which "$1" > /dev/null; then
+		echo "It looks as if $1 is not installed. Please ensure it is installed and on the path."
+		exit 1
+	fi
+}
+
+# Basic pre-requisite checks
+check_command_exists "mysqladmin"
+check_command_exists "php"
+check_command_exists "svn"
+
 DB_NAME=$1
 DB_USER=$2
 DB_PASS=$3
@@ -107,6 +119,8 @@ install_test_suite() {
 		mkdir -p $WP_TESTS_DIR
 		svn co --quiet https://develop.svn.wordpress.org/${WP_TESTS_TAG}/tests/phpunit/includes/ $WP_TESTS_DIR/includes
 		svn co --quiet https://develop.svn.wordpress.org/${WP_TESTS_TAG}/tests/phpunit/data/ $WP_TESTS_DIR/data
+	else
+		echo -e "\nTest suite already installed at:\n\n\t$WP_TESTS_DIR\n\n(If you experience difficulties running the tests, consider removing it then re-running this script.)\n"
 	fi
 
 	if [ ! -f wp-tests-config.php ]; then

From 01ed9e2c9bf69ca7abfe251558cba3ad85cf0c7f Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 20 Apr 2022 08:25:23 +1200
Subject: [PATCH 037/327] Make core build scripts more intuitive. 'build' only
 builds and 'build:zip'  builds and creates a zip. This now makes 'build:core'
  redundant.

---
 plugins/woocommerce/bin/build-zip.sh | 2 +-
 plugins/woocommerce/package.json     | 8 ++++----
 plugins/woocommerce/project.json     | 6 ------
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/plugins/woocommerce/bin/build-zip.sh b/plugins/woocommerce/bin/build-zip.sh
index 0dae45443fe..53d0348a0ad 100755
--- a/plugins/woocommerce/bin/build-zip.sh
+++ b/plugins/woocommerce/bin/build-zip.sh
@@ -13,7 +13,7 @@ echo "Installing PHP and JS dependencies..."
 pnpm install
 composer install || exit "$?"
 echo "Running JS Build..."
-pnpm run build:core || exit "$?"
+pnpm run build || exit "$?"
 echo "Cleaning up PHP dependencies..."
 composer install --no-dev || exit "$?"
 
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index ac076b7e508..f670240212f 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -9,14 +9,14 @@
   },
   "license": "GPL-3.0+",
   "config": {
-    "wp_org_slug": "woocommerce"
+    "wp_org_slug": "woocommerce",
+    "build_step": "pnpm run build:zip"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "build": "./bin/build-zip.sh",
+    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm run makepot",
     "build:feature-config": "php bin/generate-feature-config.php",
-    "build:core": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm run makepot",
-    "build:zip": "pnpm run build",
+    "build:zip": "./bin/build-zip.sh",
     "lint:js": "eslint assets/js --ext=js",
     "docker:down": "pnpx wc-e2e docker:down",
     "docker:ssh": "pnpx wc-e2e docker:ssh",
diff --git a/plugins/woocommerce/project.json b/plugins/woocommerce/project.json
index 89df485f665..0c81800e7b2 100644
--- a/plugins/woocommerce/project.json
+++ b/plugins/woocommerce/project.json
@@ -41,12 +41,6 @@
 				"script": "build"
 			}
 		},
-		"build-core": {
-			"executor": "@nrwl/workspace:run-script",
-			"options": {
-				"script": "build:core"
-			}
-		},
 		"build-zip": {
 			"executor": "@nrwl/workspace:run-script",
 			"options": {

From 79c17ad3cc6a89fc908e1ac9fdcb0645858f4e54 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 20 Apr 2022 11:40:28 +1200
Subject: [PATCH 038/327] changelog

---
 plugins/woocommerce/changelog/fix-core-build-scripts | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-core-build-scripts

diff --git a/plugins/woocommerce/changelog/fix-core-build-scripts b/plugins/woocommerce/changelog/fix-core-build-scripts
new file mode 100644
index 00000000000..c5e5b19f105
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-core-build-scripts
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Standardize WooCommerce build scripts

From c458b13fdeede2978624aa460aef69cdc04570db Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 20 Apr 2022 12:14:11 +1200
Subject: [PATCH 039/327] move changelog.txt

---
 changelog.txt => plugins/woocommerce/changelog.txt | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename changelog.txt => plugins/woocommerce/changelog.txt (100%)

diff --git a/changelog.txt b/plugins/woocommerce/changelog.txt
similarity index 100%
rename from changelog.txt
rename to plugins/woocommerce/changelog.txt

From a2312bc54786cfa7d3e6b0cc59458180cfb36568 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 20 Apr 2022 12:40:25 +1200
Subject: [PATCH 040/327] Revert "move changelog.txt"

This reverts commit c458b13fdeede2978624aa460aef69cdc04570db.
---
 plugins/woocommerce/changelog.txt => changelog.txt | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename plugins/woocommerce/changelog.txt => changelog.txt (100%)

diff --git a/plugins/woocommerce/changelog.txt b/changelog.txt
similarity index 100%
rename from plugins/woocommerce/changelog.txt
rename to changelog.txt

From bce4b8df0497de52bb53146739d3348bc1d817f1 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 20 Apr 2022 12:55:07 +1200
Subject: [PATCH 041/327] reference the updated Github Action

---
 .github/workflows/pr-build-and-e2e-tests.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 328549ec59a..9fc3a961c21 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -15,7 +15,7 @@ jobs:
 
             - name: Build
               id: build
-              uses: woocommerce/action-build@trunk
+              uses: woocommerce/action-build@fix/build-core-reference
               env:
                   BUILD_ENV: e2e
 

From db4bf85ecf5500abb8ee2515657055b54fedd402 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 20 Apr 2022 17:30:07 +0530
Subject: [PATCH 042/327] Refactor utility method to common file so it can be
 reused.

---
 .../rest-api/Helpers/OrderHelper.php          | 78 ++++++++++++++++++
 .../WPPostToCOTMigratorTest.php               | 80 +------------------
 .../Orders/OrdersTableDataStoreTests.php      |  9 +++
 3 files changed, 89 insertions(+), 78 deletions(-)
 create mode 100644 plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
index 59f72d1dcb2..e86bc32a6cc 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
@@ -7,6 +7,7 @@ namespace Automattic\WooCommerce\RestApi\UnitTests\Helpers;
 
 defined( 'ABSPATH' ) || exit;
 
+use WC_Mock_Payment_Gateway;
 use \WC_Tax;
 use \WC_Shipping_Rate;
 use \WC_Order_Item_Shipping;
@@ -126,4 +127,81 @@ class OrderHelper {
 
 		return $order;
 	}
+
+	/**
+	 * Helper method to create complex wp_post based order.
+	 *
+	 * @return int Order ID
+	 */
+	public static function create_complex_wp_post_order() {
+		update_option( 'woocommerce_prices_include_tax', 'yes' );
+		update_option( 'woocommerce_calc_taxes', 'yes' );
+		$uniq_cust_id = wp_generate_password( 10, false );
+		$customer     = CustomerHelper::create_customer( "user$uniq_cust_id", $uniq_cust_id, "user$uniq_cust_id@example.com" );
+		$tax_rate     = array(
+			'tax_rate_country'  => '',
+			'tax_rate_state'    => '',
+			'tax_rate'          => '15.0000',
+			'tax_rate_name'     => 'tax',
+			'tax_rate_priority' => '1',
+			'tax_rate_order'    => '1',
+			'tax_rate_shipping' => '1',
+		);
+		WC_Tax::_insert_tax_rate( $tax_rate );
+
+		ShippingHelper::create_simple_flat_rate();
+
+		$order = OrderHelper::create_order();
+		// Make sure this is a wp_post order.
+		$post = get_post( $order->get_id() );
+		assert( isset( $post ) );
+		assert( 'shop_order' === $post->post_type );
+
+		$order->save();
+
+		$order->set_status( 'completed' );
+		$order->set_currency( 'INR' );
+		$order->set_customer_id( $customer->get_id() );
+		$order->set_billing_email( $customer->get_billing_email() );
+
+		$payment_gateway = new WC_Mock_Payment_Gateway();
+		$order->set_payment_method( 'mock' );
+		$order->set_transaction_id( 'mock1' );
+
+		$order->set_customer_ip_address( '1.1.1.1' );
+		$order->set_customer_user_agent( 'wc_unit_tests' );
+
+		$order->save();
+
+		$order->set_shipping_first_name( 'Albert' );
+		$order->set_shipping_last_name( 'Einstein' );
+		$order->set_shipping_company( 'The Olympia Academy' );
+		$order->set_shipping_address_1( '112 Mercer Street' );
+		$order->set_shipping_address_2( 'Princeton' );
+		$order->set_shipping_city( 'New Jersey' );
+		$order->set_shipping_postcode( '08544' );
+		$order->set_shipping_phone( '299792458' );
+		$order->set_shipping_country( 'US' );
+
+		$order->set_created_via( 'unit_tests' );
+		$order->set_version( '0.0.2' );
+		$order->set_prices_include_tax( true );
+		wc_update_coupon_usage_counts( $order->get_id() );
+		$order->get_data_store()->set_download_permissions_granted( $order, true );
+		$order->set_cart_hash( '1234' );
+		$order->update_meta_data( '_new_order_email_sent', 'true' );
+		$order->update_meta_data( '_order_stock_reduced', 'true' );
+		$order->set_date_paid( time() );
+		$order->set_date_completed( time() );
+		$order->calculate_shipping();
+
+		$order->add_meta_data( 'unique_key_1', 'unique_value_1', true );
+		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_1', false );
+		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_2', false );
+		$order->save();
+		$order->save_meta_data();
+
+		return $order->get_id();
+	}
+
 }
diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index 314ef8c9772..65803762c92 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -44,7 +44,7 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 	 * Test that migration for a normal order happens as expected.
 	 */
 	public function test_process_next_migration_batch_normal_order() {
-		$order = wc_get_order( $this->create_complex_wp_post_order() );
+		$order = wc_get_order( OrderHelper::create_complex_wp_post_order() );
 		$this->clear_all_orders_and_reset_checkpoint();
 		$this->sut->process_next_migration_batch( 100 );
 
@@ -59,7 +59,7 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 	 */
 	public function test_process_next_migration_batch_already_migrated_order() {
 		global $wpdb;
-		$order = wc_get_order( $this->create_complex_wp_post_order() );
+		$order = wc_get_order( OrderHelper::create_complex_wp_post_order() );
 		$this->clear_all_orders_and_reset_checkpoint();
 
 		// Run the migration once.
@@ -212,82 +212,6 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		return $wpdb->get_results( "SELECT * FROM $metadata_table WHERE order_id = $order_id;" );
 	}
 
-	/**
-	 * Helper method to create complex wp_post based order.
-	 *
-	 * @return int Order ID
-	 */
-	private function create_complex_wp_post_order() {
-		update_option( 'woocommerce_prices_include_tax', 'yes' );
-		update_option( 'woocommerce_calc_taxes', 'yes' );
-		$uniq_cust_id = wp_generate_password( 10, false );
-		$customer     = CustomerHelper::create_customer( "user$uniq_cust_id", $uniq_cust_id, "user$uniq_cust_id@example.com" );
-		$tax_rate     = array(
-			'tax_rate_country'  => '',
-			'tax_rate_state'    => '',
-			'tax_rate'          => '15.0000',
-			'tax_rate_name'     => 'tax',
-			'tax_rate_priority' => '1',
-			'tax_rate_order'    => '1',
-			'tax_rate_shipping' => '1',
-		);
-		WC_Tax::_insert_tax_rate( $tax_rate );
-
-		ShippingHelper::create_simple_flat_rate();
-
-		$order = OrderHelper::create_order();
-		// Make sure this is a wp_post order.
-		$post = get_post( $order->get_id() );
-		$this->assertNotNull( $post, 'Order is not created in wp_post table.' );
-		$this->assertEquals( 'shop_order', $post->post_type, 'Order is not created in wp_post table.' );
-
-		$order->save();
-
-		$order->set_status( 'completed' );
-		$order->set_currency( 'INR' );
-		$order->set_customer_id( $customer->get_id() );
-		$order->set_billing_email( $customer->get_billing_email() );
-
-		$payment_gateway = new WC_Mock_Payment_Gateway();
-		$order->set_payment_method( 'mock' );
-		$order->set_transaction_id( 'mock1' );
-
-		$order->set_customer_ip_address( '1.1.1.1' );
-		$order->set_customer_user_agent( 'wc_unit_tests' );
-
-		$order->save();
-
-		$order->set_shipping_first_name( 'Albert' );
-		$order->set_shipping_last_name( 'Einstein' );
-		$order->set_shipping_company( 'The Olympia Academy' );
-		$order->set_shipping_address_1( '112 Mercer Street' );
-		$order->set_shipping_address_2( 'Princeton' );
-		$order->set_shipping_city( 'New Jersey' );
-		$order->set_shipping_postcode( '08544' );
-		$order->set_shipping_phone( '299792458' );
-		$order->set_shipping_country( 'US' );
-
-		$order->set_created_via( 'unit_tests' );
-		$order->set_version( '0.0.2' );
-		$order->set_prices_include_tax( true );
-		wc_update_coupon_usage_counts( $order->get_id() );
-		$order->get_data_store()->set_download_permissions_granted( $order, true );
-		$order->set_cart_hash( '1234' );
-		$order->update_meta_data( '_new_order_email_sent', 'true' );
-		$order->update_meta_data( '_order_stock_reduced', 'true' );
-		$order->set_date_paid( time() );
-		$order->set_date_completed( time() );
-		$order->calculate_shipping();
-
-		$order->add_meta_data( 'unique_key_1', 'unique_value_1', true );
-		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_1', false );
-		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_2', false );
-		$order->save();
-		$order->save_meta_data();
-
-		return $order->get_id();
-	}
-
 	/**
 	 * Helper method to assert core data is migrated.
 	 *
diff --git a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
new file mode 100644
index 00000000000..595f93d38f9
--- /dev/null
+++ b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
@@ -0,0 +1,9 @@
+<?php
+
+class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
+
+	public function test_read_from_migrated_order() {
+
+	}
+
+}

From f8a8fd08ba30929b35c3db5ffb8981e3b68423b7 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 20 Apr 2022 18:05:10 +0530
Subject: [PATCH 043/327] Adjust migration to make cot.id === post.id.

---
 .../MetaToCustomTableMigrator.php             |  3 +++
 .../WPPostMetaToOrderMetaMigrator.php         |  2 +-
 .../WPPostToOrderAddressTableMigrator.php     |  4 ++--
 .../WPPostToOrderOpTableMigrator.php          |  4 ++--
 .../WPPostToOrderTableMigrator.php            |  4 ++--
 .../rest-api/Helpers/OrderHelper.php          | 15 ++++++++++++
 .../WPPostToCOTMigratorTest.php               | 24 ++++---------------
 7 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
index 4a8401c1b4e..75c758ec2ef 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
@@ -196,6 +196,9 @@ abstract class MetaToCustomTableMigrator {
 		$columns      = array();
 		$placeholders = array();
 		foreach ( $columns_schema as $prev_column => $schema ) {
+			if ( in_array( $schema['destination'], $columns ) ) {
+				continue;
+			}
 			$columns[]      = $schema['destination'];
 			$placeholders[] = MigrationHelper::get_wpdb_placeholder_for_type( $schema['type'] );
 		}
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
index e8dd2a55ecd..fe61dea5cf1 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -54,7 +54,7 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 				),
 				'entity'        => array(
 					'table_name'       => $this->table_names['orders'],
-					'source_id_column' => 'post_id',
+					'source_id_column' => 'id',
 					'id_column'        => 'id',
 				),
 				'excluded_keys' => $this->excluded_columns,
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderAddressTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderAddressTableMigrator.php
index bbb2be8dda2..46b05d05c28 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderAddressTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderAddressTableMigrator.php
@@ -47,9 +47,9 @@ class WPPostToOrderAddressTableMigrator extends MetaToCustomTableMigrator {
 			'source'      => array(
 				'entity' => array(
 					'table_name'             => $this->table_names['orders'],
-					'meta_rel_column'        => 'post_id',
+					'meta_rel_column'        => 'id',
 					'destination_rel_column' => 'id',
-					'primary_key'            => 'post_id',
+					'primary_key'            => 'id',
 				),
 				'meta'   => array(
 					'table_name'        => $wpdb->postmeta,
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderOpTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderOpTableMigrator.php
index 54217a421c4..fdf696f9caa 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderOpTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderOpTableMigrator.php
@@ -31,9 +31,9 @@ class WPPostToOrderOpTableMigrator extends MetaToCustomTableMigrator {
 			'source'      => array(
 				'entity' => array(
 					'table_name'             => $this->table_names['orders'],
-					'meta_rel_column'        => 'post_id',
+					'meta_rel_column'        => 'id',
 					'destination_rel_column' => 'id',
-					'primary_key'            => 'post_id',
+					'primary_key'            => 'id',
 				),
 				'meta'   => array(
 					'table_name'        => $wpdb->postmeta,
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderTableMigrator.php
index e18b3876dfe..42c5dd67aa6 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToOrderTableMigrator.php
@@ -43,7 +43,7 @@ class WPPostToOrderTableMigrator extends MetaToCustomTableMigrator {
 			),
 			'destination' => array(
 				'table_name'        => $this->table_names['orders'],
-				'source_rel_column' => 'post_id',
+				'source_rel_column' => 'id',
 				'primary_key'       => 'id',
 				'primary_key_type'  => 'int',
 			),
@@ -59,7 +59,7 @@ class WPPostToOrderTableMigrator extends MetaToCustomTableMigrator {
 		return array(
 			'ID'                => array(
 				'type'        => 'int',
-				'destination' => 'post_id',
+				'destination' => 'id',
 			),
 			'post_status'       => array(
 				'type'        => 'string',
diff --git a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
index e86bc32a6cc..70c652b9a69 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
@@ -7,6 +7,7 @@ namespace Automattic\WooCommerce\RestApi\UnitTests\Helpers;
 
 defined( 'ABSPATH' ) || exit;
 
+use Automattic\WooCommerce\Internal\DataStores\Orders\DataSynchronizer;
 use WC_Mock_Payment_Gateway;
 use \WC_Tax;
 use \WC_Shipping_Rate;
@@ -128,6 +129,20 @@ class OrderHelper {
 		return $order;
 	}
 
+	/**
+	 * Helper method to create custom tables if not present.
+	 */
+	public static function create_order_custom_table_if_not_exist() {
+		$order_table_controller = wc_get_container()
+			->get( 'Automattic\WooCommerce\Internal\DataStores\Orders\CustomOrdersTableController' );
+		$order_table_controller->show_feature();
+		$synchronizer = wc_get_container()
+			->get( DataSynchronizer::class );
+		if ( ! $synchronizer->check_orders_table_exists() ) {
+			$synchronizer->create_database_tables();
+		}
+	}
+
 	/**
 	 * Helper method to create complex wp_post based order.
 	 *
diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index 65803762c92..b11d3cdbacd 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -35,7 +35,7 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 	 */
 	public function setUp(): void {
 		parent::setUp();
-		$this->create_order_custom_table_if_not_exist();
+		OrderHelper::create_order_custom_table_if_not_exist();
 		$this->data_store = wc_get_container()->get( OrdersTableDataStore::class );
 		$this->sut        = wc_get_container()->get( WPPostToCOTMigrator::class );
 	}
@@ -75,11 +75,11 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 			$wpdb->get_var(
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_orders_table_name()}
-WHERE post_id = {$order->get_id()}"
+WHERE id = {$order->get_id()}"
 			),
 			'Order record is duplicated.'
 		);
-		$order_id = $wpdb->get_var( "SELECT id FROM {$this->data_store::get_orders_table_name()} WHERE post_id = {$order->get_id()}" );
+		$order_id = $wpdb->get_var( "SELECT id FROM {$this->data_store::get_orders_table_name()} WHERE id = {$order->get_id()}" );
 		$this->assertEquals(
 			1,
 			$wpdb->get_var(
@@ -160,7 +160,7 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 	private function get_order_from_cot( $post_order ) {
 		global $wpdb;
 		$order_table = $this->data_store::get_orders_table_name();
-		$query       = "SELECT * FROM $order_table WHERE post_id = {$post_order->get_id()};";
+		$query       = "SELECT * FROM $order_table WHERE id = {$post_order->get_id()};";
 
 		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared
 		return $wpdb->get_row( $query );
@@ -221,7 +221,7 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		$db_order = $this->get_order_from_cot( $order );
 
 		// Verify core data.
-		$this->assertEquals( $order->get_id(), $db_order->post_id );
+		$this->assertEquals( $order->get_id(), $db_order->id );
 		$this->assertEquals( 'wc-' . $order->get_status(), $db_order->status );
 		$this->assertEquals( 'INR', $db_order->currency );
 		$this->assertEquals( $order->get_customer_id(), $db_order->customer_id );
@@ -361,18 +361,4 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		}
 		$this->sut->delete_checkpoint();
 	}
-
-	/**
-	 * Helper method to create custom tables if not present.
-	 */
-	private function create_order_custom_table_if_not_exist() {
-		$order_table_controller = wc_get_container()
-			->get( 'Automattic\WooCommerce\Internal\DataStores\Orders\CustomOrdersTableController' );
-		$order_table_controller->show_feature();
-		$this->synchronizer = wc_get_container()
-			->get( DataSynchronizer::class );
-		if ( ! $this->synchronizer->check_orders_table_exists() ) {
-			$this->synchronizer->create_database_tables();
-		}
-	}
 }

From 0198fb736c96597e74904a7b05043c7d9d93887b Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 20 Apr 2022 18:10:19 +0530
Subject: [PATCH 044/327] Add changelog file.

---
 plugins/woocommerce/changelog/cot-32663 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/cot-32663

diff --git a/plugins/woocommerce/changelog/cot-32663 b/plugins/woocommerce/changelog/cot-32663
new file mode 100644
index 00000000000..c1a719f97e0
--- /dev/null
+++ b/plugins/woocommerce/changelog/cot-32663
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Modify migration to make cot.id === posts.id.

From 5dbc39478423ce64130e66c6c0612b8cb440aa6c Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Wed, 20 Apr 2022 10:12:08 -0300
Subject: [PATCH 045/327] Fix task list style conflict

---
 packages/js/experimental/src/experimental-list/style.scss | 2 +-
 .../src/experimental-list/task-item/index.tsx             | 2 +-
 .../src/experimental-list/task-item/style.scss            | 4 ++--
 plugins/woocommerce-admin/client/tasks/tasks.scss         | 2 +-
 .../client/two-column-tasks/sectioned-task-list.scss      | 4 ++--
 .../client/two-column-tasks/sectioned-task-list.tsx       | 3 +--
 .../woocommerce-admin/client/two-column-tasks/style.scss  | 8 ++++----
 .../client/two-column-tasks/task-list.tsx                 | 2 +-
 8 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/packages/js/experimental/src/experimental-list/style.scss b/packages/js/experimental/src/experimental-list/style.scss
index b8e5ea3886d..638a22174ef 100644
--- a/packages/js/experimental/src/experimental-list/style.scss
+++ b/packages/js/experimental/src/experimental-list/style.scss
@@ -134,7 +134,7 @@ a.woocommerce-experimental-list__item {
 		fill: $chevron-color;
 	}
 
-	&.is-complete {
+	&.complete {
 		.woocommerce-task__icon {
 			background-color: var(--wp-admin-theme-color);
 		}
diff --git a/packages/js/experimental/src/experimental-list/task-item/index.tsx b/packages/js/experimental/src/experimental-list/task-item/index.tsx
index 59b8ecd2ffd..8aa2864d296 100644
--- a/packages/js/experimental/src/experimental-list/task-item/index.tsx
+++ b/packages/js/experimental/src/experimental-list/task-item/index.tsx
@@ -130,7 +130,7 @@ export const TaskItem: React.FC< TaskItemProps > = ( {
 	}, [ expanded ] );
 
 	const className = classnames( 'woocommerce-task-list__item', {
-		'is-complete': completed,
+		complete: completed,
 		expanded: isTaskExpanded,
 		'level-2': level === 2 && ! completed,
 		'level-1': level === 1 && ! completed,
diff --git a/packages/js/experimental/src/experimental-list/task-item/style.scss b/packages/js/experimental/src/experimental-list/task-item/style.scss
index 7a95dc775f0..f7fb5eb81df 100644
--- a/packages/js/experimental/src/experimental-list/task-item/style.scss
+++ b/packages/js/experimental/src/experimental-list/task-item/style.scss
@@ -121,7 +121,7 @@ $task-alert-yellow: #f0b849;
 		left: 5px;
 	}
 
-	&.is-complete {
+	&.complete {
 		.woocommerce-task__icon {
 			background-color: var(--wp-admin-theme-color);
 		}
@@ -136,7 +136,7 @@ $task-alert-yellow: #f0b849;
 		}
 	}
 
-	&:not(.is-complete) {
+	&:not(.complete) {
 		.woocommerce-task__icon {
 			border: 1px solid $gray-100;
 			background: $white;
diff --git a/plugins/woocommerce-admin/client/tasks/tasks.scss b/plugins/woocommerce-admin/client/tasks/tasks.scss
index 1ba8c76f427..07719e15b8a 100644
--- a/plugins/woocommerce-admin/client/tasks/tasks.scss
+++ b/plugins/woocommerce-admin/client/tasks/tasks.scss
@@ -236,7 +236,7 @@
 }
 
 .woocommerce-task-list__setup_experiment_1 {
-	.woocommerce-experimental-list .woocommerce-experimental-list__item.is-complete {
+	.woocommerce-experimental-list .woocommerce-experimental-list__item.complete {
 		text-decoration: line-through;
 
 		.woocommerce-task-list__item-title {
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
index d9e379ad043..a52ee0bdbfc 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
@@ -63,14 +63,14 @@
 			pointer-events: none;
 		}
 
-		&:not(.is-complete)
+		&:not(.complete)
 		.woocommerce-task-list__item-before
 		.woocommerce-task__icon {
 			border-color: $gray-300;
 		}
 	}
 
-	.woocommerce-task-list__item.is-complete .woocommerce-task__icon {
+	.woocommerce-task-list__item.complete .woocommerce-task__icon {
 		background-color: $alert-green;
 	}
 
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
index 2703c84d0cf..ca00ac65c2c 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
@@ -220,8 +220,7 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 											const className = classnames(
 												'woocommerce-task-list__item',
 												{
-													'is-complete':
-														task.isComplete,
+													complete: task.isComplete,
 													'is-disabled':
 														task.isDisabled,
 												}
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/style.scss b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
index 16aa121bdcd..b0f3420fd3e 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/style.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
@@ -103,7 +103,7 @@
 	margin: 0 auto;
 	justify-content: space-between;
 
-	ul li.is-complete .woocommerce-task-list__item-title {
+	ul li.complete .woocommerce-task-list__item-title {
 		font-weight: 600;
 		color: $gray-600;
 	}
@@ -178,11 +178,11 @@
 			height: 100%;
 		}
 	}
-	.woocommerce-task-list__item:not(.is-complete) .woocommerce-task__icon {
+	.woocommerce-task-list__item:not(.complete) .woocommerce-task__icon {
 		border: 1px solid var(--wp-admin-theme-color);
 		background: transparent;
 	}
-	.woocommerce-task-list__item.is-complete:not(.complete) .woocommerce-task__icon {
+	.woocommerce-task-list__item.complete:not(.complete) .woocommerce-task__icon {
 		border: none;
 	}
 
@@ -206,7 +206,7 @@
 	}
 
 	@for $i from 1 through 10 {
-		.woocommerce-task-list__item:not(.is-complete).index-#{$i} .woocommerce-task__icon::after {
+		.woocommerce-task-list__item:not(.complete).index-#{$i} .woocommerce-task__icon::after {
 			content: '#{$i}';
 			@extend .numbered-circle;
 			color: var(--wp-admin-theme-color);
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
index 9f9c4f468e2..a0ed8cdd85d 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
@@ -291,7 +291,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 							const className = classnames(
 								'woocommerce-task-list__item index-' + index,
 								{
-									'is-complete': task.isComplete,
+									complete: task.isComplete,
 									'is-active': task.id === activeTaskId,
 								}
 							);

From 43b120bce78f99a1294c98bf722f6b8baa30e34d Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Wed, 20 Apr 2022 11:14:15 -0300
Subject: [PATCH 046/327] Add changelogs

---
 packages/js/experimental/CHANGELOG.md                      | 3 +++
 plugins/woocommerce/changelog/fix-task-list-style-conflict | 4 ++++
 2 files changed, 7 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-task-list-style-conflict

diff --git a/packages/js/experimental/CHANGELOG.md b/packages/js/experimental/CHANGELOG.md
index d2c45b911ae..824278ada63 100644
--- a/packages/js/experimental/CHANGELOG.md
+++ b/packages/js/experimental/CHANGELOG.md
@@ -1,7 +1,9 @@
 # Unreleased
 
+-   Fix setup task list style conflict #32704
 -   Update dependency `@wordpress/icons` to ^8.1.0
 -   Added Typescript type declarations. #32615
+
 # 3.0.1
 
 -   Update all js packages with minor/patch version changes. #8392
@@ -14,6 +16,7 @@
 -   Drop support for IE11. #8305
 
 # 2.2.0
+
 -   Make the Inbox note title clickable. #7975
 -   Fix incorrectly displayed note created date. #8179
 -   Fix inbox note css #7983
diff --git a/plugins/woocommerce/changelog/fix-task-list-style-conflict b/plugins/woocommerce/changelog/fix-task-list-style-conflict
new file mode 100644
index 00000000000..0090fac46be
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-task-list-style-conflict
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix setup task list style conflict #32704

From 665bb46d53734bbc7339f26ce4e9d70ef5619216 Mon Sep 17 00:00:00 2001
From: Josh Betz <j@joshbetz.com>
Date: Wed, 20 Apr 2022 10:25:13 -0500
Subject: [PATCH 047/327] Changelog

---
 plugins/woocommerce/changelog/add-wctracker-dropins | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-wctracker-dropins

diff --git a/plugins/woocommerce/changelog/add-wctracker-dropins b/plugins/woocommerce/changelog/add-wctracker-dropins
new file mode 100644
index 00000000000..ef5b3fd34e3
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-wctracker-dropins
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add dropins to WCTracker

From dab7e609712a2e42e2ab4defd776f9766fa1053e Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 21 Apr 2022 11:17:59 +1200
Subject: [PATCH 048/327] Standardize Beta Tester build scripts

---
 plugins/woocommerce-beta-tester/bin/build-zip.sh | 4 ++--
 plugins/woocommerce-beta-tester/package.json     | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce-beta-tester/bin/build-zip.sh b/plugins/woocommerce-beta-tester/bin/build-zip.sh
index 8a06aa9a8da..f05c0a366d0 100755
--- a/plugins/woocommerce-beta-tester/bin/build-zip.sh
+++ b/plugins/woocommerce-beta-tester/bin/build-zip.sh
@@ -10,9 +10,9 @@ rm -rf "$BUILD_PATH"
 mkdir -p "$DEST_PATH"
 
 echo "Installing PHP and JS dependencies..."
-npm install
+pnpm install
 echo "Running JS Build..."
-npm run uglify
+pnpm run uglify
 
 echo "Syncing files..."
 rsync -rc --exclude-from="$PROJECT_PATH/.distignore" "$PROJECT_PATH/" "$DEST_PATH/" --delete --delete-excluded
diff --git a/plugins/woocommerce-beta-tester/package.json b/plugins/woocommerce-beta-tester/package.json
index c9044a0682f..fd75976a133 100644
--- a/plugins/woocommerce-beta-tester/package.json
+++ b/plugins/woocommerce-beta-tester/package.json
@@ -9,6 +9,9 @@
   "title": "WooCommerce Beta Tester",
   "version": "2.0.5",
   "homepage": "http://github.com/woocommerce/woocommerce-beta-tester",
+  "config": {
+    "build_step": "pnpm run build:zip"
+  },
   "devDependencies": {
     "eslint": "5.16.0",
     "uglify-js": "^3.5.3"
@@ -20,8 +23,9 @@
     }
   },
   "scripts": {
-    "build": "./bin/build-zip.sh",
-    "build:dev": "npm run lint:js && npm run uglify",
+    "build": "pnpm run uglify",
+    "build:zip": "./bin/build-zip.sh",
+    "build:dev": "pnpm run lint:js && pnpm run uglify",
     "preuglify": "rm -f $npm_package_assets_js_min",
     "uglify": "for f in $npm_package_assets_js_js; do file=${f%.js}; node_modules/.bin/uglifyjs $f -c -m > $file.min.js; done",
     "lint:js": "eslint assets/js --ext=js"

From 1be4162466dfa318a957b369ff43651d73580f87 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 21 Apr 2022 11:39:41 +1200
Subject: [PATCH 049/327] add changelogger and changelog entry

---
 .../changelog/.gitkeep                        |   0
 .../changelog/fix-beta-tester-build-scripts   |   4 +
 plugins/woocommerce-beta-tester/composer.json |  21 +-
 plugins/woocommerce-beta-tester/composer.lock | 945 +++++++++++++++++-
 4 files changed, 957 insertions(+), 13 deletions(-)
 create mode 100644 plugins/woocommerce-beta-tester/changelog/.gitkeep
 create mode 100644 plugins/woocommerce-beta-tester/changelog/fix-beta-tester-build-scripts

diff --git a/plugins/woocommerce-beta-tester/changelog/.gitkeep b/plugins/woocommerce-beta-tester/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/plugins/woocommerce-beta-tester/changelog/fix-beta-tester-build-scripts b/plugins/woocommerce-beta-tester/changelog/fix-beta-tester-build-scripts
new file mode 100644
index 00000000000..6f868f14932
--- /dev/null
+++ b/plugins/woocommerce-beta-tester/changelog/fix-beta-tester-build-scripts
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Standardize build scripts and create a build:zip script
diff --git a/plugins/woocommerce-beta-tester/composer.json b/plugins/woocommerce-beta-tester/composer.json
index d3fac5fd2e1..3e0f870d65e 100644
--- a/plugins/woocommerce-beta-tester/composer.json
+++ b/plugins/woocommerce-beta-tester/composer.json
@@ -11,7 +11,8 @@
   },
   "require-dev": {
     "phpunit/phpunit": "6.5.14",
-    "woocommerce/woocommerce-sniffs": "^0.1.2"
+    "woocommerce/woocommerce-sniffs": "^0.1.2",
+    "automattic/jetpack-changelogger": "3.0.2"
   },
   "scripts": {
     "test": [
@@ -32,7 +33,23 @@
       "test": "Run unit tests",
       "phpcs": "Analyze code against the WordPress coding standards with PHP_CodeSniffer",
       "phpcbf": "Fix coding standards warnings/errors automatically with PHP Code Beautifier"
-    }
+    },
+    "changelogger": {
+			"formatter": {
+				"filename": "../../tools/changelogger/PluginFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"versioning": "wordpress",
+			"changelog": "NEXT_CHANGELOG.md"
+		}
   },
   "config": {
     "allow-plugins": {
diff --git a/plugins/woocommerce-beta-tester/composer.lock b/plugins/woocommerce-beta-tester/composer.lock
index 49c41986b8c..ab564f5f477 100644
--- a/plugins/woocommerce-beta-tester/composer.lock
+++ b/plugins/woocommerce-beta-tester/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "27f51f47336e5ff79aba0d11f044853f",
+    "content-hash": "5d67ce680e077bcd75b6d052c32f9bf1",
     "packages": [
         {
             "name": "composer/installers",
@@ -159,6 +159,60 @@
         }
     ],
     "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
         {
             "name": "dealerdirect/phpcodesniffer-composer-installer",
             "version": "v0.7.2",
@@ -757,16 +811,16 @@
         },
         {
             "name": "phpdocumentor/type-resolver",
-            "version": "1.6.0",
+            "version": "1.6.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpDocumentor/TypeResolver.git",
-                "reference": "93ebd0014cab80c4ea9f5e297ea48672f1b87706"
+                "reference": "77a32518733312af16a44300404e945338981de3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/93ebd0014cab80c4ea9f5e297ea48672f1b87706",
-                "reference": "93ebd0014cab80c4ea9f5e297ea48672f1b87706",
+                "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/77a32518733312af16a44300404e945338981de3",
+                "reference": "77a32518733312af16a44300404e945338981de3",
                 "shasum": ""
             },
             "require": {
@@ -799,11 +853,7 @@
                 }
             ],
             "description": "A PSR-5 based resolver of Class names, Types and Structural Element Names",
-            "support": {
-                "issues": "https://github.com/phpDocumentor/TypeResolver/issues",
-                "source": "https://github.com/phpDocumentor/TypeResolver/tree/1.6.0"
-            },
-            "time": "2022-01-04T19:58:01+00:00"
+            "time": "2022-03-15T21:29:03+00:00"
         },
         {
             "name": "phpspec/prophecy",
@@ -1295,6 +1345,50 @@
             "abandoned": true,
             "time": "2018-08-09T05:50:03+00:00"
         },
+        {
+            "name": "psr/container",
+            "version": "1.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
         {
             "name": "sebastian/code-unit-reverse-lookup",
             "version": "1.0.2",
@@ -1984,6 +2078,166 @@
             },
             "time": "2021-12-12T21:44:58+00:00"
         },
+        {
+            "name": "symfony/console",
+            "version": "v5.4.7",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "900275254f0a1a2afff1ab0e11abd5587a10e1d6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/900275254f0a1a2afff1ab0e11abd5587a10e1d6",
+                "reference": "900275254f0a1a2afff1ab0e11abd5587a10e1d6",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-31T17:09:19+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "v2.5.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
         {
             "name": "symfony/polyfill-ctype",
             "version": "v1.25.0",
@@ -2066,6 +2320,623 @@
             ],
             "time": "2021-10-20T20:35:02+00:00"
         },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "v5.4.7",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "38a44b2517b470a436e1c944bf9b9ba3961137fb"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/38a44b2517b470a436e1c944bf9b9ba3961137fb",
+                "reference": "38a44b2517b470a436e1c944bf9b9ba3961137fb",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-18T16:18:52+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "v2.5.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "v5.4.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "92043b7d8383e48104e411bc9434b260dbeb5a10"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/92043b7d8383e48104e411bc9434b260dbeb5a10",
+                "reference": "92043b7d8383e48104e411bc9434b260dbeb5a10",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
         {
             "name": "theseer/tokenizer",
             "version": "1.2.1",
@@ -2174,6 +3045,58 @@
             },
             "time": "2021-03-09T10:59:23+00:00"
         },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        },
         {
             "name": "woocommerce/woocommerce-sniffs",
             "version": "0.1.2",
@@ -2277,5 +3200,5 @@
     "prefer-lowest": false,
     "platform": [],
     "platform-dev": [],
-    "plugin-api-version": "2.2.0"
+    "plugin-api-version": "1.1.0"
 }

From 03beccc5f2cdb4fd8a93c51bc9b9cd0f9c7dbb6f Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 21 Apr 2022 11:47:49 +1200
Subject: [PATCH 050/327] add build to project.json

---
 plugins/woocommerce-beta-tester/.gitignore   | 3 +++
 plugins/woocommerce-beta-tester/project.json | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/plugins/woocommerce-beta-tester/.gitignore b/plugins/woocommerce-beta-tester/.gitignore
index 2adc1b6ef8d..06b64f2a4c3 100644
--- a/plugins/woocommerce-beta-tester/.gitignore
+++ b/plugins/woocommerce-beta-tester/.gitignore
@@ -13,7 +13,10 @@ project.properties
 *.sublime-workspace
 .sublimelinterrc
 
+# Dependencies
 vendor/
 node_modules/
+
+# Built assets
 build/
 woocommerce-beta-tester.zip
diff --git a/plugins/woocommerce-beta-tester/project.json b/plugins/woocommerce-beta-tester/project.json
index 044247162f8..3d6ce0a9c21 100644
--- a/plugins/woocommerce-beta-tester/project.json
+++ b/plugins/woocommerce-beta-tester/project.json
@@ -3,6 +3,12 @@
 	"sourceRoot": "plugins/woocommerce-beta-tester",
 	"projectType": "application",
 	"targets": {
+		"build": {
+			"executor": "@nrwl/workspace:run-script",
+			"options": {
+				"script": "build"
+			}
+		},
 		"changelog": {
 			"executor": "./tools/executors/changelogger:changelog",
 			"options": {

From 3ff4b2f3098a58e9c14ca74d396c0690148f3216 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 21 Apr 2022 12:56:11 +1200
Subject: [PATCH 051/327] whitespace

---
 packages/js/e2e-builds/.npmrc       | 2 +-
 packages/js/e2e-builds/project.json | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/js/e2e-builds/.npmrc b/packages/js/e2e-builds/.npmrc
index 9cf9495031e..43c97e719a5 100644
--- a/packages/js/e2e-builds/.npmrc
+++ b/packages/js/e2e-builds/.npmrc
@@ -1 +1 @@
-package-lock=false
\ No newline at end of file
+package-lock=false
diff --git a/packages/js/e2e-builds/project.json b/packages/js/e2e-builds/project.json
index 09d71fc99fa..02b9146de79 100644
--- a/packages/js/e2e-builds/project.json
+++ b/packages/js/e2e-builds/project.json
@@ -11,4 +11,5 @@
              }
          }
      }
- }
\ No newline at end of file
+ }
+ 
\ No newline at end of file

From 8ec07913ba5ce099e1197fb83887ccb26cc970c9 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 20 Apr 2022 16:48:08 +0800
Subject: [PATCH 052/327] Export woo data getTaskLists type

---
 packages/js/data/src/onboarding/selectors.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/js/data/src/onboarding/selectors.ts b/packages/js/data/src/onboarding/selectors.ts
index 8f754e7c4ed..d0f4bdefe81 100644
--- a/packages/js/data/src/onboarding/selectors.ts
+++ b/packages/js/data/src/onboarding/selectors.ts
@@ -102,6 +102,7 @@ export type OnboardingSelectors = {
 	getTaskListsByIds: (
 		ids: string[]
 	) => ReturnType< typeof getTaskListsByIds >;
+	getTaskLists: () => ReturnType< typeof getTaskLists >;
 } & WPDataSelectors;
 
 export type OnboardingState = {

From 1a0c940bddca2040f13ff957a32e933c59b9f8db Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 20 Apr 2022 16:48:36 +0800
Subject: [PATCH 053/327] Convert admin ./client/header/utils to TS

---
 .../client/header/{utils.js => utils.tsx}     | 70 +++++++++++++------
 1 file changed, 48 insertions(+), 22 deletions(-)
 rename plugins/woocommerce-admin/client/header/{utils.js => utils.tsx} (61%)

diff --git a/plugins/woocommerce-admin/client/header/utils.js b/plugins/woocommerce-admin/client/header/utils.tsx
similarity index 61%
rename from plugins/woocommerce-admin/client/header/utils.js
rename to plugins/woocommerce-admin/client/header/utils.tsx
index 10d2bae283c..96a368d1e4b 100644
--- a/plugins/woocommerce-admin/client/header/utils.js
+++ b/plugins/woocommerce-admin/client/header/utils.tsx
@@ -1,6 +1,7 @@
 /**
  * External dependencies
  */
+import { isValidElement } from 'react';
 import { Slot, Fill } from '@wordpress/components';
 import { cloneElement } from '@wordpress/element';
 
@@ -12,10 +13,34 @@ import { cloneElement } from '@wordpress/element';
  * @param {Array}  props    - Fill props.
  * @return {Node} Node.
  */
-const createOrderedChildren = ( children, order, props ) => {
-	return typeof children === 'function'
-		? cloneElement( children( props ), { order } )
-		: cloneElement( children, { ...props, order } );
+const createOrderedChildren = (
+	children: React.ReactNode,
+	order: number,
+	props: Fill.Props
+) => {
+	if ( typeof children === 'function' ) {
+		return cloneElement( children( props ), { order } );
+	} else if ( isValidElement( children ) ) {
+		return cloneElement( children, { ...props, order } );
+	}
+	throw Error( 'Invalid children type' );
+};
+
+/**
+ * Sort fills by order for slot children.
+ *
+ * @param {Array} fills - slot's `Fill`s.
+ * @return {Node} Node.
+ */
+const sortFillsByOrder: Slot.Props[ 'children' ] = ( fills ) => {
+	// Copy fills array here because its type is readonly array that doesn't have .sort method in Typescript definition.
+	const sortedFills = [ ...fills ].sort( ( a, b ) => {
+		return a[ 0 ].props.order - b[ 0 ].props.order;
+	} );
+	if ( isValidElement( sortedFills ) ) {
+		return sortedFills;
+	}
+	return null;
 };
 
 /**
@@ -36,10 +61,12 @@ const createOrderedChildren = ( children, order, props ) => {
  * @param {Array}  param0.children - Node children.
  * @param {Array}  param0.order    - Node order.
  */
-export const WooHeaderItem = ( { children, order = 1 } ) => {
+export const WooHeaderItem: React.FC< { order?: number } > & {
+	Slot: React.FC< Slot.Props >;
+} = ( { children, order = 1 } ) => {
 	return (
 		<Fill name={ 'woocommerce_header_item' }>
-			{ ( fillProps ) => {
+			{ ( fillProps: Fill.Props ) => {
 				return createOrderedChildren( children, order, fillProps );
 			} }
 		</Fill>
@@ -48,11 +75,7 @@ export const WooHeaderItem = ( { children, order = 1 } ) => {
 
 WooHeaderItem.Slot = ( { fillProps } ) => (
 	<Slot name={ 'woocommerce_header_item' } fillProps={ fillProps }>
-		{ ( fills ) => {
-			return fills.sort( ( a, b ) => {
-				return a[ 0 ].props.order - b[ 0 ].props.order;
-			} );
-		} }
+		{ sortFillsByOrder }
 	</Slot>
 );
 
@@ -75,23 +98,21 @@ WooHeaderItem.Slot = ( { fillProps } ) => (
  * @param {Array}  param0.children - Node children.
  * @param {Array}  param0.order    - Node order.
  */
-export const WooHeaderNavigationItem = ( { children, order = 1 } ) => {
+export const WooHeaderNavigationItem: React.FC< { order?: number } > & {
+	Slot: React.FC< Slot.Props >;
+} = ( { children, order = 1 } ) => {
 	return (
 		<Fill name={ 'woocommerce_header_navigation_item' }>
-			{ ( fillProps ) => {
+			{ ( fillProps: Fill.Props ) => {
 				return createOrderedChildren( children, order, fillProps );
 			} }
 		</Fill>
 	);
 };
 
-WooHeaderNavigationItem.Slot = ( { fillProps } ) => (
+WooHeaderNavigationItem.Slot = ( { fillProps }: Slot.Props ) => (
 	<Slot name={ 'woocommerce_header_navigation_item' } fillProps={ fillProps }>
-		{ ( fills ) => {
-			return fills.sort( ( a, b ) => {
-				return a[ 0 ].props.order - b[ 0 ].props.order;
-			} );
-		} }
+		{ sortFillsByOrder }
 	</Slot>
 );
 
@@ -112,15 +133,20 @@ WooHeaderNavigationItem.Slot = ( { fillProps } ) => (
  * @param {Object} param0
  * @param {Array}  param0.children - Node children.
  */
-export const WooHeaderPageTitle = ( { children } ) => {
+export const WooHeaderPageTitle: React.FC & {
+	Slot: React.FC< Slot.Props >;
+} = ( { children } ) => {
 	return <Fill name={ 'woocommerce_header_page_title' }>{ children }</Fill>;
 };
 
 WooHeaderPageTitle.Slot = ( { fillProps } ) => (
 	<Slot name={ 'woocommerce_header_page_title' } fillProps={ fillProps }>
 		{ ( fills ) => {
-			const last = fills.pop();
-			return [ last ];
+			const last = [ [ ...fills ].pop() ];
+			if ( isValidElement( last ) ) {
+				return last;
+			}
+			return null;
 		} }
 	</Slot>
 );

From c5c1cf438afb54ca96a2ac7d88b7f2557f88a89a Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 20 Apr 2022 16:48:53 +0800
Subject: [PATCH 054/327] Fix task types

---
 .../client/tasks/task-list-item.tsx           |   9 +-
 .../client/tasks/task-list.tsx                |  54 ++++---
 .../woocommerce-admin/client/tasks/task.tsx   |   9 +-
 .../woocommerce-admin/client/tasks/tasks.tsx  |  46 +++---
 .../client/tasks/test/task-list-item.test.tsx |  19 ++-
 .../client/tasks/test/task-list.test.tsx      | 142 +++++++++++++++---
 .../client/tasks/test/task.test.tsx           |  27 +++-
 .../client/tasks/test/tasks.test.tsx          |  15 +-
 8 files changed, 236 insertions(+), 85 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/task-list-item.tsx b/plugins/woocommerce-admin/client/tasks/task-list-item.tsx
index 42397da3df3..031754f8d4e 100644
--- a/plugins/woocommerce-admin/client/tasks/task-list-item.tsx
+++ b/plugins/woocommerce-admin/client/tasks/task-list-item.tsx
@@ -17,6 +17,7 @@ import { TaskItem, useSlot } from '@woocommerce/experimental';
 import { useCallback } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
 import { WooOnboardingTaskListItem } from '@woocommerce/onboarding';
+import { History } from 'history';
 
 /**
  * Internal dependencies
@@ -27,7 +28,9 @@ export type TaskListItemProps = {
 	isExpandable: boolean;
 	isExpanded: boolean;
 	setExpandedTask: ( id: string ) => void;
-	task: TaskType;
+	task: TaskType & {
+		onClick?: () => void;
+	};
 };
 
 export const TaskListItem: React.FC< TaskListItemProps > = ( {
@@ -131,7 +134,9 @@ export const TaskListItem: React.FC< TaskListItemProps > = ( {
 			if ( actionUrl.startsWith( 'http' ) ) {
 				window.location.href = actionUrl;
 			} else {
-				getHistory().push( getNewPath( {}, actionUrl, {} ) );
+				( getHistory() as History ).push(
+					getNewPath( {}, actionUrl, {} )
+				);
 			}
 			return;
 		}
diff --git a/plugins/woocommerce-admin/client/tasks/task-list.tsx b/plugins/woocommerce-admin/client/tasks/task-list.tsx
index 25168c76142..eeb139438dd 100644
--- a/plugins/woocommerce-admin/client/tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/tasks/task-list.tsx
@@ -10,6 +10,7 @@ import {
 	getVisibleTasks,
 	ONBOARDING_STORE_NAME,
 	TaskListType,
+	WCDataSelector,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { Text, List, CollapsibleList } from '@woocommerce/experimental';
@@ -26,9 +27,6 @@ export type TaskListProps = TaskListType & {
 	query: {
 		task?: string;
 	};
-	eventName?: string;
-	twoColumns?: boolean;
-	keepCompletedTaskList?: boolean;
 };
 
 export const TaskList: React.FC< TaskListProps > = ( {
@@ -41,7 +39,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 	displayProgressHeader = false,
 	query,
 } ) => {
-	const { profileItems } = useSelect( ( select ) => {
+	const { profileItems } = useSelect( ( select: WCDataSelector ) => {
 		const { getProfileItems } = select( ONBOARDING_STORE_NAME );
 
 		return {
@@ -95,17 +93,16 @@ export const TaskList: React.FC< TaskListProps > = ( {
 		visibleTasks.length - 2
 	);
 	const collapseLabel = __( 'Show less', 'woocommerce' );
-	const ListComp = isCollapsible ? CollapsibleList : List;
 
-	const listProps = isCollapsible
-		? {
-				collapseLabel,
-				expandLabel,
-				show: 2,
-				onCollapse: () => recordEvent( eventPrefix + 'collapse', {} ),
-				onExpand: () => recordEvent( eventPrefix + 'expand', {} ),
-		  }
-		: {};
+	const taskListItems = visibleTasks.map( ( task ) => (
+		<TaskListItem
+			key={ task.id }
+			isExpanded={ expandedTask === task.id }
+			isExpandable={ isExpandable }
+			task={ task }
+			setExpandedTask={ setExpandedTask }
+		/>
+	) );
 
 	return (
 		<>
@@ -135,17 +132,24 @@ export const TaskList: React.FC< TaskListProps > = ( {
 						</div>
 						<TaskListMenu id={ id } />
 					</CardHeader>
-					<ListComp animation="custom" { ...listProps }>
-						{ visibleTasks.map( ( task ) => (
-							<TaskListItem
-								key={ task.id }
-								isExpanded={ expandedTask === task.id }
-								isExpandable={ isExpandable }
-								task={ task }
-								setExpandedTask={ setExpandedTask }
-							/>
-						) ) }
-					</ListComp>
+					{ isCollapsible ? (
+						<CollapsibleList
+							animation="custom"
+							collapseLabel={ collapseLabel }
+							expandLabel={ expandLabel }
+							show={ 2 }
+							onCollapse={ () =>
+								recordEvent( eventPrefix + 'collapse', {} )
+							}
+							onExpand={ () =>
+								recordEvent( eventPrefix + 'expand', {} )
+							}
+						>
+							{ taskListItems }
+						</CollapsibleList>
+					) : (
+						<List animation="custom">{ taskListItems }</List>
+					) }
 				</Card>
 			</div>
 		</>
diff --git a/plugins/woocommerce-admin/client/tasks/task.tsx b/plugins/woocommerce-admin/client/tasks/task.tsx
index 5d57bd6b20f..3be70a57293 100644
--- a/plugins/woocommerce-admin/client/tasks/task.tsx
+++ b/plugins/woocommerce-admin/client/tasks/task.tsx
@@ -1,13 +1,12 @@
 /**
  * External dependencies
  */
-import { addFilter } from '@wordpress/hooks';
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { getHistory, getNewPath } from '@woocommerce/navigation';
 import { ONBOARDING_STORE_NAME, TaskType } from '@woocommerce/data';
 import { useCallback } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
-
+import { History } from 'history';
 /**
  * Internal dependencies
  */
@@ -15,8 +14,8 @@ import { WooHeaderNavigationItem, WooHeaderPageTitle } from '~/header/utils';
 import { BackButton } from './back-button';
 
 export type TaskProps = {
-	query: { task: string };
-	task?: TaskType;
+	query: { task?: string };
+	task: TaskType;
 };
 
 export const Task: React.FC< TaskProps > = ( { query, task } ) => {
@@ -29,7 +28,7 @@ export const Task: React.FC< TaskProps > = ( { query, task } ) => {
 	const onComplete = useCallback(
 		( options ) => {
 			optimisticallyCompleteTask( id );
-			getHistory().push(
+			( getHistory() as History ).push(
 				options && options.redirectPath
 					? options.redirectPath
 					: getNewPath( {}, '/', {} )
diff --git a/plugins/woocommerce-admin/client/tasks/tasks.tsx b/plugins/woocommerce-admin/client/tasks/tasks.tsx
index 552693006c0..60cf139abdf 100644
--- a/plugins/woocommerce-admin/client/tasks/tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/tasks.tsx
@@ -6,7 +6,13 @@ import { MenuGroup, MenuItem } from '@wordpress/components';
 import { check } from '@wordpress/icons';
 import { Fragment, useEffect } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
-import { ONBOARDING_STORE_NAME, OPTIONS_STORE_NAME } from '@woocommerce/data';
+import {
+	ONBOARDING_STORE_NAME,
+	OPTIONS_STORE_NAME,
+	WCDataSelector,
+	TaskListType,
+	TaskType,
+} from '@woocommerce/data';
 import { useExperiment } from '@woocommerce/explat';
 import { recordEvent } from '@woocommerce/tracks';
 
@@ -17,7 +23,7 @@ import { DisplayOption } from '~/activity-panel/display-options';
 import { Task } from './task';
 import { TasksPlaceholder, TasksPlaceholderProps } from './placeholder';
 import './tasks.scss';
-import { TaskListProps, TaskList } from './task-list';
+import { TaskList } from './task-list';
 import { TaskList as TwoColumnTaskList } from '../two-column-tasks/task-list';
 import { SectionedTaskList } from '../two-column-tasks/sectioned-task-list';
 import TwoColumnTaskListPlaceholder from '../two-column-tasks/placeholder';
@@ -29,7 +35,7 @@ export type TasksProps = {
 	query: { task?: string };
 };
 
-function getTaskListComponent( taskListId: string ): React.FC< TaskListProps > {
+function getTaskListComponent( taskListId: string ) {
 	switch ( taskListId ) {
 		case 'setup_experiment_1':
 			return TwoColumnTaskList;
@@ -61,14 +67,16 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 		'woocommerce_tasklist_progression'
 	);
 
-	const { isResolving, taskLists } = useSelect( ( select ) => {
-		return {
-			isResolving: ! select(
-				ONBOARDING_STORE_NAME
-			).hasFinishedResolution( 'getTaskLists' ),
-			taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
-		};
-	} );
+	const { isResolving, taskLists } = useSelect(
+		( select: WCDataSelector ) => {
+			return {
+				isResolving: ! select(
+					ONBOARDING_STORE_NAME
+				).hasFinishedResolution( 'getTaskLists' ),
+				taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
+			};
+		}
+	);
 
 	const getCurrentTask = () => {
 		if ( ! task ) {
@@ -76,11 +84,14 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 		}
 
 		const tasks = taskLists.reduce(
-			( acc, taskList ) => [ ...acc, ...taskList.tasks ],
+			( acc: TaskType[], taskList: TaskListType ) => [
+				...acc,
+				...taskList.tasks,
+			],
 			[]
 		);
 
-		const currentTask = tasks.find( ( t ) => t.id === task );
+		const currentTask = tasks.find( ( t: TaskType ) => t.id === task );
 
 		if ( ! currentTask ) {
 			return null;
@@ -89,7 +100,7 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 		return currentTask;
 	};
 
-	const toggleTaskList = ( taskList ) => {
+	const toggleTaskList = ( taskList: TaskListType ) => {
 		const { id, eventPrefix, isHidden } = taskList;
 		const newValue = ! isHidden;
 
@@ -137,12 +148,12 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 	}
 
 	return taskLists
-		.filter( ( { id } ) =>
+		.filter( ( { id }: TaskListType ) =>
 			experimentAssignment?.variationName === 'treatment'
 				? id.endsWith( 'two_column' )
 				: ! id.endsWith( 'two_column' )
 		)
-		.map( ( taskList ) => {
+		.map( ( taskList: TaskListType ) => {
 			const { id, isHidden, isVisible, isToggleable } = taskList;
 
 			if ( ! isVisible ) {
@@ -150,7 +161,6 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 			}
 
 			const TaskListComponent = getTaskListComponent( id );
-
 			return (
 				<Fragment key={ id }>
 					<TaskListComponent
@@ -169,7 +179,7 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 							>
 								<MenuItem
 									className="woocommerce-layout__homescreen-extension-tasklist-toggle"
-									icon={ ! isHidden && check }
+									icon={ isHidden ? undefined : check }
 									isSelected={ ! isHidden }
 									role="menuitemcheckbox"
 									onClick={ () => toggleTaskList( taskList ) }
diff --git a/plugins/woocommerce-admin/client/tasks/test/task-list-item.test.tsx b/plugins/woocommerce-admin/client/tasks/test/task-list-item.test.tsx
index ef9d34d7e18..2e3c06ef642 100644
--- a/plugins/woocommerce-admin/client/tasks/test/task-list-item.test.tsx
+++ b/plugins/woocommerce-admin/client/tasks/test/task-list-item.test.tsx
@@ -6,6 +6,7 @@ import userEvent from '@testing-library/user-event';
 import { SlotFillProvider } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
 import { useSlot } from '@woocommerce/experimental';
+import { TaskType } from '@woocommerce/data';
 
 /**
  * Internal dependencies
@@ -64,20 +65,26 @@ jest.mock( '@woocommerce/experimental', () => {
 	};
 } );
 
-const task = {
+const task: TaskType = {
 	id: 'optional',
 	title: 'This task is optional',
 	isComplete: false,
-	visible: true,
 	time: '1 minute',
 	isDismissable: true,
 	isSnoozeable: true,
-	type: 'setup',
-	action: 'CTA (optional)',
 	content: 'This is the optional task content',
 	additionalInfo: 'This is the task additional info',
-	expandable: true,
-	expanded: true,
+	parentId: '',
+	isDismissed: false,
+	isSnoozed: false,
+	isVisible: true,
+	isDisabled: false,
+	snoozedUntil: 0,
+	isVisited: false,
+	canView: true,
+	isActioned: false,
+	eventPrefix: '',
+	level: 0,
 };
 
 describe( 'TaskListItem', () => {
diff --git a/plugins/woocommerce-admin/client/tasks/test/task-list.test.tsx b/plugins/woocommerce-admin/client/tasks/test/task-list.test.tsx
index 7b0937898fa..4f5516b67d0 100644
--- a/plugins/woocommerce-admin/client/tasks/test/task-list.test.tsx
+++ b/plugins/woocommerce-admin/client/tasks/test/task-list.test.tsx
@@ -3,17 +3,21 @@
  */
 import { render } from '@testing-library/react';
 import { recordEvent } from '@woocommerce/tracks';
+import { TaskType } from '@woocommerce/data';
 
 /**
  * Internal dependencies
  */
 import { TaskList } from '../task-list';
+import { TaskListItemProps } from '../task-list-item';
 
 jest.mock( '@woocommerce/tracks', () => ( {
 	recordEvent: jest.fn(),
 } ) );
 jest.mock( '../task-list-item', () => ( {
-	TaskListItem: ( props ) => <div>{ props.task.title }</div>,
+	TaskListItem: ( props: TaskListItemProps ) => (
+		<div>{ props.task.title }</div>
+	),
 } ) );
 jest.mock( '../task-list-menu', () => ( {
 	TaskListMenu: jest
@@ -26,59 +30,94 @@ jest.mock( '@woocommerce/components', () => ( {
 		.mockImplementation( ( { count } ) => <div>Count:{ count }</div> ),
 } ) );
 
-const tasks = {
+const tasks: { [ key: string ]: TaskType[] } = {
 	setup: [
 		{
 			id: 'optional',
 			title: 'This task is optional',
 			isComplete: false,
-			visible: true,
+			isVisible: true,
 			time: '1 minute',
 			isDismissable: true,
-			type: 'setup',
-			action: 'CTA (optional)',
 			content: 'This is the optional task content',
-			additionalInfo: 'This is the task additional info',
-			expandable: true,
-			expanded: true,
+			isDismissed: false,
+			isSnoozed: false,
+			isSnoozeable: false,
+			isDisabled: false,
+			snoozedUntil: 0,
+			isVisited: false,
+			parentId: '',
+			additionalInfo: '',
+			canView: true,
+			isActioned: false,
+			eventPrefix: '',
+			level: 0,
 		},
 		{
 			id: 'required',
 			title: 'This task is required',
-			container: null,
 			isComplete: false,
-			visible: true,
+			isVisible: true,
 			time: '1 minute',
 			isDismissable: false,
-			type: 'setup',
-			action: 'CTA (required)',
 			actionLabel: 'This is the action label',
 			content: 'This is the required task content',
-			expandable: false,
+			isDismissed: false,
+			isSnoozed: false,
+			isSnoozeable: false,
+			isDisabled: false,
+			snoozedUntil: 0,
+			isVisited: false,
+			parentId: '',
+			additionalInfo: '',
+			canView: true,
+			isActioned: false,
+			eventPrefix: '',
+			level: 0,
 		},
 		{
 			id: 'completed',
 			title: 'This task is completed',
-			container: null,
 			isComplete: true,
-			visible: true,
+			isVisible: true,
 			time: '1 minute',
 			isDismissable: true,
-			type: 'setup',
+			isDismissed: false,
+			isSnoozed: false,
+			isSnoozeable: false,
+			isDisabled: false,
+			snoozedUntil: 0,
+			isVisited: false,
+			content: '',
+			parentId: '',
+			additionalInfo: '',
+			canView: true,
+			isActioned: false,
+			eventPrefix: '',
+			level: 0,
 		},
 	],
 	extension: [
 		{
 			id: 'extension',
 			title: 'This task is an extension',
-			container: null,
 			isComplete: false,
-			visible: true,
+			isVisible: true,
 			time: '1 minute',
 			isDismissable: true,
-			type: 'extension',
-			action: 'CTA (extension)',
 			content: 'This is the extension task content',
+			isDismissed: false,
+			isSnoozed: false,
+			isSnoozeable: false,
+			isDisabled: false,
+			snoozedUntil: 0,
+			isVisited: false,
+			parentId: '',
+			additionalInfo: '',
+			canView: true,
+			isActioned: false,
+			eventPrefix: '',
+			level: 0,
 		},
 	],
 };
@@ -96,6 +135,11 @@ describe( 'TaskList', () => {
 				tasks={ [] }
 				title="List title"
 				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
 			/>
 		);
 		expect( recordEvent ).toHaveBeenCalledTimes( 1 );
@@ -113,6 +157,11 @@ describe( 'TaskList', () => {
 				tasks={ [] }
 				title="List title"
 				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
 			/>
 		);
 		expect( recordEvent ).toHaveBeenCalledTimes( 1 );
@@ -125,9 +174,16 @@ describe( 'TaskList', () => {
 	it( 'should render the task title and incomplete task number', () => {
 		const { queryByText } = render(
 			<TaskList
+				id="setup"
+				eventPrefix="tasklist_"
 				tasks={ [ ...tasks.setup ] }
 				title="List title"
 				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
 			/>
 		);
 		const incompleteCount = tasks.setup.filter(
@@ -140,9 +196,16 @@ describe( 'TaskList', () => {
 	it( 'should render all tasks', () => {
 		const { queryByText } = render(
 			<TaskList
+				id="setup"
+				eventPrefix="tasklist_"
 				tasks={ [ ...tasks.setup ] }
 				title="List title"
 				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
 			/>
 		);
 		for ( const task of tasks.setup ) {
@@ -153,7 +216,18 @@ describe( 'TaskList', () => {
 	it( 'should not display isDismissed tasks', () => {
 		const dismissedTask = [ { ...tasks.setup[ 0 ], isDismissed: true } ];
 		const { queryByText } = render(
-			<TaskList tasks={ dismissedTask } title="List title" query={ {} } />
+			<TaskList
+				id="setup"
+				eventPrefix="tasklist_"
+				tasks={ dismissedTask }
+				title="List title"
+				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
+			/>
 		);
 		expect(
 			queryByText( dismissedTask[ 0 ].title )
@@ -169,7 +243,18 @@ describe( 'TaskList', () => {
 			},
 		];
 		const { queryByText } = render(
-			<TaskList tasks={ dismissedTask } title="List title" query={ {} } />
+			<TaskList
+				id="setup"
+				eventPrefix="tasklist_"
+				tasks={ dismissedTask }
+				title="List title"
+				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
+			/>
 		);
 		expect(
 			queryByText( dismissedTask[ 0 ].title )
@@ -185,7 +270,18 @@ describe( 'TaskList', () => {
 			},
 		];
 		const { queryByText } = render(
-			<TaskList tasks={ dismissedTask } title="List title" query={ {} } />
+			<TaskList
+				id="setup"
+				eventPrefix="tasklist_"
+				tasks={ dismissedTask }
+				title="List title"
+				query={ {} }
+				isVisible={ true }
+				isHidden={ false }
+				isComplete={ false }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
+			/>
 		);
 		expect( queryByText( dismissedTask[ 0 ].title ) ).toBeInTheDocument();
 	} );
diff --git a/plugins/woocommerce-admin/client/tasks/test/task.test.tsx b/plugins/woocommerce-admin/client/tasks/test/task.test.tsx
index 118f2591c98..e3d5c085659 100644
--- a/plugins/woocommerce-admin/client/tasks/test/task.test.tsx
+++ b/plugins/woocommerce-admin/client/tasks/test/task.test.tsx
@@ -6,6 +6,29 @@ import { useDispatch } from '@wordpress/data';
 import userEvent from '@testing-library/user-event';
 import { getHistory } from '@woocommerce/navigation';
 import { WooOnboardingTask } from '@woocommerce/onboarding';
+import { TaskType } from '@woocommerce/data';
+
+const task: TaskType = {
+	id: 'optional',
+	title: 'Test',
+	isComplete: false,
+	time: '1 minute',
+	isDismissable: true,
+	isSnoozeable: true,
+	content: 'This is the optional task content',
+	additionalInfo: 'This is the task additional info',
+	parentId: '',
+	isDismissed: false,
+	isSnoozed: false,
+	isVisible: true,
+	isDisabled: false,
+	snoozedUntil: 0,
+	isVisited: false,
+	canView: true,
+	isActioned: false,
+	eventPrefix: '',
+	level: 0,
+};
 
 /**
  * Internal dependencies
@@ -66,7 +89,7 @@ describe( 'Task', () => {
 	it( 'should pass the task name as id to the OnboardingTask.Slot', () => {
 		const { queryByText } = render(
 			<div>
-				<Task query={ { task: 'test' } } task={ { title: 'Test' } } />
+				<Task query={ { task: 'test' } } task={ task } />
 			</div>
 		);
 		expect( queryByText( 'test' ) ).toBeInTheDocument();
@@ -81,7 +104,7 @@ describe( 'Task', () => {
 		} );
 		const { getByRole } = render(
 			<div>
-				<Task query={ { task: 'test' } } task={ { title: 'Test' } } />
+				<Task query={ { task: 'test' } } task={ task } />
 			</div>
 		);
 		act( () => {
diff --git a/plugins/woocommerce-admin/client/tasks/test/tasks.test.tsx b/plugins/woocommerce-admin/client/tasks/test/tasks.test.tsx
index fde05515354..dd598de40f2 100644
--- a/plugins/woocommerce-admin/client/tasks/test/tasks.test.tsx
+++ b/plugins/woocommerce-admin/client/tasks/test/tasks.test.tsx
@@ -11,6 +11,9 @@ import userEvent from '@testing-library/user-event';
  * Internal dependencies
  */
 import { Tasks } from '../tasks';
+import { TaskProps } from '../task';
+import { TaskListProps } from '../task-list';
+import { TaskListProps as TwoColumnTaskListProps } from '../../two-column-tasks/task-list';
 
 jest.mock( '@wordpress/data', () => {
 	// Require the original module to not be mocked...
@@ -28,15 +31,17 @@ jest.mock( '@woocommerce/explat' );
 jest.mock( '@woocommerce/tracks' );
 
 jest.mock( '../task-list', () => ( {
-	TaskList: ( { id } ) => <div>task-list:{ id }</div>,
+	TaskList: ( { id }: TaskListProps ) => <div>task-list:{ id }</div>,
 } ) );
 
 jest.mock( '../../two-column-tasks/task-list', () => ( {
-	TaskList: ( { id } ) => <div>two-column-list:{ id }</div>,
+	TaskList: ( { id }: TwoColumnTaskListProps ) => (
+		<div>two-column-list:{ id }</div>
+	),
 } ) );
 
 jest.mock( '../task', () => ( {
-	Task: ( { query } ) => <div>task:{ query.task }</div>,
+	Task: ( { query }: TaskProps ) => <div>task:{ query.task }</div>,
 } ) );
 
 jest.mock( '../placeholder', () => ( {
@@ -44,7 +49,9 @@ jest.mock( '../placeholder', () => ( {
 } ) );
 
 jest.mock( '~/activity-panel/display-options', () => ( {
-	DisplayOption: ( { children } ) => <div>{ children } </div>,
+	DisplayOption: ( { children }: { children: React.ReactNode } ) => (
+		<div>{ children } </div>
+	),
 } ) );
 
 describe( 'Task', () => {

From 4747d9af14ab899e8bbad67e5ceeca8101a203fe Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 20 Apr 2022 17:20:31 +0800
Subject: [PATCH 055/327] Add changelog

---
 plugins/woocommerce/changelog/fix-admin-task-types | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-admin-task-types

diff --git a/plugins/woocommerce/changelog/fix-admin-task-types b/plugins/woocommerce/changelog/fix-admin-task-types
new file mode 100644
index 00000000000..cc6c28334c6
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-admin-task-types
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Fix typescript type errors in react admin ./client/tasks/task & ./client/tasks/tests

From e3f7ab99e06f1cb8994d42fed2414c8b63424aa2 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 20 Apr 2022 17:27:35 +0800
Subject: [PATCH 056/327] Add woo data changelog

---
 packages/js/data/CHANGELOG.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/js/data/CHANGELOG.md b/packages/js/data/CHANGELOG.md
index 1dc2a2798ec..fc460ef6b4c 100644
--- a/packages/js/data/CHANGELOG.md
+++ b/packages/js/data/CHANGELOG.md
@@ -3,11 +3,11 @@
 -   Update dependency `@wordpress/hooks` to ^3.5.0
 -   Add `is_offline` attribute for `Plugin` type. #32467
 -   Added Typescript type declarations. #32615
--   Update type definitions. #32683, #32695
+-   Update type definitions. #32683, #32695, #32698
     - Make `isResolving` param `args` optional.
     - Update `Plugin` type to reflect the latest changes.
     - Maps "raw"  payment `ActionDispatchers` to the registered actions.
-    - Add `getTaskListsByIds` selector type
+    - Add `getTaskListsByIds`, `getTaskLists` selector type
     - Update `TaskType` & `TaskListType` types
 -   Convert `use-user-preferences.js` to TS. #32695
 

From 8aca258df8bddd0b61acbae398f37f129ed885f1 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 11:07:25 +0800
Subject: [PATCH 057/327] Fix header utils

---
 plugins/woocommerce-admin/client/header/utils.tsx | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/plugins/woocommerce-admin/client/header/utils.tsx b/plugins/woocommerce-admin/client/header/utils.tsx
index 96a368d1e4b..e41f599efc4 100644
--- a/plugins/woocommerce-admin/client/header/utils.tsx
+++ b/plugins/woocommerce-admin/client/header/utils.tsx
@@ -37,10 +37,7 @@ const sortFillsByOrder: Slot.Props[ 'children' ] = ( fills ) => {
 	const sortedFills = [ ...fills ].sort( ( a, b ) => {
 		return a[ 0 ].props.order - b[ 0 ].props.order;
 	} );
-	if ( isValidElement( sortedFills ) ) {
-		return sortedFills;
-	}
-	return null;
+	return <>{ sortedFills }</>;
 };
 
 /**
@@ -142,11 +139,7 @@ export const WooHeaderPageTitle: React.FC & {
 WooHeaderPageTitle.Slot = ( { fillProps } ) => (
 	<Slot name={ 'woocommerce_header_page_title' } fillProps={ fillProps }>
 		{ ( fills ) => {
-			const last = [ [ ...fills ].pop() ];
-			if ( isValidElement( last ) ) {
-				return last;
-			}
-			return null;
+			return <>{ [ ...fills ].pop() }</>;
 		} }
 	</Slot>
 );

From ab3a015850dc5371e4cbebfe68f59a4880e53241 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Mon, 4 Apr 2022 15:40:08 +0800
Subject: [PATCH 058/327] add slotfill mount point

---
 .../admin/settings/class-wc-settings-payment-gateways.php  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
index f3a798954f6..19c2d45bea4 100644
--- a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
+++ b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
@@ -25,6 +25,7 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 		$this->id    = 'checkout'; // @todo In future versions this may make more sense as 'payment' however to avoid breakage lets leave this alone until we refactor settings APIs in general.
 		$this->label = _x( 'Payments', 'Settings tab label', 'woocommerce' );
 
+		add_action( 'woocommerce_admin_field_payment_gateways_banner', array( $this, 'payment_gateways_banner' ) );
 		add_action( 'woocommerce_admin_field_payment_gateways', array( $this, 'payment_gateways_setting' ) );
 		parent::__construct();
 	}
@@ -54,6 +55,7 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 					'type'  => 'title',
 					'id'    => 'payment_gateways_options',
 				),
+				array('type' => 'payment_gateways_banner'),
 				array(
 					'type' => 'payment_gateways',
 				),
@@ -105,6 +107,11 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 	protected function run_gateway_admin_options( $gateway ) {
 		$gateway->admin_options();
 	}
+	public function payment_gateways_banner() {
+		?>
+		<div class="wc_payment_gateways_banner_slotfill"> </div>
+		<?php
+	}
 
 	/**
 	 * Output payment gateway settings.

From 9905a882b27ffc1e5f6fdb56878dd6488a4e4226 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Mon, 4 Apr 2022 15:46:21 +0800
Subject: [PATCH 059/327] insert react

---
 plugins/woocommerce-admin/client/index.js                    | 5 +++++
 .../admin/settings/class-wc-settings-payment-gateways.php    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/index.js b/plugins/woocommerce-admin/client/index.js
index 0e58be01f9f..4a6d514d3eb 100644
--- a/plugins/woocommerce-admin/client/index.js
+++ b/plugins/woocommerce-admin/client/index.js
@@ -64,12 +64,17 @@ if ( appRoot ) {
 
 	// Render notices just above the WP content div.
 	const wpBody = document.getElementById( 'wpbody-content' );
+	console.log( 'mainform', mainform );
 
 	const wrap =
 		wpBody.querySelector( '.wrap.woocommerce' ) ||
 		wpBody.querySelector( '.wrap' );
 	const noticeContainer = document.createElement( 'div' );
 
+	render(
+		<div>HOOKED</div>,
+		mainform
+	)
 	render(
 		<div className="woocommerce-layout">
 			<NoticeArea />
diff --git a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
index 19c2d45bea4..e690d453bb3 100644
--- a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
+++ b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
@@ -109,7 +109,7 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 	}
 	public function payment_gateways_banner() {
 		?>
-		<div class="wc_payment_gateways_banner_slotfill"> </div>
+		<div id="wc_payment_gateways_banner_slotfill"> </div>
 		<?php
 	}
 

From feb1f429494a5d349634e4f428dedc3058ca62b0 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Tue, 5 Apr 2022 12:34:24 +0800
Subject: [PATCH 060/327] design banner

---
 plugins/woocommerce-admin/client/index.js     | 40 ++++++++++++--
 .../payments-recommendations-banner.tsx       | 54 +++++++++++++++++++
 .../payments/payment-recommendations.scss     |  2 +-
 .../class-wc-settings-payment-gateways.php    | 13 ++---
 4 files changed, 97 insertions(+), 12 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/payments-recommendations-banner.tsx

diff --git a/plugins/woocommerce-admin/client/index.js b/plugins/woocommerce-admin/client/index.js
index 4a6d514d3eb..92f88f654e6 100644
--- a/plugins/woocommerce-admin/client/index.js
+++ b/plugins/woocommerce-admin/client/index.js
@@ -16,6 +16,7 @@ import { getAdminSetting } from '~/utils/admin-settings';
 import { PageLayout, EmbedLayout, PrimaryLayout as NoticeArea } from './layout';
 import { CustomerEffortScoreTracksContainer } from './customer-effort-score-tracks';
 import { EmbeddedBodyLayout } from './embedded-body-layout';
+import { PaymentsRecommendationsBanner } from './payments-recommendations-banner';
 
 // Modify webpack pubilcPath at runtime based on location of WordPress Plugin.
 // eslint-disable-next-line no-undef,camelcase
@@ -26,6 +27,34 @@ const embeddedRoot = document.getElementById( 'woocommerce-embedded-root' );
 const settingsGroup = 'wc_admin';
 const hydrateUser = getAdminSetting( 'currentUserData' );
 
+// TODO: move this to another module
+const Banner = () => {
+	// if feature flag is enabled
+	// show banned
+	// else show existing h2 description and stuff
+	const featureFlag = true;
+
+	if ( featureFlag ) {
+		return (<>
+			<PaymentsRecommendationsBanner>
+			</PaymentsRecommendationsBanner>
+		</>)
+	} else {
+		return (
+			<>
+				<h2>Payment Methods</h2>
+				<div id="payment_gateways_options-description">
+					<p>
+						Installed payment methods are listed below and can be
+						sorted to control their display order on the frontend.
+					</p>
+				</div>
+			</>
+		);
+	}
+};
+
+
 if ( appRoot ) {
 	let HydratedPageLayout = withSettingsHydration(
 		settingsGroup,
@@ -64,17 +93,17 @@ if ( appRoot ) {
 
 	// Render notices just above the WP content div.
 	const wpBody = document.getElementById( 'wpbody-content' );
-	console.log( 'mainform', mainform );
 
+	const mainform = document.getElementById( 'wc_payment_gateways_banner_slotfill' );
 	const wrap =
 		wpBody.querySelector( '.wrap.woocommerce' ) ||
 		wpBody.querySelector( '.wrap' );
 	const noticeContainer = document.createElement( 'div' );
+	// always insert the slotfill -> problem because mainform element does not always exist
+	// note this slotfill is not part of the form
+	// how do we know which page we are on?
+	render( Banner(), mainform );
 
-	render(
-		<div>HOOKED</div>,
-		mainform
-	)
 	render(
 		<div className="woocommerce-layout">
 			<NoticeArea />
@@ -104,3 +133,4 @@ if (
 		);
 	} )();
 }
+
diff --git a/plugins/woocommerce-admin/client/payments-recommendations-banner.tsx b/plugins/woocommerce-admin/client/payments-recommendations-banner.tsx
new file mode 100644
index 00000000000..962e1aafee0
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments-recommendations-banner.tsx
@@ -0,0 +1,54 @@
+import { Card, CardHeader, CardFooter, Button } from '@wordpress/components';
+import { Text } from '@woocommerce/experimental';
+import { EllipsisMenu, List, Pill } from '@woocommerce/components';
+import { __ } from '@wordpress/i18n';
+
+
+export const PaymentsRecommendationsBanner = () => {
+	return (
+		<Card size="medium" className="woocommerce-recommended-payments-card">
+			<CardHeader>
+				<div className="woocommerce-recommended-payments-card__header">
+					<Text
+						variant="title.small"
+						as="p"
+						size="20"
+						lineHeight="28px"
+					>
+						{ __( 'Additional ways to get paid', 'woocommerce' ) }
+					</Text>
+					<Text
+						className={
+							'woocommerce-recommended-payments__header-heading'
+						}
+						variant="caption"
+						as="p"
+						size="12"
+						lineHeight="16px"
+					>
+						{ __(
+							'We recommend adding one of the following payment extensions to your store. The extension will be installed and activated for you when you click "Get started".',
+							'woocommerce'
+						) }
+					</Text>
+				</div>
+				<div className="woocommerce-card__menu woocommerce-card__header-item">
+					<EllipsisMenu
+						label={ __( 'Task List Options', 'woocommerce' ) }
+						renderContent={ () => (
+							<div className="woocommerce-review-activity-card__section-controls">
+								<Button>
+									{ __( 'Hide this', 'woocommerce' ) }
+								</Button>
+							</div>
+						) }
+					/>
+				</div>
+			</CardHeader>
+			<CardFooter>
+                {/* TODO fix font colour and add icons */}
+					{ __( 'Accepted payment methods include:', 'woocommerce' ) }
+			</CardFooter>
+		</Card>
+	);
+};
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations.scss b/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
index 8a7ce28c9ed..3244c2c9ecd 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
@@ -1,5 +1,5 @@
 .woocommerce-recommended-payments-card {
-	margin: 0 15px 10px 0;
+	margin: 0 0 10px 0;
 	animation: isLoaded;
 	animation-duration: 250ms;
 
diff --git a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
index e690d453bb3..09dd7e22723 100644
--- a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
+++ b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
@@ -49,12 +49,13 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 	protected function get_settings_for_default_section() {
 		$settings =
 			array(
-				array(
-					'title' => __( 'Payment methods', 'woocommerce' ),
-					'desc'  => __( 'Installed payment methods are listed below and can be sorted to control their display order on the frontend.', 'woocommerce' ),
-					'type'  => 'title',
-					'id'    => 'payment_gateways_options',
-				),
+				// array(
+				// 	'title' => __( 'Payment methods', 'woocommerce' ),
+				// 	'desc'  => __( 'Installed payment methods are listed below and can be sorted to control their display order on the frontend.', 'woocommerce' ),
+				// 	'type'  => 'title',
+				// 	'id'    => 'payment_gateways_options',
+				// ),
+				// TODO: write unit test to assert that mount point has been inserted
 				array('type' => 'payment_gateways_banner'),
 				array(
 					'type' => 'payment_gateways',

From 9a95dc028fd8d51af6b6c2d3774cb77fb9de2719 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Thu, 7 Apr 2022 00:38:38 +0800
Subject: [PATCH 061/327] implement slotfill

---
 plugins/woocommerce-admin/client/index.js     |  77 +++++----
 .../payments-recommendations-banner.tsx       |  54 ------
 .../client/payments-welcome/index.tsx         |   2 +-
 .../client/payments/banner.js                 | 156 ++++++++++++++++++
 .../payment-recommendations-banner.tsx        |  73 ++++++++
 .../payments/payment-recommendations.scss     |  38 ++++-
 .../class-wc-settings-payment-gateways.php    |  12 +-
 7 files changed, 320 insertions(+), 92 deletions(-)
 delete mode 100644 plugins/woocommerce-admin/client/payments-recommendations-banner.tsx
 create mode 100644 plugins/woocommerce-admin/client/payments/banner.js
 create mode 100644 plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx

diff --git a/plugins/woocommerce-admin/client/index.js b/plugins/woocommerce-admin/client/index.js
index 92f88f654e6..6b34a981b37 100644
--- a/plugins/woocommerce-admin/client/index.js
+++ b/plugins/woocommerce-admin/client/index.js
@@ -16,7 +16,10 @@ import { getAdminSetting } from '~/utils/admin-settings';
 import { PageLayout, EmbedLayout, PrimaryLayout as NoticeArea } from './layout';
 import { CustomerEffortScoreTracksContainer } from './customer-effort-score-tracks';
 import { EmbeddedBodyLayout } from './embedded-body-layout';
-import { PaymentsRecommendationsBanner } from './payments-recommendations-banner';
+import { PaymentsRecommendationsBanner } from './payments/payment-recommendations-banner';
+
+import { createSlotFill, SlotFillProvider } from '@wordpress/components';
+import { registerPlugin, PluginArea } from '@wordpress/plugins';
 
 // Modify webpack pubilcPath at runtime based on location of WordPress Plugin.
 // eslint-disable-next-line no-undef,camelcase
@@ -27,33 +30,47 @@ const embeddedRoot = document.getElementById( 'woocommerce-embedded-root' );
 const settingsGroup = 'wc_admin';
 const hydrateUser = getAdminSetting( 'currentUserData' );
 
-// TODO: move this to another module
-const Banner = () => {
-	// if feature flag is enabled
-	// show banned
-	// else show existing h2 description and stuff
-	const featureFlag = true;
+const { Fill, Slot } = createSlotFill( 'banner' );
+// Fill.slot = Slot;
 
-	if ( featureFlag ) {
-		return (<>
-			<PaymentsRecommendationsBanner>
-			</PaymentsRecommendationsBanner>
-		</>)
-	} else {
-		return (
-			<>
-				<h2>Payment Methods</h2>
-				<div id="payment_gateways_options-description">
-					<p>
-						Installed payment methods are listed below and can be
-						sorted to control their display order on the frontend.
-					</p>
-				</div>
-			</>
-		);
-	}
+const PaymentsBannerFill = () => {
+	return (
+		<Fill>
+			<PaymentsRecommendationsBanner />
+		</Fill>
+	);
 };
 
+const PaymentsGatewaysOptionsDescroption = () => {
+	return (
+		<Fill>
+			<h2>Payment Methods</h2>
+			<div id="payment_gateways_options-description">
+				<p>
+					Installed payment methods are listed below and can be sorted
+					to control their display order on the frontend.
+				</p>
+			</div>
+		</Fill>
+	);
+};
+
+registerPlugin( 'banner', { scope: 'my-scope', render: PaymentsBannerFill } );
+registerPlugin( 'banner2', { scope: 'my-scope', render: PaymentsGatewaysOptionsDescroption } );
+
+// TODO: move this to another module
+const Banner = () => {
+		return (
+			<>
+				<SlotFillProvider>
+					<div className="banner">
+						<Slot />
+					</div>
+					<PluginArea scope='my-scope' />
+				</SlotFillProvider>
+			</>
+		);
+};
 
 if ( appRoot ) {
 	let HydratedPageLayout = withSettingsHydration(
@@ -94,14 +111,15 @@ if ( appRoot ) {
 	// Render notices just above the WP content div.
 	const wpBody = document.getElementById( 'wpbody-content' );
 
-	const mainform = document.getElementById( 'wc_payment_gateways_banner_slotfill' );
+	const mainform = document.getElementById(
+		'wc_payment_gateways_banner_slotfill'
+	);
 	const wrap =
 		wpBody.querySelector( '.wrap.woocommerce' ) ||
 		wpBody.querySelector( '.wrap' );
 	const noticeContainer = document.createElement( 'div' );
-	// always insert the slotfill -> problem because mainform element does not always exist
-	// note this slotfill is not part of the form
-	// how do we know which page we are on?
+
+	// TODO: note this slotfill is not part of the form
 	render( Banner(), mainform );
 
 	render(
@@ -133,4 +151,3 @@ if (
 		);
 	} )();
 }
-
diff --git a/plugins/woocommerce-admin/client/payments-recommendations-banner.tsx b/plugins/woocommerce-admin/client/payments-recommendations-banner.tsx
deleted file mode 100644
index 962e1aafee0..00000000000
--- a/plugins/woocommerce-admin/client/payments-recommendations-banner.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Card, CardHeader, CardFooter, Button } from '@wordpress/components';
-import { Text } from '@woocommerce/experimental';
-import { EllipsisMenu, List, Pill } from '@woocommerce/components';
-import { __ } from '@wordpress/i18n';
-
-
-export const PaymentsRecommendationsBanner = () => {
-	return (
-		<Card size="medium" className="woocommerce-recommended-payments-card">
-			<CardHeader>
-				<div className="woocommerce-recommended-payments-card__header">
-					<Text
-						variant="title.small"
-						as="p"
-						size="20"
-						lineHeight="28px"
-					>
-						{ __( 'Additional ways to get paid', 'woocommerce' ) }
-					</Text>
-					<Text
-						className={
-							'woocommerce-recommended-payments__header-heading'
-						}
-						variant="caption"
-						as="p"
-						size="12"
-						lineHeight="16px"
-					>
-						{ __(
-							'We recommend adding one of the following payment extensions to your store. The extension will be installed and activated for you when you click "Get started".',
-							'woocommerce'
-						) }
-					</Text>
-				</div>
-				<div className="woocommerce-card__menu woocommerce-card__header-item">
-					<EllipsisMenu
-						label={ __( 'Task List Options', 'woocommerce' ) }
-						renderContent={ () => (
-							<div className="woocommerce-review-activity-card__section-controls">
-								<Button>
-									{ __( 'Hide this', 'woocommerce' ) }
-								</Button>
-							</div>
-						) }
-					/>
-				</div>
-			</CardHeader>
-			<CardFooter>
-                {/* TODO fix font colour and add icons */}
-					{ __( 'Accepted payment methods include:', 'woocommerce' ) }
-			</CardFooter>
-		</Card>
-	);
-};
diff --git a/plugins/woocommerce-admin/client/payments-welcome/index.tsx b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
index df9877dc57b..7470896a035 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/index.tsx
+++ b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
@@ -72,7 +72,7 @@ const LearnMore = () => {
 	);
 };
 
-const PaymentMethods = () => (
+export const PaymentMethods = () => (
 	<div className="wcpay-connect-account-page-payment-methods">
 		<Visa />
 		<MasterCard />
diff --git a/plugins/woocommerce-admin/client/payments/banner.js b/plugins/woocommerce-admin/client/payments/banner.js
new file mode 100644
index 00000000000..d22078ddd9d
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments/banner.js
@@ -0,0 +1,156 @@
+/**
+ * External dependencies
+ */
+import { createElement } from '@wordpress/element';
+
+export default () => (
+	<svg
+		width="294"
+		height="275"
+		viewBox="0 0 294 275"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<g clip-path="url(#clip0_255_63852)">
+			<path
+				d="M0.5 10C0.5 4.47716 4.97715 0 10.5 0H725.5C731.023 0 735.5 4.47715 735.5 10V332H0.5V10Z"
+				fill="#F6F7F7"
+			/>
+			<circle cx="17.5" cy="14" r="5" fill="#D94F4F" />
+			<circle cx="35.5" cy="14" r="5" fill="#F0B849" />
+			<circle cx="53.5" cy="14" r="5" fill="#4AB866" />
+			<rect x="3.5" y="28" width="287" height="304" fill="white" />
+			<line x1="27.5" y1="95.5" x2="270.5" y2="95.5" stroke="#DCDCDE" />
+			<line x1="49.5" y1="157.5" x2="253.5" y2="157.5" stroke="#DCDCDE" />
+			<line x1="49.5" y1="198.5" x2="253.5" y2="198.5" stroke="#DCDCDE" />
+			<rect
+				x="28"
+				y="116.5"
+				width="242"
+				height="127"
+				rx="9.5"
+				stroke="#DCDCDE"
+			/>
+			<path
+				d="M50.3984 135.954V143H52.8154C54.9102 143 56.1406 141.696 56.1406 139.475C56.1406 137.258 54.9053 135.954 52.8154 135.954H50.3984ZM51.2773 136.745H52.7568C54.3193 136.745 55.2422 137.761 55.2422 139.484C55.2422 141.203 54.3291 142.209 52.7568 142.209H51.2773V136.745ZM61.043 141.638C60.8232 142.102 60.3643 142.351 59.6855 142.351C58.792 142.351 58.2109 141.691 58.167 140.651V140.612H61.9512V140.29C61.9512 138.654 61.0869 137.644 59.666 137.644C58.2207 137.644 57.293 138.718 57.293 140.373C57.293 142.038 58.2061 143.093 59.666 143.093C60.8184 143.093 61.6387 142.536 61.8828 141.638H61.043ZM59.6562 138.386C60.4912 138.386 61.0479 139.001 61.0674 139.934H58.167C58.2305 139.001 58.8164 138.386 59.6562 138.386ZM65.833 137.644C65.1152 137.644 64.4854 138.01 64.1484 138.615H64.0703V137.736H63.2695V144.758H64.1094V142.209H64.1875C64.4756 142.766 65.0811 143.093 65.833 143.093C67.1709 143.093 68.0449 142.014 68.0449 140.368C68.0449 138.713 67.1758 137.644 65.833 137.644ZM65.6328 142.336C64.6855 142.336 64.085 141.574 64.085 140.368C64.085 139.157 64.6855 138.4 65.6377 138.4C66.5996 138.4 67.1758 139.138 67.1758 140.368C67.1758 141.599 66.5996 142.336 65.6328 142.336ZM71.5264 143.093C73.0254 143.093 73.9531 142.058 73.9531 140.368C73.9531 138.674 73.0254 137.644 71.5264 137.644C70.0273 137.644 69.0996 138.674 69.0996 140.368C69.0996 142.058 70.0273 143.093 71.5264 143.093ZM71.5264 142.336C70.5303 142.336 69.9688 141.613 69.9688 140.368C69.9688 139.118 70.5303 138.4 71.5264 138.4C72.5225 138.4 73.084 139.118 73.084 140.368C73.084 141.613 72.5225 142.336 71.5264 142.336ZM75.1494 139.177C75.1494 139.938 75.5986 140.363 76.585 140.603L77.4883 140.822C78.0498 140.959 78.3232 141.203 78.3232 141.564C78.3232 142.048 77.8154 142.385 77.1074 142.385C76.4336 142.385 76.0137 142.102 75.8721 141.657H75.0078C75.1006 142.531 75.9062 143.093 77.0781 143.093C78.2744 143.093 79.1875 142.443 79.1875 141.501C79.1875 140.744 78.709 140.314 77.7178 140.075L76.9072 139.88C76.2871 139.729 75.9941 139.504 75.9941 139.143C75.9941 138.674 76.4824 138.356 77.1074 138.356C77.7422 138.356 78.1523 138.635 78.2646 139.055H79.0947C78.9824 138.19 78.2158 137.644 77.1123 137.644C75.9941 137.644 75.1494 138.303 75.1494 139.177ZM80.9453 136.721C81.2676 136.721 81.5312 136.457 81.5312 136.135C81.5312 135.812 81.2676 135.549 80.9453 135.549C80.623 135.549 80.3594 135.812 80.3594 136.135C80.3594 136.457 80.623 136.721 80.9453 136.721ZM80.5254 143H81.3652V137.736H80.5254V143ZM83.3184 136.374V137.736H82.4688V138.439H83.3184V141.633C83.3184 142.639 83.7529 143.039 84.8369 143.039C85.0029 143.039 85.1641 143.02 85.3301 142.99V142.282C85.1738 142.297 85.0908 142.302 84.9395 142.302C84.3926 142.302 84.1582 142.038 84.1582 141.418V138.439H85.3301V137.736H84.1582V136.374H83.3184Z"
+				fill="#2C3338"
+			/>
+			<path
+				d="M126.459 143.708H127.045V142.863C128.197 142.775 129.154 142.136 129.154 140.959C129.154 139.934 128.451 139.416 127.196 139.113L127.045 139.079V136.857C127.704 136.94 128.173 137.326 128.236 137.985H129.086C129.052 136.906 128.173 136.193 127.045 136.091V135.246H126.459V136.096C125.302 136.198 124.477 136.892 124.477 137.941C124.477 138.903 125.131 139.445 126.347 139.738L126.459 139.768V142.097C125.614 142.004 125.238 141.54 125.15 140.93H124.301C124.335 142.067 125.297 142.756 126.459 142.858V143.708ZM125.326 137.883C125.326 137.409 125.717 136.96 126.459 136.862V138.938C125.619 138.732 125.326 138.361 125.326 137.883ZM127.074 139.914C128.041 140.148 128.305 140.49 128.305 141.027C128.305 141.589 127.953 142.033 127.045 142.102V139.909L127.074 139.914ZM132.25 139.753H133.124C134.115 139.753 134.726 140.261 134.726 141.076C134.726 141.867 134.066 142.399 133.139 142.399C132.23 142.399 131.596 141.926 131.518 141.184H130.668C130.731 142.38 131.718 143.166 133.148 143.166C134.55 143.166 135.629 142.282 135.629 141.101C135.629 140.119 135.023 139.499 134.11 139.353V139.274C134.833 139.064 135.36 138.503 135.365 137.653C135.37 136.667 134.569 135.788 133.178 135.788C131.752 135.788 130.878 136.633 130.79 137.78H131.645C131.718 136.989 132.27 136.555 133.119 136.555C133.969 136.555 134.472 137.092 134.472 137.751C134.472 138.483 133.896 139.001 133.085 139.001H132.25V139.753ZM139.384 143.166C140.824 143.166 141.806 142.17 141.806 140.72C141.806 139.323 140.829 138.396 139.647 138.396C138.944 138.396 138.422 138.61 138.08 139.035H138.002L138.222 136.74H141.444V135.954H137.533L137.128 139.982H137.953C138.231 139.46 138.759 139.152 139.428 139.152C140.316 139.152 140.927 139.792 140.927 140.744C140.927 141.73 140.316 142.395 139.394 142.395C138.563 142.395 137.958 141.892 137.88 141.14H137.016C137.094 142.346 138.051 143.166 139.384 143.166ZM143.188 137.941H144.037C144.037 137.106 144.599 136.555 145.443 136.555C146.273 136.555 146.776 137.111 146.776 137.858C146.776 138.479 146.513 138.845 145.614 139.816L143.231 142.395V143H147.792V142.209H144.452V142.131L146.054 140.476C147.323 139.162 147.675 138.576 147.675 137.766C147.675 136.623 146.732 135.788 145.502 135.788C144.154 135.788 143.188 136.687 143.188 137.941ZM149.828 143.049C150.18 143.049 150.463 142.761 150.463 142.414C150.463 142.062 150.18 141.779 149.828 141.779C149.481 141.779 149.193 142.062 149.193 142.414C149.193 142.761 149.481 143.049 149.828 143.049ZM153.959 143.161C155.683 143.161 156.669 141.774 156.669 139.353C156.669 136.955 155.536 135.788 154.018 135.788C152.572 135.788 151.547 136.799 151.547 138.215C151.547 139.582 152.519 140.573 153.861 140.573C154.701 140.573 155.39 140.173 155.736 139.489H155.814C155.766 141.364 155.116 142.38 153.969 142.38C153.275 142.38 152.738 141.994 152.553 141.359H151.649C151.869 142.468 152.763 143.161 153.959 143.161ZM154.018 139.812C153.085 139.812 152.436 139.147 152.436 138.186C152.436 137.263 153.124 136.56 154.027 136.56C154.931 136.56 155.619 137.272 155.619 138.215C155.619 139.147 154.95 139.812 154.018 139.812ZM160.336 143.161C162.06 143.161 163.046 141.774 163.046 139.353C163.046 136.955 161.913 135.788 160.395 135.788C158.949 135.788 157.924 136.799 157.924 138.215C157.924 139.582 158.896 140.573 160.238 140.573C161.078 140.573 161.767 140.173 162.113 139.489H162.191C162.143 141.364 161.493 142.38 160.346 142.38C159.652 142.38 159.115 141.994 158.93 141.359H158.026C158.246 142.468 159.14 143.161 160.336 143.161ZM160.395 139.812C159.462 139.812 158.812 139.147 158.812 138.186C158.812 137.263 159.501 136.56 160.404 136.56C161.308 136.56 161.996 137.272 161.996 138.215C161.996 139.147 161.327 139.812 160.395 139.812Z"
+				fill="#2C3338"
+			/>
+			<rect
+				x="196"
+				y="132"
+				width="43"
+				height="14"
+				rx="7"
+				fill="#B8E6BF"
+			/>
+			<path
+				d="M209.719 136.363V142H210.422V139.988H211.84C212.898 139.988 213.652 139.242 213.652 138.188C213.652 137.113 212.914 136.363 211.848 136.363H209.719ZM210.422 136.988H211.664C212.48 136.988 212.93 137.414 212.93 138.188C212.93 138.934 212.465 139.363 211.664 139.363H210.422V136.988ZM215.734 142.074C216.297 142.074 216.758 141.828 217.031 141.379H217.094V142H217.734V139.117C217.734 138.242 217.16 137.715 216.133 137.715C215.234 137.715 214.57 138.16 214.48 138.836H215.16C215.254 138.504 215.605 138.312 216.109 138.312C216.738 138.312 217.062 138.598 217.062 139.117V139.5L215.848 139.574C214.867 139.633 214.312 140.066 214.312 140.82C214.312 141.59 214.918 142.074 215.734 142.074ZM215.859 141.484C215.371 141.484 215.008 141.234 215.008 140.805C215.008 140.383 215.289 140.16 215.93 140.117L217.062 140.043V140.43C217.062 141.031 216.551 141.484 215.859 141.484ZM219.328 136.977C219.586 136.977 219.797 136.766 219.797 136.508C219.797 136.25 219.586 136.039 219.328 136.039C219.07 136.039 218.859 136.25 218.859 136.508C218.859 136.766 219.07 136.977 219.328 136.977ZM218.992 142H219.664V137.789H218.992V142ZM222.504 142.074C223.086 142.074 223.586 141.797 223.852 141.328H223.914V142H224.555V136.117H223.883V138.453H223.824C223.586 137.992 223.09 137.715 222.504 137.715C221.434 137.715 220.734 138.574 220.734 139.895C220.734 141.219 221.426 142.074 222.504 142.074ZM222.66 138.32C223.422 138.32 223.898 138.93 223.898 139.895C223.898 140.867 223.426 141.469 222.66 141.469C221.891 141.469 221.43 140.879 221.43 139.895C221.43 138.914 221.895 138.32 222.66 138.32Z"
+				fill="#00450C"
+			/>
+			<rect
+				x="192.5"
+				y="173"
+				width="50"
+				height="10"
+				rx="5"
+				fill="#B8E6BF"
+			/>
+			<rect
+				x="49.5"
+				y="174"
+				width="50"
+				height="8"
+				rx="2"
+				fill="#DCDCDE"
+			/>
+			<rect
+				x="132.5"
+				y="170"
+				width="22.7796"
+				height="16"
+				rx="4"
+				fill="#F6F7F7"
+			/>
+			<path
+				d="M143.507 182.856C144.227 182.856 144.869 182.747 145.435 182.528C146.004 182.305 146.451 181.981 146.774 181.558C147.103 181.129 147.267 180.612 147.267 180.006V179.992C147.267 179.24 147.025 178.659 146.542 178.249C146.063 177.839 145.357 177.529 144.423 177.319L143.404 177.094C142.853 176.966 142.454 176.809 142.208 176.622C141.962 176.435 141.839 176.201 141.839 175.918V175.904C141.839 175.695 141.903 175.508 142.03 175.344C142.158 175.18 142.347 175.05 142.598 174.954C142.848 174.858 143.158 174.811 143.527 174.811C143.855 174.811 144.147 174.861 144.402 174.961C144.658 175.061 144.865 175.209 145.024 175.405C145.184 175.597 145.28 175.836 145.312 176.123L145.318 176.137L147.13 176.13L147.137 176.123C147.114 175.544 146.948 175.043 146.638 174.619C146.332 174.191 145.911 173.86 145.373 173.628C144.84 173.396 144.215 173.279 143.5 173.279C142.816 173.279 142.206 173.391 141.668 173.614C141.13 173.833 140.706 174.15 140.396 174.564C140.087 174.979 139.932 175.476 139.932 176.055V176.068C139.932 176.802 140.169 177.381 140.643 177.805C141.117 178.229 141.8 178.541 142.693 178.741L143.712 178.974C144.332 179.11 144.76 179.27 144.997 179.452C145.239 179.63 145.359 179.878 145.359 180.197V180.211C145.359 180.439 145.291 180.637 145.154 180.806C145.022 180.974 144.822 181.104 144.553 181.195C144.284 181.282 143.944 181.325 143.534 181.325C143.142 181.325 142.812 181.275 142.543 181.175C142.274 181.075 142.062 180.931 141.907 180.744C141.757 180.553 141.659 180.327 141.613 180.067V180.061H139.788L139.781 180.067C139.804 180.664 139.977 181.17 140.301 181.585C140.629 182 141.069 182.316 141.62 182.535C142.176 182.749 142.805 182.856 143.507 182.856ZM143.151 183.971H143.938V172.145H143.151V183.971Z"
+				fill="#C3C4C7"
+			/>
+			<rect
+				x="192.5"
+				y="214"
+				width="50"
+				height="10"
+				rx="5"
+				fill="#B8E6BF"
+			/>
+			<rect
+				x="49.5"
+				y="215"
+				width="50"
+				height="8"
+				rx="2"
+				fill="#DCDCDE"
+			/>
+			<rect
+				x="132.5"
+				y="211"
+				width="22.7796"
+				height="16"
+				rx="4"
+				fill="#F6F7F7"
+			/>
+			<path
+				d="M145.879 223.856C146.143 223.856 146.403 223.847 146.658 223.829C146.913 223.806 147.13 223.774 147.308 223.733V222.072C147.139 222.104 146.927 222.129 146.672 222.147C146.417 222.161 146.177 222.168 145.954 222.168C145.444 222.168 144.983 222.106 144.573 221.983C144.168 221.856 143.819 221.664 143.527 221.409C143.24 221.149 143.019 220.826 142.864 220.438C142.709 220.051 142.632 219.595 142.632 219.071V219.064C142.632 218.545 142.707 218.091 142.857 217.704C143.012 217.317 143.233 216.995 143.521 216.74C143.812 216.48 144.159 216.287 144.56 216.159C144.961 216.027 145.41 215.961 145.906 215.961C146.148 215.961 146.392 215.972 146.638 215.995C146.884 216.018 147.098 216.048 147.28 216.084V214.437C147.103 214.386 146.879 214.348 146.61 214.32C146.341 214.293 146.082 214.279 145.831 214.279C145.065 214.279 144.364 214.38 143.726 214.58C143.092 214.781 142.543 215.081 142.078 215.482C141.613 215.883 141.253 216.382 140.998 216.979C140.747 217.576 140.622 218.269 140.622 219.058V219.064C140.622 219.857 140.747 220.555 140.998 221.156C141.253 221.753 141.613 222.252 142.078 222.653C142.548 223.05 143.104 223.351 143.746 223.556C144.389 223.756 145.1 223.856 145.879 223.856ZM139.46 220.425H146.542V219.639H139.46V220.425ZM139.46 218.531H146.542V217.745H139.46V218.531Z"
+				fill="#C3C4C7"
+			/>
+			<g clip-path="url(#clip1_255_63852)">
+				<path
+					fill-rule="evenodd"
+					clip-rule="evenodd"
+					d="M31.2434 48.9644H63.992C64.4849 48.9641 64.9731 49.0616 65.4281 49.2513C65.8831 49.4409 66.296 49.719 66.6429 50.0693C67.3472 50.7805 67.7421 51.7411 67.7418 52.7421V65.3446C67.7429 66.3456 67.3487 67.3066 66.6449 68.0185C66.2984 68.3691 65.8857 68.6475 65.4308 68.8376C64.976 69.0277 64.4879 69.1257 63.9949 69.1259H52.2494L53.8562 73.1093L46.7622 69.1259H31.2434C29.177 69.1239 27.502 67.4334 27.5 65.3476V52.7421C27.502 50.6573 29.177 48.9663 31.2434 48.9644Z"
+					fill="#7F54B3"
+				/>
+				<path
+					fill-rule="evenodd"
+					clip-rule="evenodd"
+					d="M133.883 54.6586C132.78 55.7719 132.229 57.1855 132.229 58.8994C132.229 60.7437 132.776 62.2315 133.87 63.3628C134.964 64.4941 136.392 65.0592 138.153 65.0592C138.736 65.0479 139.314 64.9591 139.873 64.7953V62.0697C139.386 62.228 138.88 62.3147 138.368 62.3276C137.491 62.3276 136.79 62.0284 136.264 61.4299C135.738 60.8308 135.475 60.0167 135.476 58.9865C135.476 58.0295 135.737 57.2433 136.259 56.6279C136.494 56.3329 136.794 56.096 137.136 55.9354C137.477 55.7747 137.851 55.6946 138.228 55.7012C138.787 55.7062 139.344 55.7904 139.882 55.9502V53.2131C139.292 53.0591 138.685 52.9838 138.075 52.989C136.381 52.989 134.982 53.5457 133.877 54.6601L133.883 54.6586ZM79.987 54.5391C80.8429 53.5054 82.0339 52.989 83.5606 52.989C85.1858 52.9865 86.4286 53.5044 87.2875 54.5426C88.1465 55.5802 88.5762 57.0611 88.5762 58.9855C88.5787 60.9095 88.1554 62.4028 87.3075 63.4654C86.4595 64.5279 85.2525 65.0592 83.6875 65.0592C82.0678 65.0592 80.8324 64.5284 79.982 63.4659C79.1315 62.4028 78.7068 60.8692 78.7068 58.864C78.7043 57.0143 79.131 55.5728 79.987 54.5391ZM70.4248 58.9019C70.4248 57.1875 70.9765 55.7739 72.0794 54.6611C73.1833 53.5467 74.581 52.9895 76.2729 52.9895C76.8824 52.9845 77.4904 53.0592 78.0809 53.2136V55.9517C77.5439 55.7917 76.9871 55.7077 76.4268 55.7022C76.0496 55.6956 75.6759 55.7757 75.3346 55.9364C74.9932 56.0971 74.6933 56.334 74.458 56.6289C73.9367 57.2443 73.6758 58.031 73.6758 58.988C73.6768 60.0177 73.9397 60.8323 74.4645 61.4308C74.9898 62.0299 75.6904 62.3291 76.5672 62.3291C77.0794 62.3161 77.587 62.2292 78.0744 62.0712V64.7958C77.513 64.9606 76.9321 65.0501 76.3471 65.0617C74.5895 65.0617 73.1629 64.4961 72.0675 63.3653C70.972 62.234 70.4248 60.7462 70.4248 58.9019ZM84.8706 61.7505C84.7353 61.9748 84.5424 62.1587 84.3119 62.2831C84.0814 62.4076 83.8218 62.468 83.5601 62.4581C83.3116 62.4654 83.0661 62.4024 82.8519 62.2764C82.6376 62.1503 82.4634 61.9663 82.3491 61.7455C82.0713 61.2705 81.9324 60.3225 81.9324 58.9014C81.9324 56.6956 82.4836 55.5922 83.5865 55.5922C84.7511 55.5922 85.3337 56.7125 85.3337 58.9522C85.3292 60.3394 85.1748 61.2705 84.8706 61.7455V61.7505ZM96.176 55.8869L96.7685 53.3127L100.694 53.3162L102.221 64.7869H99.2084L98.3948 56.8982L96.5171 64.7754H94.4592L92.4904 56.8694L91.7076 64.7749H88.8261L90.2721 53.3042H94.1181C94.6653 55.7789 95.097 57.9065 95.4137 59.6881L95.7443 57.909C95.8783 57.2219 96.0207 56.5457 96.176 55.8874V55.8869ZM110.549 53.3127L109.957 55.8869C109.8 56.5579 109.656 57.2319 109.525 57.9085L109.194 59.6881C108.878 57.9065 108.446 55.7789 107.899 53.3042H104.052L102.606 64.7749H105.488L106.271 56.8694L108.239 64.7749H110.297L112.175 56.8977L112.989 64.7869H116.001L114.475 53.3162L110.549 53.3127ZM122.602 60.2458H119.903V62.3281H123.034V64.7779H116.858V53.3077H123.014V55.7475H119.903V57.8622H122.602V60.2463V60.2458ZM131.602 58.4328C132.46 57.0486 132.123 55.2242 130.829 54.2528C129.999 53.6224 128.867 53.3072 127.435 53.3072H123.893V64.7784H126.935V59.5552H126.985L129.444 64.7784H132.659L130.229 59.6055C130.799 59.3694 131.279 58.9589 131.602 58.4328ZM126.935 55.525V58.2461C128.282 58.2247 128.955 57.8214 128.955 57.0362C128.954 56.5034 128.798 56.123 128.487 55.8939C128.176 55.6649 127.658 55.5419 126.935 55.525ZM143.758 60.2403V62.3266L146.885 62.3281V64.7779H140.709V53.3077H146.865V55.7475H143.751V57.8622H146.46V60.2413H143.758V60.2403Z"
+					fill="black"
+				/>
+				<path
+					d="M29.7701 52.1735C29.8903 52.0174 30.044 51.8903 30.2199 51.8014C30.3958 51.7126 30.5893 51.6643 30.7863 51.6601C31.6119 51.6004 32.0859 51.9977 32.2084 52.8527C32.7193 56.3182 33.2645 59.2595 33.8446 61.6759L37.4102 54.7498C37.7359 54.1254 38.1407 53.7933 38.6336 53.7534C39.3472 53.7021 39.7938 54.1667 39.9721 55.1471C40.3064 57.0866 40.8221 58.9904 41.5126 60.8334C41.9389 56.6175 42.6534 53.5717 43.6567 51.6965C43.7515 51.4876 43.9016 51.3085 44.0908 51.1788C44.2801 51.0491 44.5012 50.9736 44.7302 50.9606C44.9151 50.9458 45.101 50.9675 45.2774 51.0246C45.4538 51.0817 45.6173 51.1729 45.7584 51.2932C46.0522 51.5212 46.234 51.8698 46.2544 52.2467C46.2769 52.5209 46.2204 52.7958 46.0916 53.0389C45.4572 54.2419 44.9334 56.2421 44.5201 59.0394C44.1168 61.7396 43.9674 63.8509 44.073 65.374C44.1099 65.7475 44.0446 66.1241 43.8843 66.4635C43.8055 66.6299 43.6836 66.7722 43.5311 66.8754C43.3786 66.9786 43.2012 67.0389 43.0174 67.05C42.5837 67.0799 42.1545 66.8743 41.7307 66.4336C40.219 64.8487 39.021 62.492 38.1372 59.3631C37.0866 61.4907 36.3023 63.0885 35.7855 64.1561C34.832 66.0387 34.0139 67.0017 33.3307 67.045C32.8861 67.0774 32.5067 66.6975 32.192 65.9053C31.3624 63.7304 30.4706 59.5254 29.5166 53.2914C29.4805 53.0976 29.4844 52.8984 29.528 52.7062C29.5717 52.5139 29.6542 52.3327 29.7706 52.1735H29.7701Z"
+					fill="white"
+				/>
+				<path
+					fill-rule="evenodd"
+					clip-rule="evenodd"
+					d="M62.3059 53.0669C63.4153 53.2839 64.3728 54.0049 64.9175 55.0322C65.4453 55.9434 65.7092 57.0547 65.7092 58.3663C65.7236 60.0516 65.2851 61.7098 64.4395 63.1678C63.4656 64.8637 62.1884 65.7117 60.6085 65.7117C60.3108 65.7102 60.0141 65.6767 59.7237 65.6116C58.6143 65.3945 57.6563 64.6735 57.1121 63.6458C56.5843 62.7186 56.3204 61.5993 56.3204 60.2878C56.3029 58.6102 56.7418 56.9595 57.5901 55.5122C58.5794 53.8162 59.8561 52.9683 61.4211 52.9683C61.7187 52.9692 62.0154 53.0022 62.3059 53.0669ZM61.6138 62.2466C62.2203 61.6839 62.635 60.8459 62.8596 59.7336V59.7386C62.9403 59.3293 62.9801 58.913 62.9786 58.4952C62.9743 57.9669 62.8771 57.4434 62.6913 56.9487C62.4518 56.3009 62.1331 55.9354 61.7348 55.8532C61.1448 55.7198 60.5781 56.0678 60.0339 56.8979C59.6191 57.5074 59.3264 58.1916 59.172 58.9125C59.0913 59.3223 59.0515 59.7391 59.0525 60.1573C59.0575 60.6851 59.155 61.2074 59.3403 61.6989C59.5793 62.3422 59.8989 62.7077 60.2983 62.7943C60.6976 62.8815 61.1363 62.6992 61.6138 62.2466ZM52.2483 53.0669C53.3577 53.2849 54.3152 54.0054 54.8604 55.0322H54.8589C55.3857 55.9434 55.6492 57.0547 55.6492 58.3663C55.6639 60.0515 55.2258 61.7098 54.3804 63.1678C53.4065 64.8637 52.1293 65.7117 50.5489 65.7117C50.2507 65.7102 49.9536 65.6766 49.6626 65.6116C48.5532 65.3935 47.5952 64.673 47.0505 63.6458C46.5237 62.7186 46.2603 61.5993 46.2603 60.2878C46.2428 58.6102 46.6816 56.9595 47.53 55.5122C48.5184 53.8162 49.7955 52.9683 51.362 52.9683C51.6601 52.9693 51.9573 53.0023 52.2483 53.0669ZM51.5562 62.2466C52.1637 61.6839 52.5789 60.8459 52.802 59.7336V59.7386C52.8832 59.3293 52.923 58.913 52.9215 58.4952C52.9162 57.9669 52.8188 57.4435 52.6337 56.9487C52.3947 56.3009 52.0755 55.9354 51.6772 55.8532C51.0872 55.7198 50.52 56.0678 49.9763 56.8979C49.5613 57.5074 49.2685 58.1915 49.1139 58.9125C49.0327 59.3218 48.9924 59.7391 48.9934 60.1573C48.9989 60.6851 49.097 61.2079 49.2822 61.6989C49.5207 62.3467 49.8404 62.7112 50.2387 62.7943C50.637 62.8775 51.0782 62.6947 51.5562 62.2466Z"
+					fill="white"
+				/>
+				<path
+					d="M87.9281 77.958V74.5477H90.3634C92.4263 74.5477 93.5726 73.1436 93.5726 71.482C93.5726 69.806 92.4408 68.4019 90.3634 68.4019H85.8936V77.957H87.9281V77.958ZM90.0771 72.7577H87.9281V70.1934H90.0771C90.8793 70.1934 91.4952 70.6804 91.4952 71.4825C91.4952 72.2702 90.8793 72.7572 90.0771 72.7572V72.7577ZM100.37 77.958V73.4882C100.37 71.4965 98.9228 70.8666 97.3329 70.8666C96.2439 70.8666 95.155 71.1962 94.31 71.9551L95.026 73.2302C95.5991 72.7004 96.2868 72.4136 97.0177 72.4136C97.9344 72.4136 98.5364 72.8717 98.5364 73.5738V74.4482C98.0778 73.9034 97.2756 73.6027 96.344 73.6027C95.2411 73.6027 93.952 74.2047 93.952 75.8379C93.952 77.3849 95.2411 78.1298 96.344 78.1298C97.2467 78.1298 98.0633 77.8002 98.5364 77.2271V77.958H100.37ZM97.075 76.8975C96.3584 76.8975 95.7714 76.5255 95.7714 75.8668C95.7714 75.2075 96.3584 74.8206 97.075 74.8206C97.662 74.8206 98.2351 75.0352 98.5364 75.4365V76.296C98.2351 76.6973 97.662 76.898 97.075 76.898V76.8975ZM101.788 80.6513C102.002 80.723 102.475 80.7658 102.676 80.7658C103.865 80.737 104.782 80.3934 105.298 79.0898L108.55 71.0384H106.601L104.782 75.8523L102.977 71.0389H101.028L103.836 78.0447L103.578 78.6462C103.407 79.0186 103.091 79.1476 102.619 79.1476C102.447 79.1476 102.203 79.1048 102.046 79.0331L101.788 80.6513ZM119.634 77.958V72.9584C119.634 71.5398 118.875 70.8666 117.599 70.8666C116.539 70.8666 115.622 71.497 115.221 72.1129C114.978 71.3391 114.319 70.8666 113.301 70.8666C112.241 70.8666 111.339 71.5253 111.038 71.9267V71.0384H109.219V77.9585H111.038V73.288C111.31 72.9155 111.84 72.4858 112.471 72.4858C113.216 72.4858 113.502 72.9439 113.502 73.5887V77.9585H115.336V73.288C115.594 72.9155 116.124 72.4858 116.768 72.4858C117.513 72.4858 117.8 72.9439 117.8 73.5887V77.9585H119.634V77.958ZM124.541 78.1298C125.616 78.1298 126.704 77.8002 127.392 77.1698L126.576 75.9668C126.131 76.3965 125.329 76.64 124.742 76.64C123.567 76.64 122.879 75.938 122.75 75.0925H127.894V74.6628C127.894 72.4136 126.504 70.8666 124.426 70.8666C122.335 70.8666 120.845 72.4853 120.845 74.4915C120.845 76.7117 122.435 78.1298 124.541 78.1298ZM126.145 73.8322H122.736C122.808 73.1446 123.295 72.3564 124.426 72.3564C125.63 72.3564 126.088 73.173 126.145 73.8322ZM135.569 77.958V73.0729C135.569 71.726 134.838 70.8666 133.305 70.8666C132.187 70.8666 131.328 71.4108 130.884 71.9267V71.0384H129.064V77.9585H130.884V73.288C131.199 72.8872 131.743 72.4858 132.46 72.4858C133.233 72.4858 133.735 72.8155 133.735 73.7755V77.958H135.569ZM139.538 78.1298C140.297 78.1298 140.784 77.9292 141.057 77.6857L140.67 76.2965C140.57 76.411 140.312 76.5106 140.039 76.5106C139.639 76.5106 139.409 76.1819 139.409 75.7373V72.6287H140.813V71.0384H139.409V69.1473H137.59V71.0384H136.444V72.6287H137.59V76.2243C137.59 77.4711 138.263 78.1298 139.538 78.1298ZM144.407 78.1298C146.327 78.1298 147.416 77.1987 147.416 75.924C147.416 73.1302 143.304 73.9896 143.304 72.9723C143.304 72.5854 143.734 72.2991 144.393 72.2991C145.238 72.2991 146.027 72.6716 146.442 73.1013L147.172 71.8116C146.485 71.2674 145.553 70.8666 144.393 70.8666C142.559 70.8666 141.557 71.8838 141.557 73.044C141.557 75.7662 145.654 74.8351 145.654 75.9668C145.654 76.3965 145.281 76.6973 144.493 76.6973C143.634 76.6973 142.617 76.2243 142.101 75.7373L141.313 77.0553C142.044 77.729 143.204 78.1298 144.407 78.1298Z"
+					fill="#7F54B3"
+				/>
+			</g>
+		</g>
+		<defs>
+			<clipPath id="clip0_255_63852">
+				<path
+					d="M0.5 0H283.5C289.023 0 293.5 4.47715 293.5 10V275H0.5V0Z"
+					fill="white"
+				/>
+			</clipPath>
+			<clipPath id="clip1_255_63852">
+				<rect
+					width="120"
+					height="39.7959"
+					fill="white"
+					transform="translate(27.5 45)"
+				/>
+			</clipPath>
+		</defs>
+	</svg>
+);
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
new file mode 100644
index 00000000000..1be58e17761
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
@@ -0,0 +1,73 @@
+import { Card, CardHeader, CardFooter, Button } from '@wordpress/components';
+import { Text } from '@woocommerce/experimental';
+import { EllipsisMenu, List, Pill } from '@woocommerce/components';
+import { __ } from '@wordpress/i18n';
+import Banner from './banner';
+import { PaymentMethods } from '../payments-welcome';
+
+/**
+ * Internal dependencies
+ */
+import './payment-recommendations.scss';
+import { CardBody } from '@wordpress/components';
+
+export const PaymentsRecommendationsBanner = () => {
+	return (
+		<Card size="medium" className="woocommerce-recommended-payments-banner">
+			<CardBody className="woocommerce-recommended-payments-banner__body">
+				<div className="woocommerce-recommended-payments-banner__image_container">
+					<Banner />
+				</div>
+				<div className="woocommerce-recommended-payments-banner__text_container">
+					<Text
+						variant="title.small"
+						as="p"
+						size="24"
+						lineHeight="28px"
+						padding="0 20px 0 0"
+					>
+						{ __(
+							'Accept Payments and manage your business.',
+							'woocommerce'
+						) }
+					</Text>
+					<Text
+						className={
+							'woocommerce-recommended-payments__header-heading'
+						}
+						variant="caption"
+						as="p"
+						size="12"
+						lineHeight="16px"
+					>
+						{ __(
+							'By using WooCommerce Payments you agree to be bound by our Terms of Service and acknowledge that you have read our Privacy Policy',
+							'woocommerce'
+						) }
+					</Text>
+					<Button isPrimary>
+						{ __( 'Get started', 'woocommerce' ) }
+					</Button>
+				</div>
+			</CardBody>
+			<CardFooter className="woocommerce-recommended-payments-banner__footer">
+				<div>
+					<Text variant="caption" as="p" size="12" lineHeight="16px">
+						{ __(
+							'Accepted payment methods include:',
+							'woocommerce'
+						) }
+					</Text>
+				</div>
+				<div>
+					<PaymentMethods className="woocommerce-recommended-payments-banner__footer_icon_container" />
+				</div>
+				<div>
+					<Text variant="caption" as="p" size="12" lineHeight="16px">
+						{ __( '& more.', 'woocommerce' ) }
+					</Text>
+				</div>
+			</CardFooter>
+		</Card>
+	);
+};
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations.scss b/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
index 3244c2c9ecd..43c7363d0b8 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
@@ -1,5 +1,41 @@
+.woocommerce-recommended-payments-banner {
+	margin: 0 15px 10px 0;
+	animation: isLoaded;
+	animation-duration: 250ms;
+
+	.woocommerce-recommended-payments-banner__body {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding-bottom: 0px;
+	}
+
+	.woocommerce-recommended-payments-banner__text_container {
+		width: 40%;
+		margin-inline: 24px;
+
+		* {
+			margin-block: 1rem
+		}
+	}
+
+	.woocommerce-recommended-payments-banner__image_container {
+
+	}
+
+	.woocommerce-recommended-payments-banner__footer {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.wcpay-connect-account-page-payment-methods > svg {
+		height: 28px
+	}
+}
+
 .woocommerce-recommended-payments-card {
-	margin: 0 0 10px 0;
+	margin: 0 15px 10px 0;
 	animation: isLoaded;
 	animation-duration: 250ms;
 
diff --git a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
index 09dd7e22723..572c030636f 100644
--- a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
+++ b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
@@ -49,12 +49,12 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 	protected function get_settings_for_default_section() {
 		$settings =
 			array(
-				// array(
-				// 	'title' => __( 'Payment methods', 'woocommerce' ),
-				// 	'desc'  => __( 'Installed payment methods are listed below and can be sorted to control their display order on the frontend.', 'woocommerce' ),
-				// 	'type'  => 'title',
-				// 	'id'    => 'payment_gateways_options',
-				// ),
+				array(
+					// 'title' => __( 'Payment methods', 'woocommerce' ),
+					// 'desc'  => __( 'Installed payment methods are listed below and can be sorted to control their display order on the frontend.', 'woocommerce' ),
+					'type'  => 'title', // this is needed as <table> tag is generated by this element, even if it has no other content
+					// 'id'    => 'payment_gateways_options',
+				),
 				// TODO: write unit test to assert that mount point has been inserted
 				array('type' => 'payment_gateways_banner'),
 				array(

From aaf5c9ff5aaed71f6ce1eed83f05e765f797d2d3 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Tue, 19 Apr 2022 16:02:23 +0800
Subject: [PATCH 062/327] Refactored and added new payment icons

---
 .../client/payments-welcome/cards/amex.js     |  2 +-
 .../client/payments-welcome/cards/applepay.js |  2 +-
 .../client/payments-welcome/cards/cb.js       |  2 +-
 .../client/payments-welcome/cards/diners.js   |  2 +-
 .../client/payments-welcome/cards/discover.js |  2 +-
 .../client/payments-welcome/cards/giropay.js  | 47 +++++++++++++++++++
 .../client/payments-welcome/cards/gpay.js     |  2 +-
 .../client/payments-welcome/cards/index.js    | 13 +++++
 .../client/payments-welcome/cards/jcb.js      |  2 +-
 .../client/payments-welcome/cards/maestro.js  |  2 +-
 .../payments-welcome/cards/mastercard.js      |  2 +-
 .../client/payments-welcome/cards/sofort.js   | 30 ++++++++++++
 .../client/payments-welcome/cards/unionpay.js |  2 +-
 .../client/payments-welcome/cards/visa.js     |  2 +-
 .../client/payments-welcome/index.tsx         | 22 +++++----
 .../client/payments/banner.js                 | 16 +++----
 16 files changed, 121 insertions(+), 29 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js
 create mode 100644 plugins/woocommerce-admin/client/payments-welcome/cards/index.js
 create mode 100644 plugins/woocommerce-admin/client/payments-welcome/cards/sofort.js

diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/amex.js b/plugins/woocommerce-admin/client/payments-welcome/cards/amex.js
index 1ebef0bdda9..82f0b26434d 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/amex.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/amex.js
@@ -1,4 +1,4 @@
-export default () => (
+export const Amex = () => (
 	/* eslint-disable */
 	<svg
 		width="52"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/applepay.js b/plugins/woocommerce-admin/client/payments-welcome/cards/applepay.js
index 98483c72f26..99a62d6cb42 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/applepay.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/applepay.js
@@ -1,4 +1,4 @@
-export default () => (
+export const ApplePay = () => (
 	/* eslint-disable */
 	<svg
 		width="52"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/cb.js b/plugins/woocommerce-admin/client/payments-welcome/cards/cb.js
index 5c7e85bb498..9b0d89ecc28 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/cb.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/cb.js
@@ -1,4 +1,4 @@
-export default () => (
+export const CB = () => (
 	/* eslint-disable */
 	<svg
 		width="52"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/diners.js b/plugins/woocommerce-admin/client/payments-welcome/cards/diners.js
index 6a7e03f4208..d0a90ba27d1 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/diners.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/diners.js
@@ -1,4 +1,4 @@
-export default () => (
+export const DinersClub = () => (
 	/* eslint-disable */
 	<svg
 		width="51"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/discover.js b/plugins/woocommerce-admin/client/payments-welcome/cards/discover.js
index 42439da3e86..1f2f92aa8a7 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/discover.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/discover.js
@@ -1,4 +1,4 @@
-export default () => (
+export const Discover = () => (
 	/* eslint-disable */
 	<svg
 		width="52"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js b/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js
new file mode 100644
index 00000000000..355f6af4c40
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js
@@ -0,0 +1,47 @@
+export const Giropay = () => (
+	/* eslint-disable */
+	<svg
+		width="64"
+		height="40"
+		viewBox="0 0 64 40"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path
+			d="M0 4C0 1.79086 1.79086 0 4 0H60C62.2091 0 64 1.79086 64 4V36C64 38.2091 62.2091 40 60 40H4C1.79086 40 0 38.2091 0 36V4Z"
+			fill="white"
+		/>
+		<path
+			d="M12 11C12 8.79086 13.7909 7 16 7H48.8571C51.0663 7 52.8571 8.79086 52.8571 11V29C52.8571 31.2091 51.0663 33 48.8571 33H16C13.7909 33 12 31.2091 12 29V11Z"
+			fill="white"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M48.8571 9H16C14.8954 9 14 9.89543 14 11V29C14 30.1046 14.8954 31 16 31H48.8571C49.9617 31 50.8571 30.1046 50.8571 29V11C50.8571 9.89543 49.9617 9 48.8571 9ZM16 7C13.7909 7 12 8.79086 12 11V29C12 31.2091 13.7909 33 16 33H48.8571C51.0663 33 52.8571 31.2091 52.8571 29V11C52.8571 8.79086 51.0663 7 48.8571 7H16Z"
+			fill="#0F3365"
+		/>
+		<path
+			d="M32.4285 7H48.857C51.0662 7 52.857 8.79086 52.857 11V29C52.857 31.2091 51.0662 33 48.857 33H32.4285V7Z"
+			fill="#0F3365"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M35.2142 28.1058H39.4694V22.1896H39.5169C40.3211 23.4859 41.9291 23.966 43.4183 23.966C47.083 23.966 49.0452 21.2899 49.0452 18.0698C49.0452 15.4361 47.1788 12.5715 43.7737 12.5715C41.8349 12.5715 40.0373 13.2615 39.1865 14.7878H39.139V12.8223H35.2142V28.1058ZM44.648 18.1539C44.648 19.8896 43.6784 21.0808 42.0716 21.0808C40.6524 21.0808 39.4691 19.8896 39.4691 18.2999C39.4691 16.6696 40.5103 15.4567 42.0716 15.4567C43.7259 15.4567 44.648 16.7105 44.648 18.1539Z"
+			fill="#FFFFFE"
+		/>
+		<path
+			fill-rule="evenodd"
+			clip-rule="evenodd"
+			d="M29.6351 12.8223H25.7804V14.7871H25.7341C24.8353 13.4496 23.369 12.5715 21.549 12.5715C17.7192 12.5715 15.9929 14.9962 15.9929 18.2372C15.9929 21.4584 18.0972 23.7145 21.4785 23.7145C23.1807 23.7145 24.5991 23.1307 25.615 21.8537H25.6629V22.4404C25.6629 24.573 24.3395 25.5971 21.8802 25.5971C20.1068 25.5971 19.0193 25.2629 17.7192 24.6984L17.5059 27.6676C18.4993 27.98 20.1781 28.3572 22.2111 28.3572C27.1762 28.3572 29.6351 26.9139 29.6351 22.4404V12.8223ZM20.3904 18.1742C20.3904 16.6902 21.218 15.4567 22.8022 15.4567C24.7169 15.4567 25.521 16.8146 25.521 18.0278C25.521 19.7012 24.3148 20.83 22.8022 20.83C21.5255 20.83 20.3904 19.8672 20.3904 18.1742Z"
+			fill="#D8232A"
+		/>
+		<path
+			d="M4 1H60V-1H4V1ZM63 4V36H65V4H63ZM60 39H4V41H60V39ZM1 36V4H-1V36H1ZM4 39C2.34315 39 1 37.6569 1 36H-1C-1 38.7614 1.23858 41 4 41V39ZM63 36C63 37.6569 61.6569 39 60 39V41C62.7614 41 65 38.7614 65 36H63ZM60 1C61.6569 1 63 2.34315 63 4H65C65 1.23858 62.7614 -1 60 -1V1ZM4 -1C1.23858 -1 -1 1.23858 -1 4H1C1 2.34315 2.34315 1 4 1V-1Z"
+			fill="#DDDDDD"
+		/>
+	</svg>
+
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/gpay.js b/plugins/woocommerce-admin/client/payments-welcome/cards/gpay.js
index 3497bd0f691..7bd90317ab9 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/gpay.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/gpay.js
@@ -1,4 +1,4 @@
-export default () => (
+export const GooglePay = () => (
 	/* eslint-disable */
 	<svg
 		width="84"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/index.js b/plugins/woocommerce-admin/client/payments-welcome/cards/index.js
new file mode 100644
index 00000000000..acc5f7e5f0e
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/index.js
@@ -0,0 +1,13 @@
+export * from './amex';
+export * from './applepay';
+export * from './cb';
+export * from './diners';
+export * from './discover';
+export * from './giropay';
+export * from './gpay';
+export * from './jcb';
+export * from './maestro';
+export * from './mastercard';
+export * from './sofort';
+export * from './unionpay';
+export * from './visa';
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/jcb.js b/plugins/woocommerce-admin/client/payments-welcome/cards/jcb.js
index aac8d382666..55495fbf00b 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/jcb.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/jcb.js
@@ -1,4 +1,4 @@
-export default () => (
+export const JCB = () => (
 	/* eslint-disable */
 	<svg
 		width="51"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/maestro.js b/plugins/woocommerce-admin/client/payments-welcome/cards/maestro.js
index a8b580579f4..9207441f329 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/maestro.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/maestro.js
@@ -1,4 +1,4 @@
-export default () => (
+export const Maestro = () => (
 	/* eslint-disable */
 	<svg
 		width="51"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/mastercard.js b/plugins/woocommerce-admin/client/payments-welcome/cards/mastercard.js
index 6830585f03b..5e1b6311abc 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/mastercard.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/mastercard.js
@@ -1,4 +1,4 @@
-export default () => (
+export const MasterCard = () => (
 	/* eslint-disable */
 	<svg
 		width="51"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/sofort.js b/plugins/woocommerce-admin/client/payments-welcome/cards/sofort.js
new file mode 100644
index 00000000000..9755177dcf9
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/sofort.js
@@ -0,0 +1,30 @@
+export const Sofort = () => (
+	<svg
+		width="64"
+		height="40"
+		viewBox="0 0 64 40"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path
+			d="M0 4C0 1.79086 1.79086 0 4 0H60C62.2091 0 64 1.79086 64 4V36C64 38.2091 62.2091 40 60 40H4C1.79086 40 0 38.2091 0 36V4Z"
+			fill="#EF809F"
+		/>
+		<path
+			d="M29.333 25.0919C29.8266 25.5762 29.836 26.368 29.3516 26.8617L29.2585 26.9641C28.7741 27.4578 27.9824 27.4671 27.4887 26.9828L24.6943 24.2163C23.9212 23.4432 23.8187 22.4931 24.3031 21.9901L24.3962 21.8877C24.7968 21.4685 25.4581 21.4313 25.9145 21.7852C26.1287 21.9529 26.4454 21.9156 26.6224 21.7014C26.7901 21.4871 26.7528 21.1705 26.5386 20.9935C25.6723 20.3135 24.4335 20.3973 23.6697 21.1798L23.5766 21.2822C22.673 22.2137 22.85 23.7878 23.9771 24.9149L26.7808 27.7093C27.6843 28.5755 29.1094 28.5569 29.985 27.6627L30.0874 27.5603C30.9444 26.6661 30.9258 25.2502 30.0409 24.3747C29.8453 24.1791 29.5286 24.1791 29.333 24.384C29.128 24.5796 29.128 24.8963 29.333 25.0919ZM27.6563 10.0861L28.802 19.4938C28.83 19.764 29.0815 19.9689 29.3609 19.9316C29.631 19.9037 29.836 19.6522 29.7987 19.3727L28.653 9.92776L28.6437 9.87187C28.4481 9.08944 28.9324 8.21387 29.5845 8.07415C29.9477 7.99964 30.3296 8.06484 30.637 8.26976C30.9444 8.47468 31.1586 8.79138 31.2331 9.15465L33.2265 17.6682C33.2917 17.9383 33.5618 18.106 33.8319 18.0408C34.102 17.9756 34.2697 17.7054 34.2045 17.4353L32.2205 8.94972C32.0994 8.33496 31.7268 7.7854 31.1959 7.43145C30.665 7.07749 30.0036 6.9564 29.3795 7.08681C28.15 7.34762 27.349 8.78206 27.6563 10.0861Z"
+			fill="white"
+		/>
+		<path
+			d="M38.1632 21.1332L40.4266 9.86258C40.6874 8.65168 39.9702 7.43147 38.7686 7.07752C37.4273 6.7422 36.0767 7.52462 35.732 8.84729L33.2264 17.426C33.1519 17.6961 33.3009 17.9756 33.5711 18.0501C33.8412 18.1246 34.1206 17.9756 34.1951 17.7055L36.7008 9.11741C36.915 8.32567 37.7161 7.85063 38.4985 8.04624C39.1691 8.25116 39.5883 8.94975 39.4393 9.65766L37.1758 20.9376C37.1199 21.2077 37.2969 21.4779 37.567 21.5338C37.8465 21.5803 38.1166 21.4033 38.1632 21.1332ZM32.4719 31.994C28.8858 31.994 25.8959 29.3673 25.8959 25.6322C25.8959 25.3527 25.6723 25.1292 25.3929 25.1292C25.1134 25.1292 24.8899 25.3527 24.8899 25.6322C24.8899 29.9541 28.3642 33 32.4719 33C32.7514 33 32.9749 32.7765 32.9749 32.497C32.9749 32.2176 32.7514 31.994 32.4719 31.994ZM30.7022 23.2104C30.6277 23.4898 30.4507 23.7413 30.2085 23.8997L30.0967 23.9649C29.5192 24.3561 28.7368 24.207 28.3456 23.6295L26.1473 20.3601C25.5512 19.4473 25.6257 18.4972 26.2032 18.0967L26.3057 18.0222C27.0509 17.5937 27.6749 17.9197 28.3176 18.8605L30.1526 21.599C30.311 21.8318 30.6183 21.8877 30.8512 21.7387C31.0841 21.5896 31.14 21.2729 30.9909 21.0401L29.156 18.3016C28.2431 16.9789 27.1254 16.3921 25.7748 17.1745L25.635 17.2677C24.5546 18.0035 24.4241 19.587 25.309 20.919L27.5073 24.1977C28.2152 25.2316 29.6124 25.5018 30.6463 24.8032L30.7581 24.7287C31.1958 24.4306 31.5125 23.9835 31.6616 23.4712C31.7361 23.2011 31.5777 22.9309 31.3076 22.8564C31.0468 22.7819 30.7767 22.9403 30.7022 23.2104Z"
+			fill="white"
+		/>
+		<path
+			d="M34.0273 24.8684C32.9841 25.4552 32.3321 26.545 32.2576 28.2123C32.2389 28.4918 32.4532 28.7246 32.7326 28.7433C33.012 28.7526 33.2449 28.5476 33.2635 28.2682C33.3381 26.7592 33.9249 25.9489 34.8656 25.5949C35.3686 25.4086 35.9182 25.3714 36.4026 25.4179L36.5236 25.4366C37.1663 25.5577 37.3713 24.5983 36.7286 24.4492L32.863 23.583C31.056 23.0893 30.7765 22.4187 31.1119 21.3009C31.2609 20.8165 31.5497 20.5651 32.0061 20.4626C32.3041 20.3974 32.6301 20.4067 32.9468 20.4626C33.04 20.4812 33.1052 20.4905 33.1331 20.4998L39.0013 21.8691L39.1131 21.9064C39.2062 21.9436 39.3087 22.0181 39.4112 22.1206C39.8024 22.5397 40.0259 23.3315 39.9141 24.6355C39.5323 29.1997 37.4085 32.0313 32.36 31.9847C32.0806 31.9847 31.857 32.2083 31.857 32.4784C31.857 32.7578 32.0806 32.9814 32.3507 32.9814C38.014 33.028 40.4917 29.7399 40.9108 24.71C41.0412 23.1452 40.7525 22.074 40.147 21.4313C39.8117 21.0774 39.4577 20.9097 39.1876 20.8724L33.3846 19.5218C33.3474 19.5125 33.2542 19.4846 33.1238 19.4659C32.686 19.3914 32.2296 19.3821 31.7825 19.4752C31.0001 19.6522 30.404 20.1459 30.1525 21.0028C29.6681 22.6143 30.1804 23.881 32.6208 24.5424L34.0273 24.8684Z"
+			fill="white"
+		/>
+		<path
+			d="M4 1H60V-1H4V1ZM63 4V36H65V4H63ZM60 39H4V41H60V39ZM1 36V4H-1V36H1ZM4 39C2.34315 39 1 37.6569 1 36H-1C-1 38.7614 1.23858 41 4 41V39ZM63 36C63 37.6569 61.6569 39 60 39V41C62.7614 41 65 38.7614 65 36H63ZM60 1C61.6569 1 63 2.34315 63 4H65C65 1.23858 62.7614 -1 60 -1V1ZM4 -1C1.23858 -1 -1 1.23858 -1 4H1C1 2.34315 2.34315 1 4 1V-1Z"
+			fill="#DDDDDD"
+		/>
+	</svg>
+);
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/unionpay.js b/plugins/woocommerce-admin/client/payments-welcome/cards/unionpay.js
index 3f364be6948..de3fbc06d5e 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/unionpay.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/unionpay.js
@@ -1,4 +1,4 @@
-export default () => (
+export const UnionPay = () => (
 	/* eslint-disable */
 	<svg
 		width="52"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/visa.js b/plugins/woocommerce-admin/client/payments-welcome/cards/visa.js
index 2634d362b8a..dead6a60142 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/visa.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/visa.js
@@ -1,4 +1,4 @@
-export default () => (
+export const Visa = () => (
 	/* eslint-disable */
 	<svg
 		width="51"
diff --git a/plugins/woocommerce-admin/client/payments-welcome/index.tsx b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
index 7470896a035..63b75285732 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/index.tsx
+++ b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
@@ -23,16 +23,18 @@ import apiFetch from '@wordpress/api-fetch';
  */
 import strings from './strings';
 import Banner from './banner';
-import Visa from './cards/visa';
-import MasterCard from './cards/mastercard';
-import Maestro from './cards/maestro';
-import Amex from './cards/amex';
-import ApplePay from './cards/applepay';
-import CB from './cards/cb';
-import DinersClub from './cards/diners';
-import Discover from './cards/discover';
-import JCB from './cards/jcb';
-import UnionPay from './cards/unionpay';
+import {
+	Visa,
+	MasterCard,
+	Maestro,
+	Amex,
+	ApplePay,
+	CB,
+	DinersClub,
+	Discover,
+	JCB,
+	UnionPay,
+} from './cards';
 import './style.scss';
 import FrequentlyAskedQuestions from './faq';
 import ExitSurveyModal from './exit-survey-modal';
diff --git a/plugins/woocommerce-admin/client/payments/banner.js b/plugins/woocommerce-admin/client/payments/banner.js
index d22078ddd9d..62fd76f2a85 100644
--- a/plugins/woocommerce-admin/client/payments/banner.js
+++ b/plugins/woocommerce-admin/client/payments/banner.js
@@ -11,7 +11,7 @@ export default () => (
 		fill="none"
 		xmlns="http://www.w3.org/2000/svg"
 	>
-		<g clip-path="url(#clip0_255_63852)">
+		<g clipPath="url(#clip0_255_63852)">
 			<path
 				d="M0.5 10C0.5 4.47716 4.97715 0 10.5 0H725.5C731.023 0 735.5 4.47715 735.5 10V332H0.5V10Z"
 				fill="#F6F7F7"
@@ -107,16 +107,16 @@ export default () => (
 				d="M145.879 223.856C146.143 223.856 146.403 223.847 146.658 223.829C146.913 223.806 147.13 223.774 147.308 223.733V222.072C147.139 222.104 146.927 222.129 146.672 222.147C146.417 222.161 146.177 222.168 145.954 222.168C145.444 222.168 144.983 222.106 144.573 221.983C144.168 221.856 143.819 221.664 143.527 221.409C143.24 221.149 143.019 220.826 142.864 220.438C142.709 220.051 142.632 219.595 142.632 219.071V219.064C142.632 218.545 142.707 218.091 142.857 217.704C143.012 217.317 143.233 216.995 143.521 216.74C143.812 216.48 144.159 216.287 144.56 216.159C144.961 216.027 145.41 215.961 145.906 215.961C146.148 215.961 146.392 215.972 146.638 215.995C146.884 216.018 147.098 216.048 147.28 216.084V214.437C147.103 214.386 146.879 214.348 146.61 214.32C146.341 214.293 146.082 214.279 145.831 214.279C145.065 214.279 144.364 214.38 143.726 214.58C143.092 214.781 142.543 215.081 142.078 215.482C141.613 215.883 141.253 216.382 140.998 216.979C140.747 217.576 140.622 218.269 140.622 219.058V219.064C140.622 219.857 140.747 220.555 140.998 221.156C141.253 221.753 141.613 222.252 142.078 222.653C142.548 223.05 143.104 223.351 143.746 223.556C144.389 223.756 145.1 223.856 145.879 223.856ZM139.46 220.425H146.542V219.639H139.46V220.425ZM139.46 218.531H146.542V217.745H139.46V218.531Z"
 				fill="#C3C4C7"
 			/>
-			<g clip-path="url(#clip1_255_63852)">
+			<g clipPath="url(#clip1_255_63852)">
 				<path
-					fill-rule="evenodd"
-					clip-rule="evenodd"
+					fillRule="evenodd"
+					clipRule="evenodd"
 					d="M31.2434 48.9644H63.992C64.4849 48.9641 64.9731 49.0616 65.4281 49.2513C65.8831 49.4409 66.296 49.719 66.6429 50.0693C67.3472 50.7805 67.7421 51.7411 67.7418 52.7421V65.3446C67.7429 66.3456 67.3487 67.3066 66.6449 68.0185C66.2984 68.3691 65.8857 68.6475 65.4308 68.8376C64.976 69.0277 64.4879 69.1257 63.9949 69.1259H52.2494L53.8562 73.1093L46.7622 69.1259H31.2434C29.177 69.1239 27.502 67.4334 27.5 65.3476V52.7421C27.502 50.6573 29.177 48.9663 31.2434 48.9644Z"
 					fill="#7F54B3"
 				/>
 				<path
-					fill-rule="evenodd"
-					clip-rule="evenodd"
+					fillRule="evenodd"
+					clipRule="evenodd"
 					d="M133.883 54.6586C132.78 55.7719 132.229 57.1855 132.229 58.8994C132.229 60.7437 132.776 62.2315 133.87 63.3628C134.964 64.4941 136.392 65.0592 138.153 65.0592C138.736 65.0479 139.314 64.9591 139.873 64.7953V62.0697C139.386 62.228 138.88 62.3147 138.368 62.3276C137.491 62.3276 136.79 62.0284 136.264 61.4299C135.738 60.8308 135.475 60.0167 135.476 58.9865C135.476 58.0295 135.737 57.2433 136.259 56.6279C136.494 56.3329 136.794 56.096 137.136 55.9354C137.477 55.7747 137.851 55.6946 138.228 55.7012C138.787 55.7062 139.344 55.7904 139.882 55.9502V53.2131C139.292 53.0591 138.685 52.9838 138.075 52.989C136.381 52.989 134.982 53.5457 133.877 54.6601L133.883 54.6586ZM79.987 54.5391C80.8429 53.5054 82.0339 52.989 83.5606 52.989C85.1858 52.9865 86.4286 53.5044 87.2875 54.5426C88.1465 55.5802 88.5762 57.0611 88.5762 58.9855C88.5787 60.9095 88.1554 62.4028 87.3075 63.4654C86.4595 64.5279 85.2525 65.0592 83.6875 65.0592C82.0678 65.0592 80.8324 64.5284 79.982 63.4659C79.1315 62.4028 78.7068 60.8692 78.7068 58.864C78.7043 57.0143 79.131 55.5728 79.987 54.5391ZM70.4248 58.9019C70.4248 57.1875 70.9765 55.7739 72.0794 54.6611C73.1833 53.5467 74.581 52.9895 76.2729 52.9895C76.8824 52.9845 77.4904 53.0592 78.0809 53.2136V55.9517C77.5439 55.7917 76.9871 55.7077 76.4268 55.7022C76.0496 55.6956 75.6759 55.7757 75.3346 55.9364C74.9932 56.0971 74.6933 56.334 74.458 56.6289C73.9367 57.2443 73.6758 58.031 73.6758 58.988C73.6768 60.0177 73.9397 60.8323 74.4645 61.4308C74.9898 62.0299 75.6904 62.3291 76.5672 62.3291C77.0794 62.3161 77.587 62.2292 78.0744 62.0712V64.7958C77.513 64.9606 76.9321 65.0501 76.3471 65.0617C74.5895 65.0617 73.1629 64.4961 72.0675 63.3653C70.972 62.234 70.4248 60.7462 70.4248 58.9019ZM84.8706 61.7505C84.7353 61.9748 84.5424 62.1587 84.3119 62.2831C84.0814 62.4076 83.8218 62.468 83.5601 62.4581C83.3116 62.4654 83.0661 62.4024 82.8519 62.2764C82.6376 62.1503 82.4634 61.9663 82.3491 61.7455C82.0713 61.2705 81.9324 60.3225 81.9324 58.9014C81.9324 56.6956 82.4836 55.5922 83.5865 55.5922C84.7511 55.5922 85.3337 56.7125 85.3337 58.9522C85.3292 60.3394 85.1748 61.2705 84.8706 61.7455V61.7505ZM96.176 55.8869L96.7685 53.3127L100.694 53.3162L102.221 64.7869H99.2084L98.3948 56.8982L96.5171 64.7754H94.4592L92.4904 56.8694L91.7076 64.7749H88.8261L90.2721 53.3042H94.1181C94.6653 55.7789 95.097 57.9065 95.4137 59.6881L95.7443 57.909C95.8783 57.2219 96.0207 56.5457 96.176 55.8874V55.8869ZM110.549 53.3127L109.957 55.8869C109.8 56.5579 109.656 57.2319 109.525 57.9085L109.194 59.6881C108.878 57.9065 108.446 55.7789 107.899 53.3042H104.052L102.606 64.7749H105.488L106.271 56.8694L108.239 64.7749H110.297L112.175 56.8977L112.989 64.7869H116.001L114.475 53.3162L110.549 53.3127ZM122.602 60.2458H119.903V62.3281H123.034V64.7779H116.858V53.3077H123.014V55.7475H119.903V57.8622H122.602V60.2463V60.2458ZM131.602 58.4328C132.46 57.0486 132.123 55.2242 130.829 54.2528C129.999 53.6224 128.867 53.3072 127.435 53.3072H123.893V64.7784H126.935V59.5552H126.985L129.444 64.7784H132.659L130.229 59.6055C130.799 59.3694 131.279 58.9589 131.602 58.4328ZM126.935 55.525V58.2461C128.282 58.2247 128.955 57.8214 128.955 57.0362C128.954 56.5034 128.798 56.123 128.487 55.8939C128.176 55.6649 127.658 55.5419 126.935 55.525ZM143.758 60.2403V62.3266L146.885 62.3281V64.7779H140.709V53.3077H146.865V55.7475H143.751V57.8622H146.46V60.2413H143.758V60.2403Z"
 					fill="black"
 				/>
@@ -125,8 +125,8 @@ export default () => (
 					fill="white"
 				/>
 				<path
-					fill-rule="evenodd"
-					clip-rule="evenodd"
+					fillRule="evenodd"
+					clipRule="evenodd"
 					d="M62.3059 53.0669C63.4153 53.2839 64.3728 54.0049 64.9175 55.0322C65.4453 55.9434 65.7092 57.0547 65.7092 58.3663C65.7236 60.0516 65.2851 61.7098 64.4395 63.1678C63.4656 64.8637 62.1884 65.7117 60.6085 65.7117C60.3108 65.7102 60.0141 65.6767 59.7237 65.6116C58.6143 65.3945 57.6563 64.6735 57.1121 63.6458C56.5843 62.7186 56.3204 61.5993 56.3204 60.2878C56.3029 58.6102 56.7418 56.9595 57.5901 55.5122C58.5794 53.8162 59.8561 52.9683 61.4211 52.9683C61.7187 52.9692 62.0154 53.0022 62.3059 53.0669ZM61.6138 62.2466C62.2203 61.6839 62.635 60.8459 62.8596 59.7336V59.7386C62.9403 59.3293 62.9801 58.913 62.9786 58.4952C62.9743 57.9669 62.8771 57.4434 62.6913 56.9487C62.4518 56.3009 62.1331 55.9354 61.7348 55.8532C61.1448 55.7198 60.5781 56.0678 60.0339 56.8979C59.6191 57.5074 59.3264 58.1916 59.172 58.9125C59.0913 59.3223 59.0515 59.7391 59.0525 60.1573C59.0575 60.6851 59.155 61.2074 59.3403 61.6989C59.5793 62.3422 59.8989 62.7077 60.2983 62.7943C60.6976 62.8815 61.1363 62.6992 61.6138 62.2466ZM52.2483 53.0669C53.3577 53.2849 54.3152 54.0054 54.8604 55.0322H54.8589C55.3857 55.9434 55.6492 57.0547 55.6492 58.3663C55.6639 60.0515 55.2258 61.7098 54.3804 63.1678C53.4065 64.8637 52.1293 65.7117 50.5489 65.7117C50.2507 65.7102 49.9536 65.6766 49.6626 65.6116C48.5532 65.3935 47.5952 64.673 47.0505 63.6458C46.5237 62.7186 46.2603 61.5993 46.2603 60.2878C46.2428 58.6102 46.6816 56.9595 47.53 55.5122C48.5184 53.8162 49.7955 52.9683 51.362 52.9683C51.6601 52.9693 51.9573 53.0023 52.2483 53.0669ZM51.5562 62.2466C52.1637 61.6839 52.5789 60.8459 52.802 59.7336V59.7386C52.8832 59.3293 52.923 58.913 52.9215 58.4952C52.9162 57.9669 52.8188 57.4435 52.6337 56.9487C52.3947 56.3009 52.0755 55.9354 51.6772 55.8532C51.0872 55.7198 50.52 56.0678 49.9763 56.8979C49.5613 57.5074 49.2685 58.1915 49.1139 58.9125C49.0327 59.3218 48.9924 59.7391 48.9934 60.1573C48.9989 60.6851 49.097 61.2079 49.2822 61.6989C49.5207 62.3467 49.8404 62.7112 50.2387 62.7943C50.637 62.8775 51.0782 62.6947 51.5562 62.2466Z"
 					fill="white"
 				/>

From 07a20ce378fca5be22d02510362fc53913feb0c6 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Tue, 19 Apr 2022 16:07:07 +0800
Subject: [PATCH 063/327] added conditions for rendering

---
 plugins/woocommerce-admin/client/index.js     |  10 +-
 .../payment-recommendations-banner.tsx        | 119 ++++++++++++++++--
 2 files changed, 116 insertions(+), 13 deletions(-)

diff --git a/plugins/woocommerce-admin/client/index.js b/plugins/woocommerce-admin/client/index.js
index 6b34a981b37..eecff1bcb1c 100644
--- a/plugins/woocommerce-admin/client/index.js
+++ b/plugins/woocommerce-admin/client/index.js
@@ -56,9 +56,6 @@ const PaymentsGatewaysOptionsDescroption = () => {
 };
 
 registerPlugin( 'banner', { scope: 'my-scope', render: PaymentsBannerFill } );
-registerPlugin( 'banner2', { scope: 'my-scope', render: PaymentsGatewaysOptionsDescroption } );
-
-// TODO: move this to another module
 const Banner = () => {
 		return (
 			<>
@@ -111,16 +108,17 @@ if ( appRoot ) {
 	// Render notices just above the WP content div.
 	const wpBody = document.getElementById( 'wpbody-content' );
 
-	const mainform = document.getElementById(
+	const isWcAdminSettingsPaymentPage = document.getElementById(
 		'wc_payment_gateways_banner_slotfill'
 	);
+
+	isWcAdminSettingsPaymentPage ? render( Banner(), isWcAdminSettingsPaymentPage ) : null;
+	
 	const wrap =
 		wpBody.querySelector( '.wrap.woocommerce' ) ||
 		wpBody.querySelector( '.wrap' );
 	const noticeContainer = document.createElement( 'div' );
 
-	// TODO: note this slotfill is not part of the form
-	render( Banner(), mainform );
 
 	render(
 		<div className="woocommerce-layout">
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
index 1be58e17761..6b28b5a7df4 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
@@ -1,17 +1,53 @@
-import { Card, CardHeader, CardFooter, Button } from '@wordpress/components';
+import { Card, CardFooter, Button } from '@wordpress/components';
 import { Text } from '@woocommerce/experimental';
-import { EllipsisMenu, List, Pill } from '@woocommerce/components';
 import { __ } from '@wordpress/i18n';
 import Banner from './banner';
-import { PaymentMethods } from '../payments-welcome';
+import {
+	Visa,
+	MasterCard,
+	Amex,
+	ApplePay,
+	Giropay,
+	GooglePay,
+	CB,
+	DinersClub,
+	Discover,
+	UnionPay,
+	JCB,
+	Sofort,
+} from '../payments-welcome/cards';
+import { CardBody } from '@wordpress/components';
+import {
+	ONBOARDING_STORE_NAME,
+	PAYMENT_GATEWAYS_STORE_NAME,
+} from '@woocommerce/data';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
  */
 import './payment-recommendations.scss';
-import { CardBody } from '@wordpress/components';
 
-export const PaymentsRecommendationsBanner = () => {
+export const PaymentMethods = () => (
+	<div className="woocommerce-recommended-payments-banner__footer_icon_container">
+		<Visa />
+		<MasterCard />
+		<Amex />
+		<ApplePay />
+		<GooglePay />
+		<CB />
+		<Giropay />
+		<DinersClub />
+		<Discover />
+		<UnionPay />
+		<JCB />
+		<Sofort />
+	</div>
+);
+
+const WcPayBanner = () => {
+	const WC_PAY_SETUP_URL =
+		'./admin.php?page=wc-settings&tab=checkout&section=woocommerce_payments';
 	return (
 		<Card size="medium" className="woocommerce-recommended-payments-banner">
 			<CardBody className="woocommerce-recommended-payments-banner__body">
@@ -45,7 +81,7 @@ export const PaymentsRecommendationsBanner = () => {
 							'woocommerce'
 						) }
 					</Text>
-					<Button isPrimary>
+					<Button href={ WC_PAY_SETUP_URL } isPrimary>
 						{ __( 'Get started', 'woocommerce' ) }
 					</Button>
 				</div>
@@ -60,7 +96,7 @@ export const PaymentsRecommendationsBanner = () => {
 					</Text>
 				</div>
 				<div>
-					<PaymentMethods className="woocommerce-recommended-payments-banner__footer_icon_container" />
+					<PaymentMethods />
 				</div>
 				<div>
 					<Text variant="caption" as="p" size="12" lineHeight="16px">
@@ -71,3 +107,72 @@ export const PaymentsRecommendationsBanner = () => {
 		</Card>
 	);
 };
+
+export const PaymentsRecommendationsBanner = () => {
+	const boop = useSelect( ( select ) => {
+		return {
+			installedPaymentGateways: select(
+				PAYMENT_GATEWAYS_STORE_NAME
+			).getPaymentGateways(),
+			isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
+				'getPaymentGatewaySuggestions'
+			),
+			paymentGatewaySuggestions: select(
+				ONBOARDING_STORE_NAME
+			).getPaymentGatewaySuggestions(),
+		};
+	} );
+
+	const {
+		installedPaymentGateways,
+		paymentGatewaySuggestions,
+		isResolving,
+	} = boop;
+
+	const supportsWCPayments =
+		paymentGatewaySuggestions &&
+		paymentGatewaySuggestions.filter( ( paymentGatewaySuggestion ) => {
+			return (
+				paymentGatewaySuggestion.id.indexOf(
+					'woocommerce_payments'
+				) === 0
+			);
+		} ).length === 1;
+
+	console.log( boop );
+	console.log( 'supports', supportsWCPayments );
+	const isWcPayInstalled = installedPaymentGateways.some( ( gateway ) => {
+		return gateway.id === 'woocommerce_payments';
+	} );
+
+	const isWcPayEnabled = installedPaymentGateways.find( ( gateway ) => {
+		gateway.id === 'woocommerce_payments' && gateway.enabled === true;
+	} );
+
+	const isWcPayBannerExplat = true;
+	if ( ! isResolving ) {
+		if (
+			supportsWCPayments &&
+			isWcPayInstalled &&
+			! isWcPayEnabled &&
+			isWcPayBannerExplat
+		) {
+			return <WcPayBanner />;
+		} else {
+			return (
+				<>
+					<h2>Payment Methods</h2>
+					<div id="payment_gateways_options-description">
+						<p>
+							Installed payment methods are listed below and can
+							be sorted to control their display order on the
+							frontend.
+						</p>
+					</div>
+				</>
+			);
+		}
+	} else {
+		return null;
+	}
+};

From 60885707f1b3673646ffd54efad3ac2fa9ffd10c Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Wed, 20 Apr 2022 12:28:31 +0800
Subject: [PATCH 064/327] types and lint

---
 packages/js/data/src/index.ts                 |  1 +
 .../payment-recommendations-banner.tsx        | 96 +++++++++----------
 2 files changed, 48 insertions(+), 49 deletions(-)

diff --git a/packages/js/data/src/index.ts b/packages/js/data/src/index.ts
index d58bf7e7300..2f1844575c8 100644
--- a/packages/js/data/src/index.ts
+++ b/packages/js/data/src/index.ts
@@ -65,6 +65,7 @@ export { NAVIGATION_STORE_NAME } from './navigation';
 export { withNavigationHydration } from './navigation/with-navigation-hydration';
 
 export { PAYMENT_GATEWAYS_STORE_NAME } from './payment-gateways';
+export { PaymentGateway } from './payment-gateways/types';
 
 export {
 	getFilterQuery,
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
index 6b28b5a7df4..ab705c1f630 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
@@ -1,7 +1,21 @@
-import { Card, CardFooter, Button } from '@wordpress/components';
+/**
+ * External dependencies
+ */
+import { Card, CardFooter, CardBody, Button } from '@wordpress/components';
 import { Text } from '@woocommerce/experimental';
 import { __ } from '@wordpress/i18n';
-import Banner from './banner';
+import {
+	ONBOARDING_STORE_NAME,
+	PAYMENT_GATEWAYS_STORE_NAME,
+	Plugin,
+	PaymentGateway,
+	WCDataSelector,
+} from '@woocommerce/data';
+import { useSelect } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
 import {
 	Visa,
 	MasterCard,
@@ -16,16 +30,7 @@ import {
 	JCB,
 	Sofort,
 } from '../payments-welcome/cards';
-import { CardBody } from '@wordpress/components';
-import {
-	ONBOARDING_STORE_NAME,
-	PAYMENT_GATEWAYS_STORE_NAME,
-} from '@woocommerce/data';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
+import Banner from './banner';
 import './payment-recommendations.scss';
 
 export const PaymentMethods = () => (
@@ -109,7 +114,11 @@ const WcPayBanner = () => {
 };
 
 export const PaymentsRecommendationsBanner = () => {
-	const boop = useSelect( ( select ) => {
+	const {
+		installedPaymentGateways,
+		paymentGatewaySuggestions,
+		isResolving,
+	} = useSelect( ( select: WCDataSelector ) => {
 		return {
 			installedPaymentGateways: select(
 				PAYMENT_GATEWAYS_STORE_NAME
@@ -123,31 +132,32 @@ export const PaymentsRecommendationsBanner = () => {
 		};
 	} );
 
-	const {
-		installedPaymentGateways,
-		paymentGatewaySuggestions,
-		isResolving,
-	} = boop;
-
 	const supportsWCPayments =
 		paymentGatewaySuggestions &&
-		paymentGatewaySuggestions.filter( ( paymentGatewaySuggestion ) => {
+		paymentGatewaySuggestions.filter(
+			( paymentGatewaySuggestion: Plugin ) => {
+				return (
+					paymentGatewaySuggestion.id.indexOf(
+						'woocommerce_payments'
+					) === 0
+				);
+			}
+		).length === 1;
+
+	const isWcPayInstalled = installedPaymentGateways.some(
+		( gateway: PaymentGateway ) => {
+			return gateway.id === 'woocommerce_payments';
+		}
+	);
+
+	const isWcPayEnabled = installedPaymentGateways.find(
+		( gateway: PaymentGateway ) => {
 			return (
-				paymentGatewaySuggestion.id.indexOf(
-					'woocommerce_payments'
-				) === 0
+				gateway.id === 'woocommerce_payments' &&
+				gateway.enabled === true
 			);
-		} ).length === 1;
-
-	console.log( boop );
-	console.log( 'supports', supportsWCPayments );
-	const isWcPayInstalled = installedPaymentGateways.some( ( gateway ) => {
-		return gateway.id === 'woocommerce_payments';
-	} );
-
-	const isWcPayEnabled = installedPaymentGateways.find( ( gateway ) => {
-		gateway.id === 'woocommerce_payments' && gateway.enabled === true;
-	} );
+		}
+	);
 
 	const isWcPayBannerExplat = true;
 	if ( ! isResolving ) {
@@ -157,22 +167,10 @@ export const PaymentsRecommendationsBanner = () => {
 			! isWcPayEnabled &&
 			isWcPayBannerExplat
 		) {
+			// add tracks event here
 			return <WcPayBanner />;
-		} else {
-			return (
-				<>
-					<h2>Payment Methods</h2>
-					<div id="payment_gateways_options-description">
-						<p>
-							Installed payment methods are listed below and can
-							be sorted to control their display order on the
-							frontend.
-						</p>
-					</div>
-				</>
-			);
 		}
-	} else {
-		return null;
+		// add tracks event here because we want to know when the control is shown
 	}
+	return null;
 };

From 73634d63d8076fda6bfe724e767f47773ec6ce19 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Wed, 20 Apr 2022 15:29:29 +0800
Subject: [PATCH 065/327] cleanup

---
 plugins/woocommerce-admin/client/index.js     | 54 ++---------
 .../client/payments-welcome/cards/giropay.js  | 12 +--
 .../payments/payment-recommendations.scss     | 18 ++--
 ...banner.tsx => payment-settings-banner.tsx} | 27 +++---
 .../payments-settings-banner-slotfill.js      | 37 ++++++++
 .../test/payment-settings-banner.test.tsx     | 91 +++++++++++++++++++
 .../{banner.js => wcpay-banner-image.js}      |  0
 .../class-wc-settings-payment-gateways.php    | 12 +--
 8 files changed, 172 insertions(+), 79 deletions(-)
 rename plugins/woocommerce-admin/client/payments/{payment-recommendations-banner.tsx => payment-settings-banner.tsx} (86%)
 create mode 100644 plugins/woocommerce-admin/client/payments/payments-settings-banner-slotfill.js
 create mode 100644 plugins/woocommerce-admin/client/payments/test/payment-settings-banner.test.tsx
 rename plugins/woocommerce-admin/client/payments/{banner.js => wcpay-banner-image.js} (100%)

diff --git a/plugins/woocommerce-admin/client/index.js b/plugins/woocommerce-admin/client/index.js
index eecff1bcb1c..65401097cb0 100644
--- a/plugins/woocommerce-admin/client/index.js
+++ b/plugins/woocommerce-admin/client/index.js
@@ -16,10 +16,7 @@ import { getAdminSetting } from '~/utils/admin-settings';
 import { PageLayout, EmbedLayout, PrimaryLayout as NoticeArea } from './layout';
 import { CustomerEffortScoreTracksContainer } from './customer-effort-score-tracks';
 import { EmbeddedBodyLayout } from './embedded-body-layout';
-import { PaymentsRecommendationsBanner } from './payments/payment-recommendations-banner';
-
-import { createSlotFill, SlotFillProvider } from '@wordpress/components';
-import { registerPlugin, PluginArea } from '@wordpress/plugins';
+import { WcAdminPaymentsGatewaysBannerSlot } from './payments/payments-settings-banner-slotfill';
 
 // Modify webpack pubilcPath at runtime based on location of WordPress Plugin.
 // eslint-disable-next-line no-undef,camelcase
@@ -30,45 +27,6 @@ const embeddedRoot = document.getElementById( 'woocommerce-embedded-root' );
 const settingsGroup = 'wc_admin';
 const hydrateUser = getAdminSetting( 'currentUserData' );
 
-const { Fill, Slot } = createSlotFill( 'banner' );
-// Fill.slot = Slot;
-
-const PaymentsBannerFill = () => {
-	return (
-		<Fill>
-			<PaymentsRecommendationsBanner />
-		</Fill>
-	);
-};
-
-const PaymentsGatewaysOptionsDescroption = () => {
-	return (
-		<Fill>
-			<h2>Payment Methods</h2>
-			<div id="payment_gateways_options-description">
-				<p>
-					Installed payment methods are listed below and can be sorted
-					to control their display order on the frontend.
-				</p>
-			</div>
-		</Fill>
-	);
-};
-
-registerPlugin( 'banner', { scope: 'my-scope', render: PaymentsBannerFill } );
-const Banner = () => {
-		return (
-			<>
-				<SlotFillProvider>
-					<div className="banner">
-						<Slot />
-					</div>
-					<PluginArea scope='my-scope' />
-				</SlotFillProvider>
-			</>
-		);
-};
-
 if ( appRoot ) {
 	let HydratedPageLayout = withSettingsHydration(
 		settingsGroup,
@@ -112,14 +70,18 @@ if ( appRoot ) {
 		'wc_payment_gateways_banner_slotfill'
 	);
 
-	isWcAdminSettingsPaymentPage ? render( Banner(), isWcAdminSettingsPaymentPage ) : null;
-	
+	if ( isWcAdminSettingsPaymentPage ) {
+		render(
+			WcAdminPaymentsGatewaysBannerSlot(),
+			isWcAdminSettingsPaymentPage
+		);
+	}
+
 	const wrap =
 		wpBody.querySelector( '.wrap.woocommerce' ) ||
 		wpBody.querySelector( '.wrap' );
 	const noticeContainer = document.createElement( 'div' );
 
-
 	render(
 		<div className="woocommerce-layout">
 			<NoticeArea />
diff --git a/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js b/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js
index 355f6af4c40..0aee187ab4d 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js
+++ b/plugins/woocommerce-admin/client/payments-welcome/cards/giropay.js
@@ -16,8 +16,8 @@ export const Giropay = () => (
 			fill="white"
 		/>
 		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
+			fillRule="evenodd"
+			clipRule="evenodd"
 			d="M48.8571 9H16C14.8954 9 14 9.89543 14 11V29C14 30.1046 14.8954 31 16 31H48.8571C49.9617 31 50.8571 30.1046 50.8571 29V11C50.8571 9.89543 49.9617 9 48.8571 9ZM16 7C13.7909 7 12 8.79086 12 11V29C12 31.2091 13.7909 33 16 33H48.8571C51.0663 33 52.8571 31.2091 52.8571 29V11C52.8571 8.79086 51.0663 7 48.8571 7H16Z"
 			fill="#0F3365"
 		/>
@@ -26,14 +26,14 @@ export const Giropay = () => (
 			fill="#0F3365"
 		/>
 		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
+			fillRule="evenodd"
+			clipRule="evenodd"
 			d="M35.2142 28.1058H39.4694V22.1896H39.5169C40.3211 23.4859 41.9291 23.966 43.4183 23.966C47.083 23.966 49.0452 21.2899 49.0452 18.0698C49.0452 15.4361 47.1788 12.5715 43.7737 12.5715C41.8349 12.5715 40.0373 13.2615 39.1865 14.7878H39.139V12.8223H35.2142V28.1058ZM44.648 18.1539C44.648 19.8896 43.6784 21.0808 42.0716 21.0808C40.6524 21.0808 39.4691 19.8896 39.4691 18.2999C39.4691 16.6696 40.5103 15.4567 42.0716 15.4567C43.7259 15.4567 44.648 16.7105 44.648 18.1539Z"
 			fill="#FFFFFE"
 		/>
 		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
+			fillRule="evenodd"
+			clipRule="evenodd"
 			d="M29.6351 12.8223H25.7804V14.7871H25.7341C24.8353 13.4496 23.369 12.5715 21.549 12.5715C17.7192 12.5715 15.9929 14.9962 15.9929 18.2372C15.9929 21.4584 18.0972 23.7145 21.4785 23.7145C23.1807 23.7145 24.5991 23.1307 25.615 21.8537H25.6629V22.4404C25.6629 24.573 24.3395 25.5971 21.8802 25.5971C20.1068 25.5971 19.0193 25.2629 17.7192 24.6984L17.5059 27.6676C18.4993 27.98 20.1781 28.3572 22.2111 28.3572C27.1762 28.3572 29.6351 26.9139 29.6351 22.4404V12.8223ZM20.3904 18.1742C20.3904 16.6902 21.218 15.4567 22.8022 15.4567C24.7169 15.4567 25.521 16.8146 25.521 18.0278C25.521 19.7012 24.3148 20.83 22.8022 20.83C21.5255 20.83 20.3904 19.8672 20.3904 18.1742Z"
 			fill="#D8232A"
 		/>
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations.scss b/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
index 43c7363d0b8..c79033d9f5c 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations.scss
@@ -1,5 +1,6 @@
 .woocommerce-recommended-payments-banner {
 	margin: 0 15px 10px 0;
+	min-width: 750px;
 	animation: isLoaded;
 	animation-duration: 250ms;
 
@@ -7,7 +8,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		padding-bottom: 0px;
+		padding-bottom: 0;
 	}
 
 	.woocommerce-recommended-payments-banner__text_container {
@@ -15,22 +16,23 @@
 		margin-inline: 24px;
 
 		* {
-			margin-block: 1rem
+			margin-block: 1rem;
 		}
 	}
 
-	.woocommerce-recommended-payments-banner__image_container {
-
-	}
-
 	.woocommerce-recommended-payments-banner__footer {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}
 
-	.wcpay-connect-account-page-payment-methods > svg {
-		height: 28px
+	.woocommerce-recommended-payments-banner__footer_icon_container {
+		display: flex;
+		align-items: center;
+	}
+
+	.woocommerce-recommended-payments-banner__footer_icon_container > svg {
+		height: 28px;
 	}
 }
 
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
similarity index 86%
rename from plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
rename to plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
index ab705c1f630..0904f5cf6bd 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
@@ -12,6 +12,7 @@ import {
 	WCDataSelector,
 } from '@woocommerce/data';
 import { useSelect } from '@wordpress/data';
+import { useExperiment } from '@woocommerce/explat';
 
 /**
  * Internal dependencies
@@ -30,10 +31,10 @@ import {
 	JCB,
 	Sofort,
 } from '../payments-welcome/cards';
-import Banner from './banner';
+import WCPayBannerImage from './wcpay-banner-image';
 import './payment-recommendations.scss';
 
-export const PaymentMethods = () => (
+export const PaymentMethodsIcons = () => (
 	<div className="woocommerce-recommended-payments-banner__footer_icon_container">
 		<Visa />
 		<MasterCard />
@@ -57,7 +58,7 @@ const WcPayBanner = () => {
 		<Card size="medium" className="woocommerce-recommended-payments-banner">
 			<CardBody className="woocommerce-recommended-payments-banner__body">
 				<div className="woocommerce-recommended-payments-banner__image_container">
-					<Banner />
+					<WCPayBannerImage />
 				</div>
 				<div className="woocommerce-recommended-payments-banner__text_container">
 					<Text
@@ -101,7 +102,7 @@ const WcPayBanner = () => {
 					</Text>
 				</div>
 				<div>
-					<PaymentMethods />
+					<PaymentMethodsIcons />
 				</div>
 				<div>
 					<Text variant="caption" as="p" size="12" lineHeight="16px">
@@ -113,7 +114,7 @@ const WcPayBanner = () => {
 	);
 };
 
-export const PaymentsRecommendationsBanner = () => {
+export const PaymentsBannerWrapper = () => {
 	const {
 		installedPaymentGateways,
 		paymentGatewaySuggestions,
@@ -150,27 +151,27 @@ export const PaymentsRecommendationsBanner = () => {
 		}
 	);
 
-	const isWcPayEnabled = installedPaymentGateways.find(
+	const isWcPayDisabled = installedPaymentGateways.find(
 		( gateway: PaymentGateway ) => {
 			return (
 				gateway.id === 'woocommerce_payments' &&
-				gateway.enabled === true
+				gateway.enabled === false
 			);
 		}
 	);
 
-	const isWcPayBannerExplat = true;
-	if ( ! isResolving ) {
+	const [ isLoadingExperiment, experimentAssignment ] = useExperiment(
+		'woocommerce_payments_settings_banner_2022_04'
+	);
+	if ( ! isResolving && ! isLoadingExperiment ) {
 		if (
 			supportsWCPayments &&
 			isWcPayInstalled &&
-			! isWcPayEnabled &&
-			isWcPayBannerExplat
+			isWcPayDisabled &&
+			experimentAssignment?.variationName === 'treatment'
 		) {
-			// add tracks event here
 			return <WcPayBanner />;
 		}
-		// add tracks event here because we want to know when the control is shown
 	}
 	return null;
 };
diff --git a/plugins/woocommerce-admin/client/payments/payments-settings-banner-slotfill.js b/plugins/woocommerce-admin/client/payments/payments-settings-banner-slotfill.js
new file mode 100644
index 00000000000..e2cf1ee5c30
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments/payments-settings-banner-slotfill.js
@@ -0,0 +1,37 @@
+/**
+ * External dependencies
+ */
+import { createSlotFill, SlotFillProvider } from '@wordpress/components';
+import { registerPlugin, PluginArea } from '@wordpress/plugins';
+
+/**
+ * Internal dependencies
+ */
+import { PaymentsBannerWrapper } from './payment-settings-banner';
+
+const { Fill, Slot } = createSlotFill(
+	'__EXPERIMENTAL__WcAdminPaymentsGatewaysSettingsBanner'
+);
+const PaymentsBannerFill = () => {
+	return (
+		<Fill>
+			<PaymentsBannerWrapper />
+		</Fill>
+	);
+};
+
+export const WcAdminPaymentsGatewaysBannerSlot = () => {
+	return (
+		<>
+			<SlotFillProvider>
+				<Slot />
+				<PluginArea scope="woocommerce-settings" />
+			</SlotFillProvider>
+		</>
+	);
+};
+
+registerPlugin( 'woocommerce-admin-paymentsgateways-settings-banner', {
+	scope: 'woocommerce-settings',
+	render: PaymentsBannerFill,
+} );
diff --git a/plugins/woocommerce-admin/client/payments/test/payment-settings-banner.test.tsx b/plugins/woocommerce-admin/client/payments/test/payment-settings-banner.test.tsx
new file mode 100644
index 00000000000..c8ed7294ebe
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments/test/payment-settings-banner.test.tsx
@@ -0,0 +1,91 @@
+/**
+ * External dependencies
+ */
+import { render } from '@testing-library/react';
+import { useSelect } from '@wordpress/data';
+import { useExperiment } from '@woocommerce/explat';
+
+/**
+ * Internal dependencies
+ */
+import { PaymentsBannerWrapper } from '../payment-settings-banner';
+
+jest.mock( '@wordpress/data', () => ( {
+	...jest.requireActual( '@wordpress/data' ),
+	useSelect: jest.fn(),
+} ) );
+jest.mock( '@woocommerce/explat' );
+
+describe( 'Payment Settings Banner', () => {
+	it( 'should render the banner if woocommerce payments is supported but setup not completed', () => {
+		( useSelect as jest.Mock ).mockReturnValue( {
+			installedPaymentGateways: [
+				{ id: 'woocommerce_payments', enabled: false },
+			],
+			paymentGatewaySuggestions: [ { id: 'woocommerce_payments:us' } ],
+		} );
+
+		( useExperiment as jest.Mock ).mockImplementation( () => [
+			false,
+			{ variationName: 'treatment' },
+		] );
+
+		const { container } = render( <PaymentsBannerWrapper /> );
+		expect(
+			container.querySelector(
+				'.woocommerce-recommended-payments-banner'
+			)
+		).toBeInTheDocument();
+	} );
+
+	it( 'should not render the banner if treatment is control', () => {
+		( useSelect as jest.Mock ).mockReturnValue( {
+			installedPaymentGateways: [
+				{ id: 'woocommerce_payments', enabled: false },
+			],
+			paymentGatewaySuggestions: [ { id: 'woocommerce_payments:us' } ],
+		} );
+
+		( useExperiment as jest.Mock ).mockImplementation( () => [
+			false,
+			{ variationName: 'control' },
+		] );
+
+		const { container } = render( <PaymentsBannerWrapper /> );
+		expect(
+			container.querySelector(
+				'.woocommerce-recommended-payments-banner'
+			)
+		).not.toBeInTheDocument();
+	} );
+
+	it( 'should not render anything if woocommerce payments is not supported', () => {
+		( useSelect as jest.Mock ).mockReturnValue( {
+			installedPaymentGateways: [],
+			paymentGatewaySuggestions: [],
+		} );
+
+		const { container } = render( <PaymentsBannerWrapper /> );
+		expect(
+			container.querySelector(
+				'.woocommerce-recommended-payments-banner'
+			)
+		).not.toBeInTheDocument();
+	} );
+
+	it( 'should not render anything if woocommerce payments is setup', () => {
+		( useSelect as jest.Mock ).mockReturnValue( {
+			installedPaymentGateways: [
+				{ id: 'woocommerce_payments', enabled: true },
+			],
+			paymentGatewaySuggestions: [ { id: 'woocommerce_payments:us' } ],
+		} );
+
+		const { container } = render( <PaymentsBannerWrapper /> );
+		expect(
+			container.querySelector(
+				'.woocommerce-recommended-payments-banner'
+			)
+		).not.toBeInTheDocument();
+	} );
+} );
diff --git a/plugins/woocommerce-admin/client/payments/banner.js b/plugins/woocommerce-admin/client/payments/wcpay-banner-image.js
similarity index 100%
rename from plugins/woocommerce-admin/client/payments/banner.js
rename to plugins/woocommerce-admin/client/payments/wcpay-banner-image.js
diff --git a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
index 572c030636f..25afc5be84b 100644
--- a/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
+++ b/plugins/woocommerce/includes/admin/settings/class-wc-settings-payment-gateways.php
@@ -50,13 +50,9 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 		$settings =
 			array(
 				array(
-					// 'title' => __( 'Payment methods', 'woocommerce' ),
-					// 'desc'  => __( 'Installed payment methods are listed below and can be sorted to control their display order on the frontend.', 'woocommerce' ),
-					'type'  => 'title', // this is needed as <table> tag is generated by this element, even if it has no other content
-					// 'id'    => 'payment_gateways_options',
+					'type'  => 'title', // this is needed as <table> tag is generated by this element, even if it has no other content.
 				),
-				// TODO: write unit test to assert that mount point has been inserted
-				array('type' => 'payment_gateways_banner'),
+				array( 'type' => 'payment_gateways_banner' ), // React mount point for embedded banner slotfill.
 				array(
 					'type' => 'payment_gateways',
 				),
@@ -108,6 +104,10 @@ class WC_Settings_Payment_Gateways extends WC_Settings_Page {
 	protected function run_gateway_admin_options( $gateway ) {
 		$gateway->admin_options();
 	}
+
+	/**
+	 * Creates the React mount point for the embedded banner.
+	 */
 	public function payment_gateways_banner() {
 		?>
 		<div id="wc_payment_gateways_banner_slotfill"> </div>

From bbb1af478bdd6b20b3f9596820c9b2491b8d0f7f Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Wed, 20 Apr 2022 15:41:41 +0800
Subject: [PATCH 066/327] changelogs

---
 packages/js/data/CHANGELOG.md                               | 1 +
 .../changelogs/feature-32697_wc_payment_gateways_banner     | 6 ++++++
 .../woocommerce/changelog/add-wc-payment-gateways-banner    | 4 ++++
 3 files changed, 11 insertions(+)
 create mode 100644 plugins/woocommerce-admin/changelogs/feature-32697_wc_payment_gateways_banner
 create mode 100644 plugins/woocommerce/changelog/add-wc-payment-gateways-banner

diff --git a/packages/js/data/CHANGELOG.md b/packages/js/data/CHANGELOG.md
index 1dc2a2798ec..c350fcd32fa 100644
--- a/packages/js/data/CHANGELOG.md
+++ b/packages/js/data/CHANGELOG.md
@@ -10,6 +10,7 @@
     - Add `getTaskListsByIds` selector type
     - Update `TaskType` & `TaskListType` types
 -   Convert `use-user-preferences.js` to TS. #32695
+-   Added PaymentGateway type to exports #32697
 
 ## Breaking change
 
diff --git a/plugins/woocommerce-admin/changelogs/feature-32697_wc_payment_gateways_banner b/plugins/woocommerce-admin/changelogs/feature-32697_wc_payment_gateways_banner
new file mode 100644
index 00000000000..7ad0b8cf34d
--- /dev/null
+++ b/plugins/woocommerce-admin/changelogs/feature-32697_wc_payment_gateways_banner
@@ -0,0 +1,6 @@
+Significance: minor
+Type: feature
+
+Added slotfill for payment gateway banner in settings page 
+Refactored payment methods icons in payments-welcome
+Added experiment for showing payment banner in payment settings page #32697
\ No newline at end of file
diff --git a/plugins/woocommerce/changelog/add-wc-payment-gateways-banner b/plugins/woocommerce/changelog/add-wc-payment-gateways-banner
new file mode 100644
index 00000000000..b80464619b9
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-wc-payment-gateways-banner
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Added react mount point in payment settings page for banner slotfill #32697

From 71e9073c0b4befcf62a4a278a1b0e70344850f49 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 12:44:19 +0800
Subject: [PATCH 067/327] Fix remaining task type errors

---
 .../dismissable-list.tsx                      |  8 ++-
 .../recommendations-eligibility-wrapper.tsx   | 26 +++++-----
 .../progress-header/progress-header.tsx       | 12 ++---
 .../client/tasks/back-button.tsx              |  7 ++-
 .../client/tasks/deprecated-tasks.tsx         | 35 ++++++++-----
 .../client/tasks/fills/Marketing/index.tsx    |  6 ++-
 .../tasks/fills/Marketing/test/index.tsx      |  5 +-
 .../client/tasks/fills/tax/avalara/card.tsx   |  7 +--
 .../fills/tax/components/partner-card.tsx     |  4 +-
 .../fills/tax/components/store-location.tsx   | 33 +++++++------
 .../client/tasks/fills/tax/index.tsx          | 44 +++++++++++------
 .../fills/tax/manual-configuration/index.tsx  |  1 -
 .../client/tasks/fills/tax/utils.ts           |  6 ++-
 .../tasks/fills/tax/woocommerce-tax/card.tsx  |  8 ++-
 .../fills/tax/woocommerce-tax/plugins.tsx     | 49 +++++++++++--------
 .../tasks/fills/tax/woocommerce-tax/setup.tsx | 48 +++++++++---------
 .../tasks/reminder-bar/reminder-bar.tsx       | 12 +++--
 17 files changed, 192 insertions(+), 119 deletions(-)

diff --git a/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx b/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx
index e23cadda3ec..ed5cecdcf79 100644
--- a/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx
+++ b/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx
@@ -1,7 +1,11 @@
 /**
  * External dependencies
  */
-import { useDispatch, useSelect } from '@wordpress/data';
+import {
+	useDispatch,
+	useSelect,
+	select as wpDataSelect,
+} from '@wordpress/data';
 import { Button, Card, CardHeader } from '@wordpress/components';
 import { OPTIONS_STORE_NAME } from '@woocommerce/data';
 import { EllipsisMenu } from '@woocommerce/components';
@@ -55,7 +59,7 @@ export const DismissableList: React.FC< {
 	dismissOptionName: string;
 	className?: string;
 } > = ( { children, className, dismissOptionName } ) => {
-	const isVisible = useSelect( ( select ) => {
+	const isVisible = useSelect( ( select: typeof wpDataSelect ) => {
 		const { getOption, hasFinishedResolution } = select(
 			OPTIONS_STORE_NAME
 		);
diff --git a/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx b/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx
index d9bd2775664..49754b9fe11 100644
--- a/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx
+++ b/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { useSelect } from '@wordpress/data';
+import { useSelect, select as wpDataSelect } from '@wordpress/data';
 import { useUser, OPTIONS_STORE_NAME } from '@woocommerce/data';
 
 const SHOW_MARKETPLACE_SUGGESTION_OPTION =
@@ -10,19 +10,21 @@ const SHOW_MARKETPLACE_SUGGESTION_OPTION =
 const RecommendationsEligibilityWrapper: React.FC = ( { children } ) => {
 	const { currentUserCan } = useUser();
 
-	const isMarketplaceSuggestionsEnabled = useSelect( ( select ) => {
-		const { getOption, hasFinishedResolution } = select(
-			OPTIONS_STORE_NAME
-		);
+	const isMarketplaceSuggestionsEnabled = useSelect(
+		( select: typeof wpDataSelect ) => {
+			const { getOption, hasFinishedResolution } = select(
+				OPTIONS_STORE_NAME
+			);
 
-		const hasFinishedResolving = hasFinishedResolution( 'getOption', [
-			SHOW_MARKETPLACE_SUGGESTION_OPTION,
-		] );
-		const canShowMarketplaceSuggestions =
-			getOption( SHOW_MARKETPLACE_SUGGESTION_OPTION ) !== 'no';
+			const hasFinishedResolving = hasFinishedResolution( 'getOption', [
+				SHOW_MARKETPLACE_SUGGESTION_OPTION,
+			] );
+			const canShowMarketplaceSuggestions =
+				getOption( SHOW_MARKETPLACE_SUGGESTION_OPTION ) !== 'no';
 
-		return hasFinishedResolving && canShowMarketplaceSuggestions;
-	} );
+			return hasFinishedResolving && canShowMarketplaceSuggestions;
+		}
+	);
 
 	if ( ! currentUserCan( 'install_plugins' ) ) {
 		return null;
diff --git a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
index 46264572b75..6e576a8986e 100644
--- a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
+++ b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
@@ -7,7 +7,7 @@ import { useSelect } from '@wordpress/data';
 import {
 	getVisibleTasks,
 	ONBOARDING_STORE_NAME,
-	TaskListType,
+	WCDataSelector,
 } from '@woocommerce/data';
 import { getSetting } from '@woocommerce/settings';
 
@@ -30,14 +30,14 @@ export const ProgressHeader: React.FC< ProgressHeaderProps > = ( {
 		completedCount,
 		hasVisitedTasks,
 		disabledCompletedCount,
-	} = useSelect( ( select ) => {
-		const taskList: TaskListType = select(
-			ONBOARDING_STORE_NAME
-		).getTaskList( taskListId );
+	} = useSelect( ( select: WCDataSelector ) => {
+		const taskList = select( ONBOARDING_STORE_NAME ).getTaskList(
+			taskListId
+		);
 		const finishedResolution = select(
 			ONBOARDING_STORE_NAME
 		).hasFinishedResolution( 'getTaskList', [ taskListId ] );
-		const visibleTasks = getVisibleTasks( taskList?.tasks );
+		const visibleTasks = getVisibleTasks( taskList?.tasks || [] );
 
 		return {
 			loading: ! finishedResolution,
diff --git a/plugins/woocommerce-admin/client/tasks/back-button.tsx b/plugins/woocommerce-admin/client/tasks/back-button.tsx
index 0ab6ec5bb30..68dc9b394fd 100644
--- a/plugins/woocommerce-admin/client/tasks/back-button.tsx
+++ b/plugins/woocommerce-admin/client/tasks/back-button.tsx
@@ -7,6 +7,7 @@ import { Icon, chevronLeft } from '@wordpress/icons';
 import { getHistory, updateQueryString } from '@woocommerce/navigation';
 import { ENTER, SPACE } from '@wordpress/keycodes';
 import { recordEvent } from '@woocommerce/tracks';
+import { History } from 'history';
 
 /**
  * Internal dependencies
@@ -24,7 +25,11 @@ export const BackButton: React.FC< BackButtonProps > = ( { title } ) => {
 		recordEvent( 'topbar_back_button', {
 			page_name: title,
 		} );
-		updateQueryString( {}, getHistory().location.pathname, {} );
+		updateQueryString(
+			{},
+			( getHistory() as History ).location.pathname,
+			{}
+		);
 	};
 
 	// if it's a task list page, render a back button to the homescreen
diff --git a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
index ce58c213a3c..c136a0d328d 100644
--- a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
@@ -4,19 +4,31 @@
 import { registerPlugin } from '@wordpress/plugins';
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { useSelect } from '@wordpress/data';
-import { ONBOARDING_STORE_NAME } from '@woocommerce/data';
+import {
+	ONBOARDING_STORE_NAME,
+	TaskType,
+	WCDataSelector,
+} from '@woocommerce/data';
 import { useEffect, useState } from '@wordpress/element';
 
+type DeprecatedTask = TaskType & {
+	container: React.ReactNode;
+};
+
 const DeprecatedWooOnboardingTaskFills = () => {
-	const [ deprecatedTasks, setDeprecatedTasks ] = useState( [] );
-	const { isResolving, taskLists } = useSelect( ( select ) => {
-		return {
-			isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
-				'getTaskLists'
-			),
-			taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
-		};
-	} );
+	const [ deprecatedTasks, setDeprecatedTasks ] = useState<
+		DeprecatedTask[]
+	>( [] );
+	const { isResolving, taskLists } = useSelect(
+		( select: WCDataSelector ) => {
+			return {
+				isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
+					'getTaskLists'
+				),
+				taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
+			};
+		}
+	);
 
 	useEffect( () => {
 		if ( taskLists && taskLists.length > 0 ) {
@@ -39,7 +51,7 @@ const DeprecatedWooOnboardingTaskFills = () => {
 		<>
 			{ deprecatedTasks.map( ( task ) => (
 				<WooOnboardingTask id={ task.id } key={ task.id }>
-					{ ( { onComplete } ) => task.container }
+					{ () => task.container }
 				</WooOnboardingTask>
 			) ) }
 		</>
@@ -47,6 +59,7 @@ const DeprecatedWooOnboardingTaskFills = () => {
 };
 
 registerPlugin( 'wc-admin-deprecated-task-container', {
+	// @ts-expect-error @types/wordpress__plugins need to be updated
 	scope: 'woocommerce-tasks',
 	render: () => <DeprecatedWooOnboardingTaskFills />,
 } );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
index 359f04ae507..80895f31f7b 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
@@ -108,7 +108,7 @@ export const getMarketingExtensionLists = (
 };
 
 export type MarketingProps = {
-	onComplete: ( bool: boolean ) => void;
+	onComplete: ( bool?: boolean ) => void;
 };
 
 const Marketing: React.FC< MarketingProps > = ( { onComplete } ) => {
@@ -236,10 +236,12 @@ const Marketing: React.FC< MarketingProps > = ( { onComplete } ) => {
 };
 
 registerPlugin( 'wc-admin-onboarding-task-marketing', {
+	// @ts-expect-error @types/wordpress__plugins need to be updated
 	scope: 'woocommerce-tasks',
 	render: () => (
+		// @ts-expect-error WooOnboardingTask is still a pure JS file
 		<WooOnboardingTask id="marketing">
-			{ ( { onComplete } ) => {
+			{ ( { onComplete }: MarketingProps ) => {
 				return <Marketing onComplete={ onComplete } />;
 			} }
 		</WooOnboardingTask>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
index 6ea3da1ee2e..b0896b1dce3 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
@@ -25,6 +25,7 @@ const reachPlugins: Extension[] = [
 		description: 'Reach plugin description',
 		manage_url: '#',
 		image_url: 'reach.jpeg',
+		is_built_by_wc: false,
 	},
 ];
 
@@ -35,6 +36,7 @@ const growPlugins: Extension[] = [
 		description: 'Grow plugin description',
 		manage_url: '#',
 		image_url: 'grow.jpeg',
+		is_built_by_wc: false,
 	},
 	{
 		key: 'grow-plugin-two:extra',
@@ -42,6 +44,7 @@ const growPlugins: Extension[] = [
 		description: 'Grow plugin 2 description',
 		manage_url: '#',
 		image_url: 'grow2.jpeg',
+		is_built_by_wc: false,
 	},
 ];
 
@@ -133,7 +136,7 @@ describe( 'getMarketingExtensionLists', () => {
 			[ 'grow-plugin' ]
 		);
 
-		expect( lists[ 1 ].plugins.length ).toBe( 1 );
+		expect( lists[ 1 ].plugins?.length ).toBe( 1 );
 	} );
 
 	test( 'should only include allowed list plugins in the installed list', () => {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
index 0a51f1a460f..8fbe8c16c95 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
@@ -10,10 +10,11 @@ import { recordEvent } from '@woocommerce/tracks';
  * Internal dependencies
  */
 import { PartnerCard } from '../components/partner-card';
+import { TaxProps } from '../';
 import logo from './logo.png';
 
-export const Card = ( { task } ) => {
-	const { avalaraActivated } = task.additionalData;
+export const Card: React.FC< TaxProps > = ( { task } ) => {
+	const { additionalData: { avalaraActivated } = {} } = task;
 
 	return (
 		<PartnerCard
@@ -66,7 +67,7 @@ export const Card = ( { task } ) => {
 				window.open(
 					new URL(
 						'https://woocommerce.com/products/woocommerce-avatax/'
-					),
+					).toString(),
 					'_blank'
 				);
 			} }
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx
index d54241644b4..0a2d05be69c 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/components/partner-card.tsx
@@ -14,8 +14,8 @@ export const PartnerCard: React.FC< {
 	name: string;
 	logo: string;
 	description: string;
-	benefits: string[];
-	terms: string;
+	benefits: ( string | JSX.Element )[];
+	terms: string | JSX.Element;
 	actionText: string;
 	onClick: () => void;
 	isBusy?: boolean;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx
index 79af7ec147a..3aefbdaf1f2 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { SETTINGS_STORE_NAME } from '@woocommerce/data';
+import { SETTINGS_STORE_NAME, WCDataSelector } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { useEffect } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
@@ -11,27 +11,30 @@ import { useSelect, useDispatch } from '@wordpress/data';
  * Internal dependencies
  */
 import { getCountryCode } from '~/dashboard/utils';
-import { hasCompleteAddress, SettingsSelector, TaxChildProps } from '../utils';
+import { hasCompleteAddress, SettingsSelector } from '../utils';
 import { default as StoreLocationForm } from '~/tasks/fills/steps/location';
 
 export const StoreLocation: React.FC< {
 	nextStep: () => void;
 } > = ( { nextStep } ) => {
+	const { createNotice } = useDispatch( 'core/notices' );
 	const { updateAndPersistSettingsForGroup } = useDispatch(
 		SETTINGS_STORE_NAME
 	);
-	const { generalSettings, isResolving } = useSelect( ( select ) => {
-		const { getSettings, hasFinishedResolution } = select(
-			SETTINGS_STORE_NAME
-		) as SettingsSelector;
+	const { generalSettings, isResolving } = useSelect(
+		( select: WCDataSelector ) => {
+			const { getSettings, hasFinishedResolution } = select(
+				SETTINGS_STORE_NAME
+			) as SettingsSelector;
 
-		return {
-			generalSettings: getSettings( 'general' )?.general,
-			isResolving: ! hasFinishedResolution( 'getSettings', [
-				'general',
-			] ),
-		};
-	} );
+			return {
+				generalSettings: getSettings( 'general' )?.general,
+				isResolving: ! hasFinishedResolution( 'getSettings', [
+					'general',
+				] ),
+			};
+		}
+	);
 
 	useEffect( () => {
 		if ( isResolving || ! hasCompleteAddress( generalSettings ) ) {
@@ -46,7 +49,7 @@ export const StoreLocation: React.FC< {
 
 	return (
 		<StoreLocationForm
-			onComplete={ ( values ) => {
+			onComplete={ ( values: { [ key: string ]: string } ) => {
 				const country = getCountryCode( values.countryState );
 				recordEvent( 'tasklist_tax_set_location', {
 					country,
@@ -58,6 +61,8 @@ export const StoreLocation: React.FC< {
 			updateAndPersistSettingsForGroup={
 				updateAndPersistSettingsForGroup
 			}
+			createNotice={ createNotice }
+			isSettingsError={ false }
 		/>
 	);
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
index 6db806b2d4e..e77429e360d 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
@@ -6,9 +6,10 @@ import { Card, CardBody, Spinner } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { getAdminLink } from '@woocommerce/settings';
 import {
-	ONBOARDING_STORE_NAME,
 	OPTIONS_STORE_NAME,
 	SETTINGS_STORE_NAME,
+	WCDataSelector,
+	TaskType,
 } from '@woocommerce/data';
 import { queueRecordEvent, recordEvent } from '@woocommerce/tracks';
 import { registerPlugin } from '@wordpress/plugins';
@@ -37,7 +38,7 @@ import { ManualConfiguration } from './manual-configuration';
 import { Partners } from './components/partners';
 import { WooCommerceTax } from './woocommerce-tax';
 
-const TaskCard = ( { children } ) => {
+const TaskCard: React.FC = ( { children } ) => {
 	return (
 		<Card className="woocommerce-task-card">
 			<CardBody>{ children }</CardBody>
@@ -45,7 +46,13 @@ const TaskCard = ( { children } ) => {
 	);
 };
 
-const Tax = ( { onComplete, query, task } ) => {
+export type TaxProps = {
+	onComplete: () => void;
+	query: Record< string, string >;
+	task: TaskType;
+};
+
+const Tax: React.FC< TaxProps > = ( { onComplete, query, task } ) => {
 	const [ isPending, setIsPending ] = useState( false );
 	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
 	const { createNotice } = useDispatch( 'core/notices' );
@@ -53,7 +60,7 @@ const Tax = ( { onComplete, query, task } ) => {
 		SETTINGS_STORE_NAME
 	);
 	const { generalSettings, isResolving, taxSettings } = useSelect(
-		( select ) => {
+		( select: WCDataSelector ) => {
 			const { getSettings, hasFinishedResolution } = select(
 				SETTINGS_STORE_NAME
 			) as SettingsSelector;
@@ -84,7 +91,7 @@ const Tax = ( { onComplete, query, task } ) => {
 				},
 			} )
 				.then( () => redirectToTaxSettings() )
-				.catch( ( error ) => {
+				.catch( ( error: unknown ) => {
 					setIsPending( false );
 					createNoticesFromResponse( error );
 				} );
@@ -138,9 +145,11 @@ const Tax = ( { onComplete, query, task } ) => {
 			generalSettings?.woocommerce_default_country
 		);
 		const {
-			woocommerceTaxCountries = [],
-			taxJarActivated,
-		} = task.additionalData;
+			additionalData: {
+				woocommerceTaxCountries = [],
+				taxJarActivated,
+			} = {},
+		} = task;
 
 		const partners = [
 			{
@@ -232,28 +241,33 @@ const Tax = ( { onComplete, query, task } ) => {
 	if ( currentPartner ) {
 		return (
 			<TaskCard>
-				{ createElement( currentPartner.component, childProps ) }
+				{ currentPartner.component &&
+					createElement( currentPartner.component, childProps ) }
 			</TaskCard>
 		);
 	}
 
 	return (
 		<Partners { ...childProps }>
-			{ partners.map( ( partner ) =>
-				createElement( partner.card, {
-					key: partner.id,
-					...childProps,
-				} )
+			{ partners.map(
+				( partner ) =>
+					partner.card &&
+					createElement( partner.card, {
+						key: partner.id,
+						...childProps,
+					} )
 			) }
 		</Partners>
 	);
 };
 
 registerPlugin( 'wc-admin-onboarding-task-tax', {
+	// @ts-expect-error @types/wordpress__plugins need to be updated
 	scope: 'woocommerce-tasks',
 	render: () => (
+		// @ts-expect-error WooOnboardingTask is still a pure JS file
 		<WooOnboardingTask id="tax">
-			{ ( { onComplete, query, task } ) => (
+			{ ( { onComplete, query, task }: TaxProps ) => (
 				<Tax onComplete={ onComplete } query={ query } task={ task } />
 			) }
 		</WooOnboardingTask>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/index.tsx
index bd763f484b1..7c560a4b78d 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/index.tsx
@@ -2,7 +2,6 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { filter } from 'lodash';
 import { useState } from '@wordpress/element';
 import { Stepper } from '@woocommerce/components';
 
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
index 060b6395ca8..a173e0184fe 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
@@ -45,13 +45,17 @@ export const redirectToTaxSettings = (): void => {
 export type SettingsSelector = WPDataSelectors & {
 	getSettings: (
 		type: string
-	) => { general: { woocommerce_default_country?: string } };
+	) => {
+		general: { woocommerce_default_country?: string };
+		tax: { [ key: string ]: string };
+	};
 	getOption: (
 		type: string
 	) => {
 		wc_connect_options: {
 			tos_accepted: string;
 		};
+		tos_accepted?: boolean;
 	};
 };
 
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx
index bbb8de9525c..174952c6490 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/card.tsx
@@ -42,7 +42,9 @@ export const Card: React.FC< TaxChildProps > = () => {
 								type="external"
 								href="https://woocommerce.com/products/jetpack/?utm_medium=product"
 								target="_blank"
-							/>
+							>
+								<></>
+							</Link>
 						),
 					},
 				} ),
@@ -60,7 +62,9 @@ export const Card: React.FC< TaxChildProps > = () => {
 							href={ 'https://wordpress.com/tos/' }
 							target="_blank"
 							type="external"
-						/>
+						>
+							<></>
+						</Link>
 					),
 				},
 			} ) }
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
index 89ecec7c1f9..f2014b84124 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
@@ -4,10 +4,14 @@
 import { __ } from '@wordpress/i18n';
 import interpolateComponents from '@automattic/interpolate-components';
 import { Link, Plugins as PluginInstaller } from '@woocommerce/components';
-import { OPTIONS_STORE_NAME, PLUGINS_STORE_NAME } from '@woocommerce/data';
+import { OPTIONS_STORE_NAME } from '@woocommerce/data';
 import { recordEvent, queueRecordEvent } from '@woocommerce/tracks';
 import { Text } from '@woocommerce/experimental';
-import { useDispatch, useSelect } from '@wordpress/data';
+import {
+	useDispatch,
+	useSelect,
+	select as wpDataSelect,
+} from '@wordpress/data';
 import { useEffect } from '@wordpress/element';
 
 /**
@@ -15,7 +19,6 @@ import { useEffect } from '@wordpress/element';
  */
 import { createNoticesFromResponse } from '~/lib/notices';
 import { SetupStepProps } from './setup';
-import { SettingsSelector } from '../utils';
 
 export const Plugins: React.FC< SetupStepProps > = ( {
 	nextStep,
@@ -24,24 +27,26 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 	pluginsToActivate,
 } ) => {
 	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
-	const { isResolving, tosAccepted } = useSelect( ( select ) => {
-		const { getOption, hasFinishedResolution } = select(
-			OPTIONS_STORE_NAME
-		) as SettingsSelector;
+	const { isResolving, tosAccepted } = useSelect(
+		( select: typeof wpDataSelect ) => {
+			const { getOption, hasFinishedResolution } = select(
+				OPTIONS_STORE_NAME
+			);
 
-		return {
-			isResolving:
-				! hasFinishedResolution( 'getOption', [
-					'woocommerce_setup_jetpack_opted_in',
-				] ) ||
-				! hasFinishedResolution( 'getOption', [
-					'wc_connect_options',
-				] ),
-			tosAccepted:
-				getOption( 'wc_connect_options' )?.tos_accepted ||
-				getOption( 'woocommerce_setup_jetpack_opted_in' ) === '1',
-		};
-	} );
+			return {
+				isResolving:
+					! hasFinishedResolution( 'getOption', [
+						'woocommerce_setup_jetpack_opted_in',
+					] ) ||
+					! hasFinishedResolution( 'getOption', [
+						'wc_connect_options',
+					] ),
+				tosAccepted:
+					getOption( 'wc_connect_options' )?.tos_accepted ||
+					getOption( 'woocommerce_setup_jetpack_opted_in' ) === '1',
+			};
+		}
+	);
 
 	useEffect( () => {
 		if ( ! tosAccepted || pluginsToActivate.length ) {
@@ -106,7 +111,9 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 									href={ 'https://wordpress.com/tos/' }
 									target="_blank"
 									type="external"
-								/>
+								>
+									<></>
+								</Link>
 							),
 						},
 					} ) }
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx
index ee4464543ec..dee6836c9a7 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx
@@ -10,7 +10,7 @@ import {
 	PLUGINS_STORE_NAME,
 	SETTINGS_STORE_NAME,
 } from '@woocommerce/data';
-import { useSelect } from '@wordpress/data';
+import { useSelect, select as wpDataSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -44,28 +44,32 @@ export const Setup: React.FC< SetupProps > = ( {
 	onAutomate,
 	onManual,
 } ) => {
-	const [ pluginsToActivate, setPluginsToActivate ] = useState( [] );
-	const { activePlugins, isResolving } = useSelect( ( select ) => {
-		const { getSettings } = select(
-			SETTINGS_STORE_NAME
-		) as SettingsSelector;
-		const { hasFinishedResolution } = select(
-			OPTIONS_STORE_NAME
-		) as SettingsSelector;
-		const { getActivePlugins } = select( PLUGINS_STORE_NAME );
+	const [ pluginsToActivate, setPluginsToActivate ] = useState< string[] >(
+		[]
+	);
+	const { activePlugins, isResolving } = useSelect(
+		( select: typeof wpDataSelect ) => {
+			const { getSettings } = select(
+				SETTINGS_STORE_NAME
+			) as SettingsSelector;
+			const { hasFinishedResolution } = select(
+				OPTIONS_STORE_NAME
+			) as SettingsSelector;
+			const { getActivePlugins } = select( PLUGINS_STORE_NAME );
 
-		return {
-			activePlugins: getActivePlugins(),
-			generalSettings: getSettings( 'general' )?.general,
-			isResolving:
-				! hasFinishedResolution( 'getOption', [
-					'woocommerce_setup_jetpack_opted_in',
-				] ) ||
-				! hasFinishedResolution( 'getOption', [
-					'wc_connect_options',
-				] ),
-		};
-	} );
+			return {
+				activePlugins: getActivePlugins(),
+				generalSettings: getSettings( 'general' )?.general,
+				isResolving:
+					! hasFinishedResolution( 'getOption', [
+						'woocommerce_setup_jetpack_opted_in',
+					] ) ||
+					! hasFinishedResolution( 'getOption', [
+						'wc_connect_options',
+					] ),
+			};
+		}
+	);
 	const [ stepIndex, setStepIndex ] = useState( 0 );
 
 	useEffect( () => {
diff --git a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
index ea8ccd4c771..9e1ab50e56c 100644
--- a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
+++ b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
@@ -2,7 +2,11 @@
  * External dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import { useSelect, useDispatch } from '@wordpress/data';
+import {
+	useSelect,
+	useDispatch,
+	select as wpDataSelect,
+} from '@wordpress/data';
 import {
 	ONBOARDING_STORE_NAME,
 	OPTIONS_STORE_NAME,
@@ -57,7 +61,9 @@ const ReminderText: React.FC< ReminderTextProps > = ( { remainingCount } ) => {
 						<Link
 							href={ getAdminLink( 'admin.php?page=wc-admin' ) }
 							type="wp-admin"
-						/>
+						>
+							<></>
+						</Link>
 					),
 				},
 			} ) }
@@ -77,7 +83,7 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 		taskListComplete,
 		reminderBarHidden,
 		completedTasksCount,
-	} = useSelect( ( select ) => {
+	} = useSelect( ( select: typeof wpDataSelect ) => {
 		const {
 			getTaskList,
 			hasFinishedResolution: onboardingHasFinishedResolution,

From 8a1c684f558223617e693c42d58642580689ffe0 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 12:44:35 +0800
Subject: [PATCH 068/327] Update data onboarding selector types

---
 packages/js/data/src/onboarding/selectors.ts | 2 ++
 packages/js/data/src/onboarding/types.ts     | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/packages/js/data/src/onboarding/selectors.ts b/packages/js/data/src/onboarding/selectors.ts
index d0f4bdefe81..2d8f2253cee 100644
--- a/packages/js/data/src/onboarding/selectors.ts
+++ b/packages/js/data/src/onboarding/selectors.ts
@@ -103,6 +103,8 @@ export type OnboardingSelectors = {
 		ids: string[]
 	) => ReturnType< typeof getTaskListsByIds >;
 	getTaskLists: () => ReturnType< typeof getTaskLists >;
+	getTaskList: ( id: string ) => ReturnType< typeof getTaskList >;
+	getFreeExtensions: () => ReturnType< typeof getFreeExtensions >;
 } & WPDataSelectors;
 
 export type OnboardingState = {
diff --git a/packages/js/data/src/onboarding/types.ts b/packages/js/data/src/onboarding/types.ts
index d51101ba40f..0f51b826452 100644
--- a/packages/js/data/src/onboarding/types.ts
+++ b/packages/js/data/src/onboarding/types.ts
@@ -20,6 +20,11 @@ export type TaskType = {
 	isActioned: boolean;
 	eventPrefix: string;
 	level: number;
+	additionalData?: {
+		woocommerceTaxCountries?: string[];
+		taxJarActivated?: boolean;
+		avalaraActivated?: boolean;
+	};
 };
 
 export type TaskListSection = {

From fbc1cf0e615deb4144345d5f899b91728575f65a Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 12:45:02 +0800
Subject: [PATCH 069/327] Correct stepper component props types

---
 packages/js/components/src/stepper/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/js/components/src/stepper/index.tsx b/packages/js/components/src/stepper/index.tsx
index e80b2288552..0e068becfae 100644
--- a/packages/js/components/src/stepper/index.tsx
+++ b/packages/js/components/src/stepper/index.tsx
@@ -32,9 +32,9 @@ interface StepperProps {
 		onClick?: ( key: string ) => void;
 	} >;
 	/** If the stepper is vertical instead of horizontal. */
-	isVertical: boolean;
+	isVertical?: boolean;
 	/**  Optionally mark the current step as pending to show a spinner. */
-	isPending: boolean;
+	isPending?: boolean;
 }
 
 /**

From 7085ed7d96be79cecbc48bfb23c4d90a165f9c98 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 13:10:40 +0800
Subject: [PATCH 070/327] Export InstallPluginsResponse data type from woo.data

---
 packages/js/data/src/index.ts           | 1 +
 packages/js/data/src/plugins/actions.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/js/data/src/index.ts b/packages/js/data/src/index.ts
index d58bf7e7300..1d9fbe86d29 100644
--- a/packages/js/data/src/index.ts
+++ b/packages/js/data/src/index.ts
@@ -30,6 +30,7 @@ export { useSettings } from './settings/use-settings';
 
 export { PLUGINS_STORE_NAME } from './plugins';
 export type { Plugin } from './plugins/types';
+export type { InstallPluginsResponse } from './plugins/actions';
 export { ActionDispatchers as PluginsStoreActions } from './plugins/actions';
 export { pluginNames } from './plugins/constants';
 export { withPluginsHydration } from './plugins/with-plugins-hydration';
diff --git a/packages/js/data/src/plugins/actions.ts b/packages/js/data/src/plugins/actions.ts
index e1a2a7b3534..d0708da2259 100644
--- a/packages/js/data/src/plugins/actions.ts
+++ b/packages/js/data/src/plugins/actions.ts
@@ -37,7 +37,7 @@ type PluginsResponse< PluginData > = {
 	message: string;
 } & Response;
 
-type InstallPluginsResponse = PluginsResponse< {
+export type InstallPluginsResponse = PluginsResponse< {
 	installed: string[];
 	results: Record< string, boolean >;
 	install_time?: Record< string, number >;

From 66deb864abef3e2e5f442005c61269716581ce8e Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 13:10:56 +0800
Subject: [PATCH 071/327] Fix reamining type errors

---
 .../client/tasks/deprecated-tasks.tsx             |  1 +
 .../client/tasks/fills/Marketing/PluginList.tsx   |  2 +-
 .../client/tasks/fills/tax/avalara/card.tsx       |  4 ++--
 .../client/tasks/fills/tax/index.tsx              |  1 -
 .../fills/tax/manual-configuration/configure.tsx  | 15 ++++++++-------
 .../client/tasks/fills/tax/utils.ts               |  3 ++-
 .../fills/tax/woocommerce-tax/automated-taxes.tsx | 12 ++++++------
 .../tasks/fills/tax/woocommerce-tax/index.tsx     |  8 ++++++--
 .../tasks/fills/tax/woocommerce-tax/plugins.tsx   |  9 ++++++---
 .../client/tasks/reminder-bar/reminder-bar.tsx    |  5 +++--
 10 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
index c136a0d328d..0d9bd6f0bbc 100644
--- a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
@@ -50,6 +50,7 @@ const DeprecatedWooOnboardingTaskFills = () => {
 	return (
 		<>
 			{ deprecatedTasks.map( ( task ) => (
+				// @ts-expect-error WooOnboardingTask is still a pure JS file
 				<WooOnboardingTask id={ task.id } key={ task.id }>
 					{ () => task.container }
 				</WooOnboardingTask>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/PluginList.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/PluginList.tsx
index aa95781c34f..ed81df2bf61 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/PluginList.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/PluginList.tsx
@@ -12,7 +12,7 @@ import './PluginList.scss';
 export type PluginListProps = {
 	currentPlugin?: string | null;
 	key?: string;
-	installAndActivate: ( slug: string ) => void;
+	installAndActivate?: ( slug: string ) => void;
 	plugins?: PluginProps[];
 	title?: string;
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
index 8fbe8c16c95..0f4218b0da5 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/avalara/card.tsx
@@ -10,10 +10,10 @@ import { recordEvent } from '@woocommerce/tracks';
  * Internal dependencies
  */
 import { PartnerCard } from '../components/partner-card';
-import { TaxProps } from '../';
+import { TaxChildProps } from '../utils';
 import logo from './logo.png';
 
-export const Card: React.FC< TaxProps > = ( { task } ) => {
+export const Card: React.FC< TaxChildProps > = ( { task } ) => {
 	const { additionalData: { avalaraActivated } = {} } = task;
 
 	return (
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
index e77429e360d..864978bea9b 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
@@ -246,7 +246,6 @@ const Tax: React.FC< TaxProps > = ( { onComplete, query, task } ) => {
 			</TaskCard>
 		);
 	}
-
 	return (
 		<Partners { ...childProps }>
 			{ partners.map(
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx
index a448c52622f..a5a8e99d0dc 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx
@@ -6,7 +6,7 @@ import { Button } from '@wordpress/components';
 import interpolateComponents from '@automattic/interpolate-components';
 import { Link } from '@woocommerce/components';
 import { recordEvent } from '@woocommerce/tracks';
-import { SETTINGS_STORE_NAME } from '@woocommerce/data';
+import { SETTINGS_STORE_NAME, WCDataSelector } from '@woocommerce/data';
 import { useSelect } from '@wordpress/data';
 
 /**
@@ -14,11 +14,10 @@ import { useSelect } from '@wordpress/data';
  */
 import { SettingsSelector, TaxChildProps } from '../utils';
 
-export const Configure: React.FC< TaxChildProps > = ( {
-	isPending,
-	onManual,
-} ) => {
-	const { generalSettings } = useSelect( ( select ) => {
+export const Configure: React.FC<
+	Pick< TaxChildProps, 'isPending' | 'onManual' >
+> = ( { isPending, onManual } ) => {
+	const { generalSettings } = useSelect( ( select: WCDataSelector ) => {
 		const { getSettings } = select(
 			SETTINGS_STORE_NAME
 		) as SettingsSelector;
@@ -55,7 +54,9 @@ export const Configure: React.FC< TaxChildProps > = ( {
 									href="https://woocommerce.com/document/setting-up-taxes-in-woocommerce/?utm_medium=product#section-1"
 									target="_blank"
 									type="external"
-								/>
+								>
+									<></>
+								</Link>
 							),
 						},
 					} ) }
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
index a173e0184fe..f702493ca25 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { getAdminLink } from '@woocommerce/settings';
-import { WPDataSelectors } from '@woocommerce/data';
+import { WPDataSelectors, TaskType } from '@woocommerce/data';
 
 /**
  * Plugins required to automate taxes.
@@ -67,6 +67,7 @@ export type TaxChildProps = {
 	onAutomate: () => void;
 	onManual: () => void;
 	onDisable: () => void;
+	task: TaskType;
 };
 
 /**
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/automated-taxes.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/automated-taxes.tsx
index 85591bca9b5..9d7f2fc55c4 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/automated-taxes.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/automated-taxes.tsx
@@ -12,12 +12,12 @@ import { recordEvent } from '@woocommerce/tracks';
  */
 import { SetupStepProps } from './setup';
 
-export const AutomatedTaxes: React.FC< SetupStepProps > = ( {
-	isPending,
-	onAutomate,
-	onManual,
-	onDisable,
-} ) => {
+export const AutomatedTaxes: React.FC<
+	Pick<
+		SetupStepProps,
+		'isPending' | 'onAutomate' | 'onManual' | 'onDisable'
+	>
+> = ( { isPending, onAutomate, onManual, onDisable } ) => {
 	return (
 		<div className="woocommerce-task-tax__success">
 			<span
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx
index 45b57eb9e79..db9c1ae137a 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx
@@ -5,7 +5,11 @@ import { __ } from '@wordpress/i18n';
 import { difference } from 'lodash';
 import { useSelect } from '@wordpress/data';
 import { Spinner } from '@woocommerce/components';
-import { PLUGINS_STORE_NAME, SETTINGS_STORE_NAME } from '@woocommerce/data';
+import {
+	PLUGINS_STORE_NAME,
+	SETTINGS_STORE_NAME,
+	WCDataSelector,
+} from '@woocommerce/data';
 
 /**
  * Internal dependencies
@@ -30,7 +34,7 @@ export const WooCommerceTax: React.FC< TaxChildProps > = ( {
 		isJetpackConnected,
 		isResolving,
 		pluginsToActivate,
-	} = useSelect( ( select ) => {
+	} = useSelect( ( select: WCDataSelector ) => {
 		const { getSettings } = select(
 			SETTINGS_STORE_NAME
 		) as SettingsSelector;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
index f2014b84124..4f8b3fa5a25 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
@@ -4,7 +4,7 @@
 import { __ } from '@wordpress/i18n';
 import interpolateComponents from '@automattic/interpolate-components';
 import { Link, Plugins as PluginInstaller } from '@woocommerce/components';
-import { OPTIONS_STORE_NAME } from '@woocommerce/data';
+import { OPTIONS_STORE_NAME, InstallPluginsResponse } from '@woocommerce/data';
 import { recordEvent, queueRecordEvent } from '@woocommerce/tracks';
 import { Text } from '@woocommerce/experimental';
 import {
@@ -73,7 +73,10 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 	return (
 		<>
 			<PluginInstaller
-				onComplete={ ( activatedPlugins, response ) => {
+				onComplete={ (
+					activatedPlugins: string[],
+					response: InstallPluginsResponse
+				) => {
 					createNoticesFromResponse( response );
 					recordEvent( 'tasklist_tax_install_extensions', {
 						install_extensions: true,
@@ -83,7 +86,7 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 					} );
 					nextStep();
 				} }
-				onError={ ( errors, response ) =>
+				onError={ ( errors: unknown, response: unknown ) =>
 					createNoticesFromResponse( response )
 				}
 				onSkip={ () => {
diff --git a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
index 9e1ab50e56c..ca0a41485e0 100644
--- a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
+++ b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
@@ -125,9 +125,10 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 		};
 	} );
 
+	const query = getQuery() as { [ key: string ]: string };
 	const isHomescreen =
-		getQuery().page && getQuery().page === 'wc-admin' && ! getQuery().path;
-	const isActiveTaskPage = Boolean( getQuery().wc_onboarding_active_task );
+		query.page && query.page === 'wc-admin' && ! query.path;
+	const isActiveTaskPage = Boolean( query.wc_onboarding_active_task );
 
 	const hideReminderBar =
 		loading ||

From 1a7c40316e18a77da0bf76e2d136693e8118bdc1 Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Thu, 21 Apr 2022 13:14:28 +0800
Subject: [PATCH 072/327] Changed e2e payment settings page detection

---
 packages/js/admin-e2e-tests/CHANGELOG.md            | 2 ++
 packages/js/admin-e2e-tests/src/pages/WcSettings.ts | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/js/admin-e2e-tests/CHANGELOG.md b/packages/js/admin-e2e-tests/CHANGELOG.md
index 5836c843674..a28e2e3be2e 100644
--- a/packages/js/admin-e2e-tests/CHANGELOG.md
+++ b/packages/js/admin-e2e-tests/CHANGELOG.md
@@ -6,6 +6,8 @@
 
 -   Increase timeout threshold for payment task. #32605
 
+-   Changed page detection to use table header instead of h2 header for payment settings page #32697
+
 # 1.0.0
 
 -   Add returned type annotations and remove unused vars. #8020
diff --git a/packages/js/admin-e2e-tests/src/pages/WcSettings.ts b/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
index 0b5f78cf0a7..302e2445862 100644
--- a/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
+++ b/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
@@ -44,7 +44,7 @@ export class WcSettings extends BasePage {
 
 	async paymentMethodIsEnabled( method = '' ): Promise< boolean > {
 		await this.navigate( 'checkout' );
-		await waitForElementByText( 'h2', 'Payment methods' );
+		await waitForElementByText( 'th', 'Method' );
 		const className = await getAttribute(
 			`tr[data-gateway_id=${ method }] .woocommerce-input-toggle`,
 			'className'

From 841692d14da0d6d8701669050bb1703b6ebb4b44 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 13:16:54 +0800
Subject: [PATCH 073/327] Add changelogs

---
 packages/js/components/CHANGELOG.md                          | 1 +
 packages/js/data/CHANGELOG.md                                | 5 +++--
 plugins/woocommerce/changelog/fix-admin-remaining-task-types | 4 ++++
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-admin-remaining-task-types

diff --git a/packages/js/components/CHANGELOG.md b/packages/js/components/CHANGELOG.md
index e7782c11e57..065094f6063 100644
--- a/packages/js/components/CHANGELOG.md
+++ b/packages/js/components/CHANGELOG.md
@@ -4,6 +4,7 @@
 -   Update dependency `@wordpress/hooks` to ^3.5.0
 -   Update dependency `@wordpress/icons` to ^8.1.0
 -   Add `className` prop for Pill component. #32605
+-   Update `StepperProps` prop types. #32712
 
 # 10.0.0
 -   Replace deprecated wp.compose.withState with wp.element.useState. #8338
diff --git a/packages/js/data/CHANGELOG.md b/packages/js/data/CHANGELOG.md
index fc460ef6b4c..80703cd633a 100644
--- a/packages/js/data/CHANGELOG.md
+++ b/packages/js/data/CHANGELOG.md
@@ -3,12 +3,13 @@
 -   Update dependency `@wordpress/hooks` to ^3.5.0
 -   Add `is_offline` attribute for `Plugin` type. #32467
 -   Added Typescript type declarations. #32615
--   Update type definitions. #32683, #32695, #32698
+-   Update type definitions. #32683, #32695, #32698, #32712
     - Make `isResolving` param `args` optional.
     - Update `Plugin` type to reflect the latest changes.
     - Maps "raw"  payment `ActionDispatchers` to the registered actions.
-    - Add `getTaskListsByIds`, `getTaskLists` selector type
+    - Export `getTaskListsByIds`, `getTaskLists`, `getTaskList`, `getFreeExtensions` onboarding selector types
     - Update `TaskType` & `TaskListType` types
+    - Export `InstallPluginsResponse` type
 -   Convert `use-user-preferences.js` to TS. #32695
 
 ## Breaking change
diff --git a/plugins/woocommerce/changelog/fix-admin-remaining-task-types b/plugins/woocommerce/changelog/fix-admin-remaining-task-types
new file mode 100644
index 00000000000..9c5636c729a
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-admin-remaining-task-types
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Fix remaining typescript type errors in react admin

From 0308873d7967685902e0102966e62c09c589df8a Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 21 Apr 2022 13:18:24 +0800
Subject: [PATCH 074/327] Turn on ForkTsCheckerWebpackPlugin in react admin

---
 plugins/woocommerce-admin/webpack.config.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce-admin/webpack.config.js b/plugins/woocommerce-admin/webpack.config.js
index d8e3e4e6228..1a2a4536a00 100644
--- a/plugins/woocommerce-admin/webpack.config.js
+++ b/plugins/woocommerce-admin/webpack.config.js
@@ -8,7 +8,7 @@ const CustomTemplatedPathPlugin = require( '@wordpress/custom-templated-path-web
 const BundleAnalyzerPlugin = require( 'webpack-bundle-analyzer' )
 	.BundleAnalyzerPlugin;
 const MomentTimezoneDataPlugin = require( 'moment-timezone-data-webpack-plugin' );
-// const ForkTsCheckerWebpackPlugin = require( 'fork-ts-checker-webpack-plugin' );
+const ForkTsCheckerWebpackPlugin = require( 'fork-ts-checker-webpack-plugin' );
 
 /**
  * Internal dependencies
@@ -140,8 +140,7 @@ const webpackConfig = {
 	plugins: [
 		...styleConfig.plugins,
 		// Runs TypeScript type checker on a separate process.
-		// Disable TS checker for now as it will block all development until all type inconsistencies are fixed
-		// new ForkTsCheckerWebpackPlugin(),
+		new ForkTsCheckerWebpackPlugin(),
 		new CustomTemplatedPathPlugin( {
 			modulename( outputPath, data ) {
 				const entryName = get( data, [ 'chunk', 'name' ] );

From c796406a40822e8edf1e32d9dd0619b28192c5ef Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Thu, 21 Apr 2022 13:51:29 +0800
Subject: [PATCH 075/327] fixed phpunit tests

---
 .../settings/class-wc-settings-payment-gateways-test.php      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/tests/php/includes/settings/class-wc-settings-payment-gateways-test.php b/plugins/woocommerce/tests/php/includes/settings/class-wc-settings-payment-gateways-test.php
index aceca0bdec6..24bfd6a754e 100644
--- a/plugins/woocommerce/tests/php/includes/settings/class-wc-settings-payment-gateways-test.php
+++ b/plugins/woocommerce/tests/php/includes/settings/class-wc-settings-payment-gateways-test.php
@@ -71,8 +71,8 @@ class WC_Settings_Payment_Gateways_Test extends WC_Settings_Unit_Test_Case {
 		$settings_ids_and_types = $this->get_ids_and_types( $settings );
 
 		$expected = array(
-			'payment_gateways_options' => array( 'title', 'sectionend' ),
-			''                         => 'payment_gateways',
+			'payment_gateways_options' => 'sectionend',
+			''                         => array( 'title', 'payment_gateways_banner', 'payment_gateways' ),
 		);
 
 		$this->assertEquals( $expected, $settings_ids_and_types );

From 6151f4021c7b0beb9b2effcb41fdb6b18350655b Mon Sep 17 00:00:00 2001
From: RJChow <me@rjchow.com>
Date: Thu, 21 Apr 2022 13:14:28 +0800
Subject: [PATCH 076/327] Revert "Changed e2e payment settings page detection"

This reverts commit 1a7c40316e18a77da0bf76e2d136693e8118bdc1.
---
 packages/js/admin-e2e-tests/CHANGELOG.md          |  2 --
 .../js/admin-e2e-tests/src/pages/WcSettings.ts    |  2 +-
 .../client/payments/payment-settings-banner.tsx   | 15 ++++++++++++++-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/js/admin-e2e-tests/CHANGELOG.md b/packages/js/admin-e2e-tests/CHANGELOG.md
index a28e2e3be2e..5836c843674 100644
--- a/packages/js/admin-e2e-tests/CHANGELOG.md
+++ b/packages/js/admin-e2e-tests/CHANGELOG.md
@@ -6,8 +6,6 @@
 
 -   Increase timeout threshold for payment task. #32605
 
--   Changed page detection to use table header instead of h2 header for payment settings page #32697
-
 # 1.0.0
 
 -   Add returned type annotations and remove unused vars. #8020
diff --git a/packages/js/admin-e2e-tests/src/pages/WcSettings.ts b/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
index 302e2445862..0b5f78cf0a7 100644
--- a/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
+++ b/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
@@ -44,7 +44,7 @@ export class WcSettings extends BasePage {
 
 	async paymentMethodIsEnabled( method = '' ): Promise< boolean > {
 		await this.navigate( 'checkout' );
-		await waitForElementByText( 'th', 'Method' );
+		await waitForElementByText( 'h2', 'Payment methods' );
 		const className = await getAttribute(
 			`tr[data-gateway_id=${ method }] .woocommerce-input-toggle`,
 			'className'
diff --git a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
index 0904f5cf6bd..32b5e2e535b 100644
--- a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
@@ -114,6 +114,18 @@ const WcPayBanner = () => {
 	);
 };
 
+const DefaultPaymentMethodsHeaderText = () => (
+	<>
+		<h2>Payment Methods</h2>
+		<div id="payment_gateways_options-description">
+			<p>
+				Installed payment methods are listed below and can be sorted to
+				control their display order on the frontend.
+			</p>
+		</div>
+	</>
+);
+
 export const PaymentsBannerWrapper = () => {
 	const {
 		installedPaymentGateways,
@@ -172,6 +184,7 @@ export const PaymentsBannerWrapper = () => {
 		) {
 			return <WcPayBanner />;
 		}
+		return <DefaultPaymentMethodsHeaderText />;
 	}
-	return null;
+	return <DefaultPaymentMethodsHeaderText />;
 };

From d94bc5e78ac8c7c1a62cbc99b63342d136b30012 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alex=20L=C3=B3pez?= <alex.lopez@automattic.com>
Date: Thu, 21 Apr 2022 09:33:45 +0200
Subject: [PATCH 077/327] Fixed e2e-utils eslint config so that it depends on
 the package config file only.

---
 packages/js/e2e-utils/.eslintrc.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/js/e2e-utils/.eslintrc.js b/packages/js/e2e-utils/.eslintrc.js
index 75d467c88d1..fcf93fdd047 100644
--- a/packages/js/e2e-utils/.eslintrc.js
+++ b/packages/js/e2e-utils/.eslintrc.js
@@ -1,4 +1,5 @@
 module.exports = {
+	root: true,
 	parser: '@typescript-eslint/parser',
 	env: {
 		'jest/globals': true,

From ad57fcf89a3c1648f8754b7bae2dbca8a8579425 Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Wed, 20 Apr 2022 16:28:06 +0200
Subject: [PATCH 078/327] Remove the post_id column from the orders table.

Note: column is just removed from the schema. No migration is added
to remove the column on existing instances, since the feature is
still in early stages of development.
---
 .../src/Internal/DataStores/Orders/OrdersTableDataStore.php     | 2 --
 1 file changed, 2 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php b/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php
index ed6b2b4a957..f3dd7a3c60e 100644
--- a/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php
+++ b/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php
@@ -201,7 +201,6 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 		$sql = "
 CREATE TABLE $orders_table_name (
 	id bigint(20) unsigned auto_increment,
-	post_id bigint(20) unsigned null,
 	status varchar(20) null,
 	currency varchar(10) null,
 	tax_amount decimal(26,8) null,
@@ -217,7 +216,6 @@ CREATE TABLE $orders_table_name (
 	ip_address varchar(100) null,
 	user_agent text null,
 	PRIMARY KEY (id),
-	KEY post_id (post_id),
 	KEY status (status),
 	KEY date_created (date_created_gmt),
 	KEY customer_id_billing_email (customer_id, billing_email)

From 2301903a31a04294c9866e7072e05b06dfd60270 Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Wed, 20 Apr 2022 16:30:08 +0200
Subject: [PATCH 079/327] Register the new shop_order_placehold post type.

This post type will be used for placeholder entries for orders
that are created in the orders table when orders->posts sync is off
(placeholder entries are created to reserve a proper order id)
---
 .../Orders/CustomOrdersTableController.php    | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php b/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php
index acb13482d9d..336f94746fc 100644
--- a/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php
+++ b/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php
@@ -124,6 +124,13 @@ class CustomOrdersTableController {
 				$this->process_options_updated();
 			}
 		);
+
+		add_action(
+			'woocommerce_after_register_post_type',
+			function() {
+				$this->register_post_type_for_order_placeholders();
+			}
+		);
 	}
 
 	/**
@@ -469,4 +476,35 @@ class CustomOrdersTableController {
 			$this->data_synchronizer->start_synchronizing_pending_orders();
 		}
 	}
+
+	/**
+	 * Handler for the woocommerce_after_register_post_type post,
+	 * registers the post type for placeholder orders.
+	 *
+	 * @return void
+	 */
+	private function register_post_type_for_order_placeholders(): void {
+		wc_register_order_type(
+			DataSynchronizer::PLACEHOLDER_ORDER_POST_TYPE,
+			array(
+				'public'                           => false,
+				'exclude_from_search'              => true,
+				'publicly_queryable'               => false,
+				'show_ui'                          => false,
+				'show_in_menu'                     => false,
+				'show_in_nav_menus'                => false,
+				'show_in_admin_bar'                => false,
+				'show_in_rest'                     => false,
+				'rewrite'                          => false,
+				'query_var'                        => false,
+				'can_export'                       => false,
+				'supports'                         => array(),
+				'capabilities'                     => array(),
+				'exclude_from_order_count'         => true,
+				'exclude_from_order_views'         => true,
+				'exclude_from_order_reports'       => true,
+				'exclude_from_order_sales_reports' => true,
+			)
+		);
+	}
 }

From 72db69f6786602298b1a6770db1b91e29e32fb0b Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Wed, 20 Apr 2022 16:55:46 +0200
Subject: [PATCH 080/327] Adjust the queries for finding out of sync orders.

Change the queries from relying on the now removed orders.post_id
column to relying on the existence of placeholder records
in the posts table.
---
 .../Orders/CustomOrdersTableController.php    |  2 +-
 .../DataStores/Orders/DataSynchronizer.php    | 53 ++++++++++++-------
 2 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php b/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php
index 336f94746fc..3555168314b 100644
--- a/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php
+++ b/plugins/woocommerce/src/Internal/DataStores/Orders/CustomOrdersTableController.php
@@ -21,7 +21,7 @@ class CustomOrdersTableController {
 	/**
 	 * The name of the option for enabling the usage of the custom orders tables
 	 */
-	private const CUSTOM_ORDERS_TABLE_USAGE_ENABLED_OPTION = 'woocommerce_custom_orders_table_enabled';
+	public const CUSTOM_ORDERS_TABLE_USAGE_ENABLED_OPTION = 'woocommerce_custom_orders_table_enabled';
 
 	/**
 	 * The data store object to use.
diff --git a/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php b/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php
index 09bc4bf589c..032901e7dac 100644
--- a/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php
+++ b/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php
@@ -23,6 +23,7 @@ class DataSynchronizer {
 	const PENDING_SYNC_IS_IN_PROGRESS_OPTION         = 'woocommerce_custom_orders_table_pending_sync_in_progress';
 	const ORDERS_SYNC_SCHEDULED_ACTION_CALLBACK      = 'woocommerce_run_orders_sync_callback';
 	const PENDING_SYNCHRONIZATION_FINISHED_ACTION    = 'woocommerce_orders_sync_finished';
+	public const PLACEHOLDER_ORDER_POST_TYPE                = 'shop_order_placehold';
 
 	// Allowed values for $type in get_ids_of_orders_pending_sync method.
 	const ID_TYPE_MISSING_IN_ORDERS_TABLE = 0;
@@ -156,13 +157,18 @@ class DataSynchronizer {
 		$orders_table = $wpdb->prefix . 'wc_orders';
 
 		if ( 'yes' === get_option( CustomOrdersTableController::CUSTOM_ORDERS_TABLE_USAGE_ENABLED_OPTION ) ) {
-			$missing_orders_count_sql = "SELECT COUNT(1) FROM $orders_table WHERE post_id IS NULL";
+			$missing_orders_count_sql = "
+SELECT COUNT(1) FROM $wpdb->posts posts
+INNER JOIN $orders_table orders ON posts.id=orders.id
+WHERE posts.post_type = '" . self::PLACEHOLDER_ORDER_POST_TYPE . "'";
 		} else {
 			$missing_orders_count_sql = "
-SELECT COUNT( posts.ID ) FROM $wpdb->posts posts
-LEFT JOIN $orders_table orders ON posts.ID = orders.post_id
-WHERE posts.post_type='shop_order' AND orders.post_id IS NULL
-AND posts.post_status != 'auto-draft'";
+SELECT COUNT(1) FROM $wpdb->posts posts
+LEFT JOIN $orders_table orders ON posts.id=orders.id
+WHERE
+  posts.post_type = 'shop_order'
+  AND posts.post_status != 'auto-draft'
+  AND orders.id IS NULL";
 		}
 
 		$sql = "
@@ -170,14 +176,16 @@ SELECT(
 	($missing_orders_count_sql)
 	+
 	(SELECT COUNT(1) FROM (
-		SELECT orders.post_id FROM $orders_table orders
-		JOIN $wpdb->posts posts on posts.ID = orders.post_id
-		WHERE orders.date_updated_gmt != posts.post_modified_gmt
+		SELECT orders.id FROM $orders_table orders
+		JOIN $wpdb->posts posts on posts.ID = orders.id
+		WHERE
+		  posts.post_type = 'shop_order'
+		  AND orders.date_updated_gmt != posts.post_modified_gmt
 	) x)
 ) count";
 
 		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared
-		return (int) $wpdb->get_var( $wpdb->prepare( $sql ) );
+		return (int) $wpdb->get_var( $sql );
 	}
 
 	/**
@@ -185,13 +193,13 @@ SELECT(
 	 *
 	 * Valid values for $type are:
 	 *
-	 * ID_TYPE_MISSING_IN_ORDERS_TABLE: orders that exist in posts table but not in orders table. Returns post ids.
-	 * ID_TYPE_MISSING_IN_POSTS_TABLE: orders that exist in orders table but not in posts table. Returns ids from orders table.
-	 * ID_TYPE_DIFFERENT_UPDATE_DATE: orders that exist in both tables but have different last update dates. Returns ids from orders table.
+	 * ID_TYPE_MISSING_IN_ORDERS_TABLE: orders that exist in posts table but not in orders table.
+	 * ID_TYPE_MISSING_IN_POSTS_TABLE: orders that exist in orders table but not in posts table (the corresponding post entries are placeholders).
+	 * ID_TYPE_DIFFERENT_UPDATE_DATE: orders that exist in both tables but have different last update dates.
 	 *
 	 * @param int $type One of ID_TYPE_MISSING_IN_ORDERS_TABLE, ID_TYPE_MISSING_IN_POSTS_TABLE, ID_TYPE_DIFFERENT_UPDATE_DATE.
 	 * @param int $limit Maximum number of ids to return.
-	 * @return array An array of order or post ids.
+	 * @return array An array of order ids.
 	 * @throws \Exception Invalid parameter.
 	 */
 	private function get_ids_of_orders_pending_sync( int $type, int $limit ) {
@@ -207,18 +215,25 @@ SELECT(
 			case self::ID_TYPE_MISSING_IN_ORDERS_TABLE:
 				$sql = "
 SELECT posts.ID FROM $wpdb->posts posts
-LEFT JOIN $orders_table orders ON posts.ID = orders.post_id
-WHERE posts.post_type='shop_order' AND orders.post_id IS NULL
-AND posts.post_status != 'auto-draft'";
+LEFT JOIN $orders_table orders ON posts.ID = orders.id
+WHERE
+  posts.post_type='shop_order'
+  AND posts.post_status != 'auto-draft'
+  AND orders.id IS NULL";
 				break;
 			case self::ID_TYPE_MISSING_IN_POSTS_TABLE:
-				$sql = "SELECT id FROM $orders_table WHERE post_id IS NULL";
+				$sql = "
+SELECT posts.ID FROM $wpdb->posts posts
+INNER JOIN $orders_table orders ON posts.id=orders.id
+WHERE posts.post_type = '" . self::PLACEHOLDER_ORDER_POST_TYPE . "'";
 				break;
 			case self::ID_TYPE_DIFFERENT_UPDATE_DATE:
 				$sql = "
 SELECT orders.id FROM $orders_table orders
-JOIN $wpdb->posts posts on posts.ID = orders.post_id
-WHERE orders.date_updated_gmt != posts.post_modified_gmt";
+JOIN $wpdb->posts posts on posts.ID = orders.id
+WHERE
+  posts.post_type = 'shop_order'
+  AND orders.date_updated_gmt != posts.post_modified_gmt";
 				break;
 			default:
 				throw new \Exception( 'Invalid $type, must be one of the ID_TYPE_... constants.' );

From 87172da204a595a0ee345a18753a0c60f028c704 Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Wed, 20 Apr 2022 16:58:00 +0200
Subject: [PATCH 081/327] Add visibility modifiers to constants in
 DataSyncrhonizer.

---
 .../DataStores/Orders/DataSynchronizer.php     | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php b/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php
index 032901e7dac..4fd930e7139 100644
--- a/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php
+++ b/plugins/woocommerce/src/Internal/DataStores/Orders/DataSynchronizer.php
@@ -17,18 +17,18 @@ defined( 'ABSPATH' ) || exit;
  */
 class DataSynchronizer {
 
-	const ORDERS_DATA_SYNC_ENABLED_OPTION            = 'woocommerce_custom_orders_table_data_sync_enabled';
-	const INITIAL_ORDERS_PENDING_SYNC_COUNT_OPTION   = 'woocommerce_initial_orders_pending_sync_count';
-	const AUTO_FLIP_AUTHORITATIVE_TABLE_ROLES_OPTION = 'woocommerce_auto_flip_authoritative_table_roles';
-	const PENDING_SYNC_IS_IN_PROGRESS_OPTION         = 'woocommerce_custom_orders_table_pending_sync_in_progress';
-	const ORDERS_SYNC_SCHEDULED_ACTION_CALLBACK      = 'woocommerce_run_orders_sync_callback';
-	const PENDING_SYNCHRONIZATION_FINISHED_ACTION    = 'woocommerce_orders_sync_finished';
+	public const ORDERS_DATA_SYNC_ENABLED_OPTION            = 'woocommerce_custom_orders_table_data_sync_enabled';
+	private const INITIAL_ORDERS_PENDING_SYNC_COUNT_OPTION  = 'woocommerce_initial_orders_pending_sync_count';
+	public const AUTO_FLIP_AUTHORITATIVE_TABLE_ROLES_OPTION = 'woocommerce_auto_flip_authoritative_table_roles';
+	private const PENDING_SYNC_IS_IN_PROGRESS_OPTION        = 'woocommerce_custom_orders_table_pending_sync_in_progress';
+	private const ORDERS_SYNC_SCHEDULED_ACTION_CALLBACK     = 'woocommerce_run_orders_sync_callback';
+	public const PENDING_SYNCHRONIZATION_FINISHED_ACTION    = 'woocommerce_orders_sync_finished';
 	public const PLACEHOLDER_ORDER_POST_TYPE                = 'shop_order_placehold';
 
 	// Allowed values for $type in get_ids_of_orders_pending_sync method.
-	const ID_TYPE_MISSING_IN_ORDERS_TABLE = 0;
-	const ID_TYPE_MISSING_IN_POSTS_TABLE  = 1;
-	const ID_TYPE_DIFFERENT_UPDATE_DATE   = 2;
+	public const ID_TYPE_MISSING_IN_ORDERS_TABLE = 0;
+	public const ID_TYPE_MISSING_IN_POSTS_TABLE  = 1;
+	public const ID_TYPE_DIFFERENT_UPDATE_DATE   = 2;
 
 	// TODO: Remove the usage of the fake pending orders count once development of the feature is complete.
 	const FAKE_ORDERS_PENDING_SYNC_COUNT_OPTION = 'woocommerce_fake_orders_pending_sync_count';

From 0fffa6cba9d31705ca7283d46eb4d0b472a722c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alex=20L=C3=B3pez?= <alex.lopez@automattic.com>
Date: Thu, 21 Apr 2022 09:49:07 +0200
Subject: [PATCH 082/327] Disabled eslint task for staged files in e2e-utils
 until lint issues are addressed.

---
 packages/js/e2e-utils/package.json | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/js/e2e-utils/package.json b/packages/js/e2e-utils/package.json
index ea70d42e7c3..2e0d9763070 100644
--- a/packages/js/e2e-utils/package.json
+++ b/packages/js/e2e-utils/package.json
@@ -46,10 +46,5 @@
     "build": "pnpm run clean && pnpm run compile",
     "prepare": "pnpm run build",
     "lint": "eslint src"
-  },
-  "lint-staged": {
-	"*.(t|j)s?(x)": [
-		"eslint --fix"
-	]
   }
 }

From a16a4deee70a200e0168b7064cea11be22c97b34 Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Thu, 21 Apr 2022 10:24:15 +0200
Subject: [PATCH 083/327] Temporarily skip all the tests in
 WPPostToCOTMigratorTest

These tests fail because the code that migrates orders is still
not adapted to the removal of the post_id column in the orders table.
---
 .../Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php  | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index e9e9c2e1034..9f2063077fd 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -34,6 +34,11 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 	 * Setup data_store and sut.
 	 */
 	public function setUp(): void {
+
+		// TODO: Remove this once the migrations have been adapted to the removal of the post_id column.
+		$this->markTestSkipped( 'Temporarily skipping until the migrations have been adapted to the removal of the post_id column.' );
+		return;
+
 		parent::setUp();
 		$this->create_order_custom_table_if_not_exist();
 		$this->data_store = wc_get_container()->get( OrdersTableDataStore::class );

From 137ccbe7d1565b02ae6c14915820116f2e17274e Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Thu, 21 Apr 2022 10:42:49 +0200
Subject: [PATCH 084/327] Add changelog file

---
 .../woocommerce/changelog/remove-post_id-from-orders-table    | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/remove-post_id-from-orders-table

diff --git a/plugins/woocommerce/changelog/remove-post_id-from-orders-table b/plugins/woocommerce/changelog/remove-post_id-from-orders-table
new file mode 100644
index 00000000000..f3c4ee19ab2
--- /dev/null
+++ b/plugins/woocommerce/changelog/remove-post_id-from-orders-table
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Remove the post_id column from the orders table, and adjust the SQL queries that count/get out of sync orders accordingly.

From 4c243ddbc5f9e899013e835786486835b8d11bef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alex=20L=C3=B3pez?= <alex.lopez@automattic.com>
Date: Thu, 21 Apr 2022 12:26:37 +0200
Subject: [PATCH 085/327] Updated e2e-utils changelog.

---
 packages/js/e2e-utils/CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/js/e2e-utils/CHANGELOG.md b/packages/js/e2e-utils/CHANGELOG.md
index ba1454ea212..fe86f80c6c1 100644
--- a/packages/js/e2e-utils/CHANGELOG.md
+++ b/packages/js/e2e-utils/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Unreleased
 
+## Fixed
+
+- Added the `root: true` flag to `e2e-utils` ESLint config file so that ESLint ignores other ancestor config files when checking that package. This solves a version conflict when running ESLint.
+
 ## Added
 
 - `createSimpleDownloadableProduct` component which creates a simple downloadable product, containing four parameters for title, price, download name and download limit.

From fd0d3e05ddb3763742e0a3d58e20a42c0707e482 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Thu, 21 Apr 2022 16:37:13 +0530
Subject: [PATCH 086/327] Applied PR feedback.

---
 .../rest-api/Helpers/OrderHelper.php          | 29 ++++++++++---------
 .../Orders/OrdersTableDataStoreTests.php      |  9 ------
 2 files changed, 16 insertions(+), 22 deletions(-)
 delete mode 100644 plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
index 70c652b9a69..5d88a610ecf 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Helpers/OrderHelper.php
@@ -1,12 +1,15 @@
-<?php
+<?php // phpcs:ignore
 /**
  * Orders helper.
+ *
+ * @package Automattic\WooCommerce\RestApi\UnitTests\Helpers
  */
 
 namespace Automattic\WooCommerce\RestApi\UnitTests\Helpers;
 
 defined( 'ABSPATH' ) || exit;
 
+use Automattic\WooCommerce\Internal\DataStores\Orders\CustomOrdersTableController;
 use Automattic\WooCommerce\Internal\DataStores\Orders\DataSynchronizer;
 use WC_Mock_Payment_Gateway;
 use \WC_Tax;
@@ -47,10 +50,10 @@ class OrderHelper {
 	 * @since   2.4
 	 * @version 3.0 New parameter $product.
 	 *
-	 * @param int        $customer_id
-	 * @param WC_Product $product
+	 * @param int        $customer_id Customer ID.
+	 * @param WC_Product $product     Product object.
 	 *
-	 * @return WC_Order
+	 * @return WC_Order WC_Order object.
 	 */
 	public static function create_order( $customer_id = 1, $product = null ) {
 
@@ -67,10 +70,10 @@ class OrderHelper {
 			'total'         => '',
 		);
 
-		$_SERVER['REMOTE_ADDR'] = '127.0.0.1'; // Required, else wc_create_order throws an exception
+		$_SERVER['REMOTE_ADDR'] = '127.0.0.1'; // Required, else wc_create_order throws an exception.
 		$order                  = wc_create_order( $order_data );
 
-		// Add order products
+		// Add order products.
 		$item = new WC_Order_Item_Product();
 		$item->set_props(
 			array(
@@ -83,7 +86,7 @@ class OrderHelper {
 		$item->save();
 		$order->add_item( $item );
 
-		// Set billing address
+		// Set billing address.
 		$order->set_billing_first_name( 'Jeroen' );
 		$order->set_billing_last_name( 'Sormani' );
 		$order->set_billing_company( 'WooCompany' );
@@ -96,7 +99,7 @@ class OrderHelper {
 		$order->set_billing_email( 'admin@example.org' );
 		$order->set_billing_phone( '555-32123' );
 
-		// Add shipping costs
+		// Add shipping costs.
 		$shipping_taxes = WC_Tax::calc_shipping_tax( '10', WC_Tax::get_shipping_tax_rates() );
 		$rate           = new WC_Shipping_Rate( 'flat_rate_shipping', 'Flat rate shipping', '10', $shipping_taxes, 'flat_rate' );
 		$item           = new WC_Order_Item_Shipping();
@@ -113,17 +116,17 @@ class OrderHelper {
 		}
 		$order->add_item( $item );
 
-		// Set payment gateway
+		// Set payment gateway.
 		$payment_gateways = WC()->payment_gateways->payment_gateways();
 		$order->set_payment_method( $payment_gateways['bacs'] );
 
-		// Set totals
+		// Set totals.
 		$order->set_shipping_total( 10 );
 		$order->set_discount_total( 0 );
 		$order->set_discount_tax( 0 );
 		$order->set_cart_tax( 0 );
 		$order->set_shipping_tax( 0 );
-		$order->set_total( 50 ); // 4 x $10 simple helper product
+		$order->set_total( 50 ); // 4 x $10 simple helper product.
 		$order->save();
 
 		return $order;
@@ -134,7 +137,7 @@ class OrderHelper {
 	 */
 	public static function create_order_custom_table_if_not_exist() {
 		$order_table_controller = wc_get_container()
-			->get( 'Automattic\WooCommerce\Internal\DataStores\Orders\CustomOrdersTableController' );
+			->get( CustomOrdersTableController::class );
 		$order_table_controller->show_feature();
 		$synchronizer = wc_get_container()
 			->get( DataSynchronizer::class );
@@ -166,7 +169,7 @@ class OrderHelper {
 
 		ShippingHelper::create_simple_flat_rate();
 
-		$order = OrderHelper::create_order();
+		$order = self::create_order();
 		// Make sure this is a wp_post order.
 		$post = get_post( $order->get_id() );
 		assert( isset( $post ) );
diff --git a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
deleted file mode 100644
index 595f93d38f9..00000000000
--- a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<?php
-
-class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
-
-	public function test_read_from_migrated_order() {
-
-	}
-
-}

From 74b7f111eddfdb479f973d5b03c8accc83301b4e Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Thu, 21 Apr 2022 16:20:48 +0200
Subject: [PATCH 087/327] Fix indentation in one line of
 WC_Countries::get_country_locale

---
 plugins/woocommerce/includes/class-wc-countries.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-countries.php b/plugins/woocommerce/includes/class-wc-countries.php
index 58bc5e6e335..1089753c623 100644
--- a/plugins/woocommerce/includes/class-wc-countries.php
+++ b/plugins/woocommerce/includes/class-wc-countries.php
@@ -996,7 +996,7 @@ class WC_Countries {
 							'label' => __( 'Province', 'woocommerce' ),
 						),
 					),
-          'EC' => array(
+					'EC' => array(
 						'state'    => array(
 							'label' => __( 'Province', 'woocommerce' ),
 						),

From 1ad61780fe7a0607136357d9bd2ce1d6a75afd3b Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 21 Apr 2022 09:35:01 -0700
Subject: [PATCH 088/327] Adding support for actionUrl to sectioned task list

---
 .../two-column-tasks/sectioned-task-list.tsx  | 23 +++++++++++++------
 .../client/two-column-tasks/task-list.tsx     |  2 +-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
index 2703c84d0cf..f830cb6e5cd 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
@@ -5,7 +5,11 @@ import { __ } from '@wordpress/i18n';
 import { useEffect, useRef, useState } from '@wordpress/element';
 import { Panel, PanelBody, PanelRow } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { updateQueryString } from '@woocommerce/navigation';
+import {
+	updateQueryString,
+	getHistory,
+	getNewPath,
+} from '@woocommerce/navigation';
 import {
 	OPTIONS_STORE_NAME,
 	ONBOARDING_STORE_NAME,
@@ -127,13 +131,18 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 		} );
 	};
 
-	const goToTask = ( task: TaskType ) => {
-		trackClick( task );
-		updateQueryString( { task: task.id } );
-	};
-
 	const onTaskSelected = ( task: TaskType ) => {
-		goToTask( task );
+		trackClick( task );
+		if ( task.actionUrl ) {
+			if ( task.actionUrl.startsWith( 'http' ) ) {
+				window.location.href = task.actionUrl;
+			} else {
+				getHistory().push( getNewPath( {}, task.actionUrl, {} ) );
+			}
+			return;
+		}
+
+		updateQueryString( { task: task.id } );
 	};
 
 	const getSectionTasks = ( sectionTaskIds: string[] ) => {
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
index 9f9c4f468e2..53dcd0d34a8 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
@@ -202,7 +202,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 		}
 		if ( task.actionUrl ) {
 			if ( task.actionUrl.startsWith( 'http' ) ) {
-				window.location.href = actionUrl;
+				window.location.href = task.actionUrl;
 			} else {
 				getHistory().push( getNewPath( {}, task.actionUrl, {} ) );
 			}

From 24c55d628441c1595ae2460228db66046d15520f Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 21 Apr 2022 09:39:21 -0700
Subject: [PATCH 089/327] Adding changelog

---
 plugins/woocommerce/changelog/fix-32705 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32705

diff --git a/plugins/woocommerce/changelog/fix-32705 b/plugins/woocommerce/changelog/fix-32705
new file mode 100644
index 00000000000..d3025548d9e
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32705
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fixing bug on sectioned task list for tasks with actionUrl property

From bd23093c42df005559b24930afc6e52ea7244d3d Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Thu, 21 Apr 2022 09:45:12 -0700
Subject: [PATCH 090/327] Refactor caching for workflows

---
 .github/workflows/pr-build-and-e2e-tests.yml | 85 ++++++++++++--------
 .github/workflows/pr-code-coverage.yml       | 36 ++++-----
 .github/workflows/pr-code-sniff.yml          | 37 +++++----
 .github/workflows/pr-lint-test-js.yml        | 24 ++++--
 .github/workflows/pr-unit-tests.yml          | 40 +++++----
 5 files changed, 130 insertions(+), 92 deletions(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 328549ec59a..155db6abc73 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -1,17 +1,16 @@
 name: Build zip for PR
 on: pull_request
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
     build:
         name: Build zip for PR
         runs-on: ubuntu-latest
         steps:
-            - name: Cancel Previous Runs
-              uses: styfle/cancel-workflow-action@0.7.0
-              with:
-                  access_token: ${{ github.token }}
-
             - name: Checkout code
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
 
             - name: Build
               id: build
@@ -20,7 +19,7 @@ jobs:
                   BUILD_ENV: e2e
 
             - name: Upload PR zip
-              uses: actions/upload-artifact@v2
+              uses: actions/upload-artifact@v3
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
               with:
@@ -38,10 +37,9 @@ jobs:
                   mkdir -p code/woocommerce
                   mkdir -p package/woocommerce
                   mkdir -p tmp/woocommerce
-                  mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
 
@@ -49,7 +47,7 @@ jobs:
               run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
             - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v2
+              uses: actions/download-artifact@v3
               with:
                   name: woocommerce
                   path: tmp
@@ -60,15 +58,23 @@ jobs:
                   unzip woocommerce.zip -d woocommerce
                   mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
+            - name: Cache modules
+              uses: actions/cache@v3
+              with:
+                path: |
+                  ~/.pnpm-store
+                key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+            - name: Install PNPM
+              run: npm install -g pnpm
+
             - name: Install dependencies
               working-directory: package/woocommerce
-              run: |
-                  npm install -g pnpm
-                  pnpm install
+              run: pnpm install
 
             - name: Load docker images and start containers.
               working-directory: package/woocommerce/plugins/woocommerce
-              run: pnpx wc-e2e docker:up
+              run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
               working-directory: package/woocommerce/plugins/woocommerce
@@ -76,10 +82,10 @@ jobs:
                   WC_E2E_SCREENSHOTS: 1
                   E2E_SLACK_TOKEN: ${{ secrets.E2E_SLACK_TOKEN }}
                   E2E_SLACK_CHANNEL: ${{ secrets.E2E_SLACK_CHANNEL }}
-              run: pnpx wc-e2e test:e2e
+              run: pnpm exec wc-e2e test:e2e
 
             - name: Archive E2E test screenshots
-              uses: actions/upload-artifact@v2
+              uses: actions/upload-artifact@v3
               if: always()
               with:
                   name: E2E Screenshots
@@ -97,10 +103,9 @@ jobs:
                   mkdir -p code/woocommerce
                   mkdir -p package/woocommerce
                   mkdir -p tmp/woocommerce
-                  mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
 
@@ -108,7 +113,7 @@ jobs:
               run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
             - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v2
+              uses: actions/download-artifact@v3
               with:
                   name: woocommerce
                   path: tmp
@@ -119,15 +124,23 @@ jobs:
                   unzip woocommerce.zip -d woocommerce
                   mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
+            - name: Cache modules
+              uses: actions/cache@v3
+              with:
+                path: |
+                  ~/.pnpm-store
+                key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+            - name: Install PNPM
+              run: npm install -g pnpm
+
             - name: Install dependencies
               working-directory: package/woocommerce
-              run: |
-                  npm install -g pnpm
-                  pnpm install
+              run: pnpm install
 
             - name: Load docker images and start containers.
               working-directory: package/woocommerce/plugins/woocommerce
-              run: pnpx wc-e2e docker:up
+              run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
               working-directory: package/woocommerce/plugins/woocommerce
@@ -135,10 +148,10 @@ jobs:
                   BASE_URL: http://localhost:8084
                   USER_KEY: admin
                   USER_SECRET: password
-              run: pnpx wc-api-tests test api
+              run: pnpm exec wc-api-tests test api
 
             - name: Upload API test report
-              uses: actions/upload-artifact@v2
+              uses: actions/upload-artifact@v3
               with:
                   name: api-test-report---pr-${{ github.event.number }}
                   path: |
@@ -156,9 +169,9 @@ jobs:
                   mkdir -p code/woocommerce
                   mkdir -p package/woocommerce
                   mkdir -p tmp/woocommerce
-                  mkdir -p node_modules
+
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
 
@@ -166,7 +179,7 @@ jobs:
               run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
             - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v2
+              uses: actions/download-artifact@v3
               with:
                   name: woocommerce
                   path: tmp
@@ -177,11 +190,19 @@ jobs:
                   unzip woocommerce.zip -d woocommerce
                   mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
+            - name: Cache modules
+              uses: actions/cache@v3
+              with:
+                path: |
+                  ~/.pnpm-store
+                key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+            - name: Install PNPM
+              run: npm install -g pnpm
+
             - name: Install dependencies
               working-directory: package/woocommerce
-              run: |
-                  npm install -g pnpm
-                  pnpm install
+              run: pnpm install
             
             - name: Workaround to use initialization file with prepopulated data.
               working-directory: package/woocommerce/plugins/woocommerce/tests/e2e/docker
@@ -190,7 +211,7 @@ jobs:
             
             - name: Load docker images and start containers.
               working-directory: package/woocommerce/plugins/woocommerce
-              run: pnpx wc-e2e docker:up
+              run: pnpm exec wc-e2e docker:up
 
             - name: Install k6
               run: |
diff --git a/.github/workflows/pr-code-coverage.yml b/.github/workflows/pr-code-coverage.yml
index c32ef4a016a..a4c068e56f7 100644
--- a/.github/workflows/pr-code-coverage.yml
+++ b/.github/workflows/pr-code-coverage.yml
@@ -4,7 +4,9 @@ on:
 defaults:
   run:
     shell: bash
-    working-directory: plugins/woocommerce
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 jobs:
   test:
     name: Code coverage (PHP 7.4, WP Latest)
@@ -19,13 +21,8 @@ jobs:
           - 3306:3306
         options: --health-cmd="mysqladmin ping" --health-interval=10s --health-timeout=5s --health-retries=5
     steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.7.0
-        with:
-            access_token: ${{ github.token }}
-
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           fetch-depth: 100
 
@@ -42,24 +39,27 @@ jobs:
           php --version
           composer --version
 
-      - name: Get cached composer directories
-        uses: actions/cache@v2
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
         with:
           path: |
-            ./packages
-            ./vendor
-          key: ${{ runner.os }}-${{ hashFiles('./composer.lock') }}
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
-      - name: Install PNPM and install dependencies
-        run: |
-            npm install -g pnpm
-            pnpm install
+      - name: Install PNPM
+        run: npm install -g pnpm
 
-      - name: Setup and install composer
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Composer dependencies
+        if: steps.cache-deps.outputs.cache-hit != 'true'
         run: pnpm nx composer-install woocommerce
         
       - name: Build Admin feature config
-        working-directory: ./
         run: |
           pnpm nx build:feature-config woocommerce
 
diff --git a/.github/workflows/pr-code-sniff.yml b/.github/workflows/pr-code-sniff.yml
index 895bf331f13..54213a6f277 100644
--- a/.github/workflows/pr-code-sniff.yml
+++ b/.github/workflows/pr-code-sniff.yml
@@ -4,20 +4,17 @@ on:
 defaults:
   run:
     shell: bash
-    working-directory: plugins/woocommerce
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 jobs:
   test:
     name: Code sniff (PHP 7.4, WP Latest)
     timeout-minutes: 15
     runs-on: ubuntu-latest
     steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.7.0
-        with:
-            access_token: ${{ github.token }}
-
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           fetch-depth: 100
 
@@ -32,25 +29,31 @@ jobs:
           php --version
           composer --version
 
-      - name: Get cached composer directories
-        uses: actions/cache@v2
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
         with:
           path: |
-            ./packages
-            ./vendor
-          key: ${{ runner.os }}-${{ hashFiles('./composer.lock') }}
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
-      - name: Install PNPM and install dependencies
-        run: |
-            npm install -g pnpm
-            pnpm install
+      - name: Install PNPM
+        run: npm install -g pnpm
 
-      - name: Setup and install composer
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Composer dependencies
+        if: steps.cache-deps.outputs.cache-hit != 'true'
         run: pnpm nx composer-install woocommerce
 
       - name: Run code sniff
         continue-on-error: true
+        working-directory: plugins/woocommerce
         run: ./tests/bin/phpcs.sh "${{ github.event.pull_request.base.sha }}" "${{ github.event.after }}"
       
       - name: Show PHPCS results in PR
+        working-directory: plugins/woocommerce
         run: cs2pr ./phpcs-report.xml
diff --git a/.github/workflows/pr-lint-test-js.yml b/.github/workflows/pr-lint-test-js.yml
index d076ecf69c5..c2e6c1518d7 100644
--- a/.github/workflows/pr-lint-test-js.yml
+++ b/.github/workflows/pr-lint-test-js.yml
@@ -6,26 +6,34 @@ on:
       - 'packages/js/**/**'
       - 'plugins/woocommerce-admin/client/**'
       - '!**.md'
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 
 jobs:
   lint-test-js:
     name: Lint and Test JS
     runs-on: ubuntu-18.04
     steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.7.0
-        with:
-            access_token: ${{ github.token }}
-      
       - name: Check out repository code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       
       - uses: actions/setup-node@v2
         with:
           node-version: '16'
       
-      - name: Install PNPM and install dependencies
-        run: npm install -g pnpm && pnpm install
+      - name: Cache modules
+        uses: actions/cache@v3
+        with:
+          path: |
+            ~/.pnpm-store
+          key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+      - name: Install PNPM
+        run: npm install -g pnpm
+
+      - name: Install dependencies
+        run: pnpm install
 
       - name: Lint
         run: |
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 9dcaedf3ee4..0af70f61310 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -4,7 +4,10 @@ on:
 defaults:
   run:
     shell: bash
-    working-directory: plugins/woocommerce
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
   test:
     name: PHP ${{ matrix.php }} WP ${{ matrix.wp }}
@@ -32,11 +35,6 @@ jobs:
           - 3306:3306
         options: --health-cmd="mysqladmin ping" --health-interval=10s --health-timeout=5s --health-retries=5
     steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.7.0
-        with:
-            access_token: ${{ github.token }}
-
       - name: Checkout code
         uses: actions/checkout@v2
 
@@ -53,21 +51,27 @@ jobs:
           php --version
           composer --version
 
-      - name: Get cached composer directories
-        uses: actions/cache@v2
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
         with:
           path: |
-            ./packages
-            ./vendor
-          key: ${{ runner.os }}-${{ hashFiles('./composer.lock') }}
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+
+      - name: Install PNPM
+        run: npm install -g pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Composer dependencies
+        if: steps.cache-deps.outputs.cache-hit != 'true'
+        run: pnpm nx composer-install woocommerce
 
-      - name: Install PNPM and install dependencies
-        run: |
-            npm install -g pnpm
-            pnpm install
-            pnpm nx composer-install woocommerce
       - name: Build Admin feature config
-        working-directory: ./
         run: |
           pnpm nx build:feature-config woocommerce
 
@@ -76,6 +80,7 @@ jobs:
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
              curl -L https://github.com/woocommerce/phpunit/archive/add-compatibility-with-php8-to-phpunit-7.zip -o /tmp/phpunit-7.5-fork.zip
              unzip -d /tmp/phpunit-7.5-fork /tmp/phpunit-7.5-fork.zip
+             cd plugins/woocommerce
              composer bin phpunit config --unset platform
              composer bin phpunit config repositories.0 '{"type": "path", "url": "/tmp/phpunit-7.5-fork/phpunit-add-compatibility-with-php8-to-phpunit-7", "options": {"symlink": false}}'
              composer bin phpunit require --dev -W phpunit/phpunit:@dev --ignore-platform-reqs
@@ -84,6 +89,7 @@ jobs:
            fi
 
       - name: Init DB and WP
+        working-directory: plugins/woocommerce
         run: ./tests/bin/install.sh woo_test root root 127.0.0.1 ${{ matrix.wp }}
 
       - name: Run tests

From c8d9be5baed66eea3b547315a1d9f9fe92b02fa6 Mon Sep 17 00:00:00 2001
From: Claudio Sanches <contato@claudiosanches.com>
Date: Thu, 21 Apr 2022 13:52:32 -0300
Subject: [PATCH 091/327] Prepare trunk for 6.6

---
 plugins/woocommerce/includes/class-woocommerce.php | 2 +-
 plugins/woocommerce/package.json                   | 2 +-
 plugins/woocommerce/woocommerce.php                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/includes/class-woocommerce.php b/plugins/woocommerce/includes/class-woocommerce.php
index 92a51a6bf57..00bdccc6ba8 100644
--- a/plugins/woocommerce/includes/class-woocommerce.php
+++ b/plugins/woocommerce/includes/class-woocommerce.php
@@ -29,7 +29,7 @@ final class WooCommerce {
 	 *
 	 * @var string
 	 */
-	public $version = '6.5.0';
+	public $version = '6.6.0';
 
 	/**
 	 * WooCommerce Schema version.
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index ac076b7e508..b61f388c5e8 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -1,7 +1,7 @@
 {
   "name": "woocommerce",
   "title": "WooCommerce",
-  "version": "6.5.0",
+  "version": "6.6.0",
   "homepage": "https://woocommerce.com/",
   "repository": {
     "type": "git",
diff --git a/plugins/woocommerce/woocommerce.php b/plugins/woocommerce/woocommerce.php
index e80a3779ba3..11d86f2721f 100644
--- a/plugins/woocommerce/woocommerce.php
+++ b/plugins/woocommerce/woocommerce.php
@@ -3,7 +3,7 @@
  * Plugin Name: WooCommerce
  * Plugin URI: https://woocommerce.com/
  * Description: An eCommerce toolkit that helps you sell anything. Beautifully.
- * Version: 6.5.0-dev
+ * Version: 6.6.0-dev
  * Author: Automattic
  * Author URI: https://woocommerce.com
  * Text Domain: woocommerce

From 6e5d61da0b4ee5095d8b1c9356b7541b113cd904 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Thu, 21 Apr 2022 11:29:53 -0700
Subject: [PATCH 092/327] Test pr smoke test workflow

---
 .github/workflows/build-release-zip-file.yml |  2 +-
 .github/workflows/build-release.yml          |  2 +-
 .github/workflows/ci.yml                     | 33 ++++++++------
 .github/workflows/mirrors.yml                |  2 +-
 .github/workflows/nightly-builds.yml         |  2 +-
 .github/workflows/pr-project-label.yml       |  8 ++--
 .github/workflows/pr-smoke-test.yml          | 47 +++++++++++++-------
 .github/workflows/pr-unit-tests.yml          |  2 +-
 8 files changed, 59 insertions(+), 39 deletions(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index 8c1a61a3dce..4d221f45cb0 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -12,7 +12,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           ref: ${{ github.event.inputs.ref || github.ref }}
       - name: Build the zip file
diff --git a/.github/workflows/build-release.yml b/.github/workflows/build-release.yml
index 13ac20297bb..356ae9da4ce 100644
--- a/.github/workflows/build-release.yml
+++ b/.github/workflows/build-release.yml
@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Build
         id: build
         uses: woocommerce/action-build@trunk
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ac8ab5115ce..5c5ddb4a4e2 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -7,7 +7,9 @@ on:
 defaults:
   run:
     shell: bash
-    working-directory: plugins/woocommerce
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 jobs:
   test:
     name: PHP ${{ matrix.php }} WP ${{ matrix.wp }}
@@ -36,7 +38,7 @@ jobs:
         options: --health-cmd="mysqladmin ping" --health-interval=10s --health-timeout=5s --health-retries=5
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Setup PHP
         uses: shivammathur/setup-php@v2
@@ -51,24 +53,27 @@ jobs:
           php --version
           composer --version
 
-      - name: Get cached composer directories
-        uses: actions/cache@v2
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
         with:
           path: |
-            ./packages
-            ./vendor
-          key: ${{ runner.os }}-${{ hashFiles('./composer.lock') }}
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
-      - name: Install PNPM and install dependencies
-        run: |
-            npm install -g pnpm
-            pnpm install
+      - name: Install PNPM
+        run: npm install -g pnpm
 
-      - name: Setup and install composer
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Composer dependencies
+        if: steps.cache-deps.outputs.cache-hit != 'true'
         run: pnpm nx composer-install woocommerce
 
       - name: Build Admin feature config
-        working-directory: ./
         run: pnpm nx build:feature-config woocommerce
 
       - name: Add PHP8 Compatibility.
@@ -76,6 +81,7 @@ jobs:
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
              curl -L https://github.com/woocommerce/phpunit/archive/add-compatibility-with-php8-to-phpunit-7.zip -o /tmp/phpunit-7.5-fork.zip
              unzip -d /tmp/phpunit-7.5-fork /tmp/phpunit-7.5-fork.zip
+             cd plugins/woocommerce
              composer bin phpunit config --unset platform
              composer bin phpunit config repositories.0 '{"type": "path", "url": "/tmp/phpunit-7.5-fork/phpunit-add-compatibility-with-php8-to-phpunit-7", "options": {"symlink": false}}'
              composer bin phpunit require --dev -W phpunit/phpunit:@dev --ignore-platform-reqs
@@ -84,6 +90,7 @@ jobs:
            fi
 
       - name: Init DB and WP
+        working-directory: plugins/woocommerce
         run: ./tests/bin/install.sh woo_test root root 127.0.0.1 ${{ matrix.wp }}
 
       - name: Run tests
diff --git a/.github/workflows/mirrors.yml b/.github/workflows/mirrors.yml
index 1712b7c39c5..514b14b179f 100644
--- a/.github/workflows/mirrors.yml
+++ b/.github/workflows/mirrors.yml
@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Build
         id: build
         uses: woocommerce/action-build@trunk
diff --git a/.github/workflows/nightly-builds.yml b/.github/workflows/nightly-builds.yml
index e174617c992..126d37523ac 100644
--- a/.github/workflows/nightly-builds.yml
+++ b/.github/workflows/nightly-builds.yml
@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           ref: ${{ matrix.build }}
       - name: Build
diff --git a/.github/workflows/pr-project-label.yml b/.github/workflows/pr-project-label.yml
index 11fc915ff68..cb679c00bc1 100644
--- a/.github/workflows/pr-project-label.yml
+++ b/.github/workflows/pr-project-label.yml
@@ -4,16 +4,14 @@ on:
     types:
       - opened
       - synchronize
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
 
 jobs:
   label_project:
     runs-on: ubuntu-latest
     steps:
-    - name: Cancel Previous Runs
-      uses: styfle/cancel-workflow-action@0.7.0
-      with:
-          access_token: ${{ github.token }}
-
     - uses: actions/labeler@v3
       with:
         repo-token: "${{ secrets.GITHUB_TOKEN }}"
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 933038e8a59..7c50dbbfe39 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -1,40 +1,55 @@
 name: Run smoke tests against pull request.
-on:
-    pull_request:
-        branches:
-            - trunk
-        types:
-            - labeled
+on: pull_request
+    # pull_request:
+    #     branches:
+    #         - trunk
+    #     types:
+    #         - labeled
+concurrency: 
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 jobs:
     prcheck:
         name: Smoke test a pull request.
         if: "${{ contains(github.event.label.name, 'run: smoke tests') }}"
         runs-on: ubuntu-18.04
         steps:
-            - name: Cancel Previous Runs
-              uses: styfle/cancel-workflow-action@0.7.0
-              with:
-                  access_token: ${{ github.token }}
-
             - name: Create dirs.
               run: |
                   mkdir -p code/woocommerce
                   mkdir -p package/woocommerce
                   mkdir -p tmp/woocommerce
-                  mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
 
+            - name: Get cached composer and pnpm directories
+              uses: actions/cache@v3
+              id: cache-deps
+              with:
+                path: |
+                  ~/.pnpm-store
+                  package/woocommerce/plugins/woocommerce/packages
+                  package/woocommerce/plugins/woocommerce/vendor
+                key: ${{ runner.os }}-smoke-test-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+
+            - name: Install PNPM
+              run: npm install -g pnpm
+
+            - name: Install dependencies
+              run: pnpm install
+
+            - name: Install Composer dependencies
+              if: steps.cache-deps.outputs.cache-hit != 'true'
+              run: pnpm nx composer-install-no-dev woocommerce
+
             - name: Install prerequisites.
               working-directory: package/woocommerce/plugins/woocommerce
               id: installation
               run: |
-                  npm install -g pnpm
-                  pnpm install
-                  pnpm nx composer-install-no-dev woocommerce
                   pnpm nx build-assets woocommerce
                   pnpm install jest
 
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 0af70f61310..6b3670e796e 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -85,7 +85,7 @@ jobs:
              composer bin phpunit config repositories.0 '{"type": "path", "url": "/tmp/phpunit-7.5-fork/phpunit-add-compatibility-with-php8-to-phpunit-7", "options": {"symlink": false}}'
              composer bin phpunit require --dev -W phpunit/phpunit:@dev --ignore-platform-reqs
              rm -rf ./vendor/phpunit/
-             composer dump-autoload
+             pnpm nx composer-dump-autoload woocommerce
            fi
 
       - name: Init DB and WP

From 3f4c2060dd0870a018c41106df0188096fdf781a Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Thu, 21 Apr 2022 11:46:30 -0700
Subject: [PATCH 093/327] Clean up and bump versions

---
 .github/workflows/pr-smoke-test.yml      | 12 ++++++------
 .github/workflows/smoke-test-daily.yml   |  8 ++++----
 .github/workflows/smoke-test-release.yml |  4 ++--
 .github/workflows/stalebot.yml           |  2 +-
 .github/workflows/triage-label.yml       |  2 +-
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 7c50dbbfe39..4c6ccaa89c4 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -1,10 +1,10 @@
 name: Run smoke tests against pull request.
-on: pull_request
-    # pull_request:
-    #     branches:
-    #         - trunk
-    #     types:
-    #         - labeled
+on:
+    pull_request:
+        branches:
+            - trunk
+        types:
+            - labeled
 concurrency: 
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index bd6b2fd693e..587228e41d6 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -15,7 +15,7 @@ jobs:
                   mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
                   ref: trunk
@@ -57,7 +57,7 @@ jobs:
         runs-on: ubuntu-latest
         steps:
             - name: Checkout code
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
 
             - name: Build
               id: build
@@ -66,7 +66,7 @@ jobs:
                   BUILD_ENV: e2e
 
             - name: Upload PR zip
-              uses: actions/upload-artifact@v2
+              uses: actions/upload-artifact@v3
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
               with:
@@ -122,7 +122,7 @@ jobs:
               run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
 
             - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v2
+              uses: actions/download-artifact@v3
               with:
                   name: woocommerce
                   path: tmp
diff --git a/.github/workflows/smoke-test-release.yml b/.github/workflows/smoke-test-release.yml
index fafb41b704f..383bb6ebdba 100644
--- a/.github/workflows/smoke-test-release.yml
+++ b/.github/workflows/smoke-test-release.yml
@@ -18,7 +18,7 @@ jobs:
                   mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
                   ref: trunk
@@ -70,7 +70,7 @@ jobs:
                   mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
             - name: Fetch Asset ID
diff --git a/.github/workflows/stalebot.yml b/.github/workflows/stalebot.yml
index 988b490214a..f6bd4bcb592 100644
--- a/.github/workflows/stalebot.yml
+++ b/.github/workflows/stalebot.yml
@@ -12,7 +12,7 @@ jobs:
       - uses: actions/stale@v3
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
-          stale-issue-message: "As a part of this repository’s maintenance, this issue is being marked as stale due to inactivity. Please feel free to comment on it in case we missed something.\n\n###### After 7 days with no activity this issue will be automatically be closed."
+          stale-issue-message: "As a part of this repository's maintenance, this issue is being marked as stale due to inactivity. Please feel free to comment on it in case we missed something.\n\n###### After 7 days with no activity this issue will be automatically be closed."
           close-issue-message: 'This issue was closed because it has been 14 days with no activity.'
           days-before-issue-stale: 7
           days-before-issue-close: 7
diff --git a/.github/workflows/triage-label.yml b/.github/workflows/triage-label.yml
index 88e4d2fa92e..992ccea1258 100644
--- a/.github/workflows/triage-label.yml
+++ b/.github/workflows/triage-label.yml
@@ -8,7 +8,7 @@ jobs:
   add_label:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - uses: actions-ecosystem/action-add-labels@v1
         if: github.event.issue.labels[0] == null
         with:

From 835b1e73a14df7d40d72034e80a5953232c27453 Mon Sep 17 00:00:00 2001
From: Joshua Flowers <joshuatf@gmail.com>
Date: Thu, 21 Apr 2022 12:01:56 -0700
Subject: [PATCH 094/327] Add tracks to task list reminder bar

---
 .../tasks/reminder-bar/reminder-bar.tsx       | 57 ++++++++++++++-----
 1 file changed, 44 insertions(+), 13 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
index ea8ccd4c771..ba8932a46e9 100644
--- a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
+++ b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
@@ -15,6 +15,7 @@ import { close as closeIcon } from '@wordpress/icons';
 import interpolateComponents from '@automattic/interpolate-components';
 import { useEffect } from '@wordpress/element';
 import { getQuery } from '@woocommerce/navigation';
+import { recordEvent } from '@woocommerce/tracks';
 
 /**
  * Internal dependencies
@@ -29,11 +30,19 @@ type ReminderBarProps = {
 
 type ReminderTextProps = {
 	remainingCount: number | null;
+	tracksProps: {
+		completed: number;
+		is_homescreen: boolean;
+		is_active_task_page: boolean;
+	};
 };
 
 const REMINDER_BAR_HIDDEN_OPTION = 'woocommerce_task_list_reminder_bar_hidden';
 
-const ReminderText: React.FC< ReminderTextProps > = ( { remainingCount } ) => {
+const ReminderText: React.FC< ReminderTextProps > = ( {
+	remainingCount,
+	tracksProps,
+} ) => {
 	const translationText =
 		remainingCount === 1
 			? /* translators: 1: remaining tasks count */
@@ -56,6 +65,12 @@ const ReminderText: React.FC< ReminderTextProps > = ( { remainingCount } ) => {
 					setupLink: (
 						<Link
 							href={ getAdminLink( 'admin.php?page=wc-admin' ) }
+							onClick={ () =>
+								recordEvent(
+									'tasklist_reminder_bar_continue',
+									tracksProps
+								)
+							}
 							type="wp-admin"
 						/>
 					),
@@ -123,7 +138,7 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 		getQuery().page && getQuery().page === 'wc-admin' && ! getQuery().path;
 	const isActiveTaskPage = Boolean( getQuery().wc_onboarding_active_task );
 
-	const hideReminderBar =
+	const isHidden =
 		loading ||
 		taskListHidden ||
 		taskListComplete ||
@@ -134,24 +149,40 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 
 	useEffect( () => {
 		updateBodyMargin();
-	}, [ hideReminderBar, updateBodyMargin ] );
+	}, [ isHidden, updateBodyMargin ] );
 
-	if ( hideReminderBar ) {
+	const tracksProps = {
+		completed: completedTasksCount,
+		is_homescreen: isHomescreen,
+		is_active_task_page: isActiveTaskPage,
+	};
+
+	useEffect( () => {
+		if ( loading || isHidden ) {
+			return;
+		}
+
+		recordEvent( 'tasklist_reminder_bar_view', tracksProps );
+	}, [ isHidden, loading ] );
+
+	const onClose = () => {
+		updateOptions( {
+			[ REMINDER_BAR_HIDDEN_OPTION ]: 'yes',
+		} );
+		recordEvent( 'tasklist_reminder_bar_close', tracksProps );
+	};
+
+	if ( isHidden ) {
 		return null;
 	}
 
 	return (
 		<div className="woocommerce-layout__header-tasks-reminder-bar">
-			<ReminderText remainingCount={ remainingCount } />
-			<Button
-				isSmall
-				onClick={ () =>
-					updateOptions( {
-						[ REMINDER_BAR_HIDDEN_OPTION ]: 'yes',
-					} )
-				}
-				icon={ closeIcon }
+			<ReminderText
+				remainingCount={ remainingCount }
+				tracksProps={ tracksProps }
 			/>
+			<Button isSmall onClick={ onClose } icon={ closeIcon } />
 		</div>
 	);
 };

From 14b5261f93f1944fa491f3807551e79e0dad6db4 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Thu, 21 Apr 2022 12:43:38 -0700
Subject: [PATCH 095/327] Test busting cache

---
 plugins/woocommerce/package.json |  2 +-
 pnpm-lock.yaml                   | 26 ++++++++++++++++++++++++--
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index a5a6d8f1909..1254ad783ec 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -31,7 +31,7 @@
     "packages:fix:textdomain": "node ./bin/package-update-textdomain.js"
   },
   "devDependencies": {
-    "@babel/cli": "7.12.8",
+    "@babel/cli": "7.17.6",
     "@babel/core": "7.12.9",
     "@babel/preset-env": "7.12.7",
     "@babel/register": "7.12.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 66e706c2970..c1fb32d0b21 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1097,7 +1097,7 @@ importers:
 
   plugins/woocommerce:
     specifiers:
-      '@babel/cli': 7.12.8
+      '@babel/cli': 7.17.6
       '@babel/core': 7.12.9
       '@babel/preset-env': 7.12.7
       '@babel/register': 7.12.1
@@ -1136,7 +1136,7 @@ importers:
       webpack-cli: 3.3.12
       wp-textdomain: 1.0.1
     devDependencies:
-      '@babel/cli': 7.12.8_@babel+core@7.12.9
+      '@babel/cli': 7.17.6_@babel+core@7.12.9
       '@babel/core': 7.12.9
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
       '@babel/register': 7.12.1_@babel+core@7.12.9
@@ -1738,6 +1738,27 @@ packages:
       chokidar: 3.5.3
     dev: true
 
+  /@babel/cli/7.17.6_@babel+core@7.12.9:
+    resolution: {integrity: sha512-l4w608nsDNlxZhiJ5tE3DbNmr61fIKMZ6fTBo171VEFuFMIYuJ3mHRhTLEkKKyvx2Mizkkv/0a8OJOnZqkKYNA==}
+    engines: {node: '>=6.9.0'}
+    hasBin: true
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@jridgewell/trace-mapping': 0.3.4
+      commander: 4.1.1
+      convert-source-map: 1.8.0
+      fs-readdir-recursive: 1.1.0
+      glob: 7.2.0
+      make-dir: 2.1.0
+      slash: 2.0.0
+      source-map: 0.5.7
+    optionalDependencies:
+      '@nicolo-ribaudo/chokidar-2': 2.1.8-no-fsevents.3
+      chokidar: 3.5.3
+    dev: true
+
   /@babel/cli/7.17.6_@babel+core@7.17.8:
     resolution: {integrity: sha512-l4w608nsDNlxZhiJ5tE3DbNmr61fIKMZ6fTBo171VEFuFMIYuJ3mHRhTLEkKKyvx2Mizkkv/0a8OJOnZqkKYNA==}
     engines: {node: '>=6.9.0'}
@@ -12553,6 +12574,7 @@ packages:
       re-resizable: 4.11.0
     transitivePeerDependencies:
       - react
+      - react-dom
     dev: true
 
   /@types/wordpress__compose/4.0.1:

From 20befd32d776942c4283618bd342b9742efcb004 Mon Sep 17 00:00:00 2001
From: Jon Lane <jon.lane@automattic.com>
Date: Thu, 21 Apr 2022 13:04:31 -0700
Subject: [PATCH 096/327] Update Slack Channel IDs for workflows

---
 .github/workflows/smoke-test-daily.yml   | 2 +-
 .github/workflows/smoke-test-release.yml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index bd6b2fd693e..f184b5e7cdc 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -41,7 +41,7 @@ jobs:
                   WC_E2E_SCREENSHOTS: 1
                   E2E_RETEST: 1
                   E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-                  E2E_SLACK_CHANNEL: ${{ secrets.SMOKE_TEST_SLACK_CHANNEL }}
+                  E2E_SLACK_CHANNEL: 'C01U0H617MY'
                   UPDATE_WC: 1
                   DEFAULT_TIMEOUT_OVERRIDE: 120000
                   BASE_URL: ${{ secrets.SMOKE_TEST_URL }}
diff --git a/.github/workflows/smoke-test-release.yml b/.github/workflows/smoke-test-release.yml
index fafb41b704f..b66823de512 100644
--- a/.github/workflows/smoke-test-release.yml
+++ b/.github/workflows/smoke-test-release.yml
@@ -44,7 +44,7 @@ jobs:
                   WC_E2E_SCREENSHOTS: 1
                   E2E_RETEST: 1
                   E2E_SLACK_TOKEN: ${{ secrets.SMOKE_TEST_SLACK_TOKEN }}
-                  E2E_SLACK_CHANNEL: ${{ secrets.RELEASE_TEST_SLACK_CHANNEL }}
+                  E2E_SLACK_CHANNEL: 'C02DS4NE72S'
                   TEST_RELEASE: 1
                   UPDATE_WC: 1
                   DEFAULT_TIMEOUT_OVERRIDE: 120000

From f6d8a56baa676792f80a1c865ab63ae2a0a032a9 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Thu, 21 Apr 2022 13:32:13 -0700
Subject: [PATCH 097/327] Revert test

---
 plugins/woocommerce/package.json |  2 +-
 pnpm-lock.yaml                   | 39 ++++++++------------------------
 2 files changed, 10 insertions(+), 31 deletions(-)

diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 1254ad783ec..a5a6d8f1909 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -31,7 +31,7 @@
     "packages:fix:textdomain": "node ./bin/package-update-textdomain.js"
   },
   "devDependencies": {
-    "@babel/cli": "7.17.6",
+    "@babel/cli": "7.12.8",
     "@babel/core": "7.12.9",
     "@babel/preset-env": "7.12.7",
     "@babel/register": "7.12.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c1fb32d0b21..641a5525d60 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1097,7 +1097,7 @@ importers:
 
   plugins/woocommerce:
     specifiers:
-      '@babel/cli': 7.17.6
+      '@babel/cli': 7.12.8
       '@babel/core': 7.12.9
       '@babel/preset-env': 7.12.7
       '@babel/register': 7.12.1
@@ -1136,7 +1136,7 @@ importers:
       webpack-cli: 3.3.12
       wp-textdomain: 1.0.1
     devDependencies:
-      '@babel/cli': 7.17.6_@babel+core@7.12.9
+      '@babel/cli': 7.12.8_@babel+core@7.12.9
       '@babel/core': 7.12.9
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
       '@babel/register': 7.12.1_@babel+core@7.12.9
@@ -1738,27 +1738,6 @@ packages:
       chokidar: 3.5.3
     dev: true
 
-  /@babel/cli/7.17.6_@babel+core@7.12.9:
-    resolution: {integrity: sha512-l4w608nsDNlxZhiJ5tE3DbNmr61fIKMZ6fTBo171VEFuFMIYuJ3mHRhTLEkKKyvx2Mizkkv/0a8OJOnZqkKYNA==}
-    engines: {node: '>=6.9.0'}
-    hasBin: true
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.12.9
-      '@jridgewell/trace-mapping': 0.3.4
-      commander: 4.1.1
-      convert-source-map: 1.8.0
-      fs-readdir-recursive: 1.1.0
-      glob: 7.2.0
-      make-dir: 2.1.0
-      slash: 2.0.0
-      source-map: 0.5.7
-    optionalDependencies:
-      '@nicolo-ribaudo/chokidar-2': 2.1.8-no-fsevents.3
-      chokidar: 3.5.3
-    dev: true
-
   /@babel/cli/7.17.6_@babel+core@7.17.8:
     resolution: {integrity: sha512-l4w608nsDNlxZhiJ5tE3DbNmr61fIKMZ6fTBo171VEFuFMIYuJ3mHRhTLEkKKyvx2Mizkkv/0a8OJOnZqkKYNA==}
     engines: {node: '>=6.9.0'}
@@ -13216,7 +13195,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      debug: 4.3.2
+      debug: 4.3.3
       eslint-visitor-keys: 1.3.0
       glob: 7.2.0
       is-glob: 4.0.3
@@ -13237,7 +13216,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      debug: 4.3.2
+      debug: 4.3.3
       eslint-visitor-keys: 1.3.0
       glob: 7.2.0
       is-glob: 4.0.3
@@ -13258,7 +13237,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      debug: 4.3.2
+      debug: 4.3.3
       eslint-visitor-keys: 1.3.0
       glob: 7.2.0
       is-glob: 4.0.3
@@ -13281,7 +13260,7 @@ packages:
     dependencies:
       '@typescript-eslint/types': 3.10.1
       '@typescript-eslint/visitor-keys': 3.10.1
-      debug: 4.3.2
+      debug: 4.3.3
       glob: 7.2.0
       is-glob: 4.0.3
       lodash: 4.17.21
@@ -20817,7 +20796,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0
     dependencies:
       comment-parser: 0.7.6
-      debug: 4.3.2
+      debug: 4.3.3
       eslint: 6.8.0
       jsdoctypeparser: 9.0.0
       lodash: 4.17.21
@@ -20835,7 +20814,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0
     dependencies:
       comment-parser: 0.7.6
-      debug: 4.3.2
+      debug: 4.3.3
       eslint: 7.32.0
       jsdoctypeparser: 9.0.0
       lodash: 4.17.21
@@ -20853,7 +20832,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0
     dependencies:
       comment-parser: 0.7.6
-      debug: 4.3.2
+      debug: 4.3.3
       eslint: 8.2.0
       jsdoctypeparser: 9.0.0
       lodash: 4.17.21

From d24992f04d6365cdf64ec425d631992300eb3042 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Fri, 22 Apr 2022 08:41:42 +1200
Subject: [PATCH 098/327] reference trunk in GH action

---
 .github/workflows/pr-build-and-e2e-tests.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 9fc3a961c21..328549ec59a 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -15,7 +15,7 @@ jobs:
 
             - name: Build
               id: build
-              uses: woocommerce/action-build@fix/build-core-reference
+              uses: woocommerce/action-build@trunk
               env:
                   BUILD_ENV: e2e
 

From 2ff94f538819ae61fcd5e1ba31d859b995725a6e Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Fri, 22 Apr 2022 16:47:31 +0800
Subject: [PATCH 099/327] Fix history type error

---
 .../client/two-column-tasks/sectioned-task-list.tsx          | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
index 17f87f49a6d..e00a78c8e2c 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
@@ -20,6 +20,7 @@ import {
 import { recordEvent } from '@woocommerce/tracks';
 import { List, TaskItem } from '@woocommerce/experimental';
 import classnames from 'classnames';
+import { History } from 'history';
 
 /**
  * Internal dependencies
@@ -138,7 +139,9 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 			if ( task.actionUrl.startsWith( 'http' ) ) {
 				window.location.href = task.actionUrl;
 			} else {
-				getHistory().push( getNewPath( {}, task.actionUrl, {} ) );
+				( getHistory() as History ).push(
+					getNewPath( {}, task.actionUrl, {} )
+				);
 			}
 			return;
 		}

From 21923f863096d87cc5a17e7c76fff546475f9c6c Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:21:46 +0530
Subject: [PATCH 100/327] Enable meta migrations.

---
 .../Migrations/CustomOrderTable/WPPostToCOTMigrator.php        | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
index 6e94d9106e4..81f5f1e97c9 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
@@ -148,8 +148,7 @@ class WPPostToCOTMigrator {
 		$this->billing_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->shipping_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->operation_data_table_migrator->process_migration_batch_for_ids( $order_post_ids );
-		// TODO: Add resilience for meta migrations.
-		// $this->process_meta_migration( $order_post_ids );
+		$this->process_meta_migration( $order_post_ids );
 		// TODO: Return merged error array.
 	}
 

From af2b7dd97269617d88005ed32b4e467526e4a80e Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:22:20 +0530
Subject: [PATCH 101/327] Add source table name to prevent ambigious column
 names.

---
 .../Migrations/CustomOrderTable/MetaToMetaTableMigrator.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index f043b70ffe2..7a1335c43b8 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -117,7 +117,7 @@ class MetaToMetaTableMigrator {
 	/**
 	 * Helper method to build query used to fetch data from source meta table.
 	 *
-	 * @param string $entity_ids List of entity IDs to build meta query for.
+	 * @param array $entity_ids List of entity IDs to build meta query for.
 	 *
 	 * @return string Query that can be used to fetch data.
 	 */
@@ -127,9 +127,9 @@ class MetaToMetaTableMigrator {
 		$source_meta_key_column   = $this->schema_config['source']['meta']['meta_key_column'];
 		$source_meta_value_column = $this->schema_config['source']['meta']['meta_value_column'];
 		$source_entity_id_column  = $this->schema_config['source']['meta']['entity_id_column'];
-		$order_by                 = "$source_entity_id_column ASC";
+		$order_by                 = "source.$source_entity_id_column ASC";
 
-		$where_clause = "$source_entity_id_column IN (" . implode( ', ', array_fill( 0, count( $entity_ids ), '%d' ) ) . ')';
+		$where_clause = "source.`$source_entity_id_column` IN (" . implode( ', ', array_fill( 0, count( $entity_ids ), '%d' ) ) . ')';
 
 		$destination_entity_table             = $this->schema_config['destination']['entity']['table_name'];
 		$destination_entity_id_column         = $this->schema_config['destination']['entity']['id_column'];

From 594d63f0fbbcd0b253dab9faee7e870d3f7bc3a4 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:22:39 +0530
Subject: [PATCH 102/327] Add test for migrations.

---
 .../WPPostToCOTMigratorTest.php               | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index 9f2063077fd..71a05261d62 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -56,6 +56,7 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 		$this->assert_core_data_is_migrated( $order );
 		$this->assert_order_addresses_are_migrated( $order );
 		$this->assert_order_op_data_is_migrated( $order );
+		$this->assert_metadata_is_migrated( $order );
 	}
 
 	/**
@@ -154,7 +155,7 @@ WHERE order_id = {$order_id}
 	/**
 	 * Helper method to get address details from DB.
 	 *
-	 * @param int    $order_id Order ID.
+	 * @param int $order_id Order ID.
 	 * @param string $address_type Address Type.
 	 *
 	 * @return array|object|void|null DB object.
@@ -182,6 +183,13 @@ WHERE order_id = {$order_id}
 		return $wpdb->get_row( "SELECT * FROM $operational_data_table WHERE order_id = $order_id;" );
 	}
 
+	private function get_meta_data_from_cot( $order_id ) {
+		global $wpdb;
+		$metadata_table = $this->data_store::get_meta_table_name();
+
+		return $wpdb->get_results( "SELECT * FROM $metadata_table WHERE order_id = $order_id;" );
+	}
+
 	/**
 	 * Helper method to create complex wp_post based order.
 	 *
@@ -249,6 +257,9 @@ WHERE order_id = {$order_id}
 		$order->set_date_completed( time() );
 		$order->calculate_shipping();
 
+		$order->add_meta_data( 'unique_key_1', 'unique_value_1', true );
+		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_1', false );
+		$order->add_meta_data( 'non_unique_key_1', 'non_unique_value_2', false );
 		$order->save();
 		$order->save_meta_data();
 
@@ -357,6 +368,27 @@ WHERE order_id = {$order_id}
 		$this->assertEquals( (float) $order->get_discount_total(), (float) $db_order_op_data->discount_total_amount );
 	}
 
+	private function assert_metadata_is_migrated( $order ) {
+		$db_order  = $this->get_order_from_cot( $order );
+		$meta_data = $this->get_meta_data_from_cot( $db_order->id );
+
+		$unique_row = array_filter( $meta_data, function ( $meta_row ) {
+			return 'unique_key_1' === $meta_row->meta_key;
+		} );
+
+		$this->assertEquals( 1, count( $unique_row ) );
+		$this->assertEquals( 'unique_value_1', array_values( $unique_row)[0]->meta_value );
+
+		$non_unique_rows = array_filter( $meta_data, function ( $meta_row ) {
+			return 'non_unique_key_1' === $meta_row->meta_key;
+		} );
+		$this->assertEquals( 2, count( $non_unique_rows ) );
+		$this->assertEquals( array(
+			'non_unique_value_1',
+			'non_unique_value_2'
+		), array_column( $non_unique_rows, 'meta_value' ) );
+	}
+
 	/**
 	 * Helper method to clear checkout and truncate order tables.
 	 */

From 594385690a2dc6753c480dd04253520757554377 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 15:32:30 +0530
Subject: [PATCH 103/327] Add tests to check for duplicated meta records.

---
 .../WPPostToCOTMigratorTest.php               | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index 71a05261d62..c1c49ca51a8 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -109,6 +109,25 @@ WHERE order_id = {$order_id} AND address_type = 'shipping'
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_operational_data_table_name()}
 WHERE order_id = {$order_id}
+"
+			)
+		);
+
+		$this->assertEquals(
+			1,
+			$wpdb->get_var(
+				"
+SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
+WHERE order_id = {$order_id} AND meta_key = 'unique_key_1'
+"
+			)
+		);
+		$this->assertEquals(
+			2,
+			$wpdb->get_var(
+				"
+SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
+WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1'
 "
 			)
 		);

From 91ca23588922ca469983f3e91c9b8b09249cab2e Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Tue, 12 Apr 2022 16:41:58 +0530
Subject: [PATCH 104/327] Refactor meta migrator to follow pattern in meta to
 custom migrator.

---
 .../MetaToMetaTableMigrator.php               | 29 ++++++--
 .../WPPostMetaToOrderMetaMigrator.php         | 55 +++++++++++++++
 .../CustomOrderTable/WPPostToCOTMigrator.php  | 69 ++-----------------
 3 files changed, 81 insertions(+), 72 deletions(-)
 create mode 100644 plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 7a1335c43b8..a41578fc288 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -14,7 +14,7 @@ use Automattic\WooCommerce\Database\Migrations\MigrationHelper;
  *
  * @package Automattic\WooCommerce\Database\Migrations\CustomOrderTable
  */
-class MetaToMetaTableMigrator {
+abstract class MetaToMetaTableMigrator {
 
 	/**
 	 * Schema config, see __construct for more details.
@@ -24,14 +24,29 @@ class MetaToMetaTableMigrator {
 	private $schema_config;
 
 	/**
-	 * MetaToMetaTableMigrator constructor.
+	 * Store errors along with entity IDs from migrations.
 	 *
-	 * @param array $schema_config This parameters provides general but essential information about tables under migrations. Must be of the form-
-	 * TODO: Add structure.
+	 * @var array
 	 */
-	public function __construct( $schema_config ) {
-		// TODO: Validate params.
-		$this->schema_config = $schema_config;
+	protected $errors;
+
+	public abstract function get_meta_config();
+
+	public function __construct() {
+		$this->schema_config = $this->get_meta_config();
+		$this->errors = array();
+	}
+
+	public function process_migration_batch_for_ids( $entity_ids ) {
+		global $wpdb;
+		$data_to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
+		$insert_queries  = $this->generate_insert_sql_for_batch( $data_to_migrate['data'], 'insert' );
+		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
+		$result = $wpdb->query( $insert_queries );
+		if ( count( $data_to_migrate['data'] ) !== $result ) {
+			// TODO: Find and log entity ids that were not inserted.
+			echo 'error';
+		}
 	}
 
 	/**
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
new file mode 100644
index 00000000000..e155a93009f
--- /dev/null
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -0,0 +1,55 @@
+<?php
+
+namespace Automattic\WooCommerce\Database\Migrations\CustomOrderTable;
+
+class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
+
+	private $excluded_columns;
+
+	public function __construct( $excluded_columns ) {
+		$this->excluded_columns = $excluded_columns;
+		parent::__construct();
+	}
+
+	/**
+	 * Generate config for meta data migration.
+	 *
+	 * @return array Meta data migration config.
+	 */
+	public function get_meta_config() {
+		global $wpdb;
+		// TODO: Remove hardcoding.
+		$this->table_names = array(
+			'orders'    => $wpdb->prefix . 'wc_orders',
+			'addresses' => $wpdb->prefix . 'wc_order_addresses',
+			'op_data'   => $wpdb->prefix . 'wc_order_operational_data',
+			'meta'      => $wpdb->prefix . 'wc_orders_meta',
+		);
+
+		return array(
+			'source'      => array(
+				'meta'          => array(
+					'table_name'        => $wpdb->postmeta,
+					'entity_id_column'  => 'post_id',
+					'meta_key_column'   => 'meta_key',
+					'meta_value_column' => 'meta_value',
+				),
+				'excluded_keys' => $this->excluded_columns,
+			),
+			'destination' => array(
+				'meta'   => array(
+					'table_name'        => $this->table_names['meta'],
+					'entity_id_column'  => 'order_id',
+					'meta_key_column'   => 'meta_key',
+					'meta_value_column' => 'meta_value',
+					'entity_id_type'    => 'int',
+				),
+				'entity' => array(
+					'table_name'       => $this->table_names['orders'],
+					'source_id_column' => 'post_id',
+					'id_column'        => 'id',
+				),
+			),
+		);
+	}
+}
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
index 81f5f1e97c9..a2d7a463054 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigrator.php
@@ -66,58 +66,13 @@ class WPPostToCOTMigrator {
 		$this->shipping_address_table_migrator = new WPPostToOrderAddressTableMigrator( 'shipping' );
 		$this->operation_data_table_migrator   = new WPPostToOrderOpTableMigrator();
 
-		$meta_data_config = $this->get_config_for_meta_table();
-
-		$this->meta_table_migrator = new MetaToMetaTableMigrator( $meta_data_config );
-
-		$this->error_logger = new MigrationErrorLogger();
-	}
-
-	/**
-	 * Generate config for meta data migration.
-	 *
-	 * @return array Meta data migration config.
-	 */
-	private function get_config_for_meta_table() {
-		global $wpdb;
-		// TODO: Remove hardcoding.
-		$this->table_names = array(
-			'orders'    => $wpdb->prefix . 'wc_orders',
-			'addresses' => $wpdb->prefix . 'wc_order_addresses',
-			'op_data'   => $wpdb->prefix . 'wc_order_operational_data',
-			'meta'      => $wpdb->prefix . 'wc_orders_meta',
-		);
-
 		$excluded_columns = array_keys( $this->order_table_migrator->get_meta_column_config() );
 		$excluded_columns = array_merge( $excluded_columns, array_keys( $this->billing_address_table_migrator->get_meta_column_config() ) );
 		$excluded_columns = array_merge( $excluded_columns, array_keys( $this->shipping_address_table_migrator->get_meta_column_config() ) );
 		$excluded_columns = array_merge( $excluded_columns, array_keys( $this->operation_data_table_migrator->get_meta_column_config() ) );
 
-		return array(
-			'source'      => array(
-				'meta'          => array(
-					'table_name'        => $wpdb->postmeta,
-					'entity_id_column'  => 'post_id',
-					'meta_key_column'   => 'meta_key',
-					'meta_value_column' => 'meta_value',
-				),
-				'excluded_keys' => $excluded_columns,
-			),
-			'destination' => array(
-				'meta'   => array(
-					'table_name'        => $this->table_names['meta'],
-					'entity_id_column'  => 'order_id',
-					'meta_key_column'   => 'meta_key',
-					'meta_value_column' => 'meta_value',
-					'entity_id_type'    => 'int',
-				),
-				'entity' => array(
-					'table_name'       => $this->table_names['orders'],
-					'source_id_column' => 'post_id',
-					'id_column'        => 'id',
-				),
-			),
-		);
+		$this->meta_table_migrator             = new WPPostMetaToOrderMetaMigrator( $excluded_columns );
+		$this->error_logger                    = new MigrationErrorLogger();
 	}
 
 	/**
@@ -135,6 +90,7 @@ class WPPostToCOTMigrator {
 		$this->process_migration_for_ids( $order_post_ids );
 		$last_post_migrated = max( $order_post_ids );
 		$this->update_checkpoint( $last_post_migrated );
+
 		return false;
 	}
 
@@ -148,27 +104,10 @@ class WPPostToCOTMigrator {
 		$this->billing_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->shipping_address_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		$this->operation_data_table_migrator->process_migration_batch_for_ids( $order_post_ids );
-		$this->process_meta_migration( $order_post_ids );
+		$this->meta_table_migrator->process_migration_batch_for_ids( $order_post_ids );
 		// TODO: Return merged error array.
 	}
 
-	/**
-	 * Process migration for metadata for given post ids.
-	 *
-	 * @param array $order_post_ids Post IDs.
-	 */
-	private function process_meta_migration( $order_post_ids ) {
-		global $wpdb;
-		$data_to_migrate = $this->meta_table_migrator->fetch_data_for_migration_for_ids( $order_post_ids );
-		$insert_queries  = $this->meta_table_migrator->generate_insert_sql_for_batch( $data_to_migrate['data'], 'insert' );
-		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
-		$result = $wpdb->query( $insert_queries );
-		if ( count( $data_to_migrate['data'] ) !== $result ) {
-			// TODO: Find and log entity ids that were not inserted.
-			echo 'error';
-		}
-	}
-
 	/**
 	 * Method to migrate single record.
 	 *

From cc512927a78b18370a7abd87640770f330f6e050 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 15 Apr 2022 15:07:01 +0530
Subject: [PATCH 105/327] Add support for multi-value migrations.

---
 .../MetaToCustomTableMigrator.php             |  19 +-
 .../MetaToMetaTableMigrator.php               | 199 +++++++++++++++---
 .../WPPostMetaToOrderMetaMigrator.php         |  11 +-
 .../Database/Migrations/MigrationHelper.php   |  17 ++
 4 files changed, 196 insertions(+), 50 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
index f69d9dd3e32..4a8401c1b4e 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToCustomTableMigrator.php
@@ -163,7 +163,7 @@ abstract class MetaToCustomTableMigrator {
 			$batch
 		);
 
-		$duplicate_update_key_statement = $this->generate_on_duplicate_statement_clause( $columns );
+		$duplicate_update_key_statement = MigrationHelper::generate_on_duplicate_statement_clause( $columns );
 
 		return "INSERT INTO $table (`$column_sql`) VALUES $value_sql $duplicate_update_key_statement;";
 	}
@@ -219,23 +219,6 @@ abstract class MetaToCustomTableMigrator {
 		return array( $value_sql, $column_sql, $columns );
 	}
 
-	/**
-	 * Generates ON DUPLICATE KEY UPDATE clause to be used in migration.
-	 *
-	 * @param array $columns List of column names.
-	 *
-	 * @return string SQL clause for INSERT...ON DUPLICATE KEY UPDATE
-	 */
-	private function generate_on_duplicate_statement_clause( $columns ) {
-		$update_value_statements = array();
-		foreach ( $columns as $column ) {
-			$update_value_statements[] = "$column = VALUES( $column )";
-		}
-		$update_value_clause = implode( ', ', $update_value_statements );
-
-		return "ON DUPLICATE KEY UPDATE $update_value_clause";
-	}
-
 	/**
 	 * Process next migration batch, uses option `wc_cot_migration` to checkpoints of what have been processed so far.
 	 *
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index a41578fc288..9a266445400 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -34,63 +34,108 @@ abstract class MetaToMetaTableMigrator {
 
 	public function __construct() {
 		$this->schema_config = $this->get_meta_config();
-		$this->errors = array();
+		$this->errors        = array();
 	}
 
 	public function process_migration_batch_for_ids( $entity_ids ) {
 		global $wpdb;
 		$data_to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
-		$insert_queries  = $this->generate_insert_sql_for_batch( $data_to_migrate['data'], 'insert' );
+
+		$data_already_migrated = $this->get_already_migrated_records( $entity_ids );
+
+		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $data_to_migrate['data'], $data_already_migrated, $entity_ids );
+
+		$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );
 		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
 		$result = $wpdb->query( $insert_queries );
-		if ( count( $data_to_migrate['data'] ) !== $result ) {
+		$wpdb->query( 'COMMIT;' );
+		if ( count( $to_insert ) !== $result ) {
 			// TODO: Find and log entity ids that were not inserted.
 			echo 'error';
 		}
+
+		if ( empty( $to_update ) ) {
+			return;
+		}
+		$update_queries = $this->generate_update_sql_for_batch( $to_update );
+		$result         = $wpdb->query( $update_queries );
+		$wpdb->query( 'COMMIT;' );
+		// TODO: Find and log error updates.
+	}
+
+	public function generate_update_sql_for_batch( $batch ) {
+		global $wpdb;
+
+		$table             = $this->schema_config['destination']['meta']['table_name'];
+		$meta_id_column    = $this->schema_config['destination']['meta']['meta_id_column'];
+		$meta_key_column   = $this->schema_config['destination']['meta']['meta_key_column'];
+		$meta_value_column = $this->schema_config['destination']['meta']['meta_value_column'];
+		$entity_id_column  = $this->schema_config['destination']['meta']['entity_id_column'];
+		$columns           = array( $meta_id_column, $entity_id_column, $meta_key_column, $meta_value_column );
+		$columns_sql       = implode( '`, `', $columns );
+
+		$entity_id_column_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
+		$placeholder_string           = "%d, $entity_id_column_placeholder, %s, %s";
+		$values                       = array();
+		foreach ( $batch as $entity_id => $rows ) {
+			foreach ( $rows as $meta_key => $meta_details ) {
+				$values[] = $wpdb->prepare(
+					"( $placeholder_string )",
+					array( $meta_details['id'], $entity_id, $meta_key, $meta_details['meta_value'] )
+				);
+			}
+		}
+		$value_sql = implode( ',', $values );
+
+		$on_duplicate_key_clause = MigrationHelper::generate_on_duplicate_statement_clause( $columns );
+
+		return "INSERT INTO $table ( `$columns_sql` ) VALUES ( $value_sql ) $on_duplicate_key_clause";
 	}
 
 	/**
 	 * Generate insert sql queries for batches.
 	 *
-	 * @param array  $batch Data to generate queries for.
+	 * @param array $batch Data to generate queries for.
 	 * @param string $insert_switch Insert switch to use.
 	 *
 	 * @return string
 	 */
-	public function generate_insert_sql_for_batch( $batch, $insert_switch ) {
+	public function generate_insert_sql_for_batch( $batch ) {
 		global $wpdb;
 
-		$insert_query = MigrationHelper::get_insert_switch( $insert_switch );
-
+		$table             = $this->schema_config['destination']['meta']['table_name'];
 		$meta_key_column   = $this->schema_config['destination']['meta']['meta_key_column'];
 		$meta_value_column = $this->schema_config['destination']['meta']['meta_value_column'];
 		$entity_id_column  = $this->schema_config['destination']['meta']['entity_id_column'];
 		$column_sql        = "(`$entity_id_column`, `$meta_key_column`, `$meta_value_column`)";
-		$table             = $this->schema_config['destination']['meta']['table_name'];
 
 		$entity_id_column_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
 		$placeholder_string           = "$entity_id_column_placeholder, %s, %s";
 		$values                       = array();
-		foreach ( array_values( $batch ) as $row ) {
-			$query_params = array(
-				$row->destination_entity_id,
-				$row->meta_key,
-				$row->meta_value,
-			);
-			// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $placeholder_string is hardcoded.
-			$value_sql = $wpdb->prepare( "$placeholder_string", $query_params );
-			$values[]  = $value_sql;
+		foreach ( $batch as $entity_id => $rows ) {
+			foreach ( $rows as $meta_key => $meta_values ) {
+				foreach ( $meta_values as $meta_value ) {
+					$query_params = array(
+						$entity_id,
+						$meta_key,
+						$meta_value
+					);
+					// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $placeholder_string is hardcoded.
+					$value_sql = $wpdb->prepare( "$placeholder_string", $query_params );
+					$values[]  = $value_sql;
+				}
+			}
 		}
 
 		$values_sql = implode( '), (', $values );
 
-		return "$insert_query INTO $table $column_sql VALUES ($values_sql)";
+		return "INSERT IGNORE INTO $table $column_sql VALUES ($values_sql)";
 	}
 
 	/**
 	 * Fetch data for migration.
 	 *
-	 * @param array $order_post_ids Array of IDs to fetch data for.
+	 * @param array $entity_ids Array of IDs to fetch data for.
 	 *
 	 * @return array[] Data along with errors (if any), will of the form:
 	 * array(
@@ -103,16 +148,16 @@ abstract class MetaToMetaTableMigrator {
 	 *      ...,
 	 * )
 	 */
-	public function fetch_data_for_migration_for_ids( $order_post_ids ) {
+	public function fetch_data_for_migration_for_ids( $entity_ids ) {
 		global $wpdb;
-		if ( empty( $order_post_ids ) ) {
+		if ( empty( $entity_ids ) ) {
 			return array(
 				'data'   => array(),
 				'errors' => array(),
 			);
 		}
 
-		$meta_query = $this->build_meta_table_query( $order_post_ids );
+		$meta_query = $this->build_meta_table_query( $entity_ids );
 
 		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- Meta query has interpolated variables, but they should all be escaped for backticks.
 		$meta_data_rows = $wpdb->get_results( $meta_query );
@@ -129,6 +174,106 @@ abstract class MetaToMetaTableMigrator {
 		);
 	}
 
+	private function get_already_migrated_records( $entity_ids ) {
+		global $wpdb;
+
+		$destination_table_name        = $this->schema_config['destination']['meta']['table_name'];
+		$destination_id_column         = $this->schema_config['destination']['meta']['meta_id_column'];
+		$destination_entity_id_column  = $this->schema_config['destination']['meta']['entity_id_column'];
+		$destination_meta_key_column   = $this->schema_config['destination']['meta']['meta_key_column'];
+		$destination_meta_value_column = $this->schema_config['destination']['meta']['meta_value_column'];
+
+		$entity_id_type_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
+		$entity_ids_placeholder     = implode( ',', array_fill( 0, count( $entity_ids ), $entity_id_type_placeholder ) );
+
+		return $wpdb->get_results(
+			$wpdb->prepare(
+				"
+SELECT
+	   $destination_id_column meta_id,
+       $destination_entity_id_column entity_id,
+       $destination_meta_key_column meta_key,
+       $destination_meta_value_column meta_value
+FROM $destination_table_name destination
+WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) ORDER BY destination.$destination_entity_id_column
+",
+				$entity_ids
+			)
+		);
+	}
+
+	private function classify_update_insert_records( $data_to_migrate, $data_already_migrated ) {
+		// All data is ordered by entity_ids, which means we can optimize our processing a bit.
+		$to_migrate       = array();
+		$already_migrated = array();
+		foreach ( $data_to_migrate as $migrate_row ) {
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ] = array();
+			}
+
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
+			}
+
+			$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = $migrate_row->meta_value;
+		}
+
+		foreach ( $data_already_migrated as $migrate_row ) {
+			if ( ! isset( $already_migrated[ $migrate_row->entity_id ] ) ) {
+				$already_migrated[ $migrate_row->entity_id ] = array();
+			}
+
+			if ( ! isset( $already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
+				$already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
+			}
+
+			$already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = array(
+				'id'         => $migrate_row->meta_id,
+				'meta_value' => $migrate_row->meta_value
+			);
+		}
+
+		$to_update = array();
+		$to_insert = array();
+
+		foreach ( $to_migrate as $entity_id => $rows ) {
+			foreach ( $rows as $meta_key => $meta_values ) {
+				// If there is no corresponding record in the destination table then insert.
+				// If there is single value in both already migrated and current then update.
+				// If there are multiple values in either already_migrated records or in to_migrate_records, then insert instead of updating.
+				if ( ! isset( $already_migrated[ $entity_id ][ $meta_key ] ) ) {
+					if ( ! isset( $to_insert[ $entity_id ] ) ) {
+						$to_insert[ $entity_id ] = array();
+					}
+					$to_insert[ $entity_id ][ $meta_key ] = $meta_values;
+				} else {
+					if ( 1 === count( $to_migrate[ $entity_id ][ $meta_key ] ) && 1 === count( $already_migrated[ $entity_id ][ $meta_key ] ) ) {
+						if ( ! isset( $to_update[ $entity_id ] ) ) {
+							$to_update[ $entity_id ] = array();
+						}
+						$to_update[ $entity_id ][ $meta_key ] = array(
+							'id'         => $already_migrated[ $entity_id ][ $meta_key ][0]['id'],
+							'meta_value' => $meta_values
+						);
+						continue;
+					}
+
+					// There are multiple meta entries, let's find the unique entries and insert.
+					$unique_meta_values = array_diff( $to_migrate[ $entity_id ][ $meta_key ], $already_migrated[ $entity_id ][ $meta_key ] );
+					if ( 0 === count( $unique_meta_values ) ) {
+						continue;
+					}
+					if ( ! isset( $to_insert[ $entity_id ] ) ) {
+						$to_insert[ $entity_id ] = array();
+					}
+					$to_insert[ $entity_id ][ $meta_key ] = $unique_meta_values;
+				}
+			}
+		}
+
+		return array( $to_insert, $to_update );
+	}
+
 	/**
 	 * Helper method to build query used to fetch data from source meta table.
 	 *
@@ -146,9 +291,9 @@ abstract class MetaToMetaTableMigrator {
 
 		$where_clause = "source.`$source_entity_id_column` IN (" . implode( ', ', array_fill( 0, count( $entity_ids ), '%d' ) ) . ')';
 
-		$destination_entity_table             = $this->schema_config['destination']['entity']['table_name'];
-		$destination_entity_id_column         = $this->schema_config['destination']['entity']['id_column'];
-		$destination_source_id_mapping_column = $this->schema_config['destination']['entity']['source_id_column'];
+		$entity_table                  = $this->schema_config['source']['entity']['table_name'];
+		$entity_id_column              = $this->schema_config['source']['entity']['id_column'];
+		$entity_meta_id_mapping_column = $this->schema_config['source']['entity']['source_id_column'];
 
 		if ( $this->schema_config['source']['excluded_keys'] ) {
 			$key_placeholder = implode( ',', array_fill( 0, count( $this->schema_config['source']['excluded_keys'] ), '%s' ) );
@@ -162,11 +307,11 @@ abstract class MetaToMetaTableMigrator {
 			"
 SELECT
 	source.`$source_entity_id_column` as source_entity_id,
-	destination.`$destination_entity_id_column` as destination_entity_id,
+	entity.`$entity_id_column` as entity_id,
 	source.`$source_meta_key_column` as meta_key,
 	source.`$source_meta_value_column` as meta_value
 FROM `$source_meta_table` source
-JOIN `$destination_entity_table` destination ON destination.`$destination_source_id_mapping_column` = source.`$source_entity_id_column`
+JOIN `$entity_table` entity ON entity.`$entity_meta_id_mapping_column` = source.`$source_entity_id_column`
 WHERE $where_clause ORDER BY $order_by
 ",
 			$entity_ids
diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
index e155a93009f..ec464f06ca2 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -34,6 +34,11 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 				),
+				'entity' => array(
+					'table_name'       => $this->table_names['orders'],
+					'source_id_column' => 'post_id',
+					'id_column'        => 'id',
+				),
 				'excluded_keys' => $this->excluded_columns,
 			),
 			'destination' => array(
@@ -43,11 +48,7 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 					'entity_id_type'    => 'int',
-				),
-				'entity' => array(
-					'table_name'       => $this->table_names['orders'],
-					'source_id_column' => 'post_id',
-					'id_column'        => 'id',
+					'meta_id_column'    => 'id'
 				),
 			),
 		);
diff --git a/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php b/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php
index 4aba17b86e5..60a8f05f83d 100644
--- a/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php
+++ b/plugins/woocommerce/src/Database/Migrations/MigrationHelper.php
@@ -89,4 +89,21 @@ class MigrationHelper {
 		return self::$wpdb_placeholder_for_type[ $type ];
 	}
 
+	/**
+	 * Generates ON DUPLICATE KEY UPDATE clause to be used in migration.
+	 *
+	 * @param array $columns List of column names.
+	 *
+	 * @return string SQL clause for INSERT...ON DUPLICATE KEY UPDATE
+	 */
+	public static function generate_on_duplicate_statement_clause( $columns ) {
+		$update_value_statements = array();
+		foreach ( $columns as $column ) {
+			$update_value_statements[] = "$column = VALUES( $column )";
+		}
+		$update_value_clause = implode( ', ', $update_value_statements );
+
+		return "ON DUPLICATE KEY UPDATE $update_value_clause";
+	}
+
 }

From 1348215cfec5fa5229478e5240a48cf1ec9f8834 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 15 Apr 2022 15:42:08 +0530
Subject: [PATCH 106/327] Fixups for duplicate meta entries.

---
 .../MetaToMetaTableMigrator.php               | 61 ++++++++++---------
 1 file changed, 31 insertions(+), 30 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 9a266445400..92b14c4512b 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -39,19 +39,20 @@ abstract class MetaToMetaTableMigrator {
 
 	public function process_migration_batch_for_ids( $entity_ids ) {
 		global $wpdb;
-		$data_to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
+		$to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
 
-		$data_already_migrated = $this->get_already_migrated_records( $entity_ids );
+		$already_migrated = $this->get_already_migrated_records( array_keys( $to_migrate['data'] ) );
 
-		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $data_to_migrate['data'], $data_already_migrated, $entity_ids );
+		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $to_migrate['data'], $already_migrated );
 
-		$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );
-		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
-		$result = $wpdb->query( $insert_queries );
-		$wpdb->query( 'COMMIT;' );
-		if ( count( $to_insert ) !== $result ) {
-			// TODO: Find and log entity ids that were not inserted.
-			echo 'error';
+		if ( ! empty( $to_insert ) ) {
+			$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );
+			// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
+			$result = $wpdb->query( $insert_queries );
+			$wpdb->query( 'COMMIT;' );
+			if ( count( $to_insert ) !== $result ) {
+				// TODO: Find and log entity ids that were not inserted.
+			}
 		}
 
 		if ( empty( $to_update ) ) {
@@ -89,7 +90,7 @@ abstract class MetaToMetaTableMigrator {
 
 		$on_duplicate_key_clause = MigrationHelper::generate_on_duplicate_statement_clause( $columns );
 
-		return "INSERT INTO $table ( `$columns_sql` ) VALUES ( $value_sql ) $on_duplicate_key_clause";
+		return "INSERT INTO $table ( `$columns_sql` ) VALUES $value_sql $on_duplicate_key_clause";
 	}
 
 	/**
@@ -168,8 +169,20 @@ abstract class MetaToMetaTableMigrator {
 			);
 		}
 
+		foreach ( $meta_data_rows as $migrate_row ) {
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ] = array();
+			}
+
+			if ( ! isset( $to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
+				$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
+			}
+
+			$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = $migrate_row->meta_value;
+		}
+
 		return array(
-			'data'   => $meta_data_rows,
+			'data'   => $to_migrate,
 			'errors' => array(),
 		);
 	}
@@ -186,7 +199,7 @@ abstract class MetaToMetaTableMigrator {
 		$entity_id_type_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
 		$entity_ids_placeholder     = implode( ',', array_fill( 0, count( $entity_ids ), $entity_id_type_placeholder ) );
 
-		return $wpdb->get_results(
+		$data_already_migrated = $wpdb->get_results(
 			$wpdb->prepare(
 				"
 SELECT
@@ -200,23 +213,8 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 				$entity_ids
 			)
 		);
-	}
 
-	private function classify_update_insert_records( $data_to_migrate, $data_already_migrated ) {
-		// All data is ordered by entity_ids, which means we can optimize our processing a bit.
-		$to_migrate       = array();
 		$already_migrated = array();
-		foreach ( $data_to_migrate as $migrate_row ) {
-			if ( ! isset( $to_migrate[ $migrate_row->entity_id ] ) ) {
-				$to_migrate[ $migrate_row->entity_id ] = array();
-			}
-
-			if ( ! isset( $to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] ) ) {
-				$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ] = array();
-			}
-
-			$to_migrate[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = $migrate_row->meta_value;
-		}
 
 		foreach ( $data_already_migrated as $migrate_row ) {
 			if ( ! isset( $already_migrated[ $migrate_row->entity_id ] ) ) {
@@ -232,7 +230,10 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 				'meta_value' => $migrate_row->meta_value
 			);
 		}
+		return $already_migrated;
+	}
 
+	private function classify_update_insert_records( $to_migrate, $already_migrated ) {
 		$to_update = array();
 		$to_insert = array();
 
@@ -253,13 +254,13 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 						}
 						$to_update[ $entity_id ][ $meta_key ] = array(
 							'id'         => $already_migrated[ $entity_id ][ $meta_key ][0]['id'],
-							'meta_value' => $meta_values
+							'meta_value' => $meta_values[0]
 						);
 						continue;
 					}
 
 					// There are multiple meta entries, let's find the unique entries and insert.
-					$unique_meta_values = array_diff( $to_migrate[ $entity_id ][ $meta_key ], $already_migrated[ $entity_id ][ $meta_key ] );
+					$unique_meta_values = array_diff( $meta_values, array_column( $already_migrated[ $entity_id ][ $meta_key ], 'meta_value' ) );
 					if ( 0 === count( $unique_meta_values ) ) {
 						continue;
 					}

From c3de418298145523e311a1575a923c0d72253a50 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 15 Apr 2022 15:43:45 +0530
Subject: [PATCH 107/327] Add value clause for better testing.

---
 .../Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index c1c49ca51a8..0ce28630aff 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -118,7 +118,7 @@ WHERE order_id = {$order_id}
 			$wpdb->get_var(
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
-WHERE order_id = {$order_id} AND meta_key = 'unique_key_1'
+WHERE order_id = {$order_id} AND meta_key = 'unique_key_1' AND meta_value = 'unique_value_1'
 "
 			)
 		);
@@ -127,7 +127,7 @@ WHERE order_id = {$order_id} AND meta_key = 'unique_key_1'
 			$wpdb->get_var(
 				"
 SELECT COUNT(*) FROM {$this->data_store::get_meta_table_name()}
-WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1'
+WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in ( 'non_unique_value_1', 'non_unique_value_2' )
 "
 			)
 		);

From 773508d6383bc3edd4e69bdd4a5f4c48a7f597cc Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 14:29:52 +0530
Subject: [PATCH 108/327] Applied coding standards.

---
 .../MetaToMetaTableMigrator.php               | 85 ++++++++++++++++---
 1 file changed, 74 insertions(+), 11 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 92b14c4512b..00d7a62ed1a 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -30,13 +30,52 @@ abstract class MetaToMetaTableMigrator {
 	 */
 	protected $errors;
 
-	public abstract function get_meta_config();
+	/**
+	 * Returns config for the migration.
+	 *
+	 * @return array Meta config, must be in following format:
+	 * array(
+	 *  'source'      => array(
+	 *      'meta'          => array(
+	 *          'table_name'        => source_meta_table_name,
+	 *          'entity_id_column'  => entity_id column name in source meta table,
+	 *          'meta_key_column'   => meta_key column',
+	 *          'meta_value_column' => meta_value column',
+	 *      ),
+	 *      'entity' => array(
+	 *          'table_name'       => entity table name for the meta table,
+	 *          'source_id_column' => column name in entity table which maps to meta table,
+	 *          'id_column'        => id column in entity table,
+	 *      ),
+	 *      'excluded_keys' => array of keys to exclude,
+	 *  ),
+	 *  'destination' => array(
+	 *      'meta'   => array(
+	 *          'table_name'        => destination meta table name,
+	 *          'entity_id_column'  => entity_id column in meta table,
+	 *          'meta_key_column'   => meta key column,
+	 *          'meta_value_column' => meta_value column,
+	 *          'entity_id_type'    => data type of entity id,
+	 *          'meta_id_column'    => id column in meta table,
+	 *      ),
+	 *  ),
+	 * )
+	 */
+	abstract public function get_meta_config();
 
+	/**
+	 * MetaToMetaTableMigrator constructor.
+	 */
 	public function __construct() {
 		$this->schema_config = $this->get_meta_config();
 		$this->errors        = array();
 	}
 
+	/**
+	 * Process migration for provided entity ids.
+	 *
+	 * @param array $entity_ids Entity IDs to process migration for.
+	 */
 	public function process_migration_batch_for_ids( $entity_ids ) {
 		global $wpdb;
 		$to_migrate = $this->fetch_data_for_migration_for_ids( $entity_ids );
@@ -50,20 +89,26 @@ abstract class MetaToMetaTableMigrator {
 			// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- $insert_queries should already be escaped in the generating function.
 			$result = $wpdb->query( $insert_queries );
 			$wpdb->query( 'COMMIT;' );
-			if ( count( $to_insert ) !== $result ) {
-				// TODO: Find and log entity ids that were not inserted.
-			}
+			// TODO: Find and log entity ids that were not inserted.
 		}
 
 		if ( empty( $to_update ) ) {
 			return;
 		}
 		$update_queries = $this->generate_update_sql_for_batch( $to_update );
-		$result         = $wpdb->query( $update_queries );
+		// phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- update queries are autogenerated and should already be prepared.
+		$result = $wpdb->query( $update_queries );
 		$wpdb->query( 'COMMIT;' );
 		// TODO: Find and log error updates.
 	}
 
+	/**
+	 * Generate update SQL for given batch.
+	 *
+	 * @param array $batch List of data to generate update SQL for. Should be in same format as output of $this->fetch_data_for_migration_for_ids.
+	 *
+	 * @return string Query to update batch records.
+	 */
 	public function generate_update_sql_for_batch( $batch ) {
 		global $wpdb;
 
@@ -80,7 +125,9 @@ abstract class MetaToMetaTableMigrator {
 		$values                       = array();
 		foreach ( $batch as $entity_id => $rows ) {
 			foreach ( $rows as $meta_key => $meta_details ) {
+
 				$values[] = $wpdb->prepare(
+				// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- Placeholder string is already being prepared.
 					"( $placeholder_string )",
 					array( $meta_details['id'], $entity_id, $meta_key, $meta_details['meta_value'] )
 				);
@@ -97,9 +144,8 @@ abstract class MetaToMetaTableMigrator {
 	 * Generate insert sql queries for batches.
 	 *
 	 * @param array $batch Data to generate queries for.
-	 * @param string $insert_switch Insert switch to use.
 	 *
-	 * @return string
+	 * @return string Insert SQL query.
 	 */
 	public function generate_insert_sql_for_batch( $batch ) {
 		global $wpdb;
@@ -119,7 +165,7 @@ abstract class MetaToMetaTableMigrator {
 					$query_params = array(
 						$entity_id,
 						$meta_key,
-						$meta_value
+						$meta_value,
 					);
 					// phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $placeholder_string is hardcoded.
 					$value_sql = $wpdb->prepare( "$placeholder_string", $query_params );
@@ -145,7 +191,6 @@ abstract class MetaToMetaTableMigrator {
 	 *      ...,
 	 *   ),
 	 *  'errors' => array(
-	 *      'id_1' => array( 'column1' => error1, 'column2' => value2, ...),
 	 *      ...,
 	 * )
 	 */
@@ -187,6 +232,13 @@ abstract class MetaToMetaTableMigrator {
 		);
 	}
 
+	/**
+	 * Helper method to get already migrated records. Will be used to find prevent migration of already migrated records.
+	 *
+	 * @param array $entity_ids List of entity ids to check for.
+	 *
+	 * @return array Already migrated records.
+	 */
 	private function get_already_migrated_records( $entity_ids ) {
 		global $wpdb;
 
@@ -199,6 +251,7 @@ abstract class MetaToMetaTableMigrator {
 		$entity_id_type_placeholder = MigrationHelper::get_wpdb_placeholder_for_type( $this->schema_config['destination']['meta']['entity_id_type'] );
 		$entity_ids_placeholder     = implode( ',', array_fill( 0, count( $entity_ids ), $entity_id_type_placeholder ) );
 
+		// phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- All columns are hardcoded.
 		$data_already_migrated = $wpdb->get_results(
 			$wpdb->prepare(
 				"
@@ -213,6 +266,7 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 				$entity_ids
 			)
 		);
+		// phpcs:enable
 
 		$already_migrated = array();
 
@@ -227,12 +281,21 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 
 			$already_migrated[ $migrate_row->entity_id ][ $migrate_row->meta_key ][] = array(
 				'id'         => $migrate_row->meta_id,
-				'meta_value' => $migrate_row->meta_value
+				'meta_value' => $migrate_row->meta_value,
 			);
 		}
+
 		return $already_migrated;
 	}
 
+	/**
+	 * Classify each record on whether to migrate or update.
+	 *
+	 * @param array $to_migrate Records to migrate.
+	 * @param array $already_migrated Records already migrated.
+	 *
+	 * @return array[] Returns two arrays, first for records to migrate, and second for records to upgrade.
+	 */
 	private function classify_update_insert_records( $to_migrate, $already_migrated ) {
 		$to_update = array();
 		$to_insert = array();
@@ -254,7 +317,7 @@ WHERE destination.$destination_entity_id_column in ( $entity_ids_placeholder ) O
 						}
 						$to_update[ $entity_id ][ $meta_key ] = array(
 							'id'         => $already_migrated[ $entity_id ][ $meta_key ][0]['id'],
-							'meta_value' => $meta_values[0]
+							'meta_value' => $meta_values[0],
 						);
 						continue;
 					}

From e042218135268df971569451357ec16b36174294 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 14:32:42 +0530
Subject: [PATCH 109/327] Applied coding standards.

---
 .../WPPostMetaToOrderMetaMigrator.php         | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
index ec464f06ca2..e8dd2a55ecd 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/WPPostMetaToOrderMetaMigrator.php
@@ -1,11 +1,29 @@
 <?php
+/**
+ * Migration class for migrating from WPPostMeta to OrderMeta table.
+ */
 
 namespace Automattic\WooCommerce\Database\Migrations\CustomOrderTable;
 
+/**
+ * Class WPPostMetaToOrderMetaMigrator.
+ *
+ * @package Automattic\WooCommerce\Database\Migrations\CustomOrderTable
+ */
 class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 
+	/**
+	 * List of meta keys to exclude from migration.
+	 *
+	 * @var array
+	 */
 	private $excluded_columns;
 
+	/**
+	 * WPPostMetaToOrderMetaMigrator constructor.
+	 *
+	 * @param array $excluded_columns List of meta keys to exclude from migration.
+	 */
 	public function __construct( $excluded_columns ) {
 		$this->excluded_columns = $excluded_columns;
 		parent::__construct();
@@ -34,7 +52,7 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 				),
-				'entity' => array(
+				'entity'        => array(
 					'table_name'       => $this->table_names['orders'],
 					'source_id_column' => 'post_id',
 					'id_column'        => 'id',
@@ -42,13 +60,13 @@ class WPPostMetaToOrderMetaMigrator extends MetaToMetaTableMigrator {
 				'excluded_keys' => $this->excluded_columns,
 			),
 			'destination' => array(
-				'meta'   => array(
+				'meta' => array(
 					'table_name'        => $this->table_names['meta'],
 					'entity_id_column'  => 'order_id',
 					'meta_key_column'   => 'meta_key',
 					'meta_value_column' => 'meta_value',
 					'entity_id_type'    => 'int',
-					'meta_id_column'    => 'id'
+					'meta_id_column'    => 'id',
 				),
 			),
 		);

From e71f949edbcb944c17aaa9bf49f2e58bcea0a370 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 14:37:53 +0530
Subject: [PATCH 110/327] Add changelog.

---
 plugins/woocommerce/changelog/cot-meta_migrations | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/cot-meta_migrations

diff --git a/plugins/woocommerce/changelog/cot-meta_migrations b/plugins/woocommerce/changelog/cot-meta_migrations
new file mode 100644
index 00000000000..b3ca16c0344
--- /dev/null
+++ b/plugins/woocommerce/changelog/cot-meta_migrations
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Enable meta table to meta table migrations towards custom table project.

From 39283ddc88a47181f1cc793cfcbb0cdfa880ea23 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Mon, 18 Apr 2022 15:41:06 +0530
Subject: [PATCH 111/327] Applied coding standards.

---
 .../WPPostToCOTMigratorTest.php               | 46 ++++++++++++++-----
 1 file changed, 34 insertions(+), 12 deletions(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index 0ce28630aff..bb81dfbc7fd 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -174,7 +174,7 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 	/**
 	 * Helper method to get address details from DB.
 	 *
-	 * @param int $order_id Order ID.
+	 * @param int    $order_id Order ID.
 	 * @param string $address_type Address Type.
 	 *
 	 * @return array|object|void|null DB object.
@@ -202,10 +202,18 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		return $wpdb->get_row( "SELECT * FROM $operational_data_table WHERE order_id = $order_id;" );
 	}
 
+	/**
+	 * Helper method to get meta data from custom order tables for given order id.
+	 *
+	 * @param int $order_id Order ID.
+	 *
+	 * @return array Meta data for an order ID.
+	 */
 	private function get_meta_data_from_cot( $order_id ) {
 		global $wpdb;
 		$metadata_table = $this->data_store::get_meta_table_name();
 
+		// phpcs:ignore
 		return $wpdb->get_results( "SELECT * FROM $metadata_table WHERE order_id = $order_id;" );
 	}
 
@@ -387,25 +395,39 @@ WHERE order_id = {$order_id} AND meta_key = 'non_unique_key_1' AND meta_value in
 		$this->assertEquals( (float) $order->get_discount_total(), (float) $db_order_op_data->discount_total_amount );
 	}
 
+	/**
+	 * Helper method to assert that metadata is migrated for an order.
+	 *
+	 * @param WP_Post $order WP_Post order object.
+	 */
 	private function assert_metadata_is_migrated( $order ) {
 		$db_order  = $this->get_order_from_cot( $order );
 		$meta_data = $this->get_meta_data_from_cot( $db_order->id );
 
-		$unique_row = array_filter( $meta_data, function ( $meta_row ) {
-			return 'unique_key_1' === $meta_row->meta_key;
-		} );
+		$unique_row = array_filter(
+			$meta_data,
+			function ( $meta_row ) {
+				return 'unique_key_1' === $meta_row->meta_key;
+			}
+		);
 
 		$this->assertEquals( 1, count( $unique_row ) );
-		$this->assertEquals( 'unique_value_1', array_values( $unique_row)[0]->meta_value );
+		$this->assertEquals( 'unique_value_1', array_values( $unique_row )[0]->meta_value );
 
-		$non_unique_rows = array_filter( $meta_data, function ( $meta_row ) {
-			return 'non_unique_key_1' === $meta_row->meta_key;
-		} );
+		$non_unique_rows = array_filter(
+			$meta_data,
+			function ( $meta_row ) {
+				return 'non_unique_key_1' === $meta_row->meta_key;
+			}
+		);
 		$this->assertEquals( 2, count( $non_unique_rows ) );
-		$this->assertEquals( array(
-			'non_unique_value_1',
-			'non_unique_value_2'
-		), array_column( $non_unique_rows, 'meta_value' ) );
+		$this->assertEquals(
+			array(
+				'non_unique_value_1',
+				'non_unique_value_2',
+			),
+			array_column( $non_unique_rows, 'meta_value' )
+		);
 	}
 
 	/**

From fa77484d59dd7f89b8e872b30f2180bde448d549 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 22 Apr 2022 14:28:30 +0530
Subject: [PATCH 112/327] Enable test back.

---
 .../Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php  | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
index bb81dfbc7fd..314ef8c9772 100644
--- a/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
+++ b/plugins/woocommerce/tests/php/src/Database/Migrations/CustomOrderTable/WPPostToCOTMigratorTest.php
@@ -34,11 +34,6 @@ class WPPostToCOTMigratorTest extends WC_Unit_Test_Case {
 	 * Setup data_store and sut.
 	 */
 	public function setUp(): void {
-
-		// TODO: Remove this once the migrations have been adapted to the removal of the post_id column.
-		$this->markTestSkipped( 'Temporarily skipping until the migrations have been adapted to the removal of the post_id column.' );
-		return;
-
 		parent::setUp();
 		$this->create_order_custom_table_if_not_exist();
 		$this->data_store = wc_get_container()->get( OrdersTableDataStore::class );

From b060e1b1f0a10372930b7c58915ddf4993471c48 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 22 Apr 2022 14:28:55 +0530
Subject: [PATCH 113/327] Dont use `list` format for php compatibility.

---
 .../Migrations/CustomOrderTable/MetaToMetaTableMigrator.php   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
index 00d7a62ed1a..58614bd92fe 100644
--- a/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
+++ b/plugins/woocommerce/src/Database/Migrations/CustomOrderTable/MetaToMetaTableMigrator.php
@@ -82,7 +82,9 @@ abstract class MetaToMetaTableMigrator {
 
 		$already_migrated = $this->get_already_migrated_records( array_keys( $to_migrate['data'] ) );
 
-		list( $to_insert, $to_update ) = $this->classify_update_insert_records( $to_migrate['data'], $already_migrated );
+		$data = $this->classify_update_insert_records( $to_migrate['data'], $already_migrated );
+		$to_insert = $data[0];
+		$to_update = $data[1];
 
 		if ( ! empty( $to_insert ) ) {
 			$insert_queries = $this->generate_insert_sql_for_batch( $to_insert );

From 6b23370edb12131e1e9c91481413a0ede88247b0 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 20 Apr 2022 19:02:25 +0530
Subject: [PATCH 114/327] Implement read method in custom order table
 datastore.

---
 .../Orders/OrdersTableDataStore.php           | 465 +++++++++++++++++-
 .../Orders/OrdersTableDataStoreTests.php      |  47 ++
 2 files changed, 510 insertions(+), 2 deletions(-)
 create mode 100644 plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php

diff --git a/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php b/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php
index f3dd7a3c60e..7cf0e046c4d 100644
--- a/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php
+++ b/plugins/woocommerce/src/Internal/DataStores/Orders/OrdersTableDataStore.php
@@ -19,6 +19,7 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 	 */
 	public static function get_orders_table_name() {
 		global $wpdb;
+
 		return $wpdb->prefix . 'wc_orders';
 	}
 
@@ -29,6 +30,7 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 	 */
 	public static function get_addresses_table_name() {
 		global $wpdb;
+
 		return $wpdb->prefix . 'wc_order_addresses';
 	}
 
@@ -39,6 +41,7 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 	 */
 	public static function get_operational_data_table_name() {
 		global $wpdb;
+
 		return $wpdb->prefix . 'wc_order_operational_data';
 	}
 
@@ -49,6 +52,7 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 	 */
 	public static function get_meta_table_name() {
 		global $wpdb;
+
 		return $wpdb->prefix . 'wc_orders_meta';
 	}
 
@@ -66,10 +70,267 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 		);
 	}
 
-	// TODO: Add methods for other table names as appropriate.
+	/**
+	 * Table column to WC_Order mapping for wc_orders table.
+	 *
+	 * @var \string[][]
+	 */
+	protected $order_column_mapping = array(
+		'id'                   => array(
+			'type' => 'int',
+			'name' => 'id',
+		),
+		'status'               => array(
+			'type' => 'string',
+			'name' => 'status',
+		),
+		'currency'             => array(
+			'type' => 'string',
+			'name' => 'currency',
+		),
+		'tax_amount'           => array(
+			'type' => 'decimal',
+			'name' => 'cart_tax',
+		),
+		'total_amount'         => array(
+			'type' => 'decimal',
+			'name' => 'total',
+		),
+		'customer_id'          => array(
+			'type' => 'int',
+			'name' => 'customer_id',
+		),
+		'billing_email'        => array(
+			'type' => 'int',
+			'name' => 'billing_email',
+		),
+		'date_created_gmt'     => array(
+			'type' => 'date',
+			'name' => 'date_created',
+		),
+		'date_updated_gmt'     => array(
+			'type' => 'date',
+			'name' => 'date_modified',
+		),
+		'parent_order_id'      => array(
+			'type' => 'int',
+			'name' => 'parent_id',
+		),
+		'payment_method'       => array(
+			'type' => 'string',
+			'name' => 'payment_method',
+		),
+		'payment_method_title' => array(
+			'type' => 'string',
+			'name' => 'payment_method_title',
+		),
+		'ip_address'           => array(
+			'type' => 'string',
+			'name' => 'customer_ip_address',
+		),
+		'transaction_id'       => array(
+			'type' => 'string',
+			'name' => 'transaction_id',
+		),
+		'user_agent'           => array(
+			'type' => 'string',
+			'name' => 'customer_user_agent',
+		),
+	);
+
+	/**
+	 * Table column to WC_Order mapping for billing addresses in wc_address table.
+	 *
+	 * @var \string[][]
+	 */
+	protected $billing_address_column_mapping = array(
+		'id'           => array( 'type' => 'int' ),
+		'order_id'     => array( 'type' => 'int' ),
+		'address_type' => array( 'type' => 'string' ),
+		'first_name'   => array(
+			'type' => 'string',
+			'name' => 'billing_first_name',
+		),
+		'last_name'    => array(
+			'type' => 'string',
+			'name' => 'billing_last_name',
+		),
+		'company'      => array(
+			'type' => 'string',
+			'name' => 'billing_company',
+		),
+		'address_1'    => array(
+			'type' => 'string',
+			'name' => 'billing_address_1',
+		),
+		'address_2'    => array(
+			'type' => 'string',
+			'name' => 'billing_address_2',
+		),
+		'city'         => array(
+			'type' => 'string',
+			'name' => 'billing_city',
+		),
+		'state'        => array(
+			'type' => 'string',
+			'name' => 'billing_state',
+		),
+		'postcode'     => array(
+			'type' => 'string',
+			'name' => 'billing_postcode',
+		),
+		'country'      => array(
+			'type' => 'string',
+			'name' => 'billing_country',
+		),
+		'email'        => array(
+			'type' => 'string',
+			'name' => 'billing_email',
+		),
+		'phone'        => array(
+			'type' => 'string',
+			'name' => 'billing_phone',
+		),
+	);
+
+	/**
+	 * Table column to WC_Order mapping for shipping addresses in wc_address table.
+	 *
+	 * @var \string[][]
+	 */
+	protected $shipping_address_column_mapping = array(
+		'id'           => array( 'type' => 'int' ),
+		'order_id'     => array( 'type' => 'int' ),
+		'address_type' => array( 'type' => 'string' ),
+		'first_name'   => array(
+			'type' => 'string',
+			'name' => 'shipping_first_name',
+		),
+		'last_name'    => array(
+			'type' => 'string',
+			'name' => 'shipping_last_name',
+		),
+		'company'      => array(
+			'type' => 'string',
+			'name' => 'shipping_company',
+		),
+		'address_1'    => array(
+			'type' => 'string',
+			'name' => 'shipping_address_1',
+		),
+		'address_2'    => array(
+			'type' => 'string',
+			'name' => 'shipping_address_2',
+		),
+		'city'         => array(
+			'type' => 'string',
+			'name' => 'shipping_city',
+		),
+		'state'        => array(
+			'type' => 'string',
+			'name' => 'shipping_state',
+		),
+		'postcode'     => array(
+			'type' => 'string',
+			'name' => 'shipping_postcode',
+		),
+		'country'      => array(
+			'type' => 'string',
+			'name' => 'shipping_country',
+		),
+		'email'        => array( 'type' => 'string' ),
+		'phone'        => array(
+			'type' => 'string',
+			'name' => 'shipping_phone',
+		),
+	);
+
+	/**
+	 * Table column to WC_Order mapping for wc_operational_data table.
+	 *
+	 * @var \string[][]
+	 */
+	protected $operational_data_column_mapping = array(
+		'id'                          => array( 'type' => 'int' ),
+		'order_id'                    => array( 'type' => 'int' ),
+		'created_via'                 => array(
+			'type' => 'string',
+			'name' => 'created_via',
+		),
+		'woocommerce_version'         => array(
+			'type' => 'string',
+			'name' => 'version',
+		),
+		'prices_include_tax'          => array(
+			'type' => 'string',
+			'name' => 'prices_include_tax',
+		),
+		'coupon_usages_are_counted'   => array( 'type' => 'bool' ),
+		'download_permission_granted' => array( 'type' => 'bool' ),
+		'cart_hash'                   => array(
+			'type' => 'string',
+			'name' => 'cart_hash',
+		),
+		'new_order_email_sent'        => array( 'type' => 'string' ),
+		'order_key'                   => array(
+			'type' => 'string',
+			'name' => 'order_key',
+		),
+		'order_stock_reduced'         => array( 'type' => 'bool' ),
+		'date_paid_gmt'               => array(
+			'type' => 'date',
+			'name' => 'date_paid',
+		),
+		'date_completed_gmt'          => array(
+			'type' => 'date',
+			'name' => 'date_completed',
+		),
+		'shipping_tax_amount'         => array(
+			'type' => 'decimal',
+			'name' => 'shipping_tax',
+		),
+		'shipping_total_amount'       => array(
+			'type' => 'decimal',
+			'name' => 'shipping_total',
+		),
+		'discount_tax_amount'         => array(
+			'type' => 'decimal',
+			'name' => 'discount_tax',
+		),
+		'discount_total_amount'       => array(
+			'type' => 'decimal',
+			'name' => 'discount_total_amount',
+		),
+	);
+
+	/**
+	 * Cache variable to store combined mapping.
+	 *
+	 * @var array[][][]
+	 */
+	private $all_order_column_mapping;
+
+	/**
+	 * Return combined mappings for all order tables.
+	 *
+	 * @return array|\array[][][] Return combined mapping.
+	 */
+	public function get_all_order_column_mappings() {
+		if ( ! isset( $this->all_order_column_mapping ) ) {
+			$this->all_order_column_mapping = array(
+				'orders'           => $this->order_column_mapping,
+				'billing_address'  => $this->billing_address_column_mapping,
+				'shipping_address' => $this->shipping_address_column_mapping,
+				'operational_data' => $this->operational_data_column_mapping,
+			);
+		}
+
+		return $this->all_order_column_mapping;
+	}
 
 	//phpcs:disable Squiz.Commenting, Generic.Commenting
 
+	// TODO: Add methods for other table names as appropriate.
 	public function get_total_refunded( $order ) {
 		// TODO: Implement get_total_refunded() method.
 		return 0;
@@ -142,6 +403,205 @@ class OrdersTableDataStore extends \Abstract_WC_Order_Data_Store_CPT implements
 		return 'shop_order';
 	}
 
+	//phpcs:enable Squiz.Commenting, Generic.Commenting
+
+	/**
+	 * Method to read an order from custom tables.
+	 *
+	 * @param \WC_Order $order Order object.
+	 *
+	 * @throws \Exception If passed order is invalid.
+	 */
+	public function read( &$order ) {
+		$order->set_defaults();
+		if ( ! $order->get_id() ) {
+			throw new \Exception( __( 'ID must be set for an order to be read', 'woocommerce' ) );
+		}
+		$order_data = $this->get_order_data_for_id( $order->get_id() );
+		foreach ( $this->get_all_order_column_mappings() as $table_name => $column_mapping ) {
+			foreach ( $column_mapping as $column_name => $prop_details ) {
+				if ( ! isset( $prop_details['name'] ) ) {
+					continue;
+				}
+				$prop_setter_function_name = "set_{$prop_details['name']}";
+				if ( is_callable( array( $order, $prop_setter_function_name ) ) ) {
+					$order->{$prop_setter_function_name}( $order_data->{$prop_details['name']} );
+				}
+			}
+		}
+
+		$order->set_object_read();
+	}
+
+	/**
+	 * Return order data for a single order ID.
+	 *
+	 * @param int $id Order ID.
+	 *
+	 * @return object|\WP_Error DB order object or WP_Error.
+	 */
+	private function get_order_data_for_id( $id ) {
+		$results = $this->get_order_data_for_ids( array( $id ) );
+
+		return is_array( $results ) && count( $results ) > 0 ? $results[0] : $results;
+	}
+
+	/**
+	 * Return order data for multiple IDs.
+	 *
+	 * @param array $ids List of order IDs.
+	 *
+	 * @return array|object|null DB Order objects or error.
+	 */
+	private function get_order_data_for_ids( $ids ) {
+		global $wpdb;
+		$order_table_query = $this->get_order_table_select_statement();
+		$id_placeholder    = implode( ', ', array_fill( 0, count( $ids ), '%d' ) );
+
+		// phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared, WordPress.DB.PreparedSQLPlaceholders.UnfinishedPrepare -- $order_table_query is autogenerated and should already be prepared.
+		return $wpdb->get_results(
+			$wpdb->prepare(
+				"$order_table_query WHERE wc_order.id in ( $id_placeholder )",
+				$ids
+			)
+		);
+		// phpcs:enable
+	}
+
+	/**
+	 * Helper method to generate combined select statement.
+	 *
+	 * @return string Select SQL statement to fetch order.
+	 */
+	private function get_order_table_select_statement() {
+		$order_table                  = $this::get_orders_table_name();
+		$order_table_alias            = 'wc_order';
+		$select_clause                = $this->generate_select_clause_for_props( $order_table_alias, $this->order_column_mapping );
+		$billing_address_table_alias  = 'address_billing';
+		$shipping_address_table_alias = 'address_shipping';
+		$op_data_table_alias          = 'order_operational_data';
+		$billing_address_clauses      = $this->join_billing_address_table_to_order_query( $order_table_alias, $billing_address_table_alias );
+		$shipping_address_clauses     = $this->join_shipping_address_table_to_order_query( $order_table_alias, $shipping_address_table_alias );
+		$operational_data_clauses     = $this->join_operational_data_table_to_order_query( $order_table_alias, $op_data_table_alias );
+
+		return "
+SELECT $select_clause, {$billing_address_clauses['select']}, {$shipping_address_clauses['select']}, {$operational_data_clauses['select']}
+FROM $order_table $order_table_alias
+LEFT JOIN {$billing_address_clauses['join']}
+LEFT JOIN {$shipping_address_clauses['join']}
+LEFT JOIN {$operational_data_clauses['join']}
+";
+	}
+
+	/**
+	 * Helper method to generate join query for billing addresses in wc_address table.
+	 *
+	 * @param string $order_table_alias Alias for order table to use in join.
+	 * @param string $address_table_alias Alias for address table to use in join.
+	 *
+	 * @return array Select and join statements for billing address table.
+	 */
+	private function join_billing_address_table_to_order_query( $order_table_alias, $address_table_alias ) {
+		return $this->join_address_table_order_query( 'billing', $order_table_alias, $address_table_alias );
+	}
+
+	/**
+	 * Helper method to generate join query for shipping addresses in wc_address table.
+	 *
+	 * @param string $order_table_alias Alias for order table to use in join.
+	 * @param string $address_table_alias Alias for address table to use in join.
+	 *
+	 * @return array Select and join statements for shipping address table.
+	 */
+	private function join_shipping_address_table_to_order_query( $order_table_alias, $address_table_alias ) {
+		return $this->join_address_table_order_query( 'shipping', $order_table_alias, $address_table_alias );
+	}
+
+	/**
+	 * Helper method to generate join and select query for address table.
+	 *
+	 * @param string $address_type Type of address. Typically will be `billing` or `shipping`.
+	 * @param string $order_table_alias Alias of order table to use.
+	 * @param string $address_table_alias Alias for address table to use.
+	 *
+	 * @return array Select and join statements for address table.
+	 */
+	private function join_address_table_order_query( $address_type, $order_table_alias, $address_table_alias ) {
+		global $wpdb;
+		$address_table    = $this::get_addresses_table_name();
+		$column_props_map = 'billing' === $address_type ? $this->billing_address_column_mapping : $this->shipping_address_column_mapping;
+		$clauses          = $this->generate_select_and_join_clauses( $order_table_alias, $address_table, $address_table_alias, $column_props_map );
+		// phpcs:disable WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- $clauses['join'] and $address_table_alias are hardcoded.
+		$clauses['join'] = $wpdb->prepare(
+			"{$clauses['join']} AND $address_table_alias.address_type = %s",
+			$address_type
+		);
+		// phpcs:enable
+		return array(
+			'select' => $clauses['select'],
+			'join'   => $clauses['join'],
+		);
+	}
+
+	/**
+	 * Helper method to join order operational data table.
+	 *
+	 * @param string $order_table_alias Alias to use for order table.
+	 * @param string $operational_table_alias Alias to use for operational data table.
+	 *
+	 * @return array Select and join queries for operational data table.
+	 */
+	private function join_operational_data_table_to_order_query( $order_table_alias, $operational_table_alias ) {
+		$operational_data_table = $this::get_operational_data_table_name();
+
+		return $this->generate_select_and_join_clauses(
+			$order_table_alias,
+			$operational_data_table,
+			$operational_table_alias,
+			$this->operational_data_column_mapping
+		);
+	}
+
+	/**
+	 * Helper method to generate join and select clauses.
+	 *
+	 * @param string  $order_table_alias Alias for order table.
+	 * @param string  $table Table to join.
+	 * @param string  $table_alias Alias for table to join.
+	 * @param array[] $column_props_map Column to prop map for table to join.
+	 *
+	 * @return array Select and join queries.
+	 */
+	private function generate_select_and_join_clauses( $order_table_alias, $table, $table_alias, $column_props_map ) {
+		// Add aliases to column names so they will be unique when fetching.
+		$select_clause = $this->generate_select_clause_for_props( $table_alias, $column_props_map );
+		$join_clause   = "$table $table_alias ON $table_alias.order_id = $order_table_alias.id";
+
+		return array(
+			'select' => $select_clause,
+			'join'   => $join_clause,
+		);
+	}
+
+	/**
+	 * Helper method to generate select clause for props.
+	 *
+	 * @param string  $table_alias Alias for table.
+	 * @param array[] $props Props to column mapping for table.
+	 *
+	 * @return string Select clause.
+	 */
+	private function generate_select_clause_for_props( $table_alias, $props ) {
+		$select_clauses = array();
+		foreach ( $props as $column_name => $prop_details ) {
+			$select_clauses[] = isset( $prop_details['name'] ) ? "$table_alias.$column_name as {$prop_details['name']}" : "$table_alias.$column_name as {$table_alias}_$column_name";
+		}
+
+		return implode( ', ', $select_clauses );
+	}
+
+
+	//phpcs:disable Squiz.Commenting, Generic.Commenting
 	/**
 	 * @param \WC_Order $order
 	 */
@@ -235,7 +695,8 @@ CREATE TABLE $addresses_table_name (
 	country text null,
 	email varchar(320) null,
 	phone varchar(100) null,
-	KEY order_id (order_id)
+	KEY order_id (order_id),
+	KEY address_type_order_id (address_type, order_id)
 );
 CREATE TABLE $operational_data_table_name (
 	id bigint(20) unsigned auto_increment primary key,
diff --git a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
new file mode 100644
index 00000000000..f5f8b406b7d
--- /dev/null
+++ b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
@@ -0,0 +1,47 @@
+<?php
+
+use Automattic\WooCommerce\Database\Migrations\CustomOrderTable\WPPostToCOTMigrator;
+use Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore;
+use Automattic\WooCommerce\RestApi\UnitTests\Helpers\OrderHelper;
+
+class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
+
+	/**
+	 * @var WPPostToCOTMigrator
+	 */
+	private $migrator;
+
+	/**
+	 * @var OrdersTableDataStore
+	 */
+	private $sut;
+
+	/**
+	 * @var WC_Order_Data_Store_CPT
+	 */
+	private $cpt_data_store;
+
+	public function setUp(): void {
+		parent::setUp();
+		OrderHelper::create_order_custom_table_if_not_exist();
+		$this->sut = wc_get_container()->get( OrdersTableDataStore::class );
+		$this->migrator = wc_get_container()->get( WPPostToCOTMigrator::class );
+		$this->cpt_data_store = new WC_Order_Data_Store_CPT();
+	}
+
+	public function test_read_from_migrated_order() {
+		$post_order_id = OrderHelper::create_complex_wp_post_order();
+		$this->migrator->process_migration_for_ids( array( $post_order_id ) );
+
+		$cot_order = new WC_Order();
+		$cot_order->set_id( $post_order_id );
+		$this->sut->read( $cot_order );
+
+		$post_order = new WC_Order();
+		$post_order->set_id( $post_order_id );
+		$this->cpt_data_store->read( $post_order );
+
+		$this->assertEquals( $cot_order->get_status(), $post_order->get_status() );
+	}
+
+}

From 57f66ffa7a0e11008d824f75ce964caa599cc4c2 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 22 Apr 2022 14:07:43 +0530
Subject: [PATCH 115/327] Add test for read method in custom order table data
 store.

---
 .../Orders/OrdersTableDataStoreTests.php      | 28 +++++++++++++++++--
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
index f5f8b406b7d..356a51607ec 100644
--- a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
+++ b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
@@ -4,6 +4,11 @@ use Automattic\WooCommerce\Database\Migrations\CustomOrderTable\WPPostToCOTMigra
 use Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore;
 use Automattic\WooCommerce\RestApi\UnitTests\Helpers\OrderHelper;
 
+/**
+ * Class OrdersTableDataStoreTests.
+ *
+ * Test or OrdersTableDataStore class.
+ */
 class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
 
 	/**
@@ -21,14 +26,20 @@ class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
 	 */
 	private $cpt_data_store;
 
+	/**
+	 * Initializes system under test.
+	 */
 	public function setUp(): void {
 		parent::setUp();
 		OrderHelper::create_order_custom_table_if_not_exist();
-		$this->sut = wc_get_container()->get( OrdersTableDataStore::class );
-		$this->migrator = wc_get_container()->get( WPPostToCOTMigrator::class );
+		$this->sut            = wc_get_container()->get( OrdersTableDataStore::class );
+		$this->migrator       = wc_get_container()->get( WPPostToCOTMigrator::class );
 		$this->cpt_data_store = new WC_Order_Data_Store_CPT();
 	}
 
+	/**
+	 * Test reading from migrated post order.
+	 */
 	public function test_read_from_migrated_order() {
 		$post_order_id = OrderHelper::create_complex_wp_post_order();
 		$this->migrator->process_migration_for_ids( array( $post_order_id ) );
@@ -41,7 +52,18 @@ class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
 		$post_order->set_id( $post_order_id );
 		$this->cpt_data_store->read( $post_order );
 
-		$this->assertEquals( $cot_order->get_status(), $post_order->get_status() );
+		$post_order_data    = $post_order->get_data();
+		$string_to_num_keys = array( 'discount_total', 'discount_tax', 'shipping_total', 'shipping_tax', 'cart_tax' );
+		array_walk(
+			$post_order_data,
+			function ( &$data, $key ) use ( $string_to_num_keys ) {
+				if ( in_array( $key, $string_to_num_keys, true ) ) {
+					$data = (float) $data;
+				}
+			}
+		);
+
+		$this->assertEquals( $post_order_data, $cot_order->get_data() );
 	}
 
 }

From 5d18e52d4f7344b9e09e56ba31f7fdd9ec6c3829 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 22 Apr 2022 15:29:29 +0530
Subject: [PATCH 116/327] Remove temporary table hooks since they need to be
 referenced multiple times.

---
 .../DataStores/Orders/OrdersTableDataStoreTests.php         | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
index 356a51607ec..6cd91e44dfd 100644
--- a/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
+++ b/plugins/woocommerce/tests/php/src/Internal/DataStores/Orders/OrdersTableDataStoreTests.php
@@ -31,10 +31,16 @@ class OrdersTableDataStoreTests extends WC_Unit_Test_Case {
 	 */
 	public function setUp(): void {
 		parent::setUp();
+		// Remove the Test Suite’s use of temporary tables https://wordpress.stackexchange.com/a/220308.
+		remove_filter( 'query', array( $this, '_create_temporary_tables' ) );
+		remove_filter( 'query', array( $this, '_drop_temporary_tables' ) );
 		OrderHelper::create_order_custom_table_if_not_exist();
 		$this->sut            = wc_get_container()->get( OrdersTableDataStore::class );
 		$this->migrator       = wc_get_container()->get( WPPostToCOTMigrator::class );
 		$this->cpt_data_store = new WC_Order_Data_Store_CPT();
+		// Add back removed filter.
+		add_filter( 'query', array( $this, '_create_temporary_tables' ) );
+		add_filter( 'query', array( $this, '_drop_temporary_tables' ) );
 	}
 
 	/**

From ebd4b8a676be39d154bd3e3bbc21defe4ac5eed5 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Fri, 22 Apr 2022 15:46:34 +0530
Subject: [PATCH 117/327] Add changelog.

---
 plugins/woocommerce/changelog/cot-32669 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/cot-32669

diff --git a/plugins/woocommerce/changelog/cot-32669 b/plugins/woocommerce/changelog/cot-32669
new file mode 100644
index 00000000000..1f09541fb3c
--- /dev/null
+++ b/plugins/woocommerce/changelog/cot-32669
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add `read` method to custom order table datastore.

From 015c48c6ab8c9e3cff427530ff17cf736fbd091b Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Fri, 22 Apr 2022 10:08:35 -0300
Subject: [PATCH 118/327] Add preview store button

---
 .../client/activity-panel/activity-panel.js   | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce-admin/client/activity-panel/activity-panel.js b/plugins/woocommerce-admin/client/activity-panel/activity-panel.js
index 587ca99b5c5..d192b225154 100644
--- a/plugins/woocommerce-admin/client/activity-panel/activity-panel.js
+++ b/plugins/woocommerce-admin/client/activity-panel/activity-panel.js
@@ -298,9 +298,27 @@ export const ActivityPanel = ( { isEmbedded, query } ) => {
 			},
 		};
 
-		return [ activity, setup, previewSite, displayOptions, help ].filter(
-			( tab ) => tab.visible
-		);
+		const previewStore = {
+			name: 'previewStore',
+			title: __( 'Preview store', 'woocommerce' ),
+			icon: <Icon icon={ external } />,
+			visible: isHomescreen(),
+			onClick: () => {
+				window.open( getSetting( 'siteUrl' ) );
+				recordEvent( 'wcadmin_previewstore_click' );
+
+				return null;
+			},
+		};
+
+		return [
+			activity,
+			setup,
+			previewSite,
+			previewStore,
+			displayOptions,
+			help,
+		].filter( ( tab ) => tab.visible );
 	};
 
 	const getPanelContent = ( tab ) => {

From 6fb0881d7b2bcb86acf457560ff96a4109538a6b Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Fri, 22 Apr 2022 10:09:32 -0300
Subject: [PATCH 119/327] Add test

---
 .../woocommerce-admin/client/activity-panel/test/index.js   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/plugins/woocommerce-admin/client/activity-panel/test/index.js b/plugins/woocommerce-admin/client/activity-panel/test/index.js
index 7728d717cd4..1bb3d9645da 100644
--- a/plugins/woocommerce-admin/client/activity-panel/test/index.js
+++ b/plugins/woocommerce-admin/client/activity-panel/test/index.js
@@ -90,6 +90,12 @@ describe( 'Activity Panel', () => {
 		expect( screen.queryByText( 'Inbox' ) ).toBeNull();
 	} );
 
+	it( 'should render preview 2 tab on home screen', () => {
+		render( <ActivityPanel query={ { page: 'wc-admin' } } /> );
+
+		expect( screen.getByText( 'Preview store' ) ).toBeDefined();
+	} );
+
 	it( 'should not render help tab if not on home screen', () => {
 		render(
 			<ActivityPanel query={ { page: 'wc-admin', path: '/customers' } } />

From 88bcc8d3e6a1d6786c468269012aa5e130525c81 Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Fri, 22 Apr 2022 10:31:16 -0300
Subject: [PATCH 120/327] Add changelog

---
 plugins/woocommerce/changelog/add-32156_preview-store-button | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-32156_preview-store-button

diff --git a/plugins/woocommerce/changelog/add-32156_preview-store-button b/plugins/woocommerce/changelog/add-32156_preview-store-button
new file mode 100644
index 00000000000..2b97fb24018
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-32156_preview-store-button
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Preview store button to Home screen #32739

From 3601109ac1534be6599128843e1348efeeecfdd9 Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Fri, 22 Apr 2022 10:53:46 -0300
Subject: [PATCH 121/327] Fix test text

---
 plugins/woocommerce-admin/client/activity-panel/test/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/activity-panel/test/index.js b/plugins/woocommerce-admin/client/activity-panel/test/index.js
index 1bb3d9645da..4e6225d814d 100644
--- a/plugins/woocommerce-admin/client/activity-panel/test/index.js
+++ b/plugins/woocommerce-admin/client/activity-panel/test/index.js
@@ -90,7 +90,7 @@ describe( 'Activity Panel', () => {
 		expect( screen.queryByText( 'Inbox' ) ).toBeNull();
 	} );
 
-	it( 'should render preview 2 tab on home screen', () => {
+	it( 'should render preview store tab on home screen', () => {
 		render( <ActivityPanel query={ { page: 'wc-admin' } } /> );
 
 		expect( screen.getByText( 'Preview store' ) ).toBeDefined();

From 6ab9a9ae2ce1e6570ecd06ac719704419524704a Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Fri, 22 Apr 2022 12:04:51 -0300
Subject: [PATCH 122/327] Add task list slot fill support in the sectioned task
 list

---
 .../tasks/reminder-bar/reminder-bar.tsx       |   2 +-
 .../two-column-tasks/sectioned-task-list.tsx  | 101 ++---------
 .../two-column-tasks/task-list-item.tsx       | 157 ++++++++++++++++++
 3 files changed, 168 insertions(+), 92 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
index f5965e1a6c3..021992095b9 100644
--- a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
+++ b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
@@ -160,7 +160,7 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 
 	const tracksProps = {
 		completed: completedTasksCount,
-		is_homescreen: isHomescreen,
+		is_homescreen: !! isHomescreen,
 		is_active_task_page: isActiveTaskPage,
 	};
 
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
index 3063e03d773..bf349643805 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
@@ -5,22 +5,15 @@ import { __ } from '@wordpress/i18n';
 import { useEffect, useRef, useState } from '@wordpress/element';
 import { Panel, PanelBody, PanelRow } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
-import {
-	updateQueryString,
-	getHistory,
-	getNewPath,
-} from '@woocommerce/navigation';
 import {
 	OPTIONS_STORE_NAME,
 	ONBOARDING_STORE_NAME,
-	TaskType,
 	getVisibleTasks,
 	WCDataSelector,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
-import { List, TaskItem } from '@woocommerce/experimental';
+import { List } from '@woocommerce/experimental';
 import classnames from 'classnames';
-import { History } from 'history';
 
 /**
  * Internal dependencies
@@ -31,6 +24,7 @@ import TaskListCompleted from './completed';
 import { TaskListProps } from '~/tasks/task-list';
 import { ProgressHeader } from '~/task-lists/progress-header';
 import { SectionPanelTitle } from './section-panel-title';
+import { TaskListItem } from './task-list-item';
 
 type PanelBodyProps = Omit< PanelBody.Props, 'title' | 'onToggle' > & {
 	title: string | React.ReactNode | undefined;
@@ -48,10 +42,7 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 	sections,
 	displayProgressHeader,
 } ) => {
-	const { createNotice } = useDispatch( 'core/notices' );
-	const { updateOptions, dismissTask, undoDismissTask } = useDispatch(
-		OPTIONS_STORE_NAME
-	);
+	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
 	const { profileItems } = useSelect( ( select: WCDataSelector ) => {
 		const { getProfileItems } = select( ONBOARDING_STORE_NAME );
 		return {
@@ -92,18 +83,6 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 		}
 	}, [ query ] );
 
-	const onDismissTask = ( taskId: string ) => {
-		dismissTask( taskId );
-		createNotice( 'success', __( 'Task dismissed' ), {
-			actions: [
-				{
-					label: __( 'Undo', 'woocommerce-admin' ),
-					onClick: () => undoDismissTask( taskId ),
-				},
-			],
-		} );
-	};
-
 	const hideTasks = () => {
 		hideTaskList( id );
 	};
@@ -127,28 +106,6 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 		selectedHeaderCard = visibleTasks[ visibleTasks.length - 1 ];
 	}
 
-	const trackClick = ( task: TaskType ) => {
-		recordEvent( `${ eventPrefix }_click`, {
-			task_name: task.id,
-		} );
-	};
-
-	const onTaskSelected = ( task: TaskType ) => {
-		trackClick( task );
-		if ( task.actionUrl ) {
-			if ( task.actionUrl.startsWith( 'http' ) ) {
-				window.location.href = task.actionUrl;
-			} else {
-				( getHistory() as History ).push(
-					getNewPath( {}, task.actionUrl, {} )
-				);
-			}
-			return;
-		}
-
-		updateQueryString( { task: task.id } );
-	};
-
 	const getSectionTasks = ( sectionTaskIds: string[] ) => {
 		return visibleTasks.filter( ( task ) =>
 			sectionTaskIds.includes( task.id )
@@ -229,51 +186,13 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 							<PanelRow>
 								<List animation="custom">
 									{ getSectionTasks( section.tasks ).map(
-										( task ) => {
-											const className = classnames(
-												'woocommerce-task-list__item',
-												{
-													complete: task.isComplete,
-													'is-disabled':
-														task.isDisabled,
-												}
-											);
-											return (
-												<TaskItem
-													key={ task.id }
-													className={ className }
-													title={ task.title }
-													completed={
-														task.isComplete
-													}
-													expanded={
-														! task.isComplete
-													}
-													content={ task.content }
-													onClick={ () => {
-														if (
-															! task.isDisabled
-														) {
-															onTaskSelected(
-																task
-															);
-														}
-													} }
-													onDismiss={
-														task.isDismissable
-															? () =>
-																	onDismissTask(
-																		task.id
-																	)
-															: undefined
-													}
-													action={ () => {} }
-													actionLabel={
-														task.actionLabel
-													}
-												/>
-											);
-										}
+										( task ) => (
+											<TaskListItem
+												key={ task.id }
+												task={ task }
+												eventPrefix={ eventPrefix }
+											/>
+										)
 									) }
 								</List>
 							</PanelRow>
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
new file mode 100644
index 00000000000..21c86b2a935
--- /dev/null
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
@@ -0,0 +1,157 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import {
+	getHistory,
+	getNewPath,
+	updateQueryString,
+} from '@woocommerce/navigation';
+import { OPTIONS_STORE_NAME, TaskType } from '@woocommerce/data';
+import { recordEvent } from '@woocommerce/tracks';
+import { TaskItem, useSlot } from '@woocommerce/experimental';
+import { useCallback } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+import { WooOnboardingTaskListItem } from '@woocommerce/onboarding';
+import classnames from 'classnames';
+import { History } from 'history';
+
+export type TaskListItemProps = {
+	task: TaskType;
+	eventPrefix?: string;
+};
+
+export const TaskListItem: React.FC< TaskListItemProps > = ( {
+	task,
+	eventPrefix,
+} ) => {
+	const { createNotice } = useDispatch( 'core/notices' );
+	const {
+		dismissTask,
+		undoDismissTask,
+		snoozeTask,
+		undoSnoozeTask,
+	} = useDispatch( OPTIONS_STORE_NAME );
+
+	const slot = useSlot(
+		`woocommerce_onboarding_task_list_item_${ task.id }`
+	);
+	const hasFills = Boolean( slot?.fills?.length );
+
+	const trackClick = () => {
+		recordEvent( `${ eventPrefix }_click`, {
+			task_name: task.id,
+		} );
+	};
+
+	const onTaskSelected = () => {
+		trackClick();
+
+		if ( task.actionUrl ) {
+			if ( task.actionUrl.startsWith( 'http' ) ) {
+				window.location.href = task.actionUrl;
+			} else {
+				( getHistory() as History ).push(
+					getNewPath( {}, task.actionUrl, {} )
+				);
+			}
+			return;
+		}
+
+		window.document.documentElement.scrollTop = 0;
+		updateQueryString( { task: task.id } );
+	};
+
+	const onDismiss = useCallback( () => {
+		dismissTask( task.id );
+		createNotice( 'success', __( 'Task dismissed' ), {
+			actions: [
+				{
+					label: __( 'Undo', 'woocommerce' ),
+					onClick: () => undoDismissTask( task.id ),
+				},
+			],
+		} );
+	}, [ task.id ] );
+
+	const onSnooze = useCallback( () => {
+		snoozeTask( task.id );
+		createNotice(
+			'success',
+			__( 'Task postponed until tomorrow', 'woocommerce' ),
+			{
+				actions: [
+					{
+						label: __( 'Undo', 'woocommerce' ),
+						onClick: () => undoSnoozeTask( task.id ),
+					},
+				],
+			}
+		);
+	}, [ task.id ] );
+
+	const className = classnames( 'woocommerce-task-list__item', {
+		complete: task.isComplete,
+		'is-disabled': task.isDisabled,
+	} );
+
+	const taskItemProps = {
+		completed: task.isComplete,
+		onSnooze: task.isSnoozeable && onSnooze,
+		onDismiss: task.isDismissable && onDismiss,
+	};
+
+	const DefaultTaskItem = useCallback(
+		( props ) => {
+			const onClickActions = () => {
+				if ( props.onClick ) {
+					trackClick();
+					return props.onClick();
+				}
+				return onTaskSelected();
+			};
+			return (
+				<TaskItem
+					key={ task.id }
+					className={ className }
+					title={ task.title }
+					completed={ task.isComplete }
+					expanded={ ! task.isComplete }
+					additionalInfo={ task.additionalInfo }
+					content={ task.content }
+					onDismiss={ task.isDismissable && onDismiss }
+					action={ () => {} }
+					actionLabel={ task.actionLabel }
+					{ ...props }
+					onClick={ () => {
+						if ( task.isDisabled ) {
+							return;
+						}
+						onClickActions();
+					} }
+				/>
+			);
+		},
+		[
+			task.id,
+			task.title,
+			task.content,
+			task.time,
+			task.actionLabel,
+			task.isComplete,
+		]
+	);
+
+	return hasFills ? (
+		<WooOnboardingTaskListItem.Slot
+			id={ task.id }
+			fillProps={ {
+				defaultTaskItem: DefaultTaskItem,
+				isComplete: task.isComplete,
+				...taskItemProps,
+			} }
+		/>
+	) : (
+		<DefaultTaskItem />
+	);
+};

From d5401cee3c1628c888da8c9d3fb892130f386be2 Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Fri, 22 Apr 2022 12:15:22 -0300
Subject: [PATCH 123/327] Fix track format

---
 .../client/two-column-tasks/task-list-item.tsx                  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
index 21c86b2a935..25a3d2bf56f 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
@@ -39,7 +39,7 @@ export const TaskListItem: React.FC< TaskListItemProps > = ( {
 	const hasFills = Boolean( slot?.fills?.length );
 
 	const trackClick = () => {
-		recordEvent( `${ eventPrefix }_click`, {
+		recordEvent( `${ eventPrefix }click`, {
 			task_name: task.id,
 		} );
 	};

From f379462885f817c8099fed0437fa6d83b0205a6b Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Fri, 22 Apr 2022 12:24:49 -0300
Subject: [PATCH 124/327] Add changelog

---
 plugins/woocommerce/changelog/fix-32714_wcpay_blank_page | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32714_wcpay_blank_page

diff --git a/plugins/woocommerce/changelog/fix-32714_wcpay_blank_page b/plugins/woocommerce/changelog/fix-32714_wcpay_blank_page
new file mode 100644
index 00000000000..0f672f00f29
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32714_wcpay_blank_page
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Addressing issues with certain tasks in task list experiment leading to blank page. #32742

From a8b68785ca4ba8b1596a74b482b7a64b7c5f8f1d Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Fri, 22 Apr 2022 09:45:37 -0700
Subject: [PATCH 125/327] Change Approved Directory update routine (pin to 6.5,
 prev was 6.4).

---
 .../changelog/fix-650-update-routines          |  5 +++++
 .../woocommerce/includes/class-wc-install.php  |  4 +++-
 .../includes/wc-update-functions.php           | 18 +++++++++---------
 3 files changed, 17 insertions(+), 10 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-650-update-routines

diff --git a/plugins/woocommerce/changelog/fix-650-update-routines b/plugins/woocommerce/changelog/fix-650-update-routines
new file mode 100644
index 00000000000..e45a7fb3faf
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-650-update-routines
@@ -0,0 +1,5 @@
+Significance: patch
+Type: tweak
+Comment: Omitting a changelog entry, because we're correcting an unreleased oversight.
+
+
diff --git a/plugins/woocommerce/includes/class-wc-install.php b/plugins/woocommerce/includes/class-wc-install.php
index d19c54df066..152bdca82d9 100644
--- a/plugins/woocommerce/includes/class-wc-install.php
+++ b/plugins/woocommerce/includes/class-wc-install.php
@@ -200,10 +200,12 @@ class WC_Install {
 		),
 		'6.4.0' => array(
 			'wc_update_640_add_primary_key_to_product_attributes_lookup_table',
-			'wc_update_640_approved_download_directories',
 			'wc_admin_update_340_remove_is_primary_from_note_action',
 			'wc_update_640_db_version',
 		),
+		'6.5.0' => array(
+			'wc_update_650_approved_download_directories',
+		),
 	);
 
 	/**
diff --git a/plugins/woocommerce/includes/wc-update-functions.php b/plugins/woocommerce/includes/wc-update-functions.php
index 10c1d0322ca..b40bc553991 100644
--- a/plugins/woocommerce/includes/wc-update-functions.php
+++ b/plugins/woocommerce/includes/wc-update-functions.php
@@ -2375,15 +2375,6 @@ function wc_update_630_db_version() {
 	WC_Install::update_db_version( '6.3.0' );
 }
 
-/**
- * Add the standard WooCommerce upload directories to the Approved Product Download Directories list
- * and start populating it based on existing product download URLs, but do not enable the feature
- * (for existing installations, a site admin should review and make a conscious decision to enable).
- */
-function wc_update_640_approved_download_directories() {
-	wc_get_container()->get( Download_Directories_Sync::class )->init_feature( true, false );
-}
-
 /**
  * Create the primary key for the product attributes lookup table if it doesn't exist already.
  *
@@ -2402,3 +2393,12 @@ function wc_update_640_add_primary_key_to_product_attributes_lookup_table() {
 function wc_update_640_db_version() {
 	WC_Install::update_db_version( '6.4.0' );
 }
+
+/**
+ * Add the standard WooCommerce upload directories to the Approved Product Download Directories list
+ * and start populating it based on existing product download URLs, but do not enable the feature
+ * (for existing installations, a site admin should review and make a conscious decision to enable).
+ */
+function wc_update_650_approved_download_directories() {
+	wc_get_container()->get( Download_Directories_Sync::class )->init_feature( true, false );
+}

From d951b218f25a7fd5f9135abf61ea482e15ea823e Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Fri, 22 Apr 2022 14:03:38 -0700
Subject: [PATCH 126/327] Ensure necessary hooks are initialized before
 triggering sync.

---
 plugins/woocommerce/includes/wc-update-functions.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/wc-update-functions.php b/plugins/woocommerce/includes/wc-update-functions.php
index b40bc553991..2909d03fe28 100644
--- a/plugins/woocommerce/includes/wc-update-functions.php
+++ b/plugins/woocommerce/includes/wc-update-functions.php
@@ -2400,5 +2400,7 @@ function wc_update_640_db_version() {
  * (for existing installations, a site admin should review and make a conscious decision to enable).
  */
 function wc_update_650_approved_download_directories() {
-	wc_get_container()->get( Download_Directories_Sync::class )->init_feature( true, false );
+	$directory_sync = wc_get_container()->get( Download_Directories_Sync::class );
+	$directory_sync->init_hooks();
+	$directory_sync->init_feature( true, false );
 }

From 664212b9df337a1805c3fd7e98fe7f788c4de19d Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Fri, 22 Apr 2022 14:45:20 -0700
Subject: [PATCH 127/327] Fix test.

---
 .../tests/legacy/unit-tests/woocommerce-admin/install.php       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/install.php b/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/install.php
index 62e771dbc92..61342df0504 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/install.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/install.php
@@ -133,7 +133,7 @@ class WC_Admin_Tests_Install extends WP_UnitTestCase {
 			array( '5.6.0', 14 ),
 			array( '6.0.0', 7 ),
 			array( '6.3.0', 4 ),
-			array( '6.4.0', 0 ),
+			array( '6.4.0', 1 ),
 		);
 	}
 

From d394572378c40a53f05bbd60e82c66f5e3e9b32d Mon Sep 17 00:00:00 2001
From: Yordan Soares <38109855+YordanSoares@users.noreply.github.com>
Date: Fri, 22 Apr 2022 20:55:19 -0400
Subject: [PATCH 128/327] Use the price decimal separator to format product
 weight and dimensions

---
 .../woocommerce/includes/admin/class-wc-admin-assets.php    | 3 ++-
 plugins/woocommerce/includes/wc-formatting-functions.php    | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/includes/admin/class-wc-admin-assets.php b/plugins/woocommerce/includes/admin/class-wc-admin-assets.php
index 5009716d8b7..1fc23cb61af 100644
--- a/plugins/woocommerce/includes/admin/class-wc-admin-assets.php
+++ b/plugins/woocommerce/includes/admin/class-wc-admin-assets.php
@@ -181,7 +181,8 @@ if ( ! class_exists( 'WC_Admin_Assets', false ) ) :
 				wp_enqueue_script( 'jquery-ui-autocomplete' );
 
 				$locale  = localeconv();
-				$decimal = isset( $locale['decimal_point'] ) ? $locale['decimal_point'] : '.';
+				$decimal_point = isset( $locale['decimal_point'] ) ? $locale['decimal_point'] : '.';
+				$decimal = ( ! empty( wc_get_price_decimal_separator() ) ) ? wc_get_price_decimal_separator() : $decimal_point;
 
 				$params = array(
 					/* translators: %s: decimal */
diff --git a/plugins/woocommerce/includes/wc-formatting-functions.php b/plugins/woocommerce/includes/wc-formatting-functions.php
index 2bb63a68b5d..2266d48cfcb 100644
--- a/plugins/woocommerce/includes/wc-formatting-functions.php
+++ b/plugins/woocommerce/includes/wc-formatting-functions.php
@@ -345,14 +345,16 @@ function wc_format_localized_price( $value ) {
 }
 
 /**
- * Format a decimal with PHP Locale settings.
+ * Format a decimal with the decimal separator for prices or PHP Locale settings.
  *
  * @param  string $value Decimal to localize.
  * @return string
  */
 function wc_format_localized_decimal( $value ) {
 	$locale = localeconv();
-	return apply_filters( 'woocommerce_format_localized_decimal', str_replace( '.', $locale['decimal_point'], strval( $value ) ), $value );
+	$decimal_point = isset( $locale['decimal_point'] ) ? $locale['decimal_point'] : '.';
+	$decimal = ( ! empty( wc_get_price_decimal_separator() ) ) ? wc_get_price_decimal_separator() : $decimal_point;
+	return apply_filters( 'woocommerce_format_localized_decimal', str_replace( '.', $decimal, strval( $value ) ), $value );
 }
 
 /**

From c785c29cd17206c5a6287e57fd1040851eb9f9ae Mon Sep 17 00:00:00 2001
From: Caleb Stauffer <crstauf@users.noreply.github.com>
Date: Sat, 23 Apr 2022 15:59:04 -0400
Subject: [PATCH 129/327] confirm query set before evaluating condition

fixes #30646
---
 plugins/woocommerce/includes/class-wc-cache-helper.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-cache-helper.php b/plugins/woocommerce/includes/class-wc-cache-helper.php
index 32500527c5e..25a8145522e 100644
--- a/plugins/woocommerce/includes/class-wc-cache-helper.php
+++ b/plugins/woocommerce/includes/class-wc-cache-helper.php
@@ -41,6 +41,8 @@ class WC_Cache_Helper {
 	 * @since 3.6.0
 	 */
 	public static function additional_nocache_headers( $headers ) {
+		global $wp_cache;
+		
 		$agent = isset( $_SERVER['HTTP_USER_AGENT'] ) ? wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) : ''; // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized
 
 		$set_cache = false;
@@ -64,7 +66,7 @@ class WC_Cache_Helper {
 			$set_cache = true;
 		}
 
-		if ( false !== strpos( $agent, 'Chrome' ) && is_cart() ) {
+		if ( false !== strpos( $agent, 'Chrome' ) && isset( $wp_query ) && is_cart() ) {
 			$set_cache = true;
 		}
 

From 03c710221fa3a1951c2ce9ce5b0c016fbe2d3f0c Mon Sep 17 00:00:00 2001
From: Caleb Stauffer <crstauf@users.noreply.github.com>
Date: Sat, 23 Apr 2022 15:59:48 -0400
Subject: [PATCH 130/327] fix variable name

---
 plugins/woocommerce/includes/class-wc-cache-helper.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-cache-helper.php b/plugins/woocommerce/includes/class-wc-cache-helper.php
index 25a8145522e..e80611619ae 100644
--- a/plugins/woocommerce/includes/class-wc-cache-helper.php
+++ b/plugins/woocommerce/includes/class-wc-cache-helper.php
@@ -41,7 +41,7 @@ class WC_Cache_Helper {
 	 * @since 3.6.0
 	 */
 	public static function additional_nocache_headers( $headers ) {
-		global $wp_cache;
+		global $wp_query;
 		
 		$agent = isset( $_SERVER['HTTP_USER_AGENT'] ) ? wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) : ''; // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized
 

From 6e871a1386c3c80185e5a4ab0c8b1a5d8128f45c Mon Sep 17 00:00:00 2001
From: Mostafa Soufi <mst404@gmail.com>
Date: Sun, 24 Apr 2022 23:34:10 +0300
Subject: [PATCH 131/327] Add support select2 for log_file dropdown

---
 .../includes/admin/views/html-admin-page-status-logs.php        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/admin/views/html-admin-page-status-logs.php b/plugins/woocommerce/includes/admin/views/html-admin-page-status-logs.php
index 40cfcf6926e..443d17864dc 100644
--- a/plugins/woocommerce/includes/admin/views/html-admin-page-status-logs.php
+++ b/plugins/woocommerce/includes/admin/views/html-admin-page-status-logs.php
@@ -22,7 +22,7 @@ if ( ! defined( 'ABSPATH' ) ) {
 		</div>
 		<div class="alignright">
 			<form action="<?php echo esc_url( admin_url( 'admin.php?page=wc-status&tab=logs' ) ); ?>" method="post">
-				<select name="log_file">
+				<select class="wc-enhanced-select" name="log_file">
 					<?php foreach ( $logs as $log_key => $log_file ) : ?>
 						<?php
 							$timestamp = filemtime( WC_LOG_DIR . $log_file );

From ce938857a09a49a554cc62e844c9e713eb8327c0 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Mon, 25 Apr 2022 11:32:22 +0800
Subject: [PATCH 132/327] Remove hook that calls for registering welcome page

---
 plugins/woocommerce/src/Internal/Admin/WcPayWelcomePage.php | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/Admin/WcPayWelcomePage.php b/plugins/woocommerce/src/Internal/Admin/WcPayWelcomePage.php
index ceb903dcd46..2e10a1d1def 100644
--- a/plugins/woocommerce/src/Internal/Admin/WcPayWelcomePage.php
+++ b/plugins/woocommerce/src/Internal/Admin/WcPayWelcomePage.php
@@ -13,12 +13,6 @@ class WcPayWelcomePage {
 
 	const EXPERIMENT_NAME_BASE = 'woocommerce_payments_menu_promo_nz_ie_:yyyy_:mm';
 
-	/**
-	 * WCPayWelcomePage constructor.
-	 */
-	public function __construct() {
-		add_action( 'admin_menu', array( $this, 'register_payments_welcome_page' ) );
-	}
 	/**
 	 * Registers the WooCommerce Payments welcome page.
 	 */

From 1adbc1bdf825fca670fc79a546ead516bfd37c78 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Mon, 25 Apr 2022 11:34:25 +0800
Subject: [PATCH 133/327] Changelog

---
 .../fix-32751-remove-wcpay-in-core-experiment-request         | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32751-remove-wcpay-in-core-experiment-request

diff --git a/plugins/woocommerce/changelog/fix-32751-remove-wcpay-in-core-experiment-request b/plugins/woocommerce/changelog/fix-32751-remove-wcpay-in-core-experiment-request
new file mode 100644
index 00000000000..956e71f0a6f
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32751-remove-wcpay-in-core-experiment-request
@@ -0,0 +1,4 @@
+Significance: minor
+Type: tweak
+
+Remove `woocommerce_payments_menu_promo_nz_ie` experiment request

From 6836d90b72de0262437891ed901f9bb0b5d4fcd4 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Fri, 22 Apr 2022 15:31:51 +0800
Subject: [PATCH 134/327] Add wp data, compose types to @woocommerce/data

Update pnpm-lock.yaml
---
 packages/js/data/package.json |  3 +++
 pnpm-lock.yaml                | 13 +++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/js/data/package.json b/packages/js/data/package.json
index 592adc87fe7..994826c6180 100644
--- a/packages/js/data/package.json
+++ b/packages/js/data/package.json
@@ -48,12 +48,15 @@
 		"@babel/runtime": "^7.17.2",
 		"@testing-library/react": "^12.1.3",
 		"@testing-library/react-hooks": "^7.0.2",
+		"@types/wordpress__compose": "^4.0.1",
 		"@types/wordpress__core-data": "^2.4.5",
+		"@types/wordpress__data": "^6.0.0",
 		"@types/wordpress__data-controls": "^2.2.0",
 		"@wordpress/eslint-plugin": "^11.0.0",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
+		"redux": "^4.1.0",
 		"rimraf": "^3.0.2",
 		"ts-jest": "^27.1.3",
 		"typescript": "^4.6.2"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 641a5525d60..a10bca610bc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -422,7 +422,9 @@ importers:
       '@babel/runtime': ^7.17.2
       '@testing-library/react': ^12.1.3
       '@testing-library/react-hooks': ^7.0.2
+      '@types/wordpress__compose': ^4.0.1
       '@types/wordpress__core-data': ^2.4.5
+      '@types/wordpress__data': ^6.0.0
       '@types/wordpress__data-controls': ^2.2.0
       '@woocommerce/date': workspace:*
       '@woocommerce/navigation': workspace:*
@@ -443,6 +445,7 @@ importers:
       jest-cli: ^27.5.1
       md5: ^2.3.0
       qs: ^6.10.3
+      redux: ^4.1.0
       rememo: ^4.0.0
       rimraf: ^3.0.2
       ts-jest: ^27.1.3
@@ -470,12 +473,15 @@ importers:
       '@babel/runtime': 7.17.7
       '@testing-library/react': 12.1.4
       '@testing-library/react-hooks': 7.0.2
+      '@types/wordpress__compose': 4.0.1
       '@types/wordpress__core-data': 2.4.5
+      '@types/wordpress__data': 6.0.0
       '@types/wordpress__data-controls': 2.2.0
       '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
+      redux: 4.1.2
       rimraf: 3.0.2
       ts-jest: 27.1.3_b64eba0a9f1c7068f7f3a75addda5ccd
       typescript: 4.6.2
@@ -14034,7 +14040,7 @@ packages:
       '@wordpress/data': 6.4.1
       '@wordpress/deprecated': 3.4.1
       '@wordpress/dom': 3.4.1
-      '@wordpress/element': 4.2.1
+      '@wordpress/element': 4.3.0
       '@wordpress/hooks': 3.5.0
       '@wordpress/html-entities': 3.4.1
       '@wordpress/i18n': 4.4.1
@@ -14063,7 +14069,7 @@ packages:
       '@wordpress/data': 6.4.1_react@17.0.2
       '@wordpress/deprecated': 3.4.1
       '@wordpress/dom': 3.4.1
-      '@wordpress/element': 4.2.1
+      '@wordpress/element': 4.3.0
       '@wordpress/hooks': 3.5.0
       '@wordpress/html-entities': 3.4.1
       '@wordpress/i18n': 4.4.1
@@ -14592,7 +14598,7 @@ packages:
       '@babel/runtime': 7.17.7
       '@types/react': 16.14.21
       '@types/react-dom': 16.9.14
-      '@wordpress/escape-html': 2.4.1
+      '@wordpress/escape-html': 2.5.0
       lodash: 4.17.21
       react: 17.0.2
       react-dom: 17.0.2_react@17.0.2
@@ -14660,7 +14666,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.17.7
-    dev: false
 
   /@wordpress/eslint-plugin/11.0.1_2205da2c9bef219d53091cb9dbc5524c:
     resolution: {integrity: sha512-HDKwKjOmCaWdyJEtWKRAd0xK/NAXL/ykUP/I8l+zCvzvCXbS1UuixWN09RRzl09tv17JUtPiEqehDilkWRCBZg==}

From 5c8f76bbe78db1a219bbb59ac24f90b90a08c771 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 13:40:18 +0800
Subject: [PATCH 135/327] Fix @woocommerce/data type errors after enabling wp
 data, compose types

---
 packages/js/data/src/countries/actions.ts     | 15 +++-
 packages/js/data/src/countries/index.ts       | 23 ++++--
 packages/js/data/src/countries/reducer.ts     | 38 +++++----
 packages/js/data/src/countries/types.ts       |  7 +-
 packages/js/data/src/plugins/actions.ts       | 80 ++++++++-----------
 packages/js/data/src/plugins/index.ts         | 18 ++++-
 packages/js/data/src/plugins/reducer.ts       | 12 +--
 packages/js/data/src/plugins/test/reducer.ts  |  2 +-
 .../src/plugins/with-plugins-hydration.tsx    | 17 ++--
 .../js/data/src/user/use-user-preferences.ts  | 26 +++---
 packages/js/data/typings/index.d.ts           | 17 +++-
 11 files changed, 150 insertions(+), 105 deletions(-)

diff --git a/packages/js/data/src/countries/actions.ts b/packages/js/data/src/countries/actions.ts
index 82cfef1351f..51cc2e19832 100644
--- a/packages/js/data/src/countries/actions.ts
+++ b/packages/js/data/src/countries/actions.ts
@@ -7,28 +7,35 @@ import { RestApiError } from '../types';
 
 export function getLocalesSuccess( locales: Locales ) {
 	return {
-		type: TYPES.GET_LOCALES_SUCCESS,
+		type: TYPES.GET_LOCALES_SUCCESS as const,
 		locales,
 	};
 }
 
 export function getLocalesError( error: RestApiError ) {
 	return {
-		type: TYPES.GET_LOCALES_ERROR,
+		type: TYPES.GET_LOCALES_ERROR as const,
 		error,
 	};
 }
 
 export function getCountriesSuccess( countries: Country[] ) {
 	return {
-		type: TYPES.GET_COUNTRIES_SUCCESS,
+		type: TYPES.GET_COUNTRIES_SUCCESS as const,
 		countries,
 	};
 }
 
 export function getCountriesError( error: RestApiError ) {
 	return {
-		type: TYPES.GET_COUNTRIES_ERROR,
+		type: TYPES.GET_COUNTRIES_ERROR as const,
 		error,
 	};
 }
+
+export type Action = ReturnType<
+	| typeof getLocalesSuccess
+	| typeof getLocalesError
+	| typeof getCountriesSuccess
+	| typeof getCountriesError
+>;
diff --git a/packages/js/data/src/countries/index.ts b/packages/js/data/src/countries/index.ts
index d4ddfc132ff..de2e1f9d298 100644
--- a/packages/js/data/src/countries/index.ts
+++ b/packages/js/data/src/countries/index.ts
@@ -1,10 +1,10 @@
 /**
  * External dependencies
  */
-
 import { registerStore } from '@wordpress/data';
 import { controls } from '@wordpress/data-controls';
-
+import { SelectFromMap, DispatchFromMap } from '@automattic/data-stores';
+import { Reducer, AnyAction } from 'redux';
 /**
  * Internal dependencies
  */
@@ -12,10 +12,13 @@ import { STORE_NAME } from './constants';
 import * as selectors from './selectors';
 import * as actions from './actions';
 import * as resolvers from './resolvers';
-import reducer from './reducer';
+import reducer, { State } from './reducer';
+import { WPDataSelectors } from '../types';
+export * from './types';
+export type { State };
 
-registerStore( STORE_NAME, {
-	reducer,
+registerStore< State >( STORE_NAME, {
+	reducer: reducer as Reducer< State, AnyAction >,
 	actions,
 	controls,
 	selectors,
@@ -23,3 +26,13 @@ registerStore( STORE_NAME, {
 } );
 
 export const COUNTRIES_STORE_NAME = STORE_NAME;
+
+declare module '@wordpress/data' {
+	// TODO: convert action.js to TS
+	function dispatch(
+		key: typeof STORE_NAME
+	): DispatchFromMap< typeof actions >;
+	function select(
+		key: typeof STORE_NAME
+	): SelectFromMap< typeof selectors > & WPDataSelectors;
+}
diff --git a/packages/js/data/src/countries/reducer.ts b/packages/js/data/src/countries/reducer.ts
index 5850a966f84..48ab31815bb 100644
--- a/packages/js/data/src/countries/reducer.ts
+++ b/packages/js/data/src/countries/reducer.ts
@@ -1,32 +1,29 @@
+/**
+ * External dependencies
+ */
+
+import type { Reducer } from 'redux';
+
 /**
  * Internal dependencies
  */
 import TYPES from './action-types';
-import { CountriesState, Locales, Country } from './types';
+import { Action } from './actions';
+import { CountriesState } from './types';
 
-const reducer = (
-	state: CountriesState = {
+const reducer: Reducer< CountriesState, Action > = (
+	state = {
 		errors: {},
 		locales: {},
 		countries: [],
 	},
-	{
-		type,
-		error,
-		locales,
-		countries,
-	}: {
-		type: string;
-		error: string;
-		locales: Locales;
-		countries: Country[];
-	}
-): CountriesState => {
-	switch ( type ) {
+	action
+) => {
+	switch ( action.type ) {
 		case TYPES.GET_LOCALES_SUCCESS:
 			state = {
 				...state,
-				locales,
+				locales: action.locales,
 			};
 			break;
 		case TYPES.GET_LOCALES_ERROR:
@@ -34,14 +31,14 @@ const reducer = (
 				...state,
 				errors: {
 					...state.errors,
-					locales: error,
+					locales: action.error,
 				},
 			};
 			break;
 		case TYPES.GET_COUNTRIES_SUCCESS:
 			state = {
 				...state,
-				countries,
+				countries: action.countries,
 			};
 			break;
 		case TYPES.GET_COUNTRIES_ERROR:
@@ -49,7 +46,7 @@ const reducer = (
 				...state,
 				errors: {
 					...state.errors,
-					countries: error,
+					countries: action.error,
 				},
 			};
 			break;
@@ -57,4 +54,5 @@ const reducer = (
 	return state;
 };
 
+export type State = ReturnType< typeof reducer >;
 export default reducer;
diff --git a/packages/js/data/src/countries/types.ts b/packages/js/data/src/countries/types.ts
index b3d64e64164..7d4ad4aa758 100644
--- a/packages/js/data/src/countries/types.ts
+++ b/packages/js/data/src/countries/types.ts
@@ -1,3 +1,8 @@
+/**
+ * Internal dependencies
+ */
+import { RestApiError } from '../types';
+
 export type SettingProperties = {
 	label?: string;
 	label_class?: string[];
@@ -35,7 +40,7 @@ export type Locales = {
 
 export type CountriesState = {
 	errors: {
-		[ key: string ]: string;
+		[ key: string ]: string | RestApiError | undefined;
 	};
 	locales: Locales;
 	countries: Country[];
diff --git a/packages/js/data/src/plugins/actions.ts b/packages/js/data/src/plugins/actions.ts
index d0708da2259..0bed3ac7d1c 100644
--- a/packages/js/data/src/plugins/actions.ts
+++ b/packages/js/data/src/plugins/actions.ts
@@ -6,9 +6,9 @@ import {
 	select,
 	dispatch as depreciatedDispatch,
 } from '@wordpress/data-controls';
-import { controls } from '@wordpress/data';
 import { _n, sprintf } from '@wordpress/i18n';
 import { DispatchFromMap } from '@automattic/data-stores';
+import { controls } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -60,7 +60,7 @@ class PluginError extends Error {
 	}
 }
 
-export function formatErrors(
+function formatErrors(
 	response: WPError< PluginNames > | Error | string
 ): string {
 	if ( isWPError( response ) ) {
@@ -107,12 +107,9 @@ const formatErrorMessage = (
 	);
 };
 
-export function updateActivePlugins(
-	active: string[],
-	replace = false
-): { type: TYPES.UPDATE_ACTIVE_PLUGINS; active: string[]; replace?: boolean } {
+export function updateActivePlugins( active: string[], replace = false ) {
 	return {
-		type: TYPES.UPDATE_ACTIVE_PLUGINS,
+		type: TYPES.UPDATE_ACTIVE_PLUGINS as const,
 		active,
 		replace,
 	};
@@ -127,7 +124,7 @@ export function updateInstalledPlugins(
 	replace?: boolean;
 } {
 	return {
-		type: TYPES.UPDATE_INSTALLED_PLUGINS,
+		type: TYPES.UPDATE_INSTALLED_PLUGINS as const,
 		installed,
 		replace,
 	};
@@ -136,13 +133,9 @@ export function updateInstalledPlugins(
 export function setIsRequesting(
 	selector: SelectorKeysWithActions,
 	isRequesting: boolean
-): {
-	type: TYPES.SET_IS_REQUESTING;
-	selector: SelectorKeysWithActions;
-	isRequesting: boolean;
-} {
+) {
 	return {
-		type: TYPES.SET_IS_REQUESTING,
+		type: TYPES.SET_IS_REQUESTING as const,
 		selector,
 		isRequesting,
 	};
@@ -151,26 +144,17 @@ export function setIsRequesting(
 export function setError(
 	selector: SelectorKeysWithActions,
 	error: Partial< Record< PluginNames, string[] > >
-): {
-	type: TYPES.SET_ERROR;
-	selector: SelectorKeysWithActions;
-	error: Partial< Record< PluginNames, string[] > >;
-} {
+) {
 	return {
-		type: TYPES.SET_ERROR,
+		type: TYPES.SET_ERROR as const,
 		selector,
 		error,
 	};
 }
 
-export function updateIsJetpackConnected(
-	jetpackConnection: boolean
-): {
-	type: TYPES.UPDATE_JETPACK_CONNECTION;
-	jetpackConnection: boolean;
-} {
+export function updateIsJetpackConnected( jetpackConnection: boolean ) {
 	return {
-		type: TYPES.UPDATE_JETPACK_CONNECTION,
+		type: TYPES.UPDATE_JETPACK_CONNECTION as const,
 		jetpackConnection,
 	};
 }
@@ -178,13 +162,9 @@ export function updateIsJetpackConnected(
 export function updateJetpackConnectUrl(
 	redirectUrl: string,
 	jetpackConnectUrl: string
-): {
-	type: TYPES.UPDATE_JETPACK_CONNECT_URL;
-	redirectUrl: string;
-	jetpackConnectUrl: string;
-} {
+) {
 	return {
-		type: TYPES.UPDATE_JETPACK_CONNECT_URL,
+		type: TYPES.UPDATE_JETPACK_CONNECT_URL as const,
 		jetpackConnectUrl,
 		redirectUrl,
 	};
@@ -278,7 +258,12 @@ export function* installAndActivatePlugins( plugins: string[] ) {
 	}
 }
 
-export const createErrorNotice = ( errorMessage: string ) => {
+export const createErrorNotice = (
+	errorMessage: string
+): {
+	type: 'CREATE_NOTICE';
+	[ key: string ]: unknown;
+} => {
 	return dispatch( 'core/notices', 'createNotice', 'error', errorMessage );
 };
 
@@ -357,7 +342,7 @@ export function setPaypalOnboardingStatus(
 	paypalOnboardingStatus: Partial< PaypalOnboardingStatus >;
 } {
 	return {
-		type: TYPES.SET_PAYPAL_ONBOARDING_STATUS,
+		type: TYPES.SET_PAYPAL_ONBOARDING_STATUS as const,
 		paypalOnboardingStatus: status,
 	};
 }
@@ -371,7 +356,7 @@ export function setRecommendedPlugins(
 	plugins: Plugin[];
 } {
 	return {
-		type: TYPES.SET_RECOMMENDED_PLUGINS,
+		type: TYPES.SET_RECOMMENDED_PLUGINS as const,
 		recommendedType: type,
 		plugins,
 	};
@@ -406,19 +391,24 @@ export function* dismissRecommendedPlugins( type: RecommendedTypes ) {
 	return success;
 }
 
-export type Actions =
-	| ReturnType< typeof updateActivePlugins >
-	| ReturnType< typeof updateInstalledPlugins >
-	| ReturnType< typeof setIsRequesting >
-	| ReturnType< typeof setError >
-	| ReturnType< typeof updateIsJetpackConnected >
-	| ReturnType< typeof updateJetpackConnectUrl >
-	| ReturnType< typeof setPaypalOnboardingStatus >
-	| ReturnType< typeof setRecommendedPlugins >;
+export type Actions = ReturnType<
+	| typeof updateActivePlugins
+	| typeof updateInstalledPlugins
+	| typeof setIsRequesting
+	| typeof setError
+	| typeof updateIsJetpackConnected
+	| typeof updateJetpackConnectUrl
+	| typeof setPaypalOnboardingStatus
+	| typeof setRecommendedPlugins
+	| typeof createErrorNotice
+>;
 
 // Types
 export type ActionDispatchers = DispatchFromMap< {
+	installPlugins: typeof installPlugins;
+	activatePlugins: typeof activatePlugins;
 	installJetpackAndConnect: typeof installJetpackAndConnect;
 	installAndActivatePlugins: typeof installAndActivatePlugins;
+	connectToJetpackWithFailureRedirect: typeof connectToJetpackWithFailureRedirect;
 	dismissRecommendedPlugins: typeof dismissRecommendedPlugins;
 } >;
diff --git a/packages/js/data/src/plugins/index.ts b/packages/js/data/src/plugins/index.ts
index 3e18474c8a4..3a370484ea3 100644
--- a/packages/js/data/src/plugins/index.ts
+++ b/packages/js/data/src/plugins/index.ts
@@ -3,7 +3,7 @@
  */
 import { registerStore } from '@wordpress/data';
 import { controls } from '@wordpress/data-controls';
-
+import { SelectFromMap, DispatchFromMap } from '@automattic/data-stores';
 /**
  * Internal dependencies
  */
@@ -11,9 +11,12 @@ import { STORE_NAME } from './constants';
 import * as selectors from './selectors';
 import * as actions from './actions';
 import * as resolvers from './resolvers';
-import reducer from './reducer';
+import reducer, { State } from './reducer';
+import { WPDataSelectors } from '../types';
+export * from './types';
+export type { State };
 
-registerStore( STORE_NAME, {
+registerStore< State >( STORE_NAME, {
 	reducer,
 	actions,
 	controls,
@@ -22,3 +25,12 @@ registerStore( STORE_NAME, {
 } );
 
 export const PLUGINS_STORE_NAME = STORE_NAME;
+declare module '@wordpress/data' {
+	// TODO: convert action.js to TS
+	function dispatch(
+		key: typeof STORE_NAME
+	): DispatchFromMap< typeof actions >;
+	function select(
+		key: typeof STORE_NAME
+	): SelectFromMap< typeof selectors > & WPDataSelectors;
+}
diff --git a/packages/js/data/src/plugins/reducer.ts b/packages/js/data/src/plugins/reducer.ts
index 29758e89e4e..b51221cd3cd 100644
--- a/packages/js/data/src/plugins/reducer.ts
+++ b/packages/js/data/src/plugins/reducer.ts
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { concat } from 'lodash';
+import { Reducer } from 'redux';
 
 /**
  * Internal dependencies
@@ -10,8 +11,8 @@ import { ACTION_TYPES as TYPES } from './action-types';
 import { Actions } from './actions';
 import { PluginsState } from './types';
 
-const plugins = (
-	state: PluginsState = {
+const reducer: Reducer< PluginsState, Actions > = (
+	state = {
 		active: [],
 		installed: [],
 		requesting: {},
@@ -19,8 +20,8 @@ const plugins = (
 		jetpackConnectUrls: {},
 		recommended: {},
 	},
-	payload?: Actions
-): PluginsState => {
+	payload
+) => {
 	if ( payload && 'type' in payload ) {
 		switch ( payload.type ) {
 			case TYPES.UPDATE_ACTIVE_PLUGINS:
@@ -122,4 +123,5 @@ const plugins = (
 	return state;
 };
 
-export default plugins;
+export type State = ReturnType< typeof reducer >;
+export default reducer;
diff --git a/packages/js/data/src/plugins/test/reducer.ts b/packages/js/data/src/plugins/test/reducer.ts
index 65ba5980313..627831f51bb 100644
--- a/packages/js/data/src/plugins/test/reducer.ts
+++ b/packages/js/data/src/plugins/test/reducer.ts
@@ -21,7 +21,7 @@ const defaultState: PluginsState = {
 
 describe( 'plugins reducer', () => {
 	it( 'should return a default state', () => {
-		const state = reducer( undefined );
+		const state = reducer( undefined, {} as Actions );
 		expect( state ).toEqual( defaultState );
 		expect( state ).not.toBe( defaultState );
 	} );
diff --git a/packages/js/data/src/plugins/with-plugins-hydration.tsx b/packages/js/data/src/plugins/with-plugins-hydration.tsx
index 70620b35522..04dafd8cddc 100644
--- a/packages/js/data/src/plugins/with-plugins-hydration.tsx
+++ b/packages/js/data/src/plugins/with-plugins-hydration.tsx
@@ -2,15 +2,19 @@
  * External dependencies
  */
 import { createHigherOrderComponent } from '@wordpress/compose';
+
 import { useSelect } from '@wordpress/data';
 import { createElement, useRef } from '@wordpress/element';
+import { SelectFromMap } from '@automattic/data-stores';
 
 /**
  * Internal dependencies
  */
 import { STORE_NAME } from './constants';
-import { WCDataSelector, WPDataActions } from '../';
+import { WPDataActions } from '../';
 import * as actions from './actions';
+import * as selectors from './selectors';
+import { WPDataSelectors } from '../types';
 
 type PluginHydrationData = {
 	installedPlugins: string[];
@@ -18,15 +22,16 @@ type PluginHydrationData = {
 	jetpackStatus?: { isActive: boolean };
 };
 export const withPluginsHydration = ( data: PluginHydrationData ) =>
-	createHigherOrderComponent(
-		( OriginalComponent: React.ComponentType ) => (
-			props: Record< string, unknown >
-		) => {
+	createHigherOrderComponent< Record< string, unknown > >(
+		( OriginalComponent ) => ( props ) => {
 			const dataRef = useRef( data );
 
 			useSelect(
+				// @ts-expect-error registry is not defined in the wp.data typings
 				(
-					select: WCDataSelector,
+					select: (
+						key: typeof STORE_NAME
+					) => SelectFromMap< typeof selectors > & WPDataSelectors,
 					registry: {
 						dispatch: (
 							store: string
diff --git a/packages/js/data/src/user/use-user-preferences.ts b/packages/js/data/src/user/use-user-preferences.ts
index f334bfcdae7..f675e3380e3 100644
--- a/packages/js/data/src/user/use-user-preferences.ts
+++ b/packages/js/data/src/user/use-user-preferences.ts
@@ -2,13 +2,8 @@
  * External dependencies
  */
 import { mapValues } from 'lodash';
-import {
-	useDispatch,
-	useSelect,
-	select as wpDataSelect,
-} from '@wordpress/data';
-import schema, { Schema } from 'wordpress__core-data';
-import type { getEntityRecord } from 'wordpress__core-data/selectors';
+import { useDispatch, useSelect } from '@wordpress/data';
+import schema from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -43,7 +38,10 @@ type WoocommerceMeta = UserPreferences & {
 	task_list_tracked_started_tasks?: string;
 };
 
-type WCUser = Schema.User & {
+type WCUser = Pick<
+	schema.Schema.BaseUser< 'view' >,
+	schema.Schema.ViewKeys.User
+> & {
 	woocommerce_meta: WoocommerceMeta;
 };
 
@@ -155,15 +153,19 @@ export const useUserPreferences = () => {
 	// Get our dispatch methods now - this can't happen inside the callback below.
 	const dispatch = useDispatch( STORE_NAME );
 	const { addEntities, receiveCurrentUser, saveEntityRecord } = dispatch;
+	// @ts-expect-error WP 5.3.x doesn't have the User entity defined.
 	let { saveUser } = dispatch;
 
-	const userData = useSelect( ( select: typeof wpDataSelect ) => {
+	const userData = useSelect( ( select ) => {
 		const {
 			getCurrentUser,
 			getEntity,
 			getEntityRecord,
+			// @ts-expect-error type definition is missing.
 			getLastEntitySaveError,
+			// @ts-expect-error type definition is missing.
 			hasStartedResolution,
+			// @ts-expect-error type definition is missing.
 			hasFinishedResolution,
 		} = select( STORE_NAME );
 
@@ -171,7 +173,7 @@ export const useUserPreferences = () => {
 			isRequesting:
 				hasStartedResolution( 'getCurrentUser' ) &&
 				! hasFinishedResolution( 'getCurrentUser' ),
-			user: getCurrentUser(),
+			user: getCurrentUser() as WCUser,
 			getCurrentUser,
 			getEntity,
 			getEntityRecord,
@@ -184,7 +186,7 @@ export const useUserPreferences = () => {
 		if ( typeof saveUser !== 'function' ) {
 			// Polyfill saveUser() - wrapper of saveEntityRecord.
 			saveUser = async ( userToSave: {
-				id: string;
+				id: number;
 				woocommerce_meta: { [ key: string ]: boolean };
 			} ) => {
 				const entityDefined = Boolean(
@@ -214,7 +216,7 @@ export const useUserPreferences = () => {
 			};
 		}
 		// Get most recent user before update.
-		const currentUser = userData.getCurrentUser();
+		const currentUser = userData.getCurrentUser() as WCUser;
 		return updateUserPrefs(
 			receiveCurrentUser,
 			currentUser,
diff --git a/packages/js/data/typings/index.d.ts b/packages/js/data/typings/index.d.ts
index e51a93af6f7..43cc75885e6 100644
--- a/packages/js/data/typings/index.d.ts
+++ b/packages/js/data/typings/index.d.ts
@@ -1,3 +1,14 @@
-declare module '@wordpress/compose';
-declare module '@wordpress/data';
-declare module 'rememo';
+import { select, resolveSelect, dispatch } from '@wordpress/data';
+import { Entity } from '@wordpress/core-data';
+
+
+declare module '@wordpress/data' {
+	// TODO: update @wordpress/data types to include this.
+	const controls: {
+		select: select;
+		resolveSelect: resolveSelect;
+		dispatch: dispatch;
+	};
+
+
+}

From 672ba17a807962d7eed0fb2597f3dc398d94d5cb Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 13:43:58 +0800
Subject: [PATCH 136/327] Fix and export @woocommerce/data types for react
 admin ./client

Convert onboarding index.js to TS & add missing type fields
---
 packages/js/data/src/countries/types.ts       |  1 +
 packages/js/data/src/index.ts                 |  1 +
 packages/js/data/src/onboarding/index.js      | 25 ----------
 packages/js/data/src/onboarding/index.ts      | 38 +++++++++++++++
 packages/js/data/src/onboarding/selectors.ts  |  2 +-
 .../js/data/src/payment-gateways/actions.ts   |  5 +-
 .../js/data/src/payment-gateways/index.ts     | 12 +++++
 .../src/payment-gateways/test-helpers/stub.ts | 46 +++++++++----------
 .../js/data/src/payment-gateways/types.ts     |  4 +-
 packages/js/data/typings/index.d.ts           |  2 +
 10 files changed, 84 insertions(+), 52 deletions(-)
 delete mode 100644 packages/js/data/src/onboarding/index.js
 create mode 100644 packages/js/data/src/onboarding/index.ts

diff --git a/packages/js/data/src/countries/types.ts b/packages/js/data/src/countries/types.ts
index 7d4ad4aa758..ae90b880a00 100644
--- a/packages/js/data/src/countries/types.ts
+++ b/packages/js/data/src/countries/types.ts
@@ -12,6 +12,7 @@ export type SettingProperties = {
 	priority?: number;
 	required?: boolean;
 	type?: string;
+	hidden?: boolean;
 };
 
 export type Locale = {
diff --git a/packages/js/data/src/index.ts b/packages/js/data/src/index.ts
index 1d9fbe86d29..29cf9b2a4b9 100644
--- a/packages/js/data/src/index.ts
+++ b/packages/js/data/src/index.ts
@@ -39,6 +39,7 @@ export { ONBOARDING_STORE_NAME } from './onboarding';
 export { withOnboardingHydration } from './onboarding/with-onboarding-hydration';
 export { getVisibleTasks } from './onboarding/utils';
 export type { TaskType, TaskListType } from './onboarding/types';
+export type { Extension, ExtensionList } from './onboarding/selectors';
 
 export { USER_STORE_NAME } from './user';
 export { withCurrentUserHydration } from './user/with-current-user-hydration';
diff --git a/packages/js/data/src/onboarding/index.js b/packages/js/data/src/onboarding/index.js
deleted file mode 100644
index 287263d2713..00000000000
--- a/packages/js/data/src/onboarding/index.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * External dependencies
- */
-
-import { registerStore } from '@wordpress/data';
-import { controls } from '@wordpress/data-controls';
-
-/**
- * Internal dependencies
- */
-import { STORE_NAME } from './constants';
-import * as selectors from './selectors';
-import * as actions from './actions';
-import * as resolvers from './resolvers';
-import reducer from './reducer';
-
-registerStore( STORE_NAME, {
-	reducer,
-	actions,
-	controls,
-	selectors,
-	resolvers,
-} );
-
-export const ONBOARDING_STORE_NAME = STORE_NAME;
diff --git a/packages/js/data/src/onboarding/index.ts b/packages/js/data/src/onboarding/index.ts
new file mode 100644
index 00000000000..d2b84f7afb3
--- /dev/null
+++ b/packages/js/data/src/onboarding/index.ts
@@ -0,0 +1,38 @@
+/**
+ * External dependencies
+ */
+
+import { registerStore } from '@wordpress/data';
+import { controls } from '@wordpress/data-controls';
+import { SelectFromMap, DispatchFromMap } from '@automattic/data-stores';
+import { Reducer, AnyAction } from 'redux';
+
+/**
+ * Internal dependencies
+ */
+import { STORE_NAME } from './constants';
+import * as selectors from './selectors';
+import * as actions from './actions';
+import * as resolvers from './resolvers';
+import reducer from './reducer';
+import { WPDataSelectors } from '../types';
+
+registerStore( STORE_NAME, {
+	reducer: reducer as Reducer< ReturnType< Reducer >, AnyAction >,
+	actions,
+	controls,
+	selectors,
+	resolvers,
+} );
+
+export const ONBOARDING_STORE_NAME = STORE_NAME;
+
+export type OnboardingSelector = SelectFromMap< typeof selectors >;
+
+declare module '@wordpress/data' {
+	// TODO: convert action.js to TS
+	function dispatch( key: typeof STORE_NAME ): DispatchFromMap< AnyAction >;
+	function select(
+		key: typeof STORE_NAME
+	): SelectFromMap< typeof selectors > & WPDataSelectors;
+}
diff --git a/packages/js/data/src/onboarding/selectors.ts b/packages/js/data/src/onboarding/selectors.ts
index 2d8f2253cee..474e8bec5ed 100644
--- a/packages/js/data/src/onboarding/selectors.ts
+++ b/packages/js/data/src/onboarding/selectors.ts
@@ -204,5 +204,5 @@ export type Extension = {
 	image_url: string;
 	manage_url: string;
 	name: string;
-	slug: string;
+	is_built_by_wc: boolean;
 };
diff --git a/packages/js/data/src/payment-gateways/actions.ts b/packages/js/data/src/payment-gateways/actions.ts
index a9b6f2d97a7..8b51ec211a9 100644
--- a/packages/js/data/src/payment-gateways/actions.ts
+++ b/packages/js/data/src/payment-gateways/actions.ts
@@ -106,9 +106,12 @@ export function updatePaymentGatewayError(
 	};
 }
 
+type DeepPartial< T > = {
+	[ P in keyof T ]?: DeepPartial< T[ P ] >;
+};
 export function* updatePaymentGateway(
 	id: string,
-	data: Partial< PaymentGateway >
+	data: DeepPartial< PaymentGateway >
 ) {
 	try {
 		yield updatePaymentGatewayRequest();
diff --git a/packages/js/data/src/payment-gateways/index.ts b/packages/js/data/src/payment-gateways/index.ts
index 8e9d743b6b0..609de07586d 100644
--- a/packages/js/data/src/payment-gateways/index.ts
+++ b/packages/js/data/src/payment-gateways/index.ts
@@ -3,6 +3,7 @@
  */
 import { registerStore } from '@wordpress/data';
 import { controls } from '@wordpress/data-controls';
+import { SelectFromMap, DispatchFromMap } from '@automattic/data-stores';
 
 /**
  * Internal dependencies
@@ -12,6 +13,7 @@ import * as resolvers from './resolvers';
 import * as selectors from './selectors';
 import reducer from './reducer';
 import { STORE_KEY } from './constants';
+import { WPDataActions } from '../types';
 
 export const PAYMENT_GATEWAYS_STORE_NAME = STORE_KEY;
 
@@ -22,3 +24,13 @@ registerStore( STORE_KEY, {
 	controls,
 	reducer,
 } );
+
+declare module '@wordpress/data' {
+	// TODO: convert action.js to TS
+	function dispatch(
+		key: typeof STORE_KEY
+	): DispatchFromMap< typeof actions >;
+	function select(
+		key: typeof STORE_KEY
+	): SelectFromMap< typeof selectors > & WPDataActions;
+}
diff --git a/packages/js/data/src/payment-gateways/test-helpers/stub.ts b/packages/js/data/src/payment-gateways/test-helpers/stub.ts
index 71a9a6d3629..32fb4d6b8f2 100644
--- a/packages/js/data/src/payment-gateways/test-helpers/stub.ts
+++ b/packages/js/data/src/payment-gateways/test-helpers/stub.ts
@@ -14,19 +14,18 @@ export const paymentGatewaysStub: PaymentGateway[] = [
 		method_description: 'method description',
 		method_supports: [ 'products' ],
 		settings: {
-			title: {
-				id: 'title',
-				label: 'Title',
-				description:
-					'This controls the title which the user sees during checkout.',
-				type: 'text',
-				value: 'direct bank',
-				default: 'Direct bank transfer',
-				tip:
-					'This controls the title which the user sees during checkout.',
-				placeholder: '',
-			},
+			id: 'title',
+			label: 'Title',
+			description:
+				'This controls the title which the user sees during checkout.',
+			type: 'text',
+			value: 'direct bank',
+			default: 'Direct bank transfer',
+			tip: 'This controls the title which the user sees during checkout.',
+			placeholder: '',
+			is_dismissed: 'no',
 		},
+		settings_url: '',
 	},
 	{
 		id: 'test',
@@ -38,18 +37,17 @@ export const paymentGatewaysStub: PaymentGateway[] = [
 		method_description: 'method description',
 		method_supports: [ 'products' ],
 		settings: {
-			title: {
-				id: 'title',
-				label: 'Title',
-				description:
-					'This controls the title which the user sees during checkout.',
-				type: 'text',
-				value: 'direct bank',
-				default: 'Direct bank transfer',
-				tip:
-					'This controls the title which the user sees during checkout.',
-				placeholder: '',
-			},
+			id: 'title',
+			label: 'Title',
+			description:
+				'This controls the title which the user sees during checkout.',
+			type: 'text',
+			value: 'direct bank',
+			default: 'Direct bank transfer',
+			tip: 'This controls the title which the user sees during checkout.',
+			placeholder: '',
+			is_dismissed: 'no',
 		},
+		settings_url: '',
 	},
 ];
diff --git a/packages/js/data/src/payment-gateways/types.ts b/packages/js/data/src/payment-gateways/types.ts
index d8017aabfe8..17c23c966a0 100644
--- a/packages/js/data/src/payment-gateways/types.ts
+++ b/packages/js/data/src/payment-gateways/types.ts
@@ -12,6 +12,7 @@ export type SettingDefinition = {
 	tip: string;
 	type: string;
 	value: string;
+	is_dismissed: string;
 };
 
 export type PaymentGateway = {
@@ -23,7 +24,8 @@ export type PaymentGateway = {
 	method_title: string;
 	method_description: string;
 	method_supports: string[];
-	settings: Record< string, SettingDefinition >;
+	settings: SettingDefinition;
+	settings_url: string;
 };
 
 export type PluginsState = {
diff --git a/packages/js/data/typings/index.d.ts b/packages/js/data/typings/index.d.ts
index 43cc75885e6..b64ef32d445 100644
--- a/packages/js/data/typings/index.d.ts
+++ b/packages/js/data/typings/index.d.ts
@@ -12,3 +12,5 @@ declare module '@wordpress/data' {
 
 
 }
+
+declare module 'rememo';

From d94c1dc7bd0a7c6c7512dda3e4abed9b320ea3b8 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 13:49:11 +0800
Subject: [PATCH 137/327] Remove unnecessary wpDataselect & WCDataSelector
 types from react client

---
 .../settings/general/store-address.tsx        |  8 ++--
 .../client/homescreen/index.tsx               |  1 -
 .../client/payments-welcome/index.tsx         |  8 +---
 .../payments/payment-recommendations.tsx      |  3 +-
 .../dismissable-list.tsx                      |  8 +---
 .../recommendations-eligibility-wrapper.tsx   | 26 +++++------
 .../shipping/shipping-recommendations.tsx     |  8 +---
 .../shipping/woocommerce-services-item.tsx    | 11 ++---
 .../progress-header/progress-header.tsx       |  8 +---
 .../client/tasks/deprecated-tasks.tsx         | 24 ++++------
 .../client/tasks/fills/Marketing/index.tsx    |  8 +---
 .../fills/tax/components/store-location.tsx   | 24 +++++-----
 .../client/tasks/fills/tax/index.tsx          |  3 +-
 .../tax/manual-configuration/configure.tsx    |  2 +-
 .../tasks/fills/tax/woocommerce-tax/index.tsx |  8 +---
 .../fills/tax/woocommerce-tax/plugins.tsx     | 42 ++++++++----------
 .../tasks/fills/tax/woocommerce-tax/setup.tsx | 44 +++++++++----------
 .../tasks/reminder-bar/reminder-bar.tsx       |  8 +---
 .../client/tasks/task-list.tsx                |  3 +-
 .../woocommerce-admin/client/tasks/tasks.tsx  | 19 ++++----
 .../client/two-column-tasks/extended-task.tsx |  3 +-
 .../two-column-tasks/sectioned-task-list.tsx  |  3 +-
 .../client/two-column-tasks/task-list.tsx     |  3 +-
 .../payment-promotion-row.tsx                 | 43 ++++++++----------
 24 files changed, 125 insertions(+), 193 deletions(-)

diff --git a/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx b/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx
index 1187d102815..6c417b3048c 100644
--- a/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx
+++ b/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx
@@ -8,7 +8,7 @@ import { escapeRegExp, has } from 'lodash';
 import { useEffect, useMemo, useState, useRef } from '@wordpress/element';
 import { SelectControl, TextControl } from '@woocommerce/components';
 import { Spinner } from '@wordpress/components';
-import { useSelect, select as wpDataSelect } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -28,8 +28,8 @@ type Option = { key: string; label: string };
 /**
  * Type guard to ensure that the specified locale object has a .required property
  *
- * @param fieldName field of Locale
- * @param locale    unknown object to be checked
+ * @param  fieldName field of Locale
+ * @param  locale    unknown object to be checked
  * @return          Boolean indicating if locale has a .required property
  */
 const isLocaleRecord = (
@@ -353,7 +353,7 @@ export function StoreAddress( {
 		hasFinishedResolution,
 		countries,
 		loadingCountries,
-	} = useSelect( ( select: typeof wpDataSelect ) => {
+	} = useSelect( ( select ) => {
 		const {
 			getLocale,
 			getCountries,
diff --git a/plugins/woocommerce-admin/client/homescreen/index.tsx b/plugins/woocommerce-admin/client/homescreen/index.tsx
index 0aee584f40d..0021ee35a21 100644
--- a/plugins/woocommerce-admin/client/homescreen/index.tsx
+++ b/plugins/woocommerce-admin/client/homescreen/index.tsx
@@ -7,7 +7,6 @@ import { identity } from 'lodash';
 import {
 	ONBOARDING_STORE_NAME,
 	withOnboardingHydration,
-	WCDataSelector,
 } from '@woocommerce/data';
 import { getHistory, getNewPath } from '@woocommerce/navigation';
 import type { History } from 'history';
diff --git a/plugins/woocommerce-admin/client/payments-welcome/index.tsx b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
index df9877dc57b..1e44ed258fa 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/index.tsx
+++ b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
@@ -10,11 +10,7 @@ import {
 } from '@wordpress/components';
 import { useState, useEffect } from '@wordpress/element';
 import { recordEvent } from '@woocommerce/tracks';
-import {
-	useDispatch,
-	useSelect,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { OPTIONS_STORE_NAME, PluginsStoreActions } from '@woocommerce/data';
 import apiFetch from '@wordpress/api-fetch';
 
@@ -228,7 +224,7 @@ const ConnectAccountPage = () => {
 	const [ errorMessage, setErrorMessage ] = useState( '' );
 
 	const { isJetpackConnected, connectUrl, hasViewedWelcomePage } = useSelect(
-		( select: typeof wpDataSelect ) => {
+		( select ) => {
 			const { getOption } = select( OPTIONS_STORE_NAME );
 			let pageViewTimestamp = getOption(
 				'wc_pay_welcome_page_viewed_timestamp'
diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx b/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx
index a80b0ae4e6e..d5b1a8369dc 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx
@@ -13,7 +13,6 @@ import {
 	PAYMENT_GATEWAYS_STORE_NAME,
 	PLUGINS_STORE_NAME,
 	Plugin,
-	WCDataSelector,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import ExternalIcon from 'gridicons/dist/external';
@@ -50,7 +49,7 @@ const PaymentRecommendations: React.FC = () => {
 		paymentGatewaySuggestions,
 		isResolving,
 	} = useSelect(
-		( select: WCDataSelector ) => {
+		( select ) => {
 			const installingGatewayId =
 				isInstalled && getPluginSlug( installingPlugin );
 			return {
diff --git a/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx b/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx
index ed5cecdcf79..e23cadda3ec 100644
--- a/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx
+++ b/plugins/woocommerce-admin/client/settings-recommendations/dismissable-list.tsx
@@ -1,11 +1,7 @@
 /**
  * External dependencies
  */
-import {
-	useDispatch,
-	useSelect,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { Button, Card, CardHeader } from '@wordpress/components';
 import { OPTIONS_STORE_NAME } from '@woocommerce/data';
 import { EllipsisMenu } from '@woocommerce/components';
@@ -59,7 +55,7 @@ export const DismissableList: React.FC< {
 	dismissOptionName: string;
 	className?: string;
 } > = ( { children, className, dismissOptionName } ) => {
-	const isVisible = useSelect( ( select: typeof wpDataSelect ) => {
+	const isVisible = useSelect( ( select ) => {
 		const { getOption, hasFinishedResolution } = select(
 			OPTIONS_STORE_NAME
 		);
diff --git a/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx b/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx
index 49754b9fe11..d9bd2775664 100644
--- a/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx
+++ b/plugins/woocommerce-admin/client/settings-recommendations/recommendations-eligibility-wrapper.tsx
@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { useSelect, select as wpDataSelect } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { useUser, OPTIONS_STORE_NAME } from '@woocommerce/data';
 
 const SHOW_MARKETPLACE_SUGGESTION_OPTION =
@@ -10,21 +10,19 @@ const SHOW_MARKETPLACE_SUGGESTION_OPTION =
 const RecommendationsEligibilityWrapper: React.FC = ( { children } ) => {
 	const { currentUserCan } = useUser();
 
-	const isMarketplaceSuggestionsEnabled = useSelect(
-		( select: typeof wpDataSelect ) => {
-			const { getOption, hasFinishedResolution } = select(
-				OPTIONS_STORE_NAME
-			);
+	const isMarketplaceSuggestionsEnabled = useSelect( ( select ) => {
+		const { getOption, hasFinishedResolution } = select(
+			OPTIONS_STORE_NAME
+		);
 
-			const hasFinishedResolving = hasFinishedResolution( 'getOption', [
-				SHOW_MARKETPLACE_SUGGESTION_OPTION,
-			] );
-			const canShowMarketplaceSuggestions =
-				getOption( SHOW_MARKETPLACE_SUGGESTION_OPTION ) !== 'no';
+		const hasFinishedResolving = hasFinishedResolution( 'getOption', [
+			SHOW_MARKETPLACE_SUGGESTION_OPTION,
+		] );
+		const canShowMarketplaceSuggestions =
+			getOption( SHOW_MARKETPLACE_SUGGESTION_OPTION ) !== 'no';
 
-			return hasFinishedResolving && canShowMarketplaceSuggestions;
-		}
-	);
+		return hasFinishedResolving && canShowMarketplaceSuggestions;
+	} );
 
 	if ( ! currentUserCan( 'install_plugins' ) ) {
 		return null;
diff --git a/plugins/woocommerce-admin/client/shipping/shipping-recommendations.tsx b/plugins/woocommerce-admin/client/shipping/shipping-recommendations.tsx
index 510863ed46b..7968e46ad03 100644
--- a/plugins/woocommerce-admin/client/shipping/shipping-recommendations.tsx
+++ b/plugins/woocommerce-admin/client/shipping/shipping-recommendations.tsx
@@ -2,11 +2,7 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import {
-	useSelect,
-	useDispatch,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { useState, Children } from '@wordpress/element';
 import { Text } from '@woocommerce/experimental';
 import { PLUGINS_STORE_NAME } from '@woocommerce/data';
@@ -103,7 +99,7 @@ const ShippingRecommendationsList: React.FC = ( { children } ) => (
 const ShippingRecommendations: React.FC = () => {
 	const [ pluginsBeingSetup, setupPlugin ] = useInstallPlugin();
 
-	const activePlugins = useSelect( ( select: typeof wpDataSelect ) =>
+	const activePlugins = useSelect( ( select ) =>
 		select( PLUGINS_STORE_NAME ).getActivePlugins()
 	);
 
diff --git a/plugins/woocommerce-admin/client/shipping/woocommerce-services-item.tsx b/plugins/woocommerce-admin/client/shipping/woocommerce-services-item.tsx
index 24410d9b79c..227fde0a691 100644
--- a/plugins/woocommerce-admin/client/shipping/woocommerce-services-item.tsx
+++ b/plugins/woocommerce-admin/client/shipping/woocommerce-services-item.tsx
@@ -2,11 +2,7 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import {
-	useSelect,
-	useDispatch,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { Button, ExternalLink } from '@wordpress/components';
 import { Pill } from '@woocommerce/components';
 import { PLUGINS_STORE_NAME } from '@woocommerce/data';
@@ -26,9 +22,8 @@ const WooCommerceServicesItem: React.FC< {
 	const wcAdminAssetUrl = getAdminSetting( 'wcAdminAssetUrl', '' );
 	const { createSuccessNotice } = useDispatch( 'core/notices' );
 
-	const isSiteConnectedToJetpack = useSelect(
-		( select: typeof wpDataSelect ) =>
-			select( PLUGINS_STORE_NAME ).isJetpackConnected()
+	const isSiteConnectedToJetpack = useSelect( ( select ) =>
+		select( PLUGINS_STORE_NAME ).isJetpackConnected()
 	);
 
 	const handleSetupClick = () => {
diff --git a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
index 6e576a8986e..a80319ecc40 100644
--- a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
+++ b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
@@ -4,11 +4,7 @@
 import { __, sprintf } from '@wordpress/i18n';
 import { useMemo } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
-import {
-	getVisibleTasks,
-	ONBOARDING_STORE_NAME,
-	WCDataSelector,
-} from '@woocommerce/data';
+import { getVisibleTasks, ONBOARDING_STORE_NAME } from '@woocommerce/data';
 import { getSetting } from '@woocommerce/settings';
 
 /**
@@ -30,7 +26,7 @@ export const ProgressHeader: React.FC< ProgressHeaderProps > = ( {
 		completedCount,
 		hasVisitedTasks,
 		disabledCompletedCount,
-	} = useSelect( ( select: WCDataSelector ) => {
+	} = useSelect( ( select ) => {
 		const taskList = select( ONBOARDING_STORE_NAME ).getTaskList(
 			taskListId
 		);
diff --git a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
index 0d9bd6f0bbc..c1d5f951c63 100644
--- a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
@@ -4,11 +4,7 @@
 import { registerPlugin } from '@wordpress/plugins';
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { useSelect } from '@wordpress/data';
-import {
-	ONBOARDING_STORE_NAME,
-	TaskType,
-	WCDataSelector,
-} from '@woocommerce/data';
+import { ONBOARDING_STORE_NAME, TaskType } from '@woocommerce/data';
 import { useEffect, useState } from '@wordpress/element';
 
 type DeprecatedTask = TaskType & {
@@ -19,16 +15,14 @@ const DeprecatedWooOnboardingTaskFills = () => {
 	const [ deprecatedTasks, setDeprecatedTasks ] = useState<
 		DeprecatedTask[]
 	>( [] );
-	const { isResolving, taskLists } = useSelect(
-		( select: WCDataSelector ) => {
-			return {
-				isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
-					'getTaskLists'
-				),
-				taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
-			};
-		}
-	);
+	const { isResolving, taskLists } = useSelect( ( select ) => {
+		return {
+			isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
+				'getTaskLists'
+			),
+			taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
+		};
+	} );
 
 	useEffect( () => {
 		if ( taskLists && taskLists.length > 0 ) {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
index 80895f31f7b..3b5e8f2b055 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
@@ -3,11 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { Card, CardHeader, Spinner } from '@wordpress/components';
-import {
-	ONBOARDING_STORE_NAME,
-	PLUGINS_STORE_NAME,
-	WCDataSelector,
-} from '@woocommerce/data';
+import { ONBOARDING_STORE_NAME, PLUGINS_STORE_NAME } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { Text } from '@woocommerce/experimental';
 import { useMemo, useState } from '@wordpress/element';
@@ -122,7 +118,7 @@ const Marketing: React.FC< MarketingProps > = ( { onComplete } ) => {
 		freeExtensions,
 		installedPlugins,
 		isResolving,
-	} = useSelect( ( select: WCDataSelector ) => {
+	} = useSelect( ( select ) => {
 		const { getActivePlugins, getInstalledPlugins } = select(
 			PLUGINS_STORE_NAME
 		);
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx
index 3aefbdaf1f2..018cf9f53bc 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/components/store-location.tsx
@@ -21,20 +21,18 @@ export const StoreLocation: React.FC< {
 	const { updateAndPersistSettingsForGroup } = useDispatch(
 		SETTINGS_STORE_NAME
 	);
-	const { generalSettings, isResolving } = useSelect(
-		( select: WCDataSelector ) => {
-			const { getSettings, hasFinishedResolution } = select(
-				SETTINGS_STORE_NAME
-			) as SettingsSelector;
+	const { generalSettings, isResolving } = useSelect( ( select ) => {
+		const { getSettings, hasFinishedResolution } = select(
+			SETTINGS_STORE_NAME
+		) as SettingsSelector;
 
-			return {
-				generalSettings: getSettings( 'general' )?.general,
-				isResolving: ! hasFinishedResolution( 'getSettings', [
-					'general',
-				] ),
-			};
-		}
-	);
+		return {
+			generalSettings: getSettings( 'general' )?.general,
+			isResolving: ! hasFinishedResolution( 'getSettings', [
+				'general',
+			] ),
+		};
+	} );
 
 	useEffect( () => {
 		if ( isResolving || ! hasCompleteAddress( generalSettings ) ) {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
index 864978bea9b..b9bd668e45a 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
@@ -8,7 +8,6 @@ import { getAdminLink } from '@woocommerce/settings';
 import {
 	OPTIONS_STORE_NAME,
 	SETTINGS_STORE_NAME,
-	WCDataSelector,
 	TaskType,
 } from '@woocommerce/data';
 import { queueRecordEvent, recordEvent } from '@woocommerce/tracks';
@@ -60,7 +59,7 @@ const Tax: React.FC< TaxProps > = ( { onComplete, query, task } ) => {
 		SETTINGS_STORE_NAME
 	);
 	const { generalSettings, isResolving, taxSettings } = useSelect(
-		( select: WCDataSelector ) => {
+		( select ) => {
 			const { getSettings, hasFinishedResolution } = select(
 				SETTINGS_STORE_NAME
 			) as SettingsSelector;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx
index a5a8e99d0dc..f65c6e1dc40 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/manual-configuration/configure.tsx
@@ -17,7 +17,7 @@ import { SettingsSelector, TaxChildProps } from '../utils';
 export const Configure: React.FC<
 	Pick< TaxChildProps, 'isPending' | 'onManual' >
 > = ( { isPending, onManual } ) => {
-	const { generalSettings } = useSelect( ( select: WCDataSelector ) => {
+	const { generalSettings } = useSelect( ( select ) => {
 		const { getSettings } = select(
 			SETTINGS_STORE_NAME
 		) as SettingsSelector;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx
index db9c1ae137a..45b57eb9e79 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/index.tsx
@@ -5,11 +5,7 @@ import { __ } from '@wordpress/i18n';
 import { difference } from 'lodash';
 import { useSelect } from '@wordpress/data';
 import { Spinner } from '@woocommerce/components';
-import {
-	PLUGINS_STORE_NAME,
-	SETTINGS_STORE_NAME,
-	WCDataSelector,
-} from '@woocommerce/data';
+import { PLUGINS_STORE_NAME, SETTINGS_STORE_NAME } from '@woocommerce/data';
 
 /**
  * Internal dependencies
@@ -34,7 +30,7 @@ export const WooCommerceTax: React.FC< TaxChildProps > = ( {
 		isJetpackConnected,
 		isResolving,
 		pluginsToActivate,
-	} = useSelect( ( select: WCDataSelector ) => {
+	} = useSelect( ( select ) => {
 		const { getSettings } = select(
 			SETTINGS_STORE_NAME
 		) as SettingsSelector;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
index 4f8b3fa5a25..a1c87422228 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
@@ -7,11 +7,7 @@ import { Link, Plugins as PluginInstaller } from '@woocommerce/components';
 import { OPTIONS_STORE_NAME, InstallPluginsResponse } from '@woocommerce/data';
 import { recordEvent, queueRecordEvent } from '@woocommerce/tracks';
 import { Text } from '@woocommerce/experimental';
-import {
-	useDispatch,
-	useSelect,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { useEffect } from '@wordpress/element';
 
 /**
@@ -27,26 +23,24 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 	pluginsToActivate,
 } ) => {
 	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
-	const { isResolving, tosAccepted } = useSelect(
-		( select: typeof wpDataSelect ) => {
-			const { getOption, hasFinishedResolution } = select(
-				OPTIONS_STORE_NAME
-			);
+	const { isResolving, tosAccepted } = useSelect( ( select ) => {
+		const { getOption, hasFinishedResolution } = select(
+			OPTIONS_STORE_NAME
+		);
 
-			return {
-				isResolving:
-					! hasFinishedResolution( 'getOption', [
-						'woocommerce_setup_jetpack_opted_in',
-					] ) ||
-					! hasFinishedResolution( 'getOption', [
-						'wc_connect_options',
-					] ),
-				tosAccepted:
-					getOption( 'wc_connect_options' )?.tos_accepted ||
-					getOption( 'woocommerce_setup_jetpack_opted_in' ) === '1',
-			};
-		}
-	);
+		return {
+			isResolving:
+				! hasFinishedResolution( 'getOption', [
+					'woocommerce_setup_jetpack_opted_in',
+				] ) ||
+				! hasFinishedResolution( 'getOption', [
+					'wc_connect_options',
+				] ),
+			tosAccepted:
+				getOption( 'wc_connect_options' )?.tos_accepted ||
+				getOption( 'woocommerce_setup_jetpack_opted_in' ) === '1',
+		};
+	} );
 
 	useEffect( () => {
 		if ( ! tosAccepted || pluginsToActivate.length ) {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx
index dee6836c9a7..31ed782919e 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/setup.tsx
@@ -10,7 +10,7 @@ import {
 	PLUGINS_STORE_NAME,
 	SETTINGS_STORE_NAME,
 } from '@woocommerce/data';
-import { useSelect, select as wpDataSelect } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -47,29 +47,27 @@ export const Setup: React.FC< SetupProps > = ( {
 	const [ pluginsToActivate, setPluginsToActivate ] = useState< string[] >(
 		[]
 	);
-	const { activePlugins, isResolving } = useSelect(
-		( select: typeof wpDataSelect ) => {
-			const { getSettings } = select(
-				SETTINGS_STORE_NAME
-			) as SettingsSelector;
-			const { hasFinishedResolution } = select(
-				OPTIONS_STORE_NAME
-			) as SettingsSelector;
-			const { getActivePlugins } = select( PLUGINS_STORE_NAME );
+	const { activePlugins, isResolving } = useSelect( ( select ) => {
+		const { getSettings } = select(
+			SETTINGS_STORE_NAME
+		) as SettingsSelector;
+		const { hasFinishedResolution } = select(
+			OPTIONS_STORE_NAME
+		) as SettingsSelector;
+		const { getActivePlugins } = select( PLUGINS_STORE_NAME );
 
-			return {
-				activePlugins: getActivePlugins(),
-				generalSettings: getSettings( 'general' )?.general,
-				isResolving:
-					! hasFinishedResolution( 'getOption', [
-						'woocommerce_setup_jetpack_opted_in',
-					] ) ||
-					! hasFinishedResolution( 'getOption', [
-						'wc_connect_options',
-					] ),
-			};
-		}
-	);
+		return {
+			activePlugins: getActivePlugins(),
+			generalSettings: getSettings( 'general' )?.general,
+			isResolving:
+				! hasFinishedResolution( 'getOption', [
+					'woocommerce_setup_jetpack_opted_in',
+				] ) ||
+				! hasFinishedResolution( 'getOption', [
+					'wc_connect_options',
+				] ),
+		};
+	} );
 	const [ stepIndex, setStepIndex ] = useState( 0 );
 
 	useEffect( () => {
diff --git a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
index 021992095b9..ea1f225492e 100644
--- a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
+++ b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
@@ -2,11 +2,7 @@
  * External dependencies
  */
 import { __, sprintf } from '@wordpress/i18n';
-import {
-	useSelect,
-	useDispatch,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import {
 	ONBOARDING_STORE_NAME,
 	OPTIONS_STORE_NAME,
@@ -98,7 +94,7 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 		taskListComplete,
 		reminderBarHidden,
 		completedTasksCount,
-	} = useSelect( ( select: typeof wpDataSelect ) => {
+	} = useSelect( ( select ) => {
 		const {
 			getTaskList,
 			hasFinishedResolution: onboardingHasFinishedResolution,
diff --git a/plugins/woocommerce-admin/client/tasks/task-list.tsx b/plugins/woocommerce-admin/client/tasks/task-list.tsx
index eeb139438dd..c35fa4a0386 100644
--- a/plugins/woocommerce-admin/client/tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/tasks/task-list.tsx
@@ -10,7 +10,6 @@ import {
 	getVisibleTasks,
 	ONBOARDING_STORE_NAME,
 	TaskListType,
-	WCDataSelector,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { Text, List, CollapsibleList } from '@woocommerce/experimental';
@@ -39,7 +38,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 	displayProgressHeader = false,
 	query,
 } ) => {
-	const { profileItems } = useSelect( ( select: WCDataSelector ) => {
+	const { profileItems } = useSelect( ( select ) => {
 		const { getProfileItems } = select( ONBOARDING_STORE_NAME );
 
 		return {
diff --git a/plugins/woocommerce-admin/client/tasks/tasks.tsx b/plugins/woocommerce-admin/client/tasks/tasks.tsx
index 60cf139abdf..19857b9a4db 100644
--- a/plugins/woocommerce-admin/client/tasks/tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/tasks.tsx
@@ -9,7 +9,6 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import {
 	ONBOARDING_STORE_NAME,
 	OPTIONS_STORE_NAME,
-	WCDataSelector,
 	TaskListType,
 	TaskType,
 } from '@woocommerce/data';
@@ -67,16 +66,14 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 		'woocommerce_tasklist_progression'
 	);
 
-	const { isResolving, taskLists } = useSelect(
-		( select: WCDataSelector ) => {
-			return {
-				isResolving: ! select(
-					ONBOARDING_STORE_NAME
-				).hasFinishedResolution( 'getTaskLists' ),
-				taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
-			};
-		}
-	);
+	const { isResolving, taskLists } = useSelect( ( select ) => {
+		return {
+			isResolving: ! select(
+				ONBOARDING_STORE_NAME
+			).hasFinishedResolution( 'getTaskLists' ),
+			taskLists: select( ONBOARDING_STORE_NAME ).getTaskLists(),
+		};
+	} );
 
 	const getCurrentTask = () => {
 		if ( ! task ) {
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/extended-task.tsx b/plugins/woocommerce-admin/client/two-column-tasks/extended-task.tsx
index 2e5db17c728..dd0bc2df026 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/extended-task.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/extended-task.tsx
@@ -9,7 +9,6 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import {
 	ONBOARDING_STORE_NAME,
 	OPTIONS_STORE_NAME,
-	WCDataSelector,
 	TaskListType,
 	TaskType,
 } from '@woocommerce/data';
@@ -38,7 +37,7 @@ const ExtendedTask: React.FC< TasksProps > = ( { query } ) => {
 	}: {
 		isResolving: boolean;
 		taskLists: TaskListType[];
-	} = useSelect( ( select: WCDataSelector ) => {
+	} = useSelect( ( select ) => {
 		return {
 			isResolving: select( ONBOARDING_STORE_NAME ).isResolving(
 				'getTaskListsByIds'
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
index bf349643805..0e70b47c7c9 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.tsx
@@ -9,7 +9,6 @@ import {
 	OPTIONS_STORE_NAME,
 	ONBOARDING_STORE_NAME,
 	getVisibleTasks,
-	WCDataSelector,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { List } from '@woocommerce/experimental';
@@ -43,7 +42,7 @@ export const SectionedTaskList: React.FC< TaskListProps > = ( {
 	displayProgressHeader,
 } ) => {
 	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
-	const { profileItems } = useSelect( ( select: WCDataSelector ) => {
+	const { profileItems } = useSelect( ( select ) => {
 		const { getProfileItems } = select( ONBOARDING_STORE_NAME );
 		return {
 			profileItems: getProfileItems(),
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
index c003f231c2c..f75ece78ecb 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
@@ -17,7 +17,6 @@ import {
 	TaskType,
 	useUserPreferences,
 	getVisibleTasks,
-	WCDataSelector,
 	TaskListType,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
@@ -56,7 +55,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 	const { updateOptions, dismissTask, undoDismissTask } = useDispatch(
 		OPTIONS_STORE_NAME
 	);
-	const { profileItems } = useSelect( ( select: WCDataSelector ) => {
+	const { profileItems } = useSelect( ( select ) => {
 		const { getProfileItems } = select( ONBOARDING_STORE_NAME );
 		return {
 			profileItems: getProfileItems(),
diff --git a/plugins/woocommerce-admin/client/wp-admin-scripts/payment-method-promotions/payment-promotion-row.tsx b/plugins/woocommerce-admin/client/wp-admin-scripts/payment-method-promotions/payment-promotion-row.tsx
index baee5e0f825..5858cdff169 100644
--- a/plugins/woocommerce-admin/client/wp-admin-scripts/payment-method-promotions/payment-promotion-row.tsx
+++ b/plugins/woocommerce-admin/client/wp-admin-scripts/payment-method-promotions/payment-promotion-row.tsx
@@ -10,11 +10,7 @@ import {
 	PluginsStoreActions,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
-import {
-	useDispatch,
-	useSelect,
-	select as wpDataSelect,
-} from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { sanitize } from 'dompurify';
 import { __ } from '@wordpress/i18n';
 
@@ -59,27 +55,24 @@ export const PaymentPromotionRow: React.FC< PaymentPromotionRowProps > = ( {
 	const { installAndActivatePlugins } = useDispatch( PLUGINS_STORE_NAME );
 	const { createNotice } = useDispatch( 'core/notices' );
 	const { updatePaymentGateway } = useDispatch( PAYMENT_GATEWAYS_STORE_NAME );
-	const { gatewayIsActive, paymentGateway } = useSelect(
-		( select: typeof wpDataSelect ) => {
-			const { getPaymentGateway } = select( PAYMENT_GATEWAYS_STORE_NAME );
-			const activePlugins: string[] = select(
-				PLUGINS_STORE_NAME
-			).getActivePlugins();
-			const isActive =
-				activePlugins && activePlugins.includes( pluginSlug );
-			let paymentGatewayData;
-			if ( isActive ) {
-				paymentGatewayData = getPaymentGateway(
-					pluginSlug.replace( /\-/g, '_' )
-				);
-			}
-
-			return {
-				gatewayIsActive: isActive,
-				paymentGateway: paymentGatewayData,
-			};
+	const { gatewayIsActive, paymentGateway } = useSelect( ( select ) => {
+		const { getPaymentGateway } = select( PAYMENT_GATEWAYS_STORE_NAME );
+		const activePlugins: string[] = select(
+			PLUGINS_STORE_NAME
+		).getActivePlugins();
+		const isActive = activePlugins && activePlugins.includes( pluginSlug );
+		let paymentGatewayData;
+		if ( isActive ) {
+			paymentGatewayData = getPaymentGateway(
+				pluginSlug.replace( /\-/g, '_' )
+			);
 		}
-	);
+
+		return {
+			gatewayIsActive: isActive,
+			paymentGateway: paymentGatewayData,
+		};
+	} );
 
 	useEffect( () => {
 		if (

From 678e893f60845385e9b0cbe245379aa29e6e7590 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 14:16:39 +0800
Subject: [PATCH 138/327] Fix react admin ./client types after updating
 @woocommerce/data types

---
 .../settings/general/store-address.tsx        |  11 +-
 .../client/dashboard/utils.js                 |   2 +-
 .../client/homescreen/index.tsx               |   2 +
 .../client/payments-welcome/index.tsx         |  11 +-
 .../client/tasks/deprecated-tasks.tsx         |  12 ++-
 .../client/tasks/fills/Marketing/index.tsx    |  24 ++---
 .../tasks/fills/Marketing/test/index.tsx      |  11 +-
 .../client/tasks/fills/tax/index.tsx          |   2 +
 .../client/tasks/fills/tax/utils.ts           |   8 +-
 .../fills/tax/woocommerce-tax/connect.tsx     |   1 +
 .../fills/tax/woocommerce-tax/plugins.tsx     |   4 +-
 .../tasks/reminder-bar/reminder-bar.tsx       |  17 +--
 .../woocommerce-admin/client/tasks/tasks.tsx  | 101 ++++++++++--------
 13 files changed, 113 insertions(+), 93 deletions(-)

diff --git a/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx b/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx
index 6c417b3048c..8a3c8d3d78e 100644
--- a/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx
+++ b/plugins/woocommerce-admin/client/dashboard/components/settings/general/store-address.tsx
@@ -376,6 +376,10 @@ export function StoreAddress( {
 		setValue
 	);
 
+	const isLocaleKey = ( key: string ): key is keyof typeof locale => {
+		return locale.hasOwnProperty( key );
+	};
+
 	useEffect( () => {
 		if ( locale ) {
 			storeAddressFields.forEach( ( field ) => {
@@ -383,7 +387,12 @@ export function StoreAddress( {
 					.replace( /(address)Line([0-9])/, '$1$2' )
 					.toLowerCase();
 				const props = getInputProps( field );
-				if ( locale[ fieldKey ]?.hidden && props.value?.length > 0 ) {
+
+				if (
+					isLocaleKey( fieldKey ) &&
+					locale[ fieldKey ]?.hidden &&
+					props.value?.length > 0
+				) {
 					// Clear hidden field.
 					setValue( field, '' );
 				}
diff --git a/plugins/woocommerce-admin/client/dashboard/utils.js b/plugins/woocommerce-admin/client/dashboard/utils.js
index d1ba7bd588a..62bdfc920ab 100644
--- a/plugins/woocommerce-admin/client/dashboard/utils.js
+++ b/plugins/woocommerce-admin/client/dashboard/utils.js
@@ -16,7 +16,7 @@ import { getAdminSetting } from '~/utils/admin-settings';
  * @return {string} Country string.
  */
 
-export function getCountryCode( countryState ) {
+export function getCountryCode( countryState = '' ) {
 	if ( ! countryState ) {
 		return null;
 	}
diff --git a/plugins/woocommerce-admin/client/homescreen/index.tsx b/plugins/woocommerce-admin/client/homescreen/index.tsx
index 0021ee35a21..03e92ff557e 100644
--- a/plugins/woocommerce-admin/client/homescreen/index.tsx
+++ b/plugins/woocommerce-admin/client/homescreen/index.tsx
@@ -7,6 +7,7 @@ import { identity } from 'lodash';
 import {
 	ONBOARDING_STORE_NAME,
 	withOnboardingHydration,
+	WCDataSelector,
 } from '@woocommerce/data';
 import { getHistory, getNewPath } from '@woocommerce/navigation';
 import type { History } from 'history';
@@ -35,6 +36,7 @@ const Homescreen = ( {
 		);
 	}
 
+	// @ts-expect-error Layout is a pure JS component
 	return <Layout query={ query } />;
 };
 
diff --git a/plugins/woocommerce-admin/client/payments-welcome/index.tsx b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
index 1e44ed258fa..8494d88919d 100644
--- a/plugins/woocommerce-admin/client/payments-welcome/index.tsx
+++ b/plugins/woocommerce-admin/client/payments-welcome/index.tsx
@@ -110,7 +110,7 @@ const ConnectPageOnboarding = ( {
 	setErrorMessage,
 	connectUrl,
 }: {
-	isJetpackConnected: string;
+	isJetpackConnected?: boolean;
 	installAndActivatePlugins: PluginsStoreActions[ 'installAndActivatePlugins' ];
 	// eslint-disable-next-line @typescript-eslint/ban-types
 	setErrorMessage: Function;
@@ -268,18 +268,15 @@ const ConnectAccountPage = () => {
 	}, [ hasViewedWelcomePage ] );
 
 	const { installAndActivatePlugins } = useDispatch( 'wc/admin/plugins' );
-	const onboardingProps = {
-		isJetpackConnected,
-		installAndActivatePlugins,
-		connectUrl,
-	};
 
 	return (
 		<div className="connect-account-page">
 			<div className="woocommerce-payments-page is-narrow connect-account">
 				<ConnectPageError errorMessage={ errorMessage } />
 				<ConnectPageOnboarding
-					{ ...onboardingProps }
+					isJetpackConnected={ isJetpackConnected }
+					installAndActivatePlugins={ installAndActivatePlugins }
+					connectUrl={ connectUrl }
 					setErrorMessage={ setErrorMessage }
 				/>
 				<Banner />
diff --git a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
index c1d5f951c63..3454911e537 100644
--- a/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/deprecated-tasks.tsx
@@ -8,7 +8,8 @@ import { ONBOARDING_STORE_NAME, TaskType } from '@woocommerce/data';
 import { useEffect, useState } from '@wordpress/element';
 
 type DeprecatedTask = TaskType & {
-	container: React.ReactNode;
+	container?: React.ReactNode;
+	isDeprecated?: boolean;
 };
 
 const DeprecatedWooOnboardingTaskFills = () => {
@@ -29,12 +30,17 @@ const DeprecatedWooOnboardingTaskFills = () => {
 			const deprecatedTasksWithContainer = [];
 			for ( const tasklist of taskLists ) {
 				for ( const task of tasklist.tasks ) {
-					if ( task.isDeprecated && task.container ) {
+					if (
+						( task as DeprecatedTask ).isDeprecated &&
+						( task as DeprecatedTask ).container
+					) {
 						deprecatedTasksWithContainer.push( task );
 					}
 				}
 			}
-			setDeprecatedTasks( deprecatedTasksWithContainer );
+			setDeprecatedTasks(
+				deprecatedTasksWithContainer as DeprecatedTask[]
+			);
 		}
 	}, [ taskLists ] );
 
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
index 3b5e8f2b055..196d43c2cac 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/index.tsx
@@ -3,7 +3,12 @@
  */
 import { __ } from '@wordpress/i18n';
 import { Card, CardHeader, Spinner } from '@wordpress/components';
-import { ONBOARDING_STORE_NAME, PLUGINS_STORE_NAME } from '@woocommerce/data';
+import {
+	ONBOARDING_STORE_NAME,
+	PLUGINS_STORE_NAME,
+	Extension,
+	ExtensionList,
+} from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { Text } from '@woocommerce/experimental';
 import { useMemo, useState } from '@wordpress/element';
@@ -22,21 +27,6 @@ import { getPluginSlug } from '../../../utils';
 
 const ALLOWED_PLUGIN_LISTS = [ 'task-list/reach', 'task-list/grow' ];
 
-export type ExtensionList = {
-	key: string;
-	title: string;
-	plugins: Extension[];
-};
-
-export type Extension = {
-	description: string;
-	key: string;
-	image_url: string;
-	is_built_by_wc: boolean;
-	manage_url: string;
-	name: string;
-};
-
 export const transformExtensionToPlugin = (
 	extension: Extension,
 	activePlugins: string[],
@@ -148,7 +138,7 @@ const Marketing: React.FC< MarketingProps > = ( { onComplete } ) => {
 		setCurrentPlugin( slug );
 		actionTask( 'marketing' );
 		installAndActivatePlugins( [ slug ] )
-			.then( ( response: { errors: Record< string, string > } ) => {
+			.then( ( response ) => {
 				recordEvent( 'tasklist_marketing_install', {
 					selected_extension: slug,
 					installed_extensions: installedExtensions.map(
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
index b0896b1dce3..3fadc329621 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
@@ -1,11 +1,12 @@
+/**
+ * External dependencies
+ */
+import { Extension } from '@woocommerce/data';
+
 /**
  * Internal dependencies
  */
-import {
-	Extension,
-	transformExtensionToPlugin,
-	getMarketingExtensionLists,
-} from '../';
+import { transformExtensionToPlugin, getMarketingExtensionLists } from '../';
 
 const basicPlugins: Extension[] = [
 	{
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
index b9bd668e45a..82c9f58bf8d 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/index.tsx
@@ -89,6 +89,7 @@ const Tax: React.FC< TaxProps > = ( { onComplete, query, task } ) => {
 					woocommerce_calc_taxes: 'yes',
 				},
 			} )
+				// @ts-expect-error updateAndPersistSettingsForGroup returns a Promise, but it is not typed in source.
 				.then( () => redirectToTaxSettings() )
 				.catch( ( error: unknown ) => {
 					setIsPending( false );
@@ -134,6 +135,7 @@ const Tax: React.FC< TaxProps > = ( { onComplete, query, task } ) => {
 		updateOptions( {
 			woocommerce_no_sales_tax: true,
 			woocommerce_calc_taxes: 'no',
+			// @ts-expect-error updateOptions returns a Promise, but it is not typed in source.
 		} ).then( () => {
 			window.location.href = getAdminLink( 'admin.php?page=wc-admin' );
 		} );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
index f702493ca25..553f6a0d905 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/utils.ts
@@ -46,15 +46,15 @@ export type SettingsSelector = WPDataSelectors & {
 	getSettings: (
 		type: string
 	) => {
-		general: { woocommerce_default_country?: string };
+		general: {
+			woocommerce_default_country?: string;
+			woocommerce_calc_taxes?: string;
+		};
 		tax: { [ key: string ]: string };
 	};
 	getOption: (
 		type: string
 	) => {
-		wc_connect_options: {
-			tos_accepted: string;
-		};
 		tos_accepted?: boolean;
 	};
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/connect.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/connect.tsx
index d4fd49a7ecb..efbecd24329 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/connect.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/connect.tsx
@@ -16,6 +16,7 @@ export const Connect: React.FC< SetupStepProps > = ( {
 } ) => {
 	return (
 		<ConnectForm
+			// @ts-expect-error ConnectForm is pure JS component
 			onConnect={ () => {
 				recordEvent( 'tasklist_tax_connect_store', {
 					connect: true,
diff --git a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
index a1c87422228..88dea2f1dc7 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/tax/woocommerce-tax/plugins.tsx
@@ -15,6 +15,7 @@ import { useEffect } from '@wordpress/element';
  */
 import { createNoticesFromResponse } from '~/lib/notices';
 import { SetupStepProps } from './setup';
+import { SettingsSelector } from '../utils';
 
 export const Plugins: React.FC< SetupStepProps > = ( {
 	nextStep,
@@ -26,7 +27,7 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 	const { isResolving, tosAccepted } = useSelect( ( select ) => {
 		const { getOption, hasFinishedResolution } = select(
 			OPTIONS_STORE_NAME
-		);
+		) as SettingsSelector;
 
 		return {
 			isResolving:
@@ -67,6 +68,7 @@ export const Plugins: React.FC< SetupStepProps > = ( {
 	return (
 		<>
 			<PluginInstaller
+				// @ts-expect-error PluginInstaller has onComplete props but it is a pure js component and doesn't export the right types.
 				onComplete={ (
 					activatedPlugins: string[],
 					response: InstallPluginsResponse
diff --git a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
index ea1f225492e..330410a76c8 100644
--- a/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
+++ b/plugins/woocommerce-admin/client/tasks/reminder-bar/reminder-bar.tsx
@@ -104,7 +104,7 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 			hasFinishedResolution: optionHasFinishedResolution,
 		} = select( OPTIONS_STORE_NAME );
 		const reminderBarHiddenOption = getOption( REMINDER_BAR_HIDDEN_OPTION );
-		const taskList: TaskListType = getTaskList( taskListId );
+		const taskList = getTaskList( taskListId );
 		const taskListIsResolved = onboardingHasFinishedResolution(
 			'getTaskList',
 			[ taskListId ]
@@ -113,11 +113,12 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 			REMINDER_BAR_HIDDEN_OPTION,
 		] );
 
-		const visibleTasks = taskList?.tasks.filter(
-			( task ) =>
-				! task.isDismissed &&
-				( ! task.isSnoozed || task.snoozedUntil < Date.now() )
-		);
+		const visibleTasks =
+			taskList?.tasks.filter(
+				( task ) =>
+					! task.isDismissed &&
+					( ! task.isSnoozed || task.snoozedUntil < Date.now() )
+			) || [];
 
 		const completedTasks =
 			visibleTasks?.filter( ( task ) => task.isComplete ) || [];
@@ -126,8 +127,8 @@ export const TasksReminderBar: React.FC< ReminderBarProps > = ( {
 
 		return {
 			reminderBarHidden: reminderBarHiddenOption === 'yes',
-			taskListHidden: isResolved ? taskList.isHidden : false,
-			taskListComplete: isResolved ? taskList.isComplete : false,
+			taskListHidden: isResolved ? taskList?.isHidden : false,
+			taskListComplete: isResolved ? taskList?.isComplete : false,
 			loading: ! isResolved,
 			completedTasksCount: completedTasks.length,
 			remainingCount: isResolved
diff --git a/plugins/woocommerce-admin/client/tasks/tasks.tsx b/plugins/woocommerce-admin/client/tasks/tasks.tsx
index 19857b9a4db..d261d7d7991 100644
--- a/plugins/woocommerce-admin/client/tasks/tasks.tsx
+++ b/plugins/woocommerce-admin/client/tasks/tasks.tsx
@@ -144,52 +144,61 @@ export const Tasks: React.FC< TasksProps > = ( { query } ) => {
 		return <TaskListPlaceholderComponent query={ query } />;
 	}
 
-	return taskLists
-		.filter( ( { id }: TaskListType ) =>
-			experimentAssignment?.variationName === 'treatment'
-				? id.endsWith( 'two_column' )
-				: ! id.endsWith( 'two_column' )
-		)
-		.map( ( taskList: TaskListType ) => {
-			const { id, isHidden, isVisible, isToggleable } = taskList;
+	return (
+		<>
+			{ taskLists
+				.filter( ( { id }: TaskListType ) =>
+					experimentAssignment?.variationName === 'treatment'
+						? id.endsWith( 'two_column' )
+						: ! id.endsWith( 'two_column' )
+				)
+				.map( ( taskList: TaskListType ) => {
+					const { id, isHidden, isVisible, isToggleable } = taskList;
 
-			if ( ! isVisible ) {
-				return null;
-			}
+					if ( ! isVisible ) {
+						return null;
+					}
 
-			const TaskListComponent = getTaskListComponent( id );
-			return (
-				<Fragment key={ id }>
-					<TaskListComponent
-						isExpandable={
-							experimentAssignment?.variationName === 'treatment'
-						}
-						query={ query }
-						twoColumns={ false }
-						{ ...taskList }
-					/>
-					{ isToggleable && (
-						<DisplayOption>
-							<MenuGroup
-								className="woocommerce-layout__homescreen-display-options"
-								label={ __( 'Display', 'woocommerce' ) }
-							>
-								<MenuItem
-									className="woocommerce-layout__homescreen-extension-tasklist-toggle"
-									icon={ isHidden ? undefined : check }
-									isSelected={ ! isHidden }
-									role="menuitemcheckbox"
-									onClick={ () => toggleTaskList( taskList ) }
-								>
-									{ __(
-										'Show things to do next',
-										'woocommerce'
-									) }
-								</MenuItem>
-							</MenuGroup>
-						</DisplayOption>
-					) }
-				</Fragment>
-			);
-		} );
+					const TaskListComponent = getTaskListComponent( id );
+					return (
+						<Fragment key={ id }>
+							<TaskListComponent
+								isExpandable={
+									experimentAssignment?.variationName ===
+									'treatment'
+								}
+								query={ query }
+								twoColumns={ false }
+								{ ...taskList }
+							/>
+							{ isToggleable && (
+								<DisplayOption>
+									<MenuGroup
+										className="woocommerce-layout__homescreen-display-options"
+										label={ __( 'Display', 'woocommerce' ) }
+									>
+										<MenuItem
+											className="woocommerce-layout__homescreen-extension-tasklist-toggle"
+											icon={
+												isHidden ? undefined : check
+											}
+											isSelected={ ! isHidden }
+											role="menuitemcheckbox"
+											onClick={ () =>
+												toggleTaskList( taskList )
+											}
+										>
+											{ __(
+												'Show things to do next',
+												'woocommerce'
+											) }
+										</MenuItem>
+									</MenuGroup>
+								</DisplayOption>
+							) }
+						</Fragment>
+					);
+				} ) }
+		</>
+	);
 };

From 0d5a0050d8084a550ef48df76891ab34e4c20b3b Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 14:20:50 +0800
Subject: [PATCH 139/327] Add changelogs

---
 packages/js/data/CHANGELOG.md                       | 1 +
 plugins/woocommerce/changelog/update-woo-data-types | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/update-woo-data-types

diff --git a/packages/js/data/CHANGELOG.md b/packages/js/data/CHANGELOG.md
index 80703cd633a..2ed5af13a0b 100644
--- a/packages/js/data/CHANGELOG.md
+++ b/packages/js/data/CHANGELOG.md
@@ -11,6 +11,7 @@
     - Update `TaskType` & `TaskListType` types
     - Export `InstallPluginsResponse` type
 -   Convert `use-user-preferences.js` to TS. #32695
+-   Add `@types/wordpress__compose`, `@types/wordpress__data`, `redux` types and fix related type errors. #32735
 
 ## Breaking change
 
diff --git a/plugins/woocommerce/changelog/update-woo-data-types b/plugins/woocommerce/changelog/update-woo-data-types
new file mode 100644
index 00000000000..d5ebd79dd5f
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-woo-data-types
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Fix react admin ./client type errors after updating @woocommerce/data types

From 991722ba6fc9b472c1f5961af4ef1e6c52e58b88 Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Mon, 25 Apr 2022 10:49:15 +0200
Subject: [PATCH 140/327] Re-introduce
 woocommerce_product_csv_importer_check_import_file_path

The hook was inadvertendlty removed in PR #32460.
Reintroducing it as a deprecated hook in favor of
woocommerce_csv_importer_check_import_file_path.
---
 ...ass-wc-product-csv-importer-controller.php |  6 --
 .../class-wc-deprecated-filter-hooks.php      | 76 ++++++++++---------
 2 files changed, 39 insertions(+), 43 deletions(-)

diff --git a/plugins/woocommerce/includes/admin/importers/class-wc-product-csv-importer-controller.php b/plugins/woocommerce/includes/admin/importers/class-wc-product-csv-importer-controller.php
index 17b13f81653..a2e69186818 100644
--- a/plugins/woocommerce/includes/admin/importers/class-wc-product-csv-importer-controller.php
+++ b/plugins/woocommerce/includes/admin/importers/class-wc-product-csv-importer-controller.php
@@ -91,12 +91,6 @@ class WC_Product_CSV_Importer_Controller {
 	 * @return bool
 	 */
 	public static function is_file_valid_csv( $file, $check_path = true ) {
-		/**
-		 * Can be used to override the decision to check the import file path.
-		 *
-		 * @param bool   $check_import_file_path If the import file path should be checked.
-		 * @param string $file                   Path of the file to be checked.
-		 */
 		return wc_is_file_valid_csv( $file, $check_path );
 	}
 
diff --git a/plugins/woocommerce/includes/class-wc-deprecated-filter-hooks.php b/plugins/woocommerce/includes/class-wc-deprecated-filter-hooks.php
index ddfcb75215f..f65197945e2 100644
--- a/plugins/woocommerce/includes/class-wc-deprecated-filter-hooks.php
+++ b/plugins/woocommerce/includes/class-wc-deprecated-filter-hooks.php
@@ -21,43 +21,44 @@ class WC_Deprecated_Filter_Hooks extends WC_Deprecated_Hooks {
 	 * @var array
 	 */
 	protected $deprecated_hooks = array(
-		'woocommerce_structured_data_order'          => 'woocommerce_email_order_schema_markup',
-		'woocommerce_add_to_cart_fragments'          => 'add_to_cart_fragments',
-		'woocommerce_add_to_cart_redirect'           => 'add_to_cart_redirect',
-		'woocommerce_product_get_width'              => 'woocommerce_product_width',
-		'woocommerce_product_get_height'             => 'woocommerce_product_height',
-		'woocommerce_product_get_length'             => 'woocommerce_product_length',
-		'woocommerce_product_get_weight'             => 'woocommerce_product_weight',
-		'woocommerce_product_get_sku'                => 'woocommerce_get_sku',
-		'woocommerce_product_get_price'              => 'woocommerce_get_price',
-		'woocommerce_product_get_regular_price'      => 'woocommerce_get_regular_price',
-		'woocommerce_product_get_sale_price'         => 'woocommerce_get_sale_price',
-		'woocommerce_product_get_tax_class'          => 'woocommerce_product_tax_class',
-		'woocommerce_product_get_stock_quantity'     => 'woocommerce_get_stock_quantity',
-		'woocommerce_product_get_attributes'         => 'woocommerce_get_product_attributes',
-		'woocommerce_product_get_gallery_image_ids'  => 'woocommerce_product_gallery_attachment_ids',
-		'woocommerce_product_get_review_count'       => 'woocommerce_product_review_count',
-		'woocommerce_product_get_downloads'          => 'woocommerce_product_files',
-		'woocommerce_order_get_currency'             => 'woocommerce_get_currency',
-		'woocommerce_order_get_discount_total'       => 'woocommerce_order_amount_discount_total',
-		'woocommerce_order_get_discount_tax'         => 'woocommerce_order_amount_discount_tax',
-		'woocommerce_order_get_shipping_total'       => 'woocommerce_order_amount_shipping_total',
-		'woocommerce_order_get_shipping_tax'         => 'woocommerce_order_amount_shipping_tax',
-		'woocommerce_order_get_cart_tax'             => 'woocommerce_order_amount_cart_tax',
-		'woocommerce_order_get_total'                => 'woocommerce_order_amount_total',
-		'woocommerce_order_get_total_tax'            => 'woocommerce_order_amount_total_tax',
-		'woocommerce_order_get_total_discount'       => 'woocommerce_order_amount_total_discount',
-		'woocommerce_order_get_subtotal'             => 'woocommerce_order_amount_subtotal',
-		'woocommerce_order_get_tax_totals'           => 'woocommerce_order_tax_totals',
-		'woocommerce_get_order_refund_get_amount'    => 'woocommerce_refund_amount',
-		'woocommerce_get_order_refund_get_reason'    => 'woocommerce_refund_reason',
-		'default_checkout_billing_country'           => 'default_checkout_country',
-		'default_checkout_billing_state'             => 'default_checkout_state',
-		'default_checkout_billing_postcode'          => 'default_checkout_postcode',
-		'woocommerce_system_status_environment_rows' => 'woocommerce_debug_posting',
-		'woocommerce_credit_card_type_labels'        => 'wocommerce_credit_card_type_labels',
-		'woocommerce_settings_tabs_advanced'         => 'woocommerce_settings_tabs_api',
-		'woocommerce_settings_advanced'              => 'woocommerce_settings_api',
+		'woocommerce_structured_data_order'               => 'woocommerce_email_order_schema_markup',
+		'woocommerce_add_to_cart_fragments'               => 'add_to_cart_fragments',
+		'woocommerce_add_to_cart_redirect'                => 'add_to_cart_redirect',
+		'woocommerce_product_get_width'                   => 'woocommerce_product_width',
+		'woocommerce_product_get_height'                  => 'woocommerce_product_height',
+		'woocommerce_product_get_length'                  => 'woocommerce_product_length',
+		'woocommerce_product_get_weight'                  => 'woocommerce_product_weight',
+		'woocommerce_product_get_sku'                     => 'woocommerce_get_sku',
+		'woocommerce_product_get_price'                   => 'woocommerce_get_price',
+		'woocommerce_product_get_regular_price'           => 'woocommerce_get_regular_price',
+		'woocommerce_product_get_sale_price'              => 'woocommerce_get_sale_price',
+		'woocommerce_product_get_tax_class'               => 'woocommerce_product_tax_class',
+		'woocommerce_product_get_stock_quantity'          => 'woocommerce_get_stock_quantity',
+		'woocommerce_product_get_attributes'              => 'woocommerce_get_product_attributes',
+		'woocommerce_product_get_gallery_image_ids'       => 'woocommerce_product_gallery_attachment_ids',
+		'woocommerce_product_get_review_count'            => 'woocommerce_product_review_count',
+		'woocommerce_product_get_downloads'               => 'woocommerce_product_files',
+		'woocommerce_order_get_currency'                  => 'woocommerce_get_currency',
+		'woocommerce_order_get_discount_total'            => 'woocommerce_order_amount_discount_total',
+		'woocommerce_order_get_discount_tax'              => 'woocommerce_order_amount_discount_tax',
+		'woocommerce_order_get_shipping_total'            => 'woocommerce_order_amount_shipping_total',
+		'woocommerce_order_get_shipping_tax'              => 'woocommerce_order_amount_shipping_tax',
+		'woocommerce_order_get_cart_tax'                  => 'woocommerce_order_amount_cart_tax',
+		'woocommerce_order_get_total'                     => 'woocommerce_order_amount_total',
+		'woocommerce_order_get_total_tax'                 => 'woocommerce_order_amount_total_tax',
+		'woocommerce_order_get_total_discount'            => 'woocommerce_order_amount_total_discount',
+		'woocommerce_order_get_subtotal'                  => 'woocommerce_order_amount_subtotal',
+		'woocommerce_order_get_tax_totals'                => 'woocommerce_order_tax_totals',
+		'woocommerce_get_order_refund_get_amount'         => 'woocommerce_refund_amount',
+		'woocommerce_get_order_refund_get_reason'         => 'woocommerce_refund_reason',
+		'default_checkout_billing_country'                => 'default_checkout_country',
+		'default_checkout_billing_state'                  => 'default_checkout_state',
+		'default_checkout_billing_postcode'               => 'default_checkout_postcode',
+		'woocommerce_system_status_environment_rows'      => 'woocommerce_debug_posting',
+		'woocommerce_credit_card_type_labels'             => 'wocommerce_credit_card_type_labels',
+		'woocommerce_settings_tabs_advanced'              => 'woocommerce_settings_tabs_api',
+		'woocommerce_settings_advanced'                   => 'woocommerce_settings_api',
+		'woocommerce_csv_importer_check_import_file_path' => 'woocommerce_product_csv_importer_check_import_file_path',
 	);
 
 	/**
@@ -103,6 +104,7 @@ class WC_Deprecated_Filter_Hooks extends WC_Deprecated_Hooks {
 		'wocommerce_credit_card_type_labels'         => '3.0.0',
 		'woocommerce_settings_tabs_api'              => '3.4.0',
 		'woocommerce_settings_api'                   => '3.4.0',
+		'woocommerce_product_csv_importer_check_import_file_path' => '6.5.0',
 	);
 
 	/**

From 23fa1bc4475f2ce989641c9060e2d5de8e2e0917 Mon Sep 17 00:00:00 2001
From: Nestor Soriano <konamiman@konamiman.com>
Date: Mon, 25 Apr 2022 10:59:36 +0200
Subject: [PATCH 141/327] Add changelog entry file

---
 plugins/woocommerce/changelog/fix-hook_removal_from_32460 | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-hook_removal_from_32460

diff --git a/plugins/woocommerce/changelog/fix-hook_removal_from_32460 b/plugins/woocommerce/changelog/fix-hook_removal_from_32460
new file mode 100644
index 00000000000..3fbfa9b85d4
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-hook_removal_from_32460
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: This fixes a bug that was introduced in a PR targetting the same Woo version.
+
+

From 1acbcd64c5fc5bc0e04687c688228b6d1db946b5 Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Mon, 25 Apr 2022 10:44:29 -0300
Subject: [PATCH 142/327] Fix eventPrefix for two column task list

---
 .../woocommerce-admin/client/two-column-tasks/task-list.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
index c003f231c2c..d8a243a3d82 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
@@ -46,12 +46,14 @@ export const TaskList: React.FC< TaskListProps > = ( {
 	query,
 	id,
 	eventName,
+	eventPrefix,
 	tasks,
 	twoColumns,
 	keepCompletedTaskList,
 	isComplete,
 	displayProgressHeader,
 } ) => {
+	const listEventPrefix = eventName ? eventName + '_' : eventPrefix;
 	const { createNotice } = useDispatch( 'core/notices' );
 	const { updateOptions, dismissTask, undoDismissTask } = useDispatch(
 		OPTIONS_STORE_NAME
@@ -80,7 +82,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 			return;
 		}
 
-		recordEvent( `${ eventName }_view`, {
+		recordEvent( `${ listEventPrefix }view`, {
 			number_tasks: visibleTasks.length,
 			store_connected: profileItems.wccom_connected,
 		} );
@@ -199,7 +201,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 	};
 
 	const trackClick = ( task: TaskType ) => {
-		recordEvent( `${ eventName }_click`, {
+		recordEvent( `${ listEventPrefix }click`, {
 			task_name: task.id,
 		} );
 	};

From 906b92fdbf798c3adc509c3a7a78f7e273b6ab5f Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Mon, 25 Apr 2022 10:53:00 -0300
Subject: [PATCH 143/327] Add changelog

---
 .../changelog/fix-32745_task_list_experiment_1_tracks         | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32745_task_list_experiment_1_tracks

diff --git a/plugins/woocommerce/changelog/fix-32745_task_list_experiment_1_tracks b/plugins/woocommerce/changelog/fix-32745_task_list_experiment_1_tracks
new file mode 100644
index 00000000000..2065d153c9f
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32745_task_list_experiment_1_tracks
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix event names for tracks in new Task List. #32759

From 9872ec153befc1265c28c52e05768675668c2155 Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Mon, 25 Apr 2022 10:57:36 -0300
Subject: [PATCH 144/327] Add test case for eventPrefix

---
 .../two-column-tasks/test/task-list.test.tsx  | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx b/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx
index e11bfc9ea21..49fb4a1772c 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx
@@ -152,6 +152,28 @@ describe( 'TaskList', () => {
 		} );
 	} );
 
+	it( 'should trigger tasklist_view event on initial render for setup task list with eventPrefix if eventName is undefined', () => {
+		render(
+			<TaskList
+				id="setup"
+				tasks={ [] }
+				title="List title"
+				query={ {} }
+				isComplete={ false }
+				isHidden={ false }
+				eventPrefix={ 'tasklist_' }
+				displayProgressHeader={ false }
+				keepCompletedTaskList="no"
+				isVisible={ true }
+			/>
+		);
+		expect( recordEvent ).toHaveBeenCalledTimes( 1 );
+		expect( recordEvent ).toHaveBeenCalledWith( 'tasklist_view', {
+			number_tasks: 0,
+			store_connected: null,
+		} );
+	} );
+
 	it( 'should trigger {id}_tasklist_view event on initial render for setup task list if id is not setup', () => {
 		render(
 			<TaskList

From e70b75cf81bc56dc378c3ee9ba9137647aff6c71 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Tue, 26 Apr 2022 08:51:35 +1200
Subject: [PATCH 145/327] Update `create-extension` to work in monorepo context
 (#32514)

* Update create-wc-extension to work in monorepo context

* update lock file
---
 package.json                                  |   5 +-
 .../bin/starter-pack/src/index.js             |   4 -
 plugins/woocommerce-admin/package.json        |   1 -
 plugins/woocommerce/.gitignore                |   3 +
 .../changelog/fix-starter-pack-monorepo       |   4 +
 pnpm-lock.yaml                                | 274 ++++++++++--------
 .../create-extension}/._eslintrc.js           |   0
 .../create-extension}/._gitignore             |   0
 .../create-extension}/._prettierrc.json       |   0
 tools/create-extension/._wp-env.json          |  14 +
 .../create-extension}/README.md               |   4 +-
 .../create-extension}/_README.md              |   0
 .../create-extension}/_main.php               |  30 +-
 .../create-extension}/_package.json           |   3 +
 .../create-extension}/_webpack.config.js      |   0
 .../create-extension/index.js                 |   6 +-
 tools/create-extension/src/index.js           |  24 ++
 .../create-extension}/src/index.scss          |   0
 18 files changed, 236 insertions(+), 136 deletions(-)
 delete mode 100644 plugins/woocommerce-admin/bin/starter-pack/src/index.js
 create mode 100644 plugins/woocommerce/changelog/fix-starter-pack-monorepo
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/._eslintrc.js (100%)
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/._gitignore (100%)
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/._prettierrc.json (100%)
 create mode 100644 tools/create-extension/._wp-env.json
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/README.md (78%)
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/_README.md (100%)
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/_main.php (59%)
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/_package.json (94%)
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/_webpack.config.js (100%)
 rename plugins/woocommerce-admin/bin/starter-pack/starter-pack.js => tools/create-extension/index.js (91%)
 create mode 100644 tools/create-extension/src/index.js
 rename {plugins/woocommerce-admin/bin/starter-pack => tools/create-extension}/src/index.scss (100%)

diff --git a/package.json b/package.json
index 2ff6a3d8460..a945a056869 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,8 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "postinstall": "pnpm git:update-hooks",
-    "git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && husky install"
+    "git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && husky install",
+    "create-extension": "node ./tools/create-extension/index.js"
   },
   "devDependencies": {
     "@automattic/nx-composer": "^0.1.0",
@@ -45,7 +46,9 @@
     "@babel/core": "7.12.9",
     "@wordpress/babel-plugin-import-jsx-pragma": "^3.1.0",
     "@wordpress/babel-preset-default": "^6.4.1",
+    "fs-extra": "^10.0.1",
     "lodash": "^4.17.21",
+    "promptly": "^3.2.0",
     "wp-textdomain": "1.0.1"
   }
 }
diff --git a/plugins/woocommerce-admin/bin/starter-pack/src/index.js b/plugins/woocommerce-admin/bin/starter-pack/src/index.js
deleted file mode 100644
index 57ba7593773..00000000000
--- a/plugins/woocommerce-admin/bin/starter-pack/src/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// Import SCSS entry file so that webpack picks up changes
-import './index.scss';
-
-console.log( 'hello world' );
diff --git a/plugins/woocommerce-admin/package.json b/plugins/woocommerce-admin/package.json
index 4ac6bfea2f7..e281bf46a71 100644
--- a/plugins/woocommerce-admin/package.json
+++ b/plugins/woocommerce-admin/package.json
@@ -209,7 +209,6 @@
 		"eslint-plugin-react": "^7.29.2",
 		"expose-loader": "^3.1.0",
 		"fork-ts-checker-webpack-plugin": "^6.5.0",
-		"fs-extra": "^8.1.0",
 		"jest": "^27.5.1",
 		"jest-environment-jsdom": "~27.5.0",
 		"jest-environment-node": "^27.5.1",
diff --git a/plugins/woocommerce/.gitignore b/plugins/woocommerce/.gitignore
index c991d06cea1..49787443657 100644
--- a/plugins/woocommerce/.gitignore
+++ b/plugins/woocommerce/.gitignore
@@ -34,3 +34,6 @@ i18n/languages/woocommerce.pot
 # Allure directories
 allure-report
 allure-results
+
+# Environment files
+.wp-env.override.json
diff --git a/plugins/woocommerce/changelog/fix-starter-pack-monorepo b/plugins/woocommerce/changelog/fix-starter-pack-monorepo
new file mode 100644
index 00000000000..6b448e0ca6e
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-starter-pack-monorepo
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Update create-extension script to function in the monorepo.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 641a5525d60..9df70e5a7f7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,6 +19,7 @@ importers:
       '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/prettier-config': ^1.1.1
       chalk: ^4.1.2
+      fs-extra: ^10.0.1
       glob: ^7.2.0
       husky: ^7.0.4
       jest: ^27.3.1
@@ -27,6 +28,7 @@ importers:
       mkdirp: ^1.0.4
       node-stream-zip: ^1.15.0
       prettier: npm:wp-prettier@^2.2.1-beta-1
+      promptly: ^3.2.0
       request: ^2.88.2
       typescript: 4.2.4
       wp-textdomain: 1.0.1
@@ -34,7 +36,9 @@ importers:
       '@babel/core': 7.12.9
       '@wordpress/babel-plugin-import-jsx-pragma': 3.1.0_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 6.4.1
+      fs-extra: 10.0.1
       lodash: 4.17.21
+      promptly: 3.2.0
       wp-textdomain: 1.0.1
     devDependencies:
       '@automattic/nx-composer': 0.1.0
@@ -1310,7 +1314,6 @@ importers:
       eslint-plugin-react: ^7.29.2
       expose-loader: ^3.1.0
       fork-ts-checker-webpack-plugin: ^6.5.0
-      fs-extra: ^8.1.0
       github-label-sync: ^2.0.2
       grapheme-splitter: ^1.0.4
       gridicons: ^3.4.0
@@ -1511,7 +1514,6 @@ importers:
       eslint-plugin-react: 7.29.4_eslint@8.11.0
       expose-loader: 3.1.0_webpack@5.70.0
       fork-ts-checker-webpack-plugin: 6.5.0_10568ae13669cc833891d65cd6879aa0
-      fs-extra: 8.1.0
       jest: 27.5.1
       jest-environment-jsdom: 27.5.1
       jest-environment-node: 27.5.1
@@ -6987,7 +6989,7 @@ packages:
       chalk: 4.1.2
       emittery: 0.8.1
       exit: 0.1.2
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-changed-files: 27.3.0
       jest-config: 27.3.1
       jest-haste-map: 27.3.1
@@ -7278,7 +7280,7 @@ packages:
       collect-v8-coverage: 1.0.1
       exit: 0.1.2
       glob: 7.2.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       istanbul-lib-coverage: 3.2.0
       istanbul-lib-instrument: 4.0.3
       istanbul-lib-report: 3.0.0
@@ -7316,7 +7318,7 @@ packages:
       collect-v8-coverage: 1.0.1
       exit: 0.1.2
       glob: 7.2.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       istanbul-lib-coverage: 3.2.0
       istanbul-lib-instrument: 4.0.3
       istanbul-lib-report: 3.0.0
@@ -7586,7 +7588,7 @@ packages:
       chalk: 4.1.2
       convert-source-map: 1.8.0
       fast-json-stable-stringify: 2.1.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-haste-map: 27.3.1
       jest-regex-util: 27.0.6
       jest-util: 27.3.1
@@ -8654,7 +8656,7 @@ packages:
       react-refresh: 0.11.0
       schema-utils: 3.1.1
       source-map: 0.7.3
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /@pmmmwh/react-refresh-webpack-plugin/0.5.1_92cb4b81c6b9f71cf92f0bdb85e4210c:
@@ -9037,7 +9039,7 @@ packages:
     peerDependencies:
       '@storybook/addon-actions': '*'
     dependencies:
-      '@storybook/addon-actions': 6.4.19
+      '@storybook/addon-actions': 6.4.19_react-dom@17.0.2+react@17.0.2
       global: 4.4.0
     dev: true
 
@@ -10572,7 +10574,7 @@ packages:
       util-deprecate: 1.0.2
       watchpack: 2.2.0
       webpack: 4.46.0_webpack-cli@3.3.12
-      ws: 8.2.3
+      ws: 8.5.0
     transitivePeerDependencies:
       - '@types/react'
       - acorn
@@ -10648,7 +10650,7 @@ packages:
       util-deprecate: 1.0.2
       watchpack: 2.2.0
       webpack: 4.46.0_webpack-cli@4.9.2
-      ws: 8.2.3
+      ws: 8.5.0
     transitivePeerDependencies:
       - '@types/react'
       - acorn
@@ -10724,7 +10726,7 @@ packages:
       util-deprecate: 1.0.2
       watchpack: 2.2.0
       webpack: 4.46.0_webpack-cli@4.9.2
-      ws: 8.2.3
+      ws: 8.5.0
     transitivePeerDependencies:
       - '@types/react'
       - acorn
@@ -10796,7 +10798,7 @@ packages:
       util-deprecate: 1.0.2
       watchpack: 2.2.0
       webpack: 4.46.0_webpack-cli@3.3.12
-      ws: 8.2.3
+      ws: 8.5.0
     transitivePeerDependencies:
       - '@types/react'
       - acorn
@@ -11350,7 +11352,7 @@ packages:
       react-docgen-typescript: 2.2.2_typescript@4.6.2
       tslib: 2.3.1
       typescript: 4.6.2
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -12553,7 +12555,6 @@ packages:
       re-resizable: 4.11.0
     transitivePeerDependencies:
       - react
-      - react-dom
     dev: true
 
   /@types/wordpress__compose/4.0.1:
@@ -15639,7 +15640,7 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
     dependencies:
-      debug: 4.3.3
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -17720,8 +17721,8 @@ packages:
   /caniuse-api/3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
-      browserslist: 4.18.1
-      caniuse-lite: 1.0.30001280
+      browserslist: 4.20.2
+      caniuse-lite: 1.0.30001317
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
@@ -18345,10 +18346,6 @@ packages:
       color-convert: 1.9.3
       color-string: 1.9.0
 
-  /colord/2.9.1:
-    resolution: {integrity: sha512-4LBMSt09vR0uLnPVkOUBnmxgoaeN4ewRbx801wY/bXcltXfpR/G46OdWn96XpYmCWuYvO46aBZP4NgX8HpNAcw==}
-    dev: true
-
   /colord/2.9.2:
     resolution: {integrity: sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==}
 
@@ -19509,6 +19506,17 @@ packages:
       supports-color: 9.2.2
     dev: true
 
+  /debug/4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+
   /debuglog/1.0.1:
     resolution: {integrity: sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=}
     dev: true
@@ -19659,7 +19667,7 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       globby: 11.1.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       is-glob: 4.0.3
       is-path-cwd: 2.2.0
       is-path-inside: 3.0.3
@@ -20198,7 +20206,7 @@ packages:
     resolution: {integrity: sha512-EGAbGvH7j7Xt2nc0E7D99La1OiEs8LnyimkRgwExpUMScN6O+3x9tIWs7PLQZVNx4YD+00skHXPXi1yQHpAmZA==}
     engines: {node: '>=10.13.0'}
     dependencies:
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       tapable: 2.2.1
     dev: true
 
@@ -21503,7 +21511,7 @@ packages:
       ajv: 6.12.6
       chalk: 2.4.2
       cross-spawn: 6.0.5
-      debug: 4.3.3
+      debug: 4.3.4
       doctrine: 3.0.0
       eslint-scope: 5.1.1
       eslint-utils: 1.4.3
@@ -22230,7 +22238,7 @@ packages:
     engines: {node: '>= 10.17.0'}
     hasBin: true
     dependencies:
-      debug: 4.3.3
+      debug: 4.3.4
       get-stream: 5.2.0
       yauzl: 2.10.0
     optionalDependencies:
@@ -22405,7 +22413,7 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 3.1.1
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /file-loader/6.2.0_webpack@5.64.1:
@@ -22530,7 +22538,7 @@ packages:
     dependencies:
       chalk: 4.1.2
       commander: 5.1.0
-      debug: 4.3.3
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
 
@@ -23002,6 +23010,15 @@ packages:
       rimraf: 2.7.1
     dev: true
 
+  /fs-extra/10.0.1:
+    resolution: {integrity: sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==}
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: 4.2.9
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: false
+
   /fs-extra/6.0.1:
     resolution: {integrity: sha512-GnyIkKhhzXZUWFCaJzvyDLEEgDkPfb4/TPvJCJVuS8MWZgoSsErf++QpiAlDnKFcqhRlm+tIOcencCjyJE6ZCA==}
     dependencies:
@@ -24244,7 +24261,7 @@ packages:
       pretty-error: 2.1.2
       tapable: 1.1.3
       util.promisify: 1.0.0
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /html-webpack-plugin/5.5.0_webpack@5.70.0:
@@ -24440,7 +24457,7 @@ packages:
     engines: {node: '>= 6.0.0'}
     dependencies:
       agent-base: 5.1.1
-      debug: 4.3.3
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
 
@@ -24449,7 +24466,7 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.3
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -25636,7 +25653,7 @@ packages:
     resolution: {integrity: sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==}
     engines: {node: '>=6'}
     dependencies:
-      debug: 4.3.3
+      debug: 4.3.4
       istanbul-lib-coverage: 2.0.5
       make-dir: 2.1.0
       rimraf: 2.7.1
@@ -25903,7 +25920,7 @@ packages:
       '@jest/types': 27.2.5
       chalk: 4.1.2
       exit: 0.1.2
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       import-local: 3.0.3
       jest-config: 27.3.1
       jest-util: 27.3.1
@@ -26018,7 +26035,7 @@ packages:
       chalk: 4.1.2
       deepmerge: 4.2.2
       glob: 7.2.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       is-ci: 3.0.1
       jest-circus: 27.3.1
       jest-environment-jsdom: 27.3.1
@@ -26055,7 +26072,7 @@ packages:
       chalk: 4.1.2
       deepmerge: 4.2.2
       glob: 7.2.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       is-ci: 3.0.1
       jest-circus: 27.3.1
       jest-environment-jsdom: 27.3.1
@@ -26094,7 +26111,7 @@ packages:
       ci-info: 3.2.0
       deepmerge: 4.2.2
       glob: 7.2.0
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-circus: 27.3.1
       jest-environment-jsdom: 27.3.1
       jest-environment-node: 27.3.1
@@ -26498,7 +26515,7 @@ packages:
       '@types/node': 16.10.3
       anymatch: 3.1.2
       fb-watchman: 2.0.1
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-regex-util: 27.0.6
       jest-serializer: 27.0.6
       jest-util: 27.3.1
@@ -27007,7 +27024,7 @@ packages:
       '@jest/types': 27.2.5
       chalk: 4.1.2
       escalade: 3.1.1
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-haste-map: 27.3.1
       jest-pnp-resolver: 1.2.2_jest-resolve@27.2.2
       jest-util: 27.3.1
@@ -27022,7 +27039,7 @@ packages:
     dependencies:
       '@jest/types': 27.2.5
       chalk: 4.1.2
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-haste-map: 27.3.1
       jest-pnp-resolver: 1.2.2_jest-resolve@27.3.1
       jest-util: 27.3.1
@@ -27125,7 +27142,7 @@ packages:
       chalk: 4.1.2
       emittery: 0.8.1
       exit: 0.1.2
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       jest-docblock: 27.0.6
       jest-environment-jsdom: 27.3.1
       jest-environment-node: 27.3.1
@@ -27491,7 +27508,7 @@ packages:
       '@jest/types': 27.2.5
       '@types/node': 16.10.3
       chalk: 4.1.2
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       is-ci: 3.0.1
       picomatch: 2.3.0
     dev: true
@@ -29127,7 +29144,7 @@ packages:
   /micromark/2.11.4:
     resolution: {integrity: sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==}
     dependencies:
-      debug: 4.3.3
+      debug: 4.3.4
       parse-entities: 2.0.0
     transitivePeerDependencies:
       - supports-color
@@ -31011,8 +31028,8 @@ packages:
       postcss: ^8.2.2
     dependencies:
       postcss: 8.3.0
-      postcss-selector-parser: 6.0.6
-      postcss-value-parser: 4.1.0
+      postcss-selector-parser: 6.0.9
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-calc/8.0.0_postcss@8.3.11:
@@ -31021,8 +31038,8 @@ packages:
       postcss: ^8.2.2
     dependencies:
       postcss: 8.3.11
-      postcss-selector-parser: 6.0.6
-      postcss-value-parser: 4.1.0
+      postcss-selector-parser: 6.0.9
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-color-function/4.1.0:
@@ -31050,11 +31067,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       caniuse-api: 3.0.0
-      colord: 2.9.1
+      colord: 2.9.2
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-colormin/5.2.1_postcss@8.3.11:
@@ -31063,11 +31080,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       caniuse-api: 3.0.0
-      colord: 2.9.1
+      colord: 2.9.2
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-convert-values/4.0.1:
@@ -31084,7 +31101,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-convert-values/5.0.2_postcss@8.3.11:
@@ -31094,7 +31111,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-custom-properties/10.0.0:
@@ -31280,7 +31297,7 @@ packages:
       postcss: 7.0.39
       schema-utils: 3.1.1
       semver: 7.3.5
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /postcss-loader/6.2.0_postcss@8.3.0+webpack@5.64.1:
@@ -31317,7 +31334,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
       stylehacks: 5.0.1_postcss@8.3.0
     dev: true
 
@@ -31328,7 +31345,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
       stylehacks: 5.0.1_postcss@8.3.11
     dev: true
 
@@ -31349,11 +31366,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       caniuse-api: 3.0.0
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /postcss-merge-rules/5.0.3_postcss@8.3.11:
@@ -31362,11 +31379,11 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       caniuse-api: 3.0.0
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /postcss-message-helpers/2.0.0:
@@ -31387,7 +31404,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-minify-font-values/5.0.1_postcss@8.3.11:
@@ -31397,7 +31414,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-minify-gradients/4.0.2:
@@ -31415,10 +31432,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      colord: 2.9.1
+      colord: 2.9.2
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-minify-gradients/5.0.3_postcss@8.3.11:
@@ -31427,10 +31444,10 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      colord: 2.9.1
+      colord: 2.9.2
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-minify-params/4.0.2:
@@ -31451,10 +31468,10 @@ packages:
       postcss: ^8.2.15
     dependencies:
       alphanum-sort: 1.0.2
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-minify-params/5.0.2_postcss@8.3.11:
@@ -31464,10 +31481,10 @@ packages:
       postcss: ^8.2.15
     dependencies:
       alphanum-sort: 1.0.2
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-minify-selectors/4.0.2:
@@ -31487,7 +31504,7 @@ packages:
     dependencies:
       alphanum-sort: 1.0.2
       postcss: 8.3.0
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /postcss-minify-selectors/5.1.0_postcss@8.3.11:
@@ -31498,7 +31515,7 @@ packages:
     dependencies:
       alphanum-sort: 1.0.2
       postcss: 8.3.11
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /postcss-modules-extract-imports/2.0.0:
@@ -31708,7 +31725,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-display-values/5.0.1_postcss@8.3.11:
@@ -31719,7 +31736,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-positions/4.0.2:
@@ -31738,7 +31755,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-positions/5.0.1_postcss@8.3.11:
@@ -31748,7 +31765,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-repeat-style/4.0.2:
@@ -31768,7 +31785,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-repeat-style/5.0.1_postcss@8.3.11:
@@ -31779,7 +31796,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-string/4.0.2:
@@ -31797,7 +31814,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-string/5.0.1_postcss@8.3.11:
@@ -31807,7 +31824,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-timing-functions/4.0.2:
@@ -31826,7 +31843,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-timing-functions/5.0.1_postcss@8.3.11:
@@ -31837,7 +31854,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-unicode/4.0.1:
@@ -31854,9 +31871,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-unicode/5.0.1_postcss@8.3.11:
@@ -31865,9 +31882,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-url/4.0.1:
@@ -31888,7 +31905,7 @@ packages:
       is-absolute-url: 3.0.3
       normalize-url: 6.1.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-url/5.0.3_postcss@8.3.11:
@@ -31900,7 +31917,7 @@ packages:
       is-absolute-url: 3.0.3
       normalize-url: 6.1.0
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-whitespace/4.0.2:
@@ -31917,7 +31934,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-normalize-whitespace/5.0.1_postcss@8.3.11:
@@ -31927,7 +31944,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-ordered-values/4.1.2:
@@ -31946,7 +31963,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-ordered-values/5.0.2_postcss@8.3.11:
@@ -31957,7 +31974,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-reduce-initial/4.0.3:
@@ -31975,7 +31992,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       caniuse-api: 3.0.0
       postcss: 8.3.0
     dev: true
@@ -31986,7 +32003,7 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       caniuse-api: 3.0.0
       postcss: 8.3.11
     dev: true
@@ -32008,7 +32025,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.0
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-reduce-transforms/5.0.1_postcss@8.3.11:
@@ -32019,7 +32036,7 @@ packages:
     dependencies:
       cssnano-utils: 2.0.1_postcss@8.3.11
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
     dev: true
 
   /postcss-resolve-nested-selector/0.1.1:
@@ -32103,7 +32120,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.0
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
       svgo: 2.8.0
     dev: true
 
@@ -32114,7 +32131,7 @@ packages:
       postcss: ^8.2.15
     dependencies:
       postcss: 8.3.11
-      postcss-value-parser: 4.1.0
+      postcss-value-parser: 4.2.0
       svgo: 2.8.0
     dev: true
 
@@ -32142,7 +32159,7 @@ packages:
     dependencies:
       alphanum-sort: 1.0.2
       postcss: 8.3.0
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /postcss-unique-selectors/5.0.2_postcss@8.3.11:
@@ -32153,7 +32170,7 @@ packages:
     dependencies:
       alphanum-sort: 1.0.2
       postcss: 8.3.11
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /postcss-value-parser/3.3.1:
@@ -32439,7 +32456,6 @@ packages:
     resolution: {integrity: sha512-WnR9obtgW+rG4oUV3hSnNGl1pHm3V1H/qD9iJBumGSmVsSC5HpZOLuu8qdMb6yCItGfT7dcRszejr/5P3i9Pug==}
     dependencies:
       read: 1.0.7
-    dev: true
 
   /prompts/2.4.2:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
@@ -32542,7 +32558,7 @@ packages:
     engines: {node: '>=6.4.0'}
     requiresBuild: true
     dependencies:
-      debug: 4.3.3
+      debug: 4.3.4
       extract-zip: 1.7.0
       https-proxy-agent: 2.2.4
       mime: 2.5.2
@@ -32559,7 +32575,7 @@ packages:
     engines: {node: '>=10.18.1'}
     dependencies:
       '@types/mime-types': 2.1.1
-      debug: 4.3.3
+      debug: 4.3.4
       extract-zip: 2.0.1
       https-proxy-agent: 4.0.0
       mime: 2.5.2
@@ -32568,7 +32584,7 @@ packages:
       proxy-from-env: 1.1.0
       rimraf: 3.0.2
       tar-fs: 2.1.1
-      unbzip2-stream: 1.3.3
+      unbzip2-stream: 1.4.3
       ws: 7.5.5
     transitivePeerDependencies:
       - bufferutil
@@ -32747,7 +32763,7 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 3.1.1
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /raw-loader/4.0.2_webpack@5.64.1:
@@ -33700,7 +33716,6 @@ packages:
     engines: {node: '>=0.8'}
     dependencies:
       mute-stream: 0.0.8
-    dev: true
 
   /readable-stream/2.3.7:
     resolution: {integrity: sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==}
@@ -35715,7 +35730,7 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 2.7.1
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /style-loader/2.0.0_webpack@5.70.0:
@@ -35769,9 +35784,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       postcss: 8.3.0
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /stylehacks/5.0.1_postcss@8.3.11:
@@ -35780,9 +35795,9 @@ packages:
     peerDependencies:
       postcss: ^8.2.15
     dependencies:
-      browserslist: 4.18.1
+      browserslist: 4.20.2
       postcss: 8.3.11
-      postcss-selector-parser: 6.0.6
+      postcss-selector-parser: 6.0.9
     dev: true
 
   /stylelint-config-recommended-scss/4.3.0_748c5b2cfae76328890a14c0b5cd0d73:
@@ -36456,7 +36471,7 @@ packages:
       serialize-javascript: 5.0.1
       source-map: 0.6.1
       terser: 5.10.0_acorn@7.4.1
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - acorn
@@ -36476,7 +36491,7 @@ packages:
       serialize-javascript: 5.0.1
       source-map: 0.6.1
       terser: 5.10.0
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - acorn
@@ -37351,8 +37366,8 @@ packages:
       has-symbols: 1.0.2
       which-boxed-primitive: 1.0.2
 
-  /unbzip2-stream/1.3.3:
-    resolution: {integrity: sha512-fUlAF7U9Ah1Q6EieQ4x4zLNejrRvDWUYmxXUpN3uziFYCHapjWFaCAnreY9bGgxzaMCFAPPpYNng57CypwJVhg==}
+  /unbzip2-stream/1.4.3:
+    resolution: {integrity: sha512-mlExGW4w71ebDJviH16lQLtZS32VKqsSfk80GCfUlwT/4/hNRFsoscrF/c++9xinkMzECL1uL9DDwXqFWkruPg==}
     dependencies:
       buffer: 5.7.1
       through: 2.3.8
@@ -37683,7 +37698,7 @@ packages:
       loader-utils: 2.0.2
       mime-types: 2.1.34
       schema-utils: 3.1.1
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /url-parse-lax/1.0.0:
@@ -38043,7 +38058,7 @@ packages:
     dependencies:
       chalk: 2.4.2
       commander: 3.0.2
-      debug: 4.3.3
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
 
@@ -38085,7 +38100,7 @@ packages:
     engines: {node: '>=10.13.0'}
     dependencies:
       glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
     dev: true
 
   /watchpack/2.3.1:
@@ -38255,7 +38270,7 @@ packages:
       mime: 2.5.2
       mkdirp: 0.5.5
       range-parser: 1.2.1
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
       webpack-log: 2.0.0
     dev: true
 
@@ -38307,7 +38322,7 @@ packages:
       connect-history-api-fallback: 1.6.0
       del: 6.0.0
       express: 4.17.1
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       html-entities: 2.3.2
       http-proxy-middleware: 2.0.1
       internal-ip: 6.2.0
@@ -38338,7 +38353,7 @@ packages:
     peerDependencies:
       webpack: ^2.0.0 || ^3.0.0 || ^4.0.0
     dependencies:
-      webpack: 4.46.0_webpack-cli@3.3.12
+      webpack: 4.46.0_webpack-cli@4.9.2
     dev: true
 
   /webpack-fix-style-only-entries/0.6.1:
@@ -38522,7 +38537,7 @@ packages:
       tapable: 1.1.3
       terser-webpack-plugin: 1.4.5_webpack@4.46.0
       watchpack: 1.7.5
-      webpack-cli: 3.3.12_webpack@5.70.0
+      webpack-cli: 3.3.12_webpack@4.46.0
       webpack-sources: 1.4.3
     dev: true
 
@@ -38589,7 +38604,7 @@ packages:
       eslint-scope: 5.1.1
       events: 3.3.0
       glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.8
+      graceful-fs: 4.2.9
       json-parse-better-errors: 1.0.2
       loader-runner: 4.2.0
       mime-types: 2.1.34
@@ -39025,6 +39040,19 @@ packages:
         optional: true
     dev: true
 
+  /ws/8.5.0:
+    resolution: {integrity: sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: ^5.0.2
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: true
+
   /x-is-string/0.1.0:
     resolution: {integrity: sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=}
     dev: true
diff --git a/plugins/woocommerce-admin/bin/starter-pack/._eslintrc.js b/tools/create-extension/._eslintrc.js
similarity index 100%
rename from plugins/woocommerce-admin/bin/starter-pack/._eslintrc.js
rename to tools/create-extension/._eslintrc.js
diff --git a/plugins/woocommerce-admin/bin/starter-pack/._gitignore b/tools/create-extension/._gitignore
similarity index 100%
rename from plugins/woocommerce-admin/bin/starter-pack/._gitignore
rename to tools/create-extension/._gitignore
diff --git a/plugins/woocommerce-admin/bin/starter-pack/._prettierrc.json b/tools/create-extension/._prettierrc.json
similarity index 100%
rename from plugins/woocommerce-admin/bin/starter-pack/._prettierrc.json
rename to tools/create-extension/._prettierrc.json
diff --git a/tools/create-extension/._wp-env.json b/tools/create-extension/._wp-env.json
new file mode 100644
index 00000000000..9b3c83c6158
--- /dev/null
+++ b/tools/create-extension/._wp-env.json
@@ -0,0 +1,14 @@
+{
+	"phpVersion": "7.4",
+	"core": null,
+	"plugins": [
+		"https://downloads.wordpress.org/plugin/woocommerce.6.3.1.zip",
+		"."
+	],
+	"config": {
+		"JETPACK_AUTOLOAD_DEV": true,
+		"WP_DEBUG_LOG": true,
+		"WP_DEBUG_DISPLAY": true,
+		"ALTERNATE_WP_CRON": true
+	}
+}
\ No newline at end of file
diff --git a/plugins/woocommerce-admin/bin/starter-pack/README.md b/tools/create-extension/README.md
similarity index 78%
rename from plugins/woocommerce-admin/bin/starter-pack/README.md
rename to tools/create-extension/README.md
index eb549bd5668..8c8e64d835a 100644
--- a/plugins/woocommerce-admin/bin/starter-pack/README.md
+++ b/tools/create-extension/README.md
@@ -10,10 +10,8 @@ Scaffold a modern JavaScript WordPress plugin with WooCommerce tooling.
 
 ### Usage
 
-At the root of a [WooCommerce Admin](https://github.com/woocommerce/woocommerce/tree/trunk/plugins/woocommerce-admin) installation, run the create extension command.
-
 ```
-pnpm run create-wc-extension
+pnpm run create-extension
 ```
 
 The script will create a sibling directory by a name of your choosing. Once you change directories into the new folder, install dependencies and start a development build.
diff --git a/plugins/woocommerce-admin/bin/starter-pack/_README.md b/tools/create-extension/_README.md
similarity index 100%
rename from plugins/woocommerce-admin/bin/starter-pack/_README.md
rename to tools/create-extension/_README.md
diff --git a/plugins/woocommerce-admin/bin/starter-pack/_main.php b/tools/create-extension/_main.php
similarity index 59%
rename from plugins/woocommerce-admin/bin/starter-pack/_main.php
rename to tools/create-extension/_main.php
index 11750e7755e..24bb47ef30e 100644
--- a/plugins/woocommerce-admin/bin/starter-pack/_main.php
+++ b/tools/create-extension/_main.php
@@ -6,13 +6,17 @@
  */
 
 /**
- * Register the JS.
+ * Register the JS and CSS.
  */
 function add_extension_register_script() {
-	if ( ! class_exists( 'Automattic\WooCommerce\Admin\PageController' ) || ! \Automattic\WooCommerce\Admin\PageController::is_admin_or_embed_page() ) {
+	if ( 
+		! method_exists( 'Automattic\WooCommerce\Admin\Loader', 'is_admin_or_embed_page' ) ||
+		! \Automattic\WooCommerce\Admin\Loader::is_admin_or_embed_page()
+	) {
 		return;
 	}
 
+
 	$script_path       = '/build/index.js';
 	$script_asset_path = dirname( __FILE__ ) . '/build/index.asset.php';
 	$script_asset      = file_exists( $script_asset_path )
@@ -41,3 +45,25 @@ function add_extension_register_script() {
 }
 
 add_action( 'admin_enqueue_scripts', 'add_extension_register_script' );
+
+/**
+ * Register a WooCommerce Admin page.
+ */
+function add_extension_register_page() {
+    if ( ! function_exists( 'wc_admin_register_page' ) ) {
+		return;
+	}
+
+    wc_admin_register_page( array(
+		'id'       => 'my-example-page',
+		'title'    => __( 'My Example Page', 'my-textdomain' ),
+		'parent'   => 'woocommerce',
+		'path'     => '/example',
+		'nav_args' => array(
+			'order'  => 10,
+			'parent' => 'woocommerce',
+		),
+	) );
+}
+
+add_action( 'admin_menu', 'add_extension_register_page' );
diff --git a/plugins/woocommerce-admin/bin/starter-pack/_package.json b/tools/create-extension/_package.json
similarity index 94%
rename from plugins/woocommerce-admin/bin/starter-pack/_package.json
rename to tools/create-extension/_package.json
index cf1e00d892f..e937ff110a2 100644
--- a/plugins/woocommerce-admin/bin/starter-pack/_package.json
+++ b/tools/create-extension/_package.json
@@ -23,5 +23,8 @@
 		"@wordpress/scripts": "^12.2.1",
 		"@woocommerce/eslint-plugin": "1.1.0",
 		"@woocommerce/dependency-extraction-webpack-plugin": "1.6.0"
+	},
+	"dependencies": {
+		"@wordpress/hooks": "^3.5.0"
 	}
 }
diff --git a/plugins/woocommerce-admin/bin/starter-pack/_webpack.config.js b/tools/create-extension/_webpack.config.js
similarity index 100%
rename from plugins/woocommerce-admin/bin/starter-pack/_webpack.config.js
rename to tools/create-extension/_webpack.config.js
diff --git a/plugins/woocommerce-admin/bin/starter-pack/starter-pack.js b/tools/create-extension/index.js
similarity index 91%
rename from plugins/woocommerce-admin/bin/starter-pack/starter-pack.js
rename to tools/create-extension/index.js
index 4d56df108a0..89ee4187904 100644
--- a/plugins/woocommerce-admin/bin/starter-pack/starter-pack.js
+++ b/tools/create-extension/index.js
@@ -11,6 +11,7 @@ const files = [
 	'_package.json',
 	'._eslintrc.js',
 	'._prettierrc.json',
+	'._wp-env.json',
 ];
 const maybeThrowError = ( error ) => {
 	if ( error ) throw error;
@@ -37,7 +38,7 @@ const maybeThrowError = ( error ) => {
 		const from = path.join( __dirname, file );
 		const to = path.join(
 			folder,
-			'_main.php' === file
+			file === '_main.php'
 				? `${ extensionSlug }.php`
 				: file.replace( '_', '' )
 		);
@@ -79,10 +80,11 @@ const maybeThrowError = ( error ) => {
 	process.stdout.write( '\n' );
 	console.log(
 		chalk.green(
-			'Run the following commands from the root of the extension and activate the plugin.'
+			'Run the following commands from the root of the extension to scaffold a dev environment.'
 		)
 	);
 	process.stdout.write( '\n' );
+	console.log( 'wp-env start' );
 	console.log( 'pnpm install' );
 	console.log( 'pnpm start' );
 	process.stdout.write( '\n' );
diff --git a/tools/create-extension/src/index.js b/tools/create-extension/src/index.js
new file mode 100644
index 00000000000..0b7b29a93cb
--- /dev/null
+++ b/tools/create-extension/src/index.js
@@ -0,0 +1,24 @@
+/**
+ * External dependencies
+ */
+import { addFilter } from '@wordpress/hooks';
+
+/**
+ * Internal dependencies
+ */
+import './index.scss';
+
+const MyExamplePage = () => <h1>My Example Extension</h1>;
+
+addFilter( 'woocommerce_admin_pages_list', 'my-namespace', ( pages ) => {
+	pages.push( {
+		container: MyExamplePage,
+		path: '/example',
+		breadcrumbs: [ 'My Example Page' ],
+		navArgs: {
+			id: 'my-example-page',
+		},
+	} );
+
+	return pages;
+} );
diff --git a/plugins/woocommerce-admin/bin/starter-pack/src/index.scss b/tools/create-extension/src/index.scss
similarity index 100%
rename from plugins/woocommerce-admin/bin/starter-pack/src/index.scss
rename to tools/create-extension/src/index.scss

From 5f77e820093355c72c53aeceb650b6508248b091 Mon Sep 17 00:00:00 2001
From: Tom Hu <88201630+thomasrockhu-codecov@users.noreply.github.com>
Date: Mon, 25 Apr 2022 15:20:59 -0700
Subject: [PATCH 146/327] chore(ci): add informational Codecov status checks
 (#32675)

Hi, Tom from Codecov here. I noticed that you were using Codecov but weren't actually getting any notifications on pull requests. I figured it would be useful to get some idea if code being changed is being tested, but also not blocking CI/merging. Let me know if this makes sense or if we can do something that would be helpful.
---
 .codecov.yml | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/.codecov.yml b/.codecov.yml
index d0261f64326..bec8da4c270 100644
--- a/.codecov.yml
+++ b/.codecov.yml
@@ -8,8 +8,12 @@ coverage:
   range: "50...100"
 
   status:
-    project: off
-    patch: off
+    project:
+      default:
+        informational: true
+    patch:
+      default:
+        informational: true
     changes: off
 
 parsers:

From 99f85a55d5318401a13ff1076e7ce08e465c24eb Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Mon, 25 Apr 2022 15:58:55 -0700
Subject: [PATCH 147/327] Protect against use of download links, where the
 directory is no longer approved.

---
 .../includes/class-wc-download-handler.php    | 13 ++-
 .../class-wc-download-handler-tests.php       | 95 +++++++++++++++++++
 2 files changed, 107 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-download-handler.php b/plugins/woocommerce/includes/class-wc-download-handler.php
index 93e0cebad01..4d73075c6f9 100644
--- a/plugins/woocommerce/includes/class-wc-download-handler.php
+++ b/plugins/woocommerce/includes/class-wc-download-handler.php
@@ -31,11 +31,21 @@ class WC_Download_Handler {
 	 * Check if we need to download a file and check validity.
 	 */
 	public static function download_product() {
+		// phpcs:disable WordPress.Security.NonceVerification.Recommended
 		$product_id = absint( $_GET['download_file'] ); // phpcs:ignore WordPress.VIP.SuperGlobalInputUsage.AccessDetected, WordPress.VIP.ValidatedSanitizedInput.InputNotValidated, WordPress.Security.ValidatedSanitizedInput.InputNotValidated
 		$product    = wc_get_product( $product_id );
+		$downloads  = $product ? $product->get_downloads() : array();
 		$data_store = WC_Data_Store::load( 'customer-download' );
 
-		if ( ! $product || empty( $_GET['key'] ) || empty( $_GET['order'] ) ) { // WPCS: input var ok, CSRF ok.
+		$key = empty( $_GET['key'] ) ? '' : sanitize_text_field( wp_unslash( $_GET['key'] ) );
+
+		if (
+			! $product
+			|| empty( $key )
+			|| empty( $_GET['order'] )
+			|| ! isset( $downloads[ $key ] )
+			|| ! $downloads[ $key ]->get_enabled()
+		) {
 			self::download_error( __( 'Invalid download link.', 'woocommerce' ) );
 		}
 
@@ -43,6 +53,7 @@ class WC_Download_Handler {
 		if ( empty( $_GET['email'] ) && empty( $_GET['uid'] ) ) { // WPCS: input var ok, CSRF ok.
 			self::download_error( __( 'Invalid download link.', 'woocommerce' ) );
 		}
+		// phpcs:enable WordPress.Security.NonceVerification.Recommended
 
 		$order_id = wc_get_order_id_by_order_key( wc_clean( wp_unslash( $_GET['order'] ) ) ); // WPCS: input var ok, CSRF ok.
 		$order    = wc_get_order( $order_id );
diff --git a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
index 6fd7b5c765f..d14dc21916a 100644
--- a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
+++ b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
@@ -1,5 +1,7 @@
 <?php
 
+use Automattic\WooCommerce\Internal\ProductDownloads\ApprovedDirectories\Register as Approved_Directories;
+
 /**
  * Class WC_Download_Handler_Tests.
  */
@@ -49,4 +51,97 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 		$parsed_file_path = WC_Download_Handler::parse_file_path( $remote_file_path );
 		$this->assertTrue( $parsed_file_path['remote_file'] );
 	}
+
+	/**
+	 * @testdox Customers may not use a direct download link to obtain a downloadable file that has been disabled.
+	 */
+	public function test_inactive_downloads_will_not_be_served() {
+		self::remove_download_handlers();
+
+		$downloads_served = 0;
+		$download_counter = function () use ( &$downloads_served ) {
+			$downloads_served++;
+		};
+
+		// Track downloads served.
+		add_action( 'woocommerce_download_file_force', $download_counter );
+
+		/**
+		 * @var Approved_Directories $approved_directories
+		 */
+		$approved_directories = wc_get_container()->get( Approved_Directories::class );
+		$approved_directories->set_mode( Approved_Directories::MODE_ENABLED );
+		$approved_directories->add_approved_directory( 'https://always.trusted' );
+		$approved_directory_rule_id = $approved_directories->add_approved_directory( 'https://new.supplier' );
+
+		$product = WC_Helper_Product::create_downloadable_product(
+			array(
+				array(
+					'name' => 'Book 1',
+					'file' => 'https://always.trusted/123.pdf',
+				),
+				array(
+					'name' => 'Book 2',
+					'file' => 'https://new.supplier/456.pdf',
+				),
+			)
+		);
+
+		$customer = WC_Helper_Customer::create_customer();
+		$email    = 'admin@example.org';
+		$order    = WC_Helper_Order::create_order( $customer->get_id(), $product );
+		$order->set_status( 'completed' );
+		$order->save();
+
+		$product_id    = $product->get_id();
+		$downloads     = $product->get_downloads();
+		$download_keys = array_keys( $downloads );
+
+		// phpcs:disable WordPress.Security.NonceVerification.Recommended WordPress.Security.ValidatedSanitizedInput.InputNotValidated
+		$_GET = array(
+			'download_file' => $product_id,
+			'order'         => $order->get_order_key(),
+			'email'         => $email,
+			'uid'           => hash( 'sha256', $email ),
+			'key'           => $download_keys[0],
+		);
+
+		WC_Download_Handler::download_product();
+		$this->assertEquals( 1, $downloads_served, 'Valid download request (download key 1 - corresponding approved directory rule enabled) was successfully served.' );
+
+		$_GET['key'] = $download_keys[1];
+		WC_Download_Handler::download_product();
+		$this->assertEquals( 2, $downloads_served, 'Valid download request (download key 2 - corresponding approved directory rule enabled) was successfully served.' );
+
+		$approved_directories->disable_by_id( $approved_directory_rule_id );
+		$this->expectException( WPDieException::class );
+		WC_Download_Handler::download_product();
+		$this->assertEquals( 2, $downloads_served, 'Invalid download request (download key 2 - corresponding approved directory rule disabled) was not served.' );
+
+		$_GET['key'] = $download_keys[0];
+		WC_Download_Handler::download_product();
+		$this->assertEquals( 1, $downloads_served, 'Valid download request (download key 1 - corresponding approved directory rule remained enabled) was still successfully served.' );
+
+		// Cleanup.
+		add_action( 'woocommerce_download_file_force', $download_counter );
+		self::restore_download_handlers();
+	}
+
+	/**
+	 * Unregister download handlers to prevent unwanted output and side-effects.
+	 */
+	private static function remove_download_handlers() {
+		remove_action( 'woocommerce_download_file_xsendfile', array( WC_Download_Handler::class, 'download_file_xsendfile' ) );
+		remove_action( 'woocommerce_download_file_redirect', array( WC_Download_Handler::class, 'download_file_redirect' ) );
+		remove_action( 'woocommerce_download_file_force', array( WC_Download_Handler::class, 'download_file_force' ) );
+	}
+
+	/**
+	 * Restores download handlers in case needed by other tests.
+	 */
+	private static function restore_download_handlers() {
+		add_action( 'woocommerce_download_file_redirect', array( WC_Download_Handler::class, 'download_file_redirect' ), 10, 2 );
+		add_action( 'woocommerce_download_file_xsendfile', array( WC_Download_Handler::class, 'download_file_xsendfile' ), 10, 2 );
+		add_action( 'woocommerce_download_file_force', array( WC_Download_Handler::class, 'download_file_force' ), 10, 2 );
+	}
 }

From bb41311ccfed75fe85ee3f0055b2883366c646ed Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Mon, 25 Apr 2022 16:16:14 -0700
Subject: [PATCH 148/327] PHPCS fixes.

---
 .../woocommerce/changelog/fix-32754-inactive-downloads    | 5 +++++
 .../php/includes/class-wc-download-handler-tests.php      | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-32754-inactive-downloads

diff --git a/plugins/woocommerce/changelog/fix-32754-inactive-downloads b/plugins/woocommerce/changelog/fix-32754-inactive-downloads
new file mode 100644
index 00000000000..14a50616853
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32754-inactive-downloads
@@ -0,0 +1,5 @@
+Significance: patch
+Type: tweak
+Comment: We're adding extra protections to a newly introduced feature; a further changelog entry is not needed.
+
+
diff --git a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
index d14dc21916a..429157cd455 100644
--- a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
+++ b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
@@ -11,7 +11,7 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 	 * Test for local file path.
 	 */
 	public function test_parse_file_path_for_local_file() {
-		$local_file_path = trailingslashit( wp_upload_dir()['basedir'] ) . 'dummy_file.jpg';
+		$local_file_path  = trailingslashit( wp_upload_dir()['basedir'] ) . 'dummy_file.jpg';
 		$parsed_file_path = WC_Download_Handler::parse_file_path( $local_file_path );
 		$this->assertFalse( $parsed_file_path['remote_file'] );
 	}
@@ -20,7 +20,7 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 	 * Test for local URL without protocol.
 	 */
 	public function test_parse_file_path_for_local_url() {
-		$local_file_path = trailingslashit( wp_upload_dir()['baseurl'] ) . 'dummy_file.jpg';
+		$local_file_path  = trailingslashit( wp_upload_dir()['baseurl'] ) . 'dummy_file.jpg';
 		$parsed_file_path = WC_Download_Handler::parse_file_path( $local_file_path );
 		$this->assertFalse( $parsed_file_path['remote_file'] );
 	}
@@ -29,7 +29,7 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 	 * Test for local file with `file` protocol.
 	 */
 	public function test_parse_file_path_for_local_file_protocol() {
-		$local_file_path = 'file:/' . trailingslashit( wp_upload_dir()['basedir'] ) . 'dummy_file.jpg';
+		$local_file_path  = 'file:/' . trailingslashit( wp_upload_dir()['basedir'] ) . 'dummy_file.jpg';
 		$parsed_file_path = WC_Download_Handler::parse_file_path( $local_file_path );
 		$this->assertFalse( $parsed_file_path['remote_file'] );
 	}
@@ -38,7 +38,7 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 	 * Test for local file with https protocom.
 	 */
 	public function test_parse_file_path_for_local_file_https_protocol() {
-		$local_file_path = site_url( '/', 'https' ) . 'dummy_file.jpg';
+		$local_file_path  = site_url( '/', 'https' ) . 'dummy_file.jpg';
 		$parsed_file_path = WC_Download_Handler::parse_file_path( $local_file_path );
 		$this->assertFalse( $parsed_file_path['remote_file'] );
 	}

From a96c364bb5f04d12e0a764c33d03a29b89aabb77 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Mon, 25 Apr 2022 17:36:03 -0700
Subject: [PATCH 149/327] Resolve issue with tests (headers already sent by
 test suite bootstrapper).

---
 .../includes/class-wc-download-handler.php    | 10 ++++---
 .../class-wc-download-handler-tests.php       | 27 ++++++++++++++-----
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/plugins/woocommerce/includes/class-wc-download-handler.php b/plugins/woocommerce/includes/class-wc-download-handler.php
index 4d73075c6f9..5db504b8b76 100644
--- a/plugins/woocommerce/includes/class-wc-download-handler.php
+++ b/plugins/woocommerce/includes/class-wc-download-handler.php
@@ -665,10 +665,12 @@ class WC_Download_Handler {
 		 * Since we will now render a message instead of serving a download, we should unwind some of the previously set
 		 * headers.
 		 */
-		header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
-		header_remove( 'Content-Description;' );
-		header_remove( 'Content-Disposition' );
-		header_remove( 'Content-Transfer-Encoding' );
+		if ( ! headers_sent() ) {
+			header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
+			header_remove( 'Content-Description;' );
+			header_remove( 'Content-Disposition' );
+			header_remove( 'Content-Transfer-Encoding' );
+		}
 
 		if ( ! strstr( $message, '<a ' ) ) {
 			$message .= ' <a href="' . esc_url( wc_get_page_permalink( 'shop' ) ) . '" class="wc-forward">' . esc_html__( 'Go to shop', 'woocommerce' ) . '</a>';
diff --git a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
index 429157cd455..ef5c6985548 100644
--- a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
+++ b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
@@ -1,6 +1,7 @@
 <?php
 
 use Automattic\WooCommerce\Internal\ProductDownloads\ApprovedDirectories\Register as Approved_Directories;
+use Automattic\WooCommerce\Testing\Tools\CodeHacking\Hacks\StaticMockerHack;
 
 /**
  * Class WC_Download_Handler_Tests.
@@ -57,8 +58,8 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 	 */
 	public function test_inactive_downloads_will_not_be_served() {
 		self::remove_download_handlers();
-
 		$downloads_served = 0;
+
 		$download_counter = function () use ( &$downloads_served ) {
 			$downloads_served++;
 		};
@@ -106,21 +107,33 @@ class WC_Download_Handler_Tests extends \WC_Unit_Test_Case {
 			'key'           => $download_keys[0],
 		);
 
+		// With both the corresponding approved directory rules enabled...
 		WC_Download_Handler::download_product();
-		$this->assertEquals( 1, $downloads_served, 'Valid download request (download key 1 - corresponding approved directory rule enabled) was successfully served.' );
+		$this->assertEquals( 1, $downloads_served, 'Can successfully download "Book 1".' );
 
 		$_GET['key'] = $download_keys[1];
 		WC_Download_Handler::download_product();
-		$this->assertEquals( 2, $downloads_served, 'Valid download request (download key 2 - corresponding approved directory rule enabled) was successfully served.' );
+		$this->assertEquals( 2, $downloads_served, 'Can successfully download "Book 2".' );
 
+		// And now with one of the approved directory rules disabled...
 		$approved_directories->disable_by_id( $approved_directory_rule_id );
-		$this->expectException( WPDieException::class );
-		WC_Download_Handler::download_product();
-		$this->assertEquals( 2, $downloads_served, 'Invalid download request (download key 2 - corresponding approved directory rule disabled) was not served.' );
+		$_GET['key']     = $download_keys[1];
+		$wp_die_happened = false;
+
+		// We do not use expectException() here because we wish to continue testing after wp_die() has
+		// been triggered inside WC_Download_Handler::download_error().
+		try {
+			WC_Download_Handler::download_product();
+		} catch ( WPDieException $e ) {
+			$wp_die_happened = true;
+		}
+
+		$this->assertTrue( $wp_die_happened );
+		$this->assertEquals( 2, $downloads_served, 'Downloading "Book 2" failed after the corresponding approved directory rule was disabled.' );
 
 		$_GET['key'] = $download_keys[0];
 		WC_Download_Handler::download_product();
-		$this->assertEquals( 1, $downloads_served, 'Valid download request (download key 1 - corresponding approved directory rule remained enabled) was still successfully served.' );
+		$this->assertEquals( 3, $downloads_served, 'Continued to be able to download "Book 1" (the corresponding rule never having been disabled.' );
 
 		// Cleanup.
 		add_action( 'woocommerce_download_file_force', $download_counter );

From fbb96048a2717a5e31fb5f056a99c61e375eb26c Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Mon, 25 Apr 2022 17:39:13 -0700
Subject: [PATCH 150/327] Clean-up.

---
 .../tests/php/includes/class-wc-download-handler-tests.php       | 1 -
 1 file changed, 1 deletion(-)

diff --git a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
index ef5c6985548..2f831cd1e2c 100644
--- a/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
+++ b/plugins/woocommerce/tests/php/includes/class-wc-download-handler-tests.php
@@ -1,7 +1,6 @@
 <?php
 
 use Automattic\WooCommerce\Internal\ProductDownloads\ApprovedDirectories\Register as Approved_Directories;
-use Automattic\WooCommerce\Testing\Tools\CodeHacking\Hacks\StaticMockerHack;
 
 /**
  * Class WC_Download_Handler_Tests.

From 022d86c8a588f653df850191e4c21e750e8b635b Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 09:32:52 +0800
Subject: [PATCH 151/327] Reformat ./data/typings/index.d.ts

---
 packages/js/data/typings/index.d.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/js/data/typings/index.d.ts b/packages/js/data/typings/index.d.ts
index b64ef32d445..afa620c3bbd 100644
--- a/packages/js/data/typings/index.d.ts
+++ b/packages/js/data/typings/index.d.ts
@@ -9,8 +9,6 @@ declare module '@wordpress/data' {
 		resolveSelect: resolveSelect;
 		dispatch: dispatch;
 	};
-
-
 }
 
 declare module 'rememo';

From d0e31f9949d3ec8e6f27bb01cc1b0721b909ed54 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 09:34:52 +0800
Subject: [PATCH 152/327] Add is_visible to Extension type

---
 packages/js/data/src/onboarding/selectors.ts                  | 1 +
 .../client/tasks/fills/Marketing/test/index.tsx               | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/js/data/src/onboarding/selectors.ts b/packages/js/data/src/onboarding/selectors.ts
index 474e8bec5ed..49cc396fab6 100644
--- a/packages/js/data/src/onboarding/selectors.ts
+++ b/packages/js/data/src/onboarding/selectors.ts
@@ -205,4 +205,5 @@ export type Extension = {
 	manage_url: string;
 	name: string;
 	is_built_by_wc: boolean;
+	is_visible: boolean;
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
index 3fadc329621..addbdb2a1dc 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/Marketing/test/index.tsx
@@ -16,6 +16,7 @@ const basicPlugins: Extension[] = [
 		manage_url: '#',
 		image_url: 'basic.jpeg',
 		is_built_by_wc: true,
+		is_visible: true,
 	},
 ];
 
@@ -27,6 +28,7 @@ const reachPlugins: Extension[] = [
 		manage_url: '#',
 		image_url: 'reach.jpeg',
 		is_built_by_wc: false,
+		is_visible: true,
 	},
 ];
 
@@ -38,6 +40,7 @@ const growPlugins: Extension[] = [
 		manage_url: '#',
 		image_url: 'grow.jpeg',
 		is_built_by_wc: false,
+		is_visible: true,
 	},
 	{
 		key: 'grow-plugin-two:extra',
@@ -46,6 +49,7 @@ const growPlugins: Extension[] = [
 		manage_url: '#',
 		image_url: 'grow2.jpeg',
 		is_built_by_wc: false,
+		is_visible: true,
 	},
 ];
 

From 2398fdf772956a98d30317d000a9d7250a9b01be Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Tue, 26 Apr 2022 10:47:01 +0800
Subject: [PATCH 153/327] Change experiment name to dynamic

---
 .../client/payments/payment-settings-banner.tsx             | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
index 32b5e2e535b..1567d8325fe 100644
--- a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
@@ -13,6 +13,7 @@ import {
 } from '@woocommerce/data';
 import { useSelect } from '@wordpress/data';
 import { useExperiment } from '@woocommerce/explat';
+import moment from 'moment';
 
 /**
  * Internal dependencies
@@ -172,8 +173,11 @@ export const PaymentsBannerWrapper = () => {
 		}
 	);
 
+	const momentDate = moment().utc();
+	const year = momentDate.format( 'YYYY' );
+	const month = momentDate.format( 'MM' );
 	const [ isLoadingExperiment, experimentAssignment ] = useExperiment(
-		'woocommerce_payments_settings_banner_2022_04'
+		`woocommerce_payments_settings_banner_${ year }_${ month }`
 	);
 	if ( ! isResolving && ! isLoadingExperiment ) {
 		if (

From 3ee2fcaeac2a62e92a40ebe0c17f37b90d0fe422 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 10:55:44 +0800
Subject: [PATCH 154/327] Use getAdminLink to format WC_PAY_SETUP_URL

---
 .../client/payments/payment-settings-banner.tsx             | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
index 1567d8325fe..a3fccf2b578 100644
--- a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
@@ -13,6 +13,7 @@ import {
 } from '@woocommerce/data';
 import { useSelect } from '@wordpress/data';
 import { useExperiment } from '@woocommerce/explat';
+import { getAdminLink } from '@woocommerce/settings';
 import moment from 'moment';
 
 /**
@@ -53,8 +54,9 @@ export const PaymentMethodsIcons = () => (
 );
 
 const WcPayBanner = () => {
-	const WC_PAY_SETUP_URL =
-		'./admin.php?page=wc-settings&tab=checkout&section=woocommerce_payments';
+	const WC_PAY_SETUP_URL = getAdminLink(
+		'admin.php?page=wc-settings&tab=checkout&section=woocommerce_payments'
+	);
 	return (
 		<Card size="medium" className="woocommerce-recommended-payments-banner">
 			<CardBody className="woocommerce-recommended-payments-banner__body">

From 11f321a334220dd296e999426010702221aaba73 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 11:14:05 +0800
Subject: [PATCH 155/327] Add isWcPaySupported util function for payments

---
 .../client/payments/payment-recommendations.tsx  | 14 ++------------
 .../client/payments/payment-settings-banner.tsx  | 16 ++--------------
 .../woocommerce-admin/client/payments/utils.ts   | 12 ++++++++++++
 3 files changed, 16 insertions(+), 26 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/payments/utils.ts

diff --git a/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx b/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx
index a80b0ae4e6e..c2e04b04e7c 100644
--- a/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-recommendations.tsx
@@ -24,6 +24,7 @@ import ExternalIcon from 'gridicons/dist/external';
 import './payment-recommendations.scss';
 import { createNoticesFromResponse } from '../lib/notices';
 import { getPluginSlug } from '~/utils';
+import { isWcPaySupported } from './utils';
 
 const SEE_MORE_LINK =
 	'https://woocommerce.com/product-category/woocommerce-extensions/payment-gateways/?utm_source=payments_recommendations';
@@ -81,23 +82,12 @@ const PaymentRecommendations: React.FC = () => {
 		},
 		[ isInstalled ]
 	);
-	const supportsWCPayments =
-		paymentGatewaySuggestions &&
-		paymentGatewaySuggestions.filter(
-			( paymentGatewaySuggestion: Plugin ) => {
-				return (
-					paymentGatewaySuggestion.id.indexOf(
-						'woocommerce_payments'
-					) === 0
-				);
-			}
-		).length === 1;
 
 	const triggeredPageViewRef = useRef( false );
 	const shouldShowRecommendations =
 		paymentGatewaySuggestions &&
 		paymentGatewaySuggestions.length > 0 &&
-		! supportsWCPayments &&
+		! isWcPaySupported( paymentGatewaySuggestions ) &&
 		! isDismissed;
 
 	useEffect( () => {
diff --git a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
index a3fccf2b578..442c609ce3d 100644
--- a/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
+++ b/plugins/woocommerce-admin/client/payments/payment-settings-banner.tsx
@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 import {
 	ONBOARDING_STORE_NAME,
 	PAYMENT_GATEWAYS_STORE_NAME,
-	Plugin,
 	PaymentGateway,
 	WCDataSelector,
 } from '@woocommerce/data';
@@ -35,6 +34,7 @@ import {
 } from '../payments-welcome/cards';
 import WCPayBannerImage from './wcpay-banner-image';
 import './payment-recommendations.scss';
+import { isWcPaySupported } from './utils';
 
 export const PaymentMethodsIcons = () => (
 	<div className="woocommerce-recommended-payments-banner__footer_icon_container">
@@ -148,18 +148,6 @@ export const PaymentsBannerWrapper = () => {
 		};
 	} );
 
-	const supportsWCPayments =
-		paymentGatewaySuggestions &&
-		paymentGatewaySuggestions.filter(
-			( paymentGatewaySuggestion: Plugin ) => {
-				return (
-					paymentGatewaySuggestion.id.indexOf(
-						'woocommerce_payments'
-					) === 0
-				);
-			}
-		).length === 1;
-
 	const isWcPayInstalled = installedPaymentGateways.some(
 		( gateway: PaymentGateway ) => {
 			return gateway.id === 'woocommerce_payments';
@@ -183,7 +171,7 @@ export const PaymentsBannerWrapper = () => {
 	);
 	if ( ! isResolving && ! isLoadingExperiment ) {
 		if (
-			supportsWCPayments &&
+			isWcPaySupported( paymentGatewaySuggestions ) &&
 			isWcPayInstalled &&
 			isWcPayDisabled &&
 			experimentAssignment?.variationName === 'treatment'
diff --git a/plugins/woocommerce-admin/client/payments/utils.ts b/plugins/woocommerce-admin/client/payments/utils.ts
new file mode 100644
index 00000000000..204015f9efb
--- /dev/null
+++ b/plugins/woocommerce-admin/client/payments/utils.ts
@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import { Plugin } from '@woocommerce/data';
+
+export const isWcPaySupported = ( paymentGatewaySuggestions: Plugin[] ) =>
+	paymentGatewaySuggestions &&
+	paymentGatewaySuggestions.filter( ( paymentGatewaySuggestion: Plugin ) => {
+		return (
+			paymentGatewaySuggestion.id.indexOf( 'woocommerce_payments' ) === 0
+		);
+	} ).length === 1;

From 9eba4b93de5fbc4c295cada339f9d79a479de211 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Tue, 26 Apr 2022 12:10:26 +0800
Subject: [PATCH 156/327] Add fallback image

---
 .../components/List/Item.js                       |   9 ++++++++-
 .../components/List/fallback.png                  | Bin 0 -> 423 bytes
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png

diff --git a/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js b/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
index af919e6970b..80bdede39d2 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
+++ b/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
@@ -14,6 +14,7 @@ import { __ } from '@wordpress/i18n';
  */
 import { Action } from '../Action';
 import './List.scss';
+import fallbackImage from './fallback.png';
 
 export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => {
 	const {
@@ -60,7 +61,13 @@ export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => {
 				className={ classes }
 			>
 				<CardMedia isBorderless>
-					<img src={ image72x72 } alt={ title } />
+					<img
+						src={ image72x72 }
+						alt={ title }
+						onError={ ( e ) =>
+							( e.currentTarget.src = fallbackImage )
+						}
+					/>
 				</CardMedia>
 				<div className="woocommerce-task-payment__description">
 					<Text as="h3" className="woocommerce-task-payment__title">
diff --git a/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png b/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f83f0f558007b844b837a7116340645ff359b3c
GIT binary patch
literal 423
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY3?!3`olAj~Uw}`DE0F&D{ri{SzrTI|{tXDe
zfB*XJ+ZQ1E@&(BL3>5kC10??A2T=U`&!0dBP!=e4_{j0cPo7@8e)Hp}&o5uSK6&cw
z-Fx>l=0B_inkZBf<QL4KAaH-d`S%kN?isxAkAFA6zrTE$cP~)(o2QFoNW|f{H%{|4
z83?dmc=^TA@nd1-ivRx?zw(k&+*ly&d}(t^q4C@aX2zcuetg4RC$=X$bl*%Zh55#l
zE^&uhEqfZVCQaSdR80CtTY!Ji<fxpK(0h~Y@?Y#=JovkSk7a5{)58Tqj)F%U4|TG)
zPG{(9Zdk%HbwMmkZ-3&w8ImRM#qNA=%DcNLIxOIR>EBD=_p|c;?NPMPaOC`@neqRB
zAm^=Efrm-T@mnR@EBgz-zmMY7a<t4)X31Ugus2drWUa<>PpzOpKR21{nyRs$+PzVh
z-qUUsT(c`Z9O<(6)yxZ7rSn6Bjw#-Mnek-ywsY-00`+~9v*uMSjWZ7wS#1jp0R~T3
KKbLh*2~7a2q1PS&

literal 0
HcmV?d00001


From af2349c6859b9f602852aa4511e064e08d8b4f70 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Tue, 26 Apr 2022 12:16:10 +0800
Subject: [PATCH 157/327] Changelog

---
 .../dev-32575-add-generic-fallback-image-payments-task        | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/dev-32575-add-generic-fallback-image-payments-task

diff --git a/plugins/woocommerce/changelog/dev-32575-add-generic-fallback-image-payments-task b/plugins/woocommerce/changelog/dev-32575-add-generic-fallback-image-payments-task
new file mode 100644
index 00000000000..0a201f1b852
--- /dev/null
+++ b/plugins/woocommerce/changelog/dev-32575-add-generic-fallback-image-payments-task
@@ -0,0 +1,4 @@
+Significance: patch
+Type: enhancement
+
+Add fallback image for payments task gateway icons

From 53e0df3c35650f0948020ab2849fc75e961dfce1 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 13:26:19 +0800
Subject: [PATCH 158/327] Add experimental-products-task feature flag

---
 plugins/woocommerce/client/admin/config/core.json        | 3 ++-
 plugins/woocommerce/client/admin/config/development.json | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/client/admin/config/core.json b/plugins/woocommerce/client/admin/config/core.json
index 9a36495bc54..b7dfee079e6 100644
--- a/plugins/woocommerce/client/admin/config/core.json
+++ b/plugins/woocommerce/client/admin/config/core.json
@@ -4,13 +4,14 @@
 		"analytics": true,
 		"coupons": true,
 		"customer-effort-score-tracks": true,
+		"experimental-products-task": false,
 		"homescreen": true,
 		"marketing": true,
 		"minified-js": false,
 		"mobile-app-banner": true,
 		"navigation": true,
 		"onboarding": true,
-	  	"onboarding-tasks": true,
+		"onboarding-tasks": true,
 		"remote-inbox-notifications": true,
 		"remote-free-extensions": true,
 		"payment-gateway-suggestions": true,
diff --git a/plugins/woocommerce/client/admin/config/development.json b/plugins/woocommerce/client/admin/config/development.json
index b407ceeeb20..229b9b3bb99 100644
--- a/plugins/woocommerce/client/admin/config/development.json
+++ b/plugins/woocommerce/client/admin/config/development.json
@@ -4,13 +4,14 @@
 		"analytics": true,
 		"coupons": true,
 		"customer-effort-score-tracks": true,
+		"experimental-products-task": true,
 		"homescreen": true,
 		"marketing": true,
 		"minified-js": true,
 		"mobile-app-banner": true,
 		"navigation": true,
 		"onboarding": true,
-	  	"onboarding-tasks": true,
+		"onboarding-tasks": true,
 		"payment-gateway-suggestions": true,
 		"remote-inbox-notifications": true,
 		"remote-free-extensions": true,

From d1d441c8241a4592b8dd9b82d73efd8d4a87e735 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 13:26:41 +0800
Subject: [PATCH 159/327] Update wcAdminFeatures type

---
 plugins/woocommerce-admin/client/typings/global.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/woocommerce-admin/client/typings/global.d.ts b/plugins/woocommerce-admin/client/typings/global.d.ts
index 02c976faa0b..a06d1c49acc 100644
--- a/plugins/woocommerce-admin/client/typings/global.d.ts
+++ b/plugins/woocommerce-admin/client/typings/global.d.ts
@@ -9,6 +9,7 @@ declare global {
 			analytics: boolean;
 			coupons: boolean;
 			'customer-effort-score-tracks': boolean;
+			'experimental-products-task': boolean;
 			homescreen: boolean;
 			marketing: boolean;
 			'minified-js': boolean;

From 255872e4a335ecf6ff94fe75425d1e49fec48454 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 13:28:15 +0800
Subject: [PATCH 160/327] Update react admin tasks/fills to render
 experimental-products when the feature flag is on

---
 .../fills/experimental-products/index.tsx     | 20 +++++++++++++++++++
 .../client/tasks/fills/index.js               | 10 +++++++++-
 .../client/admin/config/development.json      |  2 +-
 3 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
new file mode 100644
index 00000000000..4fa9c683e70
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import { WooOnboardingTask } from '@woocommerce/onboarding';
+import { registerPlugin } from '@wordpress/plugins';
+
+const Products = () => {
+	return <h1>Experimental products</h1>;
+};
+
+registerPlugin( 'wc-admin-onboarding-task-products', {
+	// @ts-expect-error 'scope' does exist. @types/wordpress__plugins is outdated.
+	scope: 'woocommerce-tasks',
+	render: () => (
+		// @ts-expect-error WooOnboardingTask is a pure JS component.
+		<WooOnboardingTask id="products">
+			<Products />
+		</WooOnboardingTask>
+	),
+} );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/index.js b/plugins/woocommerce-admin/client/tasks/fills/index.js
index a4e8e1b7f7a..4a59fcdb74b 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/index.js
+++ b/plugins/woocommerce-admin/client/tasks/fills/index.js
@@ -4,9 +4,17 @@
 import './PaymentGatewaySuggestions';
 import './shipping';
 import './Marketing';
-import './products';
 import './appearance';
 import './connect';
 import './tax';
 import './woocommerce-payments';
 import './purchase';
+
+if (
+	window.wcAdminFeatures &&
+	window.wcAdminFeatures[ 'experimental-products-task' ]
+) {
+	import( './experimental-products' );
+} else {
+	import( './products' );
+}
diff --git a/plugins/woocommerce/client/admin/config/development.json b/plugins/woocommerce/client/admin/config/development.json
index 229b9b3bb99..b5960fe710e 100644
--- a/plugins/woocommerce/client/admin/config/development.json
+++ b/plugins/woocommerce/client/admin/config/development.json
@@ -4,7 +4,7 @@
 		"analytics": true,
 		"coupons": true,
 		"customer-effort-score-tracks": true,
-		"experimental-products-task": true,
+		"experimental-products-task": false,
 		"homescreen": true,
 		"marketing": true,
 		"minified-js": true,

From 5618603c1a0f00c7bdce1a67291cabf3479b1e6d Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 13:43:13 +0800
Subject: [PATCH 161/327] Add changelog

---
 .../changelog/add-32772-exp-product-tasks-feature-flag        | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-32772-exp-product-tasks-feature-flag

diff --git a/plugins/woocommerce/changelog/add-32772-exp-product-tasks-feature-flag b/plugins/woocommerce/changelog/add-32772-exp-product-tasks-feature-flag
new file mode 100644
index 00000000000..664191d97bb
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-32772-exp-product-tasks-feature-flag
@@ -0,0 +1,4 @@
+Significance: patch
+Type: add
+
+Add experimental product task feature flag & experimental-products component

From 8beaf2d9876e63092b2ae83a7939445f1fab1340 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Tue, 26 Apr 2022 01:21:04 -0700
Subject: [PATCH 162/327] Updating an existing downloadable file to a bad path
 should trigger a warning notice.

---
 .../changelog/fix-download-file-warnings      |   5 +
 .../abstracts/abstract-wc-product.php         |   3 +-
 .../class-wc-abstract-product-test.php        | 127 +++++++++++++++---
 3 files changed, 119 insertions(+), 16 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-download-file-warnings

diff --git a/plugins/woocommerce/changelog/fix-download-file-warnings b/plugins/woocommerce/changelog/fix-download-file-warnings
new file mode 100644
index 00000000000..a42016eb29b
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-download-file-warnings
@@ -0,0 +1,5 @@
+Significance: patch
+Type: tweak
+Comment: Improves a newly added feature, so a further changelog entry is not required.
+
+
diff --git a/plugins/woocommerce/includes/abstracts/abstract-wc-product.php b/plugins/woocommerce/includes/abstracts/abstract-wc-product.php
index 71ffba8a229..3e27d48c3d6 100644
--- a/plugins/woocommerce/includes/abstracts/abstract-wc-product.php
+++ b/plugins/woocommerce/includes/abstracts/abstract-wc-product.php
@@ -1220,6 +1220,7 @@ class WC_Product extends WC_Abstract_Legacy_Product {
 		foreach ( $downloads_array as $download ) {
 			$download_id = $download->get_id();
 			$is_new      = ! isset( $existing_downloads[ $download_id ] );
+			$has_changed = ! $is_new && $existing_downloads[ $download_id ]->get_file() !== $downloads_array[ $download_id ]->get_file();
 
 			try {
 				$download->check_is_valid( $this->get_object_read() );
@@ -1227,7 +1228,7 @@ class WC_Product extends WC_Abstract_Legacy_Product {
 			} catch ( Exception $e ) {
 				// We only add error messages for newly added downloads (let's not overwhelm the user if there are
 				// multiple existing files which are problematic).
-				if ( $is_new ) {
+				if ( $is_new || $has_changed ) {
 					$errors[] = $e->getMessage();
 				}
 
diff --git a/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php b/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
index 98f97525e9e..81dd5fff3a0 100644
--- a/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
+++ b/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
@@ -7,18 +7,25 @@ use Automattic\WooCommerce\Internal\ProductDownloads\ApprovedDirectories\Registe
  */
 class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	/**
-	 * @testdox Ensure that individual Downloadable Products follow the rules regarding Approved Download Directories.
+	 * @var Download_Directories $download_directories
 	 */
-	public function test_fetching_of_approved_downloads() {
-		/**
-		 * @var Download_Directories $download_directories
-		 */
-		$download_directories = wc_get_container()->get( Download_Directories::class );
-		$download_directories->set_mode( Download_Directories::MODE_ENABLED );
-		$download_directories->add_approved_directory( 'https://always.trusted/' );
-		$problematic_file_source_id = $download_directories->add_approved_directory( 'https://new.supplier/' );
+	private $download_directories;
 
-		$product = WC_Helper_Product::create_downloadable_product(
+	/**
+	 * @var WC_Product_Simple
+	 */
+	private $product;
+
+	/**
+	 * Setup items we need repeatedly across tests in this class.
+	 */
+	public function set_up() {
+		$this->download_directories = wc_get_container()->get( Download_Directories::class );
+		$this->download_directories->set_mode( Download_Directories::MODE_ENABLED );
+		$this->download_directories->add_approved_directory( 'https://always.trusted/' );
+		$this->download_directories->add_approved_directory( 'https://new.supplier/' );
+
+		$this->product = WC_Helper_Product::create_downloadable_product(
 			array(
 				array(
 					'name' => 'Book 1',
@@ -31,14 +38,21 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 			)
 		);
 
+		parent::set_up();
+	}
+
+	/**
+	 * @testdox Ensure that individual Downloadable Products follow the rules regarding Approved Download Directories.
+	 */
+	public function test_fetching_of_approved_downloads() {
 		$this->assertCount(
 			2,
-			wc_get_product( $product->get_id() )->get_downloads(),
+			wc_get_product( $this->product->get_id() )->get_downloads(),
 			'If we load the downloadable product and all of its downloads are stored in trusted directories, we expect to fetch all of them.'
 		);
 
-		$download_directories->disable_by_id( $problematic_file_source_id );
-		$product_downloads = wc_get_product( $product->get_id() )->get_downloads();
+		$this->download_directories->disable_by_id( $this->download_directories->get_by_url( 'https://new.supplier/' )->get_id() );
+		$product_downloads = wc_get_product( $this->product->get_id() )->get_downloads();
 
 		$this->assertCount(
 			2,
@@ -51,12 +65,95 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 			'If a trusted download directory rule is disabled, corresponding product downloads will also be marked as disabled.'
 		);
 
-		$download_directories->set_mode( Download_Directories::MODE_DISABLED );
+		$this->download_directories->set_mode( Download_Directories::MODE_DISABLED );
 
 		$this->assertCount(
 			2,
-			wc_get_product( $product->get_id() )->get_downloads(),
+			wc_get_product( $this->product->get_id() )->get_downloads(),
 			'Disabling the Approved Download Directories system entirely does not impact our ability to fetch product downloads.'
 		);
 	}
+
+	/**
+	 * @testdox Confirm that when product downloads are set, the operation is successful (or else errors are raised) as appropriate.
+	 */
+	public function test_setting_of_product_downloads() {
+		$administrator = self::factory()->user->create( array( 'role' => 'administrator' ) );
+		$shop_manager  = self::factory()->user->create( array( 'role' => 'shop_manager' ) );
+		wp_set_current_user( $administrator );
+
+		$downloads   = $this->product->get_downloads();
+		$downloads[] = array(
+			'id'   => '',
+			'file' => 'https://not.yet.added/file.pdf',
+			'name' => 'A file',
+		);
+
+		wp_set_current_user( $administrator );
+		$this->product->set_downloads( $downloads );
+		$this->product->save();
+		$this->assertCount(
+			3,
+			$this->product->get_downloads(),
+			'Administrators can add new downloadable files and a matching download directory rule will automatically be generated if necessary.'
+		);
+
+		wp_set_current_user( $shop_manager );
+		$exception_thrown    = false;
+		$downloads   = $this->product->get_downloads();
+		$downloads[] = array(
+			'id'   => '',
+			'file' => 'https://also.not.yet.added/file.pdf',
+			'name' => 'Another file',
+		);
+
+		try {
+			$this->product->set_downloads( $downloads );
+			$this->product->save();
+		} catch ( WC_Data_Exception $e ) {
+			$exception_thrown = true;
+		}
+
+		$this->assertTrue(
+			$exception_thrown,
+			'If a shop manager attempts to add a new downloadable file (not covered by an approved directory rule) an error is generated.'
+		);
+
+		$exception_thrown                = false;
+		$downloads                       = $this->product->get_downloads();
+		$existing_file_key               = key( $downloads );
+		$downloads[ $existing_file_key ] = array(
+			'id'   => $existing_file_key,
+			'file' => 'https://another.bad.location/file.pdf',
+			'name' => 'Yet another file',
+		);
+
+		try {
+			$this->product->set_downloads( $downloads );
+			$this->product->save();
+		} catch ( WC_Data_Exception $e ) {
+			$exception_thrown = true;
+		}
+
+		$this->assertTrue(
+			$exception_thrown,
+			'If a shop manager attempts to change an existing downloadable file to a new path (not covered by an approved directory rule) an error is generated.'
+		);
+
+		$downloads                       = $this->product->get_downloads();
+		$downloads[ $existing_file_key ] = array(
+			'id'   => $existing_file_key,
+			'file' => 'https://always.trusted/why-we-test-code.pdf',
+			'name' => 'And one more file',
+		);
+
+		$this->product->set_downloads( $downloads );
+		$this->product->save();
+
+		$this->assertCount(
+			4,
+			$this->product->get_downloads(),
+			'If a shop manager attempts to change an existing downloadable file to a valid path (that is covered by an approved directory rule) that is okay.'
+		);
+	}
 }

From d4c540c56171f9925400c14515d885b9ffc30baf Mon Sep 17 00:00:00 2001
From: Luigi <gigitux@gmail.com>
Date: Tue, 26 Apr 2022 10:04:58 +0200
Subject: [PATCH 163/327] Add Mini Cart Block Tracking

---
 .../includes/blocks/class-wc-blocks-utils.php | 21 +++++++++++++
 .../woocommerce/includes/class-wc-tracker.php | 30 +++++++++++++++++++
 2 files changed, 51 insertions(+)

diff --git a/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php b/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
index 4ecb4c212e5..1465dbf5e30 100644
--- a/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
+++ b/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
@@ -59,6 +59,27 @@ class WC_Blocks_Utils {
 		);
 	}
 
+	/**
+	 * Get all instances of the specified block on a specific template part.
+	 *
+	 * @param string $block_name The name (id) of a block, e.g. `woocommerce/mini-cart`.
+	 * @param string $template_part_slug The woo page to search, e.g. `header`.
+	 * @return array Array of blocks as returned by parse_blocks().
+	 */
+	public static function get_block_from_template_part( $block_name, $template_part_slug ) {
+		$template = get_block_template( get_stylesheet() . '//' . $template_part_slug, 'wp_template_part' );
+		$blocks   = parse_blocks( $template->content );
+
+		return array_values(
+			array_filter(
+				$blocks,
+				function ( $block ) use ( $block_name ) {
+					return ( $block_name === $block['blockName'] );
+				}
+			)
+		);
+	}
+
 	/**
 	 * Check if a given page contains a particular block.
 	 *
diff --git a/plugins/woocommerce/includes/class-wc-tracker.php b/plugins/woocommerce/includes/class-wc-tracker.php
index dbae0b03978..66327dcef5e 100644
--- a/plugins/woocommerce/includes/class-wc-tracker.php
+++ b/plugins/woocommerce/includes/class-wc-tracker.php
@@ -166,6 +166,9 @@ class WC_Tracker {
 		// Cart & checkout tech (blocks or shortcodes).
 		$data['cart_checkout'] = self::get_cart_checkout_info();
 
+		// Mini Cart block.
+		$data['mini_cart_block'] = self::get_mini_cart_info();
+
 		// WooCommerce Admin info.
 		$data['wc_admin_disabled'] = apply_filters( 'woocommerce_admin_disabled', false ) ? 'yes' : 'no';
 
@@ -776,6 +779,33 @@ class WC_Tracker {
 		);
 	}
 
+	/**
+	 * Get info about the Mini Cart Block.
+	 *
+	 * @return array
+	 */
+	public static function get_mini_cart_info() {
+		$mini_cart_block_name = 'woocommerce/mini-cart';
+		$mini_cart_block_data = wc_current_theme_is_fse_theme() ? WC_Blocks_Utils::get_block_from_template_part( $mini_cart_block_name, 'header' ) :
+			array_reduce(
+				get_option( 'widget_block' ),
+				function ( $acc, $block ) use ( $mini_cart_block_name ) {
+					$parsed_blocks = ! empty( $block ) && is_array( $block ) ? parse_blocks( $block['content'] ) : array();
+					if ( ! empty( $parsed_blocks ) && $mini_cart_block_name === $parsed_blocks[0]['blockName'] ) {
+						array_push( $acc, $parsed_blocks[0] );
+						return $acc;
+					}
+					return $acc;
+				},
+				array()
+			);
+
+		return array(
+			'mini_cart_used'             => empty( $mini_cart_block_data[0] ) ? 'No' : 'Yes',
+			'mini_cart_block_attributes' => empty( $mini_cart_block_data[0] ) ? array() : $mini_cart_block_data[0]['attrs'],
+		);
+	}
+
 	/**
 	 * Get info about WooCommerce Mobile App usage
 	 *

From 650fe593a1acf1fe57590d190df8c6643eb36914 Mon Sep 17 00:00:00 2001
From: Luigi <gigitux@gmail.com>
Date: Tue, 26 Apr 2022 11:23:44 +0200
Subject: [PATCH 164/327] add changelog

---
 plugins/woocommerce/changelog/add-track_mini_cart_block | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-track_mini_cart_block

diff --git a/plugins/woocommerce/changelog/add-track_mini_cart_block b/plugins/woocommerce/changelog/add-track_mini_cart_block
new file mode 100644
index 00000000000..ec42fc7ed2f
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-track_mini_cart_block
@@ -0,0 +1,4 @@
+Significance: patch
+Type: add
+
+Adds usage data for the Mini Cart Block to the WC Tracker snapshot.

From bd096a6edc8a666f3903cfa1f35cc1ebca95f13b Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 26 Apr 2022 07:07:15 -0700
Subject: [PATCH 165/327] Use glob pattern to cache multiple nested Composer
 vendor paths

---
 .github/workflows/ci.yml               | 4 ++--
 .github/workflows/pr-code-coverage.yml | 2 +-
 .github/workflows/pr-code-sniff.yml    | 2 +-
 .github/workflows/pr-smoke-test.yml    | 2 +-
 .github/workflows/pr-unit-tests.yml    | 6 +++---
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 5c5ddb4a4e2..f877619409b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -60,7 +60,7 @@ jobs:
           path: |
             ~/.pnpm-store
             plugins/woocommerce/packages
-            plugins/woocommerce/vendor
+            plugins/woocommerce/**/vendor
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
@@ -79,9 +79,9 @@ jobs:
       - name: Add PHP8 Compatibility.
         run: |
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
+             cd plugins/woocommerce
              curl -L https://github.com/woocommerce/phpunit/archive/add-compatibility-with-php8-to-phpunit-7.zip -o /tmp/phpunit-7.5-fork.zip
              unzip -d /tmp/phpunit-7.5-fork /tmp/phpunit-7.5-fork.zip
-             cd plugins/woocommerce
              composer bin phpunit config --unset platform
              composer bin phpunit config repositories.0 '{"type": "path", "url": "/tmp/phpunit-7.5-fork/phpunit-add-compatibility-with-php8-to-phpunit-7", "options": {"symlink": false}}'
              composer bin phpunit require --dev -W phpunit/phpunit:@dev --ignore-platform-reqs
diff --git a/.github/workflows/pr-code-coverage.yml b/.github/workflows/pr-code-coverage.yml
index a4c068e56f7..b3c4e3c8e4d 100644
--- a/.github/workflows/pr-code-coverage.yml
+++ b/.github/workflows/pr-code-coverage.yml
@@ -46,7 +46,7 @@ jobs:
           path: |
             ~/.pnpm-store
             plugins/woocommerce/packages
-            plugins/woocommerce/vendor
+            plugins/woocommerce/**/vendor
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
diff --git a/.github/workflows/pr-code-sniff.yml b/.github/workflows/pr-code-sniff.yml
index 54213a6f277..bbf0b8ff1e8 100644
--- a/.github/workflows/pr-code-sniff.yml
+++ b/.github/workflows/pr-code-sniff.yml
@@ -36,7 +36,7 @@ jobs:
           path: |
             ~/.pnpm-store
             plugins/woocommerce/packages
-            plugins/woocommerce/vendor
+            plugins/woocommerce/**/vendor
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 4c6ccaa89c4..6e01cb3ab36 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -33,7 +33,7 @@ jobs:
                 path: |
                   ~/.pnpm-store
                   package/woocommerce/plugins/woocommerce/packages
-                  package/woocommerce/plugins/woocommerce/vendor
+                  package/woocommerce/plugins/woocommerce/**/vendor
                 key: ${{ runner.os }}-smoke-test-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 6b3670e796e..2ac7137a33b 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -58,7 +58,7 @@ jobs:
           path: |
             ~/.pnpm-store
             plugins/woocommerce/packages
-            plugins/woocommerce/vendor
+            plugins/woocommerce/**/vendor
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
@@ -75,12 +75,12 @@ jobs:
         run: |
           pnpm nx build:feature-config woocommerce
 
-      - name: Add PHP8 Compatibility.
+      - name: Add PHP8 Compatibility. # Comment.
         run: |
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
+             cd plugins/woocommerce
              curl -L https://github.com/woocommerce/phpunit/archive/add-compatibility-with-php8-to-phpunit-7.zip -o /tmp/phpunit-7.5-fork.zip
              unzip -d /tmp/phpunit-7.5-fork /tmp/phpunit-7.5-fork.zip
-             cd plugins/woocommerce
              composer bin phpunit config --unset platform
              composer bin phpunit config repositories.0 '{"type": "path", "url": "/tmp/phpunit-7.5-fork/phpunit-add-compatibility-with-php8-to-phpunit-7", "options": {"symlink": false}}'
              composer bin phpunit require --dev -W phpunit/phpunit:@dev --ignore-platform-reqs

From c78577ee22a2d185835dacfa1e07f27e2cfa521e Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 26 Apr 2022 07:28:20 -0700
Subject: [PATCH 166/327] Remove comment to test cached Composer Unit tests

---
 .github/workflows/pr-unit-tests.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 2ac7137a33b..293ae8928c5 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -75,7 +75,7 @@ jobs:
         run: |
           pnpm nx build:feature-config woocommerce
 
-      - name: Add PHP8 Compatibility. # Comment.
+      - name: Add PHP8 Compatibility.
         run: |
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
              cd plugins/woocommerce

From fc705cff77086541fa3dd795b9f8ea5ef52bc2dc Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 26 Apr 2022 07:47:50 -0700
Subject: [PATCH 167/327] Use glob pattern for hash key

---
 .github/workflows/ci.yml               | 2 +-
 .github/workflows/pr-code-coverage.yml | 2 +-
 .github/workflows/pr-code-sniff.yml    | 2 +-
 .github/workflows/pr-smoke-test.yml    | 2 +-
 .github/workflows/pr-unit-tests.yml    | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index f877619409b..65d974cc16d 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -61,7 +61,7 @@ jobs:
             ~/.pnpm-store
             plugins/woocommerce/packages
             plugins/woocommerce/**/vendor
-          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
         run: npm install -g pnpm
diff --git a/.github/workflows/pr-code-coverage.yml b/.github/workflows/pr-code-coverage.yml
index b3c4e3c8e4d..ed50f2003d3 100644
--- a/.github/workflows/pr-code-coverage.yml
+++ b/.github/workflows/pr-code-coverage.yml
@@ -47,7 +47,7 @@ jobs:
             ~/.pnpm-store
             plugins/woocommerce/packages
             plugins/woocommerce/**/vendor
-          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
         run: npm install -g pnpm
diff --git a/.github/workflows/pr-code-sniff.yml b/.github/workflows/pr-code-sniff.yml
index bbf0b8ff1e8..94a14e0e156 100644
--- a/.github/workflows/pr-code-sniff.yml
+++ b/.github/workflows/pr-code-sniff.yml
@@ -37,7 +37,7 @@ jobs:
             ~/.pnpm-store
             plugins/woocommerce/packages
             plugins/woocommerce/**/vendor
-          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
         run: npm install -g pnpm
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 6e01cb3ab36..40662d4e395 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -34,7 +34,7 @@ jobs:
                   ~/.pnpm-store
                   package/woocommerce/plugins/woocommerce/packages
                   package/woocommerce/plugins/woocommerce/**/vendor
-                key: ${{ runner.os }}-smoke-test-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+                key: ${{ runner.os }}-smoke-test-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
               run: npm install -g pnpm
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 293ae8928c5..72dcaa6ca44 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -59,7 +59,7 @@ jobs:
             ~/.pnpm-store
             plugins/woocommerce/packages
             plugins/woocommerce/**/vendor
-          key: ${{ runner.os }}-npm-composer-${{ hashFiles('plugins/woocommerce/composer.lock', '**/pnpm-lock.yaml') }}
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
         run: npm install -g pnpm

From 7640715150c3e32552c32394909ed414ec6b19b3 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 26 Apr 2022 08:04:20 -0700
Subject: [PATCH 168/327] Test cached results

---
 .github/workflows/pr-unit-tests.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 72dcaa6ca44..97a345de534 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -75,7 +75,7 @@ jobs:
         run: |
           pnpm nx build:feature-config woocommerce
 
-      - name: Add PHP8 Compatibility.
+      - name: Add PHP8 Compatibility. # Comment.
         run: |
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
              cd plugins/woocommerce

From d6a1f7212c23911827bb57291a9a64e38a4e9bbc Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 26 Apr 2022 08:20:32 -0700
Subject: [PATCH 169/327] Remove comment

---
 .github/workflows/pr-unit-tests.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 97a345de534..72dcaa6ca44 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -75,7 +75,7 @@ jobs:
         run: |
           pnpm nx build:feature-config woocommerce
 
-      - name: Add PHP8 Compatibility. # Comment.
+      - name: Add PHP8 Compatibility.
         run: |
           if [ "$(php -r "echo version_compare(PHP_VERSION,'8.0','>=');")" ]; then
              cd plugins/woocommerce

From 7c32432bf1a0bc2b221f094ba79609cfe9117436 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 26 Apr 2022 13:03:30 -0700
Subject: [PATCH 170/327] Add feature flag experimental-import-products-task
 and base component

---
 .../experimental-import-products/index.tsx    | 20 +++++++++++++++++++
 .../client/tasks/fills/index.js               | 11 ++++++++++
 .../woocommerce/client/admin/config/core.json |  1 +
 .../client/admin/config/development.json      |  1 +
 4 files changed, 33 insertions(+)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
new file mode 100644
index 00000000000..cdd7e3d30f7
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import { WooOnboardingTask } from '@woocommerce/onboarding';
+import { registerPlugin } from '@wordpress/plugins';
+
+const Products = () => {
+	return <h1>Experimental import products</h1>;
+};
+
+registerPlugin( 'wc-admin-onboarding-task-products', {
+	// @ts-expect-error 'scope' does exist. @types/wordpress__plugins is outdated.
+	scope: 'woocommerce-tasks',
+	render: () => (
+		// @ts-expect-error WooOnboardingTask is a pure JS component.
+		<WooOnboardingTask id="products">
+			<Products />
+		</WooOnboardingTask>
+	),
+} );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/index.js b/plugins/woocommerce-admin/client/tasks/fills/index.js
index 4a59fcdb74b..bfb0521f95e 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/index.js
+++ b/plugins/woocommerce-admin/client/tasks/fills/index.js
@@ -1,6 +1,8 @@
 /**
  * Internal dependencies
  */
+import { getAdminSetting } from '~/utils/admin-settings';
+
 import './PaymentGatewaySuggestions';
 import './shipping';
 import './Marketing';
@@ -10,7 +12,16 @@ import './tax';
 import './woocommerce-payments';
 import './purchase';
 
+const onboardingData = getAdminSetting( 'onboarding' );
+
 if (
+	window.wcAdminFeatures &&
+	window.wcAdminFeatures[ 'experimental-import-products-task' ] &&
+	onboardingData?.profile?.selling_venues &&
+	onboardingData?.profile?.selling_venues !== 'no'
+) {
+	import( './experimental-import-products' );
+} else if (
 	window.wcAdminFeatures &&
 	window.wcAdminFeatures[ 'experimental-products-task' ]
 ) {
diff --git a/plugins/woocommerce/client/admin/config/core.json b/plugins/woocommerce/client/admin/config/core.json
index b7dfee079e6..62afb15fa73 100644
--- a/plugins/woocommerce/client/admin/config/core.json
+++ b/plugins/woocommerce/client/admin/config/core.json
@@ -5,6 +5,7 @@
 		"coupons": true,
 		"customer-effort-score-tracks": true,
 		"experimental-products-task": false,
+		"experimental-import-products-task": false,
 		"homescreen": true,
 		"marketing": true,
 		"minified-js": false,
diff --git a/plugins/woocommerce/client/admin/config/development.json b/plugins/woocommerce/client/admin/config/development.json
index b5960fe710e..7272864dc08 100644
--- a/plugins/woocommerce/client/admin/config/development.json
+++ b/plugins/woocommerce/client/admin/config/development.json
@@ -5,6 +5,7 @@
 		"coupons": true,
 		"customer-effort-score-tracks": true,
 		"experimental-products-task": false,
+		"experimental-import-products-task": false,
 		"homescreen": true,
 		"marketing": true,
 		"minified-js": true,

From 93b9c48a854a453fc0ac38ce2339d3846ae8f71b Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Tue, 26 Apr 2022 17:17:45 -0300
Subject: [PATCH 171/327] Fix link url

---
 .../client/activity-panel/activity-panel.js           | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/plugins/woocommerce-admin/client/activity-panel/activity-panel.js b/plugins/woocommerce-admin/client/activity-panel/activity-panel.js
index d192b225154..139f556325a 100644
--- a/plugins/woocommerce-admin/client/activity-panel/activity-panel.js
+++ b/plugins/woocommerce-admin/client/activity-panel/activity-panel.js
@@ -6,7 +6,7 @@ import { lazy, useState } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { uniqueId, find } from 'lodash';
 import { Icon, help as helpIcon, external } from '@wordpress/icons';
-import { getAdminLink, getSetting } from '@woocommerce/settings';
+import { getAdminLink } from '@woocommerce/settings';
 import { H, Section } from '@woocommerce/components';
 import {
 	ONBOARDING_STORE_NAME,
@@ -37,6 +37,7 @@ import {
 } from '../homescreen/activity-panel/orders/utils';
 import { getUnapprovedReviews } from '../homescreen/activity-panel/reviews/utils';
 import { ABBREVIATED_NOTIFICATION_SLOT_NAME } from './panels/inbox/abbreviated-notifications-panel';
+import { getAdminSetting } from '~/utils/admin-settings';
 
 const HelpPanel = lazy( () =>
 	import( /* webpackChunkName: "activity-panels-help" */ './panels/help' )
@@ -286,9 +287,9 @@ export const ActivityPanel = ( { isEmbedded, query } ) => {
 			name: 'previewSite',
 			title: __( 'Preview site', 'woocommerce' ),
 			icon: <Icon icon={ external } />,
-			visible: query.page === 'wc-admin' && query.task === 'appearance',
+			visible: isHomescreen() && query.task === 'appearance',
 			onClick: () => {
-				window.open( getSetting( 'siteUrl' ) );
+				window.open( getAdminSetting( 'siteUrl' ) );
 				recordEvent(
 					'wcadmin_tasklist_previewsite',
 					previewSiteBtnTrackData
@@ -302,9 +303,9 @@ export const ActivityPanel = ( { isEmbedded, query } ) => {
 			name: 'previewStore',
 			title: __( 'Preview store', 'woocommerce' ),
 			icon: <Icon icon={ external } />,
-			visible: isHomescreen(),
+			visible: isHomescreen() && query.task !== 'appearance',
 			onClick: () => {
-				window.open( getSetting( 'siteUrl' ) );
+				window.open( getAdminSetting( 'shopUrl' ) );
 				recordEvent( 'wcadmin_previewstore_click' );
 
 				return null;

From 3d68bdbded9ddaef407725edb3defd7750c495da Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 26 Apr 2022 14:15:11 -0700
Subject: [PATCH 172/327] Add CardList component

---
 .../experimental-import-products/CardList.tsx | 30 ++++++++
 .../experimental-import-products/cards.scss   | 76 +++++++++++++++++++
 .../importTypes.tsx                           | 27 +++++++
 .../experimental-import-products/index.tsx    | 13 +++-
 4 files changed, 145 insertions(+), 1 deletion(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx
new file mode 100644
index 00000000000..81bd5343c71
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx
@@ -0,0 +1,30 @@
+/**
+ * External dependencies
+ */
+import { List } from '@woocommerce/components';
+
+/**
+ * Internal dependencies
+ */
+import './cards.scss';
+
+type Card = {
+	key: string;
+	title: string;
+	content: string;
+	before: JSX.Element;
+};
+
+type CardListProps = {
+	items: Card[];
+};
+
+const CardList: React.FC< CardListProps > = ( { items } ) => {
+	return (
+		<div className="woocommerce-products-card-list">
+			<List items={ items } />
+		</div>
+	);
+};
+
+export default CardList;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
new file mode 100644
index 00000000000..8c47aac8e18
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -0,0 +1,76 @@
+.woocommerce-products-card-list {
+	a {
+		color: #007cba;
+	}
+
+	.woocommerce-list__item {
+		float: left;
+		border-radius: 3px;
+		border: 1px solid #dcdcde;
+		width: 263px;
+		height: 226px;
+		margin: 12px;
+		text-align: center;
+		align-items: start;
+
+		&:hover {
+			background-color: #fff;
+			border: 1.5px solid #007cba;
+		}
+
+		.woocommerce-list__item-inner {
+			padding-top: 40px;
+			flex-flow: wrap;
+			justify-content: center;
+		}
+
+		&:not(.transitions-disabled) {
+			&.woocommerce-list__item-enter {
+				transform: none;
+			}
+
+			&.woocommerce-list__item-enter-active {
+				transform: none;
+			}
+
+			&.woocommerce-list__item-exit-active {
+				display: none;
+			}
+		}
+
+		> .woocommerce-list__item-inner {
+			box-shadow: none;
+		}
+	}
+
+	.woocommerce-list__item-text {
+		margin-top: 16px;
+		.woocommerce-list__item-content {
+			margin-top: 16px;
+		}
+	}
+
+	.woocommerce-list__item-before {
+		background: #f0f6fc;
+		padding: 8px;
+		border-radius: 50%;
+	}
+
+	.woocommerce-list__item-title {
+		color: $gray-900;
+		line-height: 16px;
+		font-weight: 600;
+	}
+
+	.woocommerce-list__item-content {
+		color: $gray-700;
+		line-height: 16px;
+		font-weight: 400;
+	}
+
+	.woocommerce-list__item-after {
+		svg {
+			fill: $gray-600;
+		}
+	}
+}
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
new file mode 100644
index 00000000000..fdf03c37c8f
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
@@ -0,0 +1,27 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import PageIcon from 'gridicons/dist/pages';
+import ReblogIcon from 'gridicons/dist/reblog';
+
+export const importTypes = [
+	{
+		key: 'from-csv' as const,
+		title: __( 'FROM A CSV FILE', 'woocommerce' ),
+		content: __(
+			'Import all products at once by uploading a CSV file.',
+			'woocommerce'
+		),
+		before: <PageIcon />,
+	},
+	{
+		key: 'from-cart2cart' as const,
+		title: __( 'FROM CART2CART', 'woocommerce' ),
+		content: __(
+			'Migrate all store data like products, customers, orders and much more in no time and in a fully automated way',
+			'woocommerce'
+		),
+		before: <ReblogIcon />,
+	},
+];
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index cdd7e3d30f7..c7ee6b3d660 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -4,8 +4,19 @@
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { registerPlugin } from '@wordpress/plugins';
 
+/**
+ * Internal dependencies
+ */
+import CardList from './CardList';
+import { importTypes } from './importTypes';
+
 const Products = () => {
-	return <h1>Experimental import products</h1>;
+	return (
+		<div>
+			<h1>Import products</h1>
+			<CardList items={ importTypes } />
+		</div>
+	);
 };
 
 registerPlugin( 'wc-admin-onboarding-task-products', {

From 671ce7291ccaac9a43b7cbc06fc7afcda3b93fd3 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 26 Apr 2022 18:00:47 -0700
Subject: [PATCH 173/327] Add changelog

---
 .../changelog/add-32789-add-experimental-import-products      | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-32789-add-experimental-import-products

diff --git a/plugins/woocommerce/changelog/add-32789-add-experimental-import-products b/plugins/woocommerce/changelog/add-32789-add-experimental-import-products
new file mode 100644
index 00000000000..95927d32766
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-32789-add-experimental-import-products
@@ -0,0 +1,4 @@
+Significance: patch
+Type: add
+
+Add experimental import product task feature flag & experimental-import products component
\ No newline at end of file

From 57c1c0bc1c41c9e32a86d9ce06b56b68a65a679a Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 26 Apr 2022 18:28:56 -0700
Subject: [PATCH 174/327] Freeze Ubuntu release to 20.04 for best practice and
 consistency

---
 .github/workflows/build-release-zip-file.yml           |  2 +-
 .github/workflows/build-release.yml                    |  6 +++---
 .github/workflows/ci.yml                               |  2 +-
 .github/workflows/mirrors.yml                          |  4 ++--
 .github/workflows/nightly-builds.yml                   |  4 ++--
 .github/workflows/pr-build-and-e2e-tests.yml           |  8 ++++----
 .github/workflows/pr-code-coverage.yml                 |  2 +-
 .github/workflows/pr-code-sniff.yml                    |  2 +-
 .github/workflows/pr-lint-monorepo.yml                 |  2 +-
 .github/workflows/pr-lint-test-js.yml                  |  2 +-
 .github/workflows/pr-project-label.yml                 |  2 +-
 .github/workflows/pr-smoke-test.yml                    |  2 +-
 .github/workflows/pr-unit-tests.yml                    |  2 +-
 .../workflows/pull-request-post-merge-processing.yml   |  2 +-
 .github/workflows/release-code-freeze.yml              |  2 +-
 .github/workflows/smoke-test-daily-site-check.yml      |  2 +-
 .github/workflows/smoke-test-daily.yml                 |  6 +++---
 .github/workflows/smoke-test-release.yml               |  6 +++---
 .github/workflows/stalebot.yml                         |  2 +-
 .github/workflows/triage-label.yml                     |  2 +-
 .github/workflows/triage-replies.yml                   | 10 +++++-----
 .github/workflows/update-feedback-labels.yml           |  2 +-
 22 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index 4d221f45cb0..f0b92090401 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -9,7 +9,7 @@ on:
 jobs:
   build:
     name: Build release zip file
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
diff --git a/.github/workflows/build-release.yml b/.github/workflows/build-release.yml
index 356ae9da4ce..99089114de2 100644
--- a/.github/workflows/build-release.yml
+++ b/.github/workflows/build-release.yml
@@ -5,7 +5,7 @@ on:
 jobs:
   build:
     name: Build release asset
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
@@ -25,7 +25,7 @@ jobs:
     if: github.event.release.prerelease == false && github.event.release.draft == false && github.repository_owner == 'woocommerce'
     name: Update Code Reference
     needs: build
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Invoke Code Reference build and deploy workflow
         uses: aurelien-baudet/workflow-dispatch@v2
@@ -38,7 +38,7 @@ jobs:
   run-release-smoke-tests:
     name: Execute Smoke test release
     needs: build
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Invoke release smoke testing workflow
         uses: aurelien-baudet/workflow-dispatch@v2
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 65d974cc16d..887a9dd1905 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -14,7 +14,7 @@ jobs:
   test:
     name: PHP ${{ matrix.php }} WP ${{ matrix.wp }}
     timeout-minutes: 20
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     continue-on-error: ${{ matrix.wp == 'nightly' }}
     strategy:
       fail-fast: false
diff --git a/.github/workflows/mirrors.yml b/.github/workflows/mirrors.yml
index 514b14b179f..82f35bda1ab 100644
--- a/.github/workflows/mirrors.yml
+++ b/.github/workflows/mirrors.yml
@@ -6,7 +6,7 @@ jobs:
   build:
     if: github.repository == 'woocommerce/woocommerce'
     name: Build WooCommerce zip
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
@@ -26,7 +26,7 @@ jobs:
   mirror:
     if: github.repository == 'woocommerce/woocommerce'
     name: Push to Mirror
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     needs: [build]
     steps:
       - name: Create directories
diff --git a/.github/workflows/nightly-builds.yml b/.github/workflows/nightly-builds.yml
index 126d37523ac..7e4f88448d3 100644
--- a/.github/workflows/nightly-builds.yml
+++ b/.github/workflows/nightly-builds.yml
@@ -10,7 +10,7 @@ jobs:
       fail-fast: false
       matrix:
         build: [trunk]
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
@@ -32,7 +32,7 @@ jobs:
           max_releases: 1
   update:
     name: Update nightly tag commit ref
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Update nightly tag
         uses: richardsimko/github-tag-action@v1.0.5
diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 3408882d585..a4ca35b3300 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -7,7 +7,7 @@ concurrency:
 jobs:
     build:
         name: Build zip for PR
-        runs-on: ubuntu-latest
+        runs-on: ubuntu-20.04
         steps:
             - name: Checkout code
               uses: actions/checkout@v3
@@ -29,7 +29,7 @@ jobs:
 
     e2e-tests-run:
         name: Runs E2E tests.
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         needs: [build]
         steps:
             - name: Create dirs.
@@ -95,7 +95,7 @@ jobs:
 
     api-tests-run:
         name: Runs API tests.
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         needs: [build]
         steps:
             - name: Create dirs.
@@ -161,7 +161,7 @@ jobs:
 
     k6-tests-run:
         name: Runs k6 Performance tests
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         needs: [build]
         steps:
             - name: Create dirs.
diff --git a/.github/workflows/pr-code-coverage.yml b/.github/workflows/pr-code-coverage.yml
index ed50f2003d3..c683295a36d 100644
--- a/.github/workflows/pr-code-coverage.yml
+++ b/.github/workflows/pr-code-coverage.yml
@@ -11,7 +11,7 @@ jobs:
   test:
     name: Code coverage (PHP 7.4, WP Latest)
     timeout-minutes: 20
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     services:
       database:
         image: mysql:5.6
diff --git a/.github/workflows/pr-code-sniff.yml b/.github/workflows/pr-code-sniff.yml
index 94a14e0e156..583499f8c65 100644
--- a/.github/workflows/pr-code-sniff.yml
+++ b/.github/workflows/pr-code-sniff.yml
@@ -11,7 +11,7 @@ jobs:
   test:
     name: Code sniff (PHP 7.4, WP Latest)
     timeout-minutes: 15
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
diff --git a/.github/workflows/pr-lint-monorepo.yml b/.github/workflows/pr-lint-monorepo.yml
index 7c952b3a641..021296ad674 100644
--- a/.github/workflows/pr-lint-monorepo.yml
+++ b/.github/workflows/pr-lint-monorepo.yml
@@ -6,7 +6,7 @@ concurrency:
 jobs:
   changelogger_used:
     name: Changelogger use
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     timeout-minutes: 5
     steps:
       - uses: actions/checkout@v3
diff --git a/.github/workflows/pr-lint-test-js.yml b/.github/workflows/pr-lint-test-js.yml
index c2e6c1518d7..b13f9c9d4ab 100644
--- a/.github/workflows/pr-lint-test-js.yml
+++ b/.github/workflows/pr-lint-test-js.yml
@@ -13,7 +13,7 @@ concurrency:
 jobs:
   lint-test-js:
     name: Lint and Test JS
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-20.04
     steps:
       - name: Check out repository code
         uses: actions/checkout@v3
diff --git a/.github/workflows/pr-project-label.yml b/.github/workflows/pr-project-label.yml
index cb679c00bc1..8c189eace6b 100644
--- a/.github/workflows/pr-project-label.yml
+++ b/.github/workflows/pr-project-label.yml
@@ -10,7 +10,7 @@ concurrency:
 
 jobs:
   label_project:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
     - uses: actions/labeler@v3
       with:
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 40662d4e395..f2e65c43b7a 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -13,7 +13,7 @@ jobs:
     prcheck:
         name: Smoke test a pull request.
         if: "${{ contains(github.event.label.name, 'run: smoke tests') }}"
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         steps:
             - name: Create dirs.
               run: |
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 72dcaa6ca44..95057adbbc9 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -12,7 +12,7 @@ jobs:
   test:
     name: PHP ${{ matrix.php }} WP ${{ matrix.wp }}
     timeout-minutes: 20
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     continue-on-error: ${{ matrix.wp == 'nightly' }}
     strategy:
       fail-fast: false
diff --git a/.github/workflows/pull-request-post-merge-processing.yml b/.github/workflows/pull-request-post-merge-processing.yml
index 53d5611feef..08501ca1f9e 100644
--- a/.github/workflows/pull-request-post-merge-processing.yml
+++ b/.github/workflows/pull-request-post-merge-processing.yml
@@ -7,7 +7,7 @@ jobs:
   process-pull-request-after-merge:
     name: "Process a pull request after it's merged"
     if: github.event.pull_request.merged == true
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: "Get the action scripts"
         run: |
diff --git a/.github/workflows/release-code-freeze.yml b/.github/workflows/release-code-freeze.yml
index 30a0e0e3058..eb645fbaabb 100644
--- a/.github/workflows/release-code-freeze.yml
+++ b/.github/workflows/release-code-freeze.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   maybe-create-next-milestone-and-release-branch:
     name: "Maybe create next milestone and release branch"
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - name: "Get the action script"
         run: |
diff --git a/.github/workflows/smoke-test-daily-site-check.yml b/.github/workflows/smoke-test-daily-site-check.yml
index 5fdb80f819b..ac71633d3b1 100644
--- a/.github/workflows/smoke-test-daily-site-check.yml
+++ b/.github/workflows/smoke-test-daily-site-check.yml
@@ -5,7 +5,7 @@ on:
 
 jobs:
   ping_site:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     name: Check site and notify if not found
     steps:
     - name: Check site status
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index 56e7ca1eba6..e57d54d371a 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -5,7 +5,7 @@ on:
 jobs:
     login-run:
         name: Daily smoke test on trunk.
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         steps:
             - name: Create dirs.
               run: |
@@ -54,7 +54,7 @@ jobs:
 
     build:
         name: Build zip for PR
-        runs-on: ubuntu-latest
+        runs-on: ubuntu-20.04
         steps:
             - name: Checkout code
               uses: actions/checkout@v3
@@ -76,7 +76,7 @@ jobs:
 
     test-plugins:
         name: Smoke tests with ${{ matrix.plugin }} plugin installed
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         needs: [build]
         strategy:
             fail-fast: false
diff --git a/.github/workflows/smoke-test-release.yml b/.github/workflows/smoke-test-release.yml
index 684c4b57795..c06fe653d89 100644
--- a/.github/workflows/smoke-test-release.yml
+++ b/.github/workflows/smoke-test-release.yml
@@ -8,7 +8,7 @@ on:
 jobs:
     login-run:
         name: Daily smoke test on release.
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         steps:
             - name: Create dirs.
               run: |
@@ -57,7 +57,7 @@ jobs:
                   pnpm exec wc-api-tests test api
     test-wp-version:
         name: Smoke test on L-${{ matrix.wp }} WordPress version
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         strategy:
             matrix:
                 wp: ['1', '2']
@@ -118,7 +118,7 @@ jobs:
 
     test-plugins:
         name: Smoke tests with ${{ matrix.plugin }} plugin installed
-        runs-on: ubuntu-18.04
+        runs-on: ubuntu-20.04
         strategy:
             fail-fast: false
             matrix:
diff --git a/.github/workflows/stalebot.yml b/.github/workflows/stalebot.yml
index f6bd4bcb592..dc7e2c9b034 100644
--- a/.github/workflows/stalebot.yml
+++ b/.github/workflows/stalebot.yml
@@ -7,7 +7,7 @@ jobs:
   stale:
     if: |
       ! contains(github.event.issue.labels.*.name, 'type: enhancement')
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - uses: actions/stale@v3
         with:
diff --git a/.github/workflows/triage-label.yml b/.github/workflows/triage-label.yml
index 992ccea1258..ef9c5852437 100644
--- a/.github/workflows/triage-label.yml
+++ b/.github/workflows/triage-label.yml
@@ -6,7 +6,7 @@ on:
 
 jobs:
   add_label:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
       - uses: actions/checkout@v3
       - uses: actions-ecosystem/action-add-labels@v1
diff --git a/.github/workflows/triage-replies.yml b/.github/workflows/triage-replies.yml
index 78295cf08bb..61ab77b2198 100644
--- a/.github/workflows/triage-replies.yml
+++ b/.github/workflows/triage-replies.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   add-dev-comment:
     if: "github.event.label.name == 'needs: developer feedback'"
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     permissions:
       issues: write
     steps:
@@ -26,7 +26,7 @@ jobs:
             })              
   add-reproduction-comment:
     if: "github.event.label.name == 'status: reproduction'"
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     permissions:
       issues: write
     steps:
@@ -45,7 +45,7 @@ jobs:
             })
   add-support-comment:
     if: "github.event.label.name == 'type: support request'"
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     permissions:
       issues: write
     steps:
@@ -85,7 +85,7 @@ jobs:
                 })
   add-votes-comment:
     if: "github.event.label.name == 'needs: votes'"
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     permissions:
       issues: write
     steps:
@@ -120,7 +120,7 @@ jobs:
                 })
   fill-template-comment:
     if: "github.event.label.name == 'needs: template'"
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     permissions:
       issues: write
     steps:
diff --git a/.github/workflows/update-feedback-labels.yml b/.github/workflows/update-feedback-labels.yml
index 9c055c4d33e..34caa1c31a1 100644
--- a/.github/workflows/update-feedback-labels.yml
+++ b/.github/workflows/update-feedback-labels.yml
@@ -9,7 +9,7 @@ jobs:
       github.event.issue &&
       github.event.issue.state == 'open' &&
       contains(github.event.issue.labels.*.name, 'needs: author feedback')
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     steps:
     - name: Add has feedback
       uses: actions-ecosystem/action-add-labels@v1

From 3b654321b15038c29220b9725dd13d991067a97a Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 26 Apr 2022 20:14:47 -0700
Subject: [PATCH 175/327] Remove unnecessary style

---
 .../tasks/fills/experimental-import-products/cards.scss     | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
index 8c47aac8e18..af118cdc476 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -67,10 +67,4 @@
 		line-height: 16px;
 		font-weight: 400;
 	}
-
-	.woocommerce-list__item-after {
-		svg {
-			fill: $gray-600;
-		}
-	}
 }

From 474494dcab55ff9baa77bc6be1bee4b92bae4132 Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 14:42:38 +0200
Subject: [PATCH 176/327] Add LV postcode formatting and tests

---
 plugins/woocommerce/includes/wc-formatting-functions.php    | 5 +++++
 .../tests/legacy/unit-tests/formatting/functions.php        | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/plugins/woocommerce/includes/wc-formatting-functions.php b/plugins/woocommerce/includes/wc-formatting-functions.php
index 2bb63a68b5d..ef0fbff2267 100644
--- a/plugins/woocommerce/includes/wc-formatting-functions.php
+++ b/plugins/woocommerce/includes/wc-formatting-functions.php
@@ -993,6 +993,11 @@ function wc_format_postcode( $postcode, $country ) {
 		case 'NL':
 			$postcode = substr_replace( $postcode, ' ', 4, 0 );
 			break;
+		case 'LV':
+			if ( preg_match( '/(?:LV)?-?(\d+)/i', $postcode, $matches ) ) {
+				$postcode = count( $matches ) >= 2 ? "LV-$matches[1]" : $postcode;
+			}
+			break;
 	}
 
 	return apply_filters( 'woocommerce_format_postcode', trim( $postcode ), $country );
diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index e613d9341ed..5c918148eea 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -801,6 +801,12 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 		// JP postcode.
 		$this->assertEquals( '999-9999', wc_format_postcode( '9999999', 'JP' ) );
 
+		// Test LV postcode without mandatory country code.
+		$this->assertEquals( 'LV-1337', wc_format_postcode( '1337', 'LV' ) );
+
+		// Test LV postcode with incorrect format (no dash).
+		$this->assertEquals( 'LV-1337', wc_format_postcode( 'lv1337', 'LV' ) );
+
 		// Test empty NL postcode.
 		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
 	}

From 5991311a33e47b52ec69135d05f87eb601966ad4 Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 15:14:02 +0200
Subject: [PATCH 177/327] Add wc_format_postcode tests for IE and PT postcodes

---
 .../tests/legacy/unit-tests/formatting/functions.php        | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index 5c918148eea..c6466f18f80 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -795,6 +795,12 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 		// UK postcode.
 		$this->assertEquals( 'PCRN 1ZZ', wc_format_postcode( 'pcrn1zz', 'GB' ) );
 
+		// IE postcode.
+		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
+
+		// PT postcode.
+		$this->assertEquals( '1000-205', wc_format_postcode( '1000205', 'PT' ) );
+
 		// BR/PL postcode.
 		$this->assertEquals( '99999-999', wc_format_postcode( '99999999', 'BR' ) );
 

From 3081fa593f45fa0b8dd3a24e41f193b7e8fe736c Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 15:44:48 +0200
Subject: [PATCH 178/327] Add wc_format_postcode tests to new test directory

---
 .../includes/wc-formatting-functions-test.php | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
index 93dfda3b314..9252e6e3d55 100644
--- a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
+++ b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
@@ -17,4 +17,33 @@ class WC_Formatting_Functions_Test extends \WC_Unit_Test_Case {
 		$this->assertEquals( 'DUMMYCOUPON', wc_sanitize_coupon_code( 'DUMMYCOUPON' ) );
 		$this->assertEquals( 'a&amp;a', wc_sanitize_coupon_code( 'a&a' ) );
 	}
+
+	/**
+	 * Test wc_format_postcode() function.
+	 */
+	public function test_wc_format_postcode() {
+		// Generic postcode.
+		$this->assertEquals( '02111', wc_format_postcode( ' 02111	', 'US' ) );
+
+		// US 9-digit postcode.
+		$this->assertEquals( '02111-9999', wc_format_postcode( ' 021119999	', 'US' ) );
+
+		// UK postcode.
+		$this->assertEquals( 'PCRN 1ZZ', wc_format_postcode( 'pcrn1zz', 'GB' ) );
+
+		// IE postcode.
+		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
+
+		// PT postcode.
+		$this->assertEquals( '1000-205', wc_format_postcode( '1000205', 'PT' ) );
+
+		// BR/PL postcode.
+		$this->assertEquals( '99999-999', wc_format_postcode( '99999999', 'BR' ) );
+
+		// JP postcode.
+		$this->assertEquals( '999-9999', wc_format_postcode( '9999999', 'JP' ) );
+
+		// Test empty NL postcode.
+		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
+	}
 }

From ec82f8865cd74e68059b8a848ca2ffff690cbace Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 15:46:01 +0200
Subject: [PATCH 179/327] Restore legacy tests

---
 .../tests/legacy/unit-tests/formatting/functions.php        | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index c6466f18f80..5c918148eea 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -795,12 +795,6 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 		// UK postcode.
 		$this->assertEquals( 'PCRN 1ZZ', wc_format_postcode( 'pcrn1zz', 'GB' ) );
 
-		// IE postcode.
-		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
-
-		// PT postcode.
-		$this->assertEquals( '1000-205', wc_format_postcode( '1000205', 'PT' ) );
-
 		// BR/PL postcode.
 		$this->assertEquals( '99999-999', wc_format_postcode( '99999999', 'BR' ) );
 

From 80e8157c1205ddc5be609bb4a467ee14d0cc1779 Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 15:52:46 +0200
Subject: [PATCH 180/327] Move tests to new tests dir

---
 .../tests/legacy/unit-tests/formatting/functions.php        | 6 ------
 .../tests/php/includes/wc-formatting-functions-test.php     | 6 ++++++
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index 5c918148eea..e613d9341ed 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -801,12 +801,6 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 		// JP postcode.
 		$this->assertEquals( '999-9999', wc_format_postcode( '9999999', 'JP' ) );
 
-		// Test LV postcode without mandatory country code.
-		$this->assertEquals( 'LV-1337', wc_format_postcode( '1337', 'LV' ) );
-
-		// Test LV postcode with incorrect format (no dash).
-		$this->assertEquals( 'LV-1337', wc_format_postcode( 'lv1337', 'LV' ) );
-
 		// Test empty NL postcode.
 		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
 	}
diff --git a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
index 9252e6e3d55..6670e65de0f 100644
--- a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
+++ b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
@@ -43,6 +43,12 @@ class WC_Formatting_Functions_Test extends \WC_Unit_Test_Case {
 		// JP postcode.
 		$this->assertEquals( '999-9999', wc_format_postcode( '9999999', 'JP' ) );
 
+		// Test LV postcode without mandatory country code.
+		$this->assertEquals( 'LV-1337', wc_format_postcode( '1337', 'LV' ) );
+
+		// Test LV postcode with incorrect format (no dash).
+		$this->assertEquals( 'LV-1337', wc_format_postcode( 'lv1337', 'LV' ) );
+
 		// Test empty NL postcode.
 		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
 	}

From fab094dcbe0355167c1efdf3e8a45c7cc8e7b51d Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 15:14:02 +0200
Subject: [PATCH 181/327] Add wc_format_postcode tests for IE and PT postcodes

---
 .../tests/legacy/unit-tests/formatting/functions.php        | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index e613d9341ed..ce0cc6ccd74 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -795,6 +795,12 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 		// UK postcode.
 		$this->assertEquals( 'PCRN 1ZZ', wc_format_postcode( 'pcrn1zz', 'GB' ) );
 
+		// IE postcode.
+		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
+
+		// PT postcode.
+		$this->assertEquals( '1000-205', wc_format_postcode( '1000205', 'PT' ) );
+
 		// BR/PL postcode.
 		$this->assertEquals( '99999-999', wc_format_postcode( '99999999', 'BR' ) );
 

From 004bfeabf50c7278e225e0199e977c63fe698fbe Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Tue, 1 Feb 2022 15:46:01 +0200
Subject: [PATCH 182/327] Restore legacy tests

---
 .../tests/legacy/unit-tests/formatting/functions.php        | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index ce0cc6ccd74..e613d9341ed 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -795,12 +795,6 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 		// UK postcode.
 		$this->assertEquals( 'PCRN 1ZZ', wc_format_postcode( 'pcrn1zz', 'GB' ) );
 
-		// IE postcode.
-		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
-
-		// PT postcode.
-		$this->assertEquals( '1000-205', wc_format_postcode( '1000205', 'PT' ) );
-
 		// BR/PL postcode.
 		$this->assertEquals( '99999-999', wc_format_postcode( '99999999', 'BR' ) );
 

From 46ae32161c9933fedb9c1d8054438a78ec59aac0 Mon Sep 17 00:00:00 2001
From: Saggre <sakri.koskimies@hotmail.com>
Date: Wed, 23 Mar 2022 10:41:13 +0200
Subject: [PATCH 183/327] Remove duplicate tests

---
 .../php/includes/wc-formatting-functions-test.php      | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
index 6670e65de0f..545f30e0a35 100644
--- a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
+++ b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
@@ -22,15 +22,6 @@ class WC_Formatting_Functions_Test extends \WC_Unit_Test_Case {
 	 * Test wc_format_postcode() function.
 	 */
 	public function test_wc_format_postcode() {
-		// Generic postcode.
-		$this->assertEquals( '02111', wc_format_postcode( ' 02111	', 'US' ) );
-
-		// US 9-digit postcode.
-		$this->assertEquals( '02111-9999', wc_format_postcode( ' 021119999	', 'US' ) );
-
-		// UK postcode.
-		$this->assertEquals( 'PCRN 1ZZ', wc_format_postcode( 'pcrn1zz', 'GB' ) );
-
 		// IE postcode.
 		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
 
@@ -51,5 +42,6 @@ class WC_Formatting_Functions_Test extends \WC_Unit_Test_Case {
 
 		// Test empty NL postcode.
 		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
+
 	}
 }

From 19d230af6336bb8582fd123d2ced7250c92c4ebd Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 27 Apr 2022 11:40:51 +0530
Subject: [PATCH 184/327] Merge latvian formatting test with other tests for
 DRY.

---
 .../unit-tests/formatting/functions.php       |  6 +++++
 .../includes/wc-formatting-functions-test.php | 27 -------------------
 2 files changed, 6 insertions(+), 27 deletions(-)

diff --git a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
index e613d9341ed..6496a0f903c 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/formatting/functions.php
@@ -803,6 +803,12 @@ class WC_Tests_Formatting_Functions extends WC_Unit_Test_Case {
 
 		// Test empty NL postcode.
 		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
+
+		// Test LV postcode without mandatory country code.
+		$this->assertEquals( 'LV-1337', wc_format_postcode( '1337', 'LV' ) );
+
+		// Test LV postcode with incorrect format (no dash).
+		$this->assertEquals( 'LV-1337', wc_format_postcode( 'lv1337', 'LV' ) );
 	}
 
 	/**
diff --git a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
index 545f30e0a35..93dfda3b314 100644
--- a/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
+++ b/plugins/woocommerce/tests/php/includes/wc-formatting-functions-test.php
@@ -17,31 +17,4 @@ class WC_Formatting_Functions_Test extends \WC_Unit_Test_Case {
 		$this->assertEquals( 'DUMMYCOUPON', wc_sanitize_coupon_code( 'DUMMYCOUPON' ) );
 		$this->assertEquals( 'a&amp;a', wc_sanitize_coupon_code( 'a&a' ) );
 	}
-
-	/**
-	 * Test wc_format_postcode() function.
-	 */
-	public function test_wc_format_postcode() {
-		// IE postcode.
-		$this->assertEquals( 'D02 AF30', wc_format_postcode( 'D02AF30', 'IE' ) );
-
-		// PT postcode.
-		$this->assertEquals( '1000-205', wc_format_postcode( '1000205', 'PT' ) );
-
-		// BR/PL postcode.
-		$this->assertEquals( '99999-999', wc_format_postcode( '99999999', 'BR' ) );
-
-		// JP postcode.
-		$this->assertEquals( '999-9999', wc_format_postcode( '9999999', 'JP' ) );
-
-		// Test LV postcode without mandatory country code.
-		$this->assertEquals( 'LV-1337', wc_format_postcode( '1337', 'LV' ) );
-
-		// Test LV postcode with incorrect format (no dash).
-		$this->assertEquals( 'LV-1337', wc_format_postcode( 'lv1337', 'LV' ) );
-
-		// Test empty NL postcode.
-		$this->assertEquals( '', wc_format_postcode( '', 'NL' ) );
-
-	}
 }

From b0748973a498cfe1f72629ef6138ecdb25cc8034 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 27 Apr 2022 11:47:25 +0530
Subject: [PATCH 185/327] Add changelog.

---
 plugins/woocommerce/changelog/pr-31788 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/pr-31788

diff --git a/plugins/woocommerce/changelog/pr-31788 b/plugins/woocommerce/changelog/pr-31788
new file mode 100644
index 00000000000..1b9686bc79d
--- /dev/null
+++ b/plugins/woocommerce/changelog/pr-31788
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add formatting rules for Latvian postcodes.

From 5ca93ef00f14c57c99498d40da70c44debb050f5 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Wed, 27 Apr 2022 14:56:15 +0800
Subject: [PATCH 186/327] Remove note references

---
 .../woocommerce/includes/class-wc-install.php |   1 +
 .../src/Admin/Notes/DeprecatedNotes.php       |  21 ----
 .../woocommerce/src/Internal/Admin/Events.php |   2 -
 .../src/Internal/Admin/FeaturePlugin.php      |   2 -
 .../Notes/SetUpAdditionalPaymentTypes.php     | 114 ------------------
 5 files changed, 1 insertion(+), 139 deletions(-)
 delete mode 100644 plugins/woocommerce/src/Internal/Admin/Notes/SetUpAdditionalPaymentTypes.php

diff --git a/plugins/woocommerce/includes/class-wc-install.php b/plugins/woocommerce/includes/class-wc-install.php
index 152bdca82d9..c2e9d843c7c 100644
--- a/plugins/woocommerce/includes/class-wc-install.php
+++ b/plugins/woocommerce/includes/class-wc-install.php
@@ -764,6 +764,7 @@ class WC_Install {
 			'wc-admin-getting-started-ecommerce-webinar',
 			'wc-admin-navigation-feedback',
 			'wc-admin-navigation-feedback-follow-up',
+			'wc-admin-set-up-additional-payment-types',
 		);
 
 		$additional_obsolete_notes_names = apply_filters(
diff --git a/plugins/woocommerce/src/Admin/Notes/DeprecatedNotes.php b/plugins/woocommerce/src/Admin/Notes/DeprecatedNotes.php
index 6eafd2debb3..a87e124e25a 100644
--- a/plugins/woocommerce/src/Admin/Notes/DeprecatedNotes.php
+++ b/plugins/woocommerce/src/Admin/Notes/DeprecatedNotes.php
@@ -517,27 +517,6 @@ class WC_Admin_Notes_Selling_Online_Courses extends DeprecatedClassFacade {
 	protected static $deprecated_in_version = '1.7.0';
 }
 
-/**
- * WC_Admin_Notes_Set_Up_Additional_Payment_Types.
- *
- * @deprecated since 1.7.0, use SetUpAdditionalPaymentTypes
- */
-class WC_Admin_Notes_Set_Up_Additional_Payment_Types extends DeprecatedClassFacade {
-	/**
-	 * The name of the non-deprecated class that this facade covers.
-	 *
-	 * @var string
-	 */
-	protected static $facade_over_classname = 'Automattic\WooCommerce\Internal\Admin\Notes\SetUpAdditionalPaymentTypes';
-
-	/**
-	 * The version that this class was deprecated in.
-	 *
-	 * @var string
-	 */
-	protected static $deprecated_in_version = '1.7.0';
-}
-
 /**
  * WC_Admin_Notes_Test_Checkout.
  *
diff --git a/plugins/woocommerce/src/Internal/Admin/Events.php b/plugins/woocommerce/src/Internal/Admin/Events.php
index 8235527a5c8..3383e12ef3f 100644
--- a/plugins/woocommerce/src/Internal/Admin/Events.php
+++ b/plugins/woocommerce/src/Internal/Admin/Events.php
@@ -42,7 +42,6 @@ use \Automattic\WooCommerce\Internal\Admin\Notes\NavigationNudge;
 use \Automattic\WooCommerce\Internal\Admin\Schedulers\MailchimpScheduler;
 use \Automattic\WooCommerce\Internal\Admin\Notes\CompleteStoreDetails;
 use \Automattic\WooCommerce\Internal\Admin\Notes\UpdateStoreDetails;
-use \Automattic\WooCommerce\Internal\Admin\Notes\SetUpAdditionalPaymentTypes;
 use \Automattic\WooCommerce\Internal\Admin\Notes\PaymentsRemindMeLater;
 use \Automattic\WooCommerce\Internal\Admin\Notes\MagentoMigration;
 
@@ -149,7 +148,6 @@ class Events {
 	 */
 	protected function possibly_delete_notes() {
 		NavigationNudge::delete_if_not_applicable();
-		SetUpAdditionalPaymentTypes::delete_if_not_applicable();
 		PaymentsRemindMeLater::delete_if_not_applicable();
 	}
 
diff --git a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
index 49dac42a47b..70d619ced08 100644
--- a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
+++ b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
@@ -14,7 +14,6 @@ use \Automattic\WooCommerce\Internal\Admin\Notes\WooSubscriptionsNotes;
 use \Automattic\WooCommerce\Internal\Admin\Notes\TrackingOptIn;
 use \Automattic\WooCommerce\Internal\Admin\Notes\WooCommercePayments;
 use \Automattic\WooCommerce\Internal\Admin\Notes\InstallJPAndWCSPlugins;
-use \Automattic\WooCommerce\Internal\Admin\Notes\SetUpAdditionalPaymentTypes;
 use \Automattic\WooCommerce\Internal\Admin\Notes\TestCheckout;
 use \Automattic\WooCommerce\Internal\Admin\Notes\SellingOnlineCourses;
 use \Automattic\WooCommerce\Internal\Admin\Notes\MerchantEmailNotifications;
@@ -153,7 +152,6 @@ class FeaturePlugin {
 		new TrackingOptIn();
 		new WooCommercePayments();
 		new InstallJPAndWCSPlugins();
-		new SetUpAdditionalPaymentTypes();
 		new TestCheckout();
 		new SellingOnlineCourses();
 		new WelcomeToWooCommerceForStoreUsers();
diff --git a/plugins/woocommerce/src/Internal/Admin/Notes/SetUpAdditionalPaymentTypes.php b/plugins/woocommerce/src/Internal/Admin/Notes/SetUpAdditionalPaymentTypes.php
deleted file mode 100644
index e391820dbab..00000000000
--- a/plugins/woocommerce/src/Internal/Admin/Notes/SetUpAdditionalPaymentTypes.php
+++ /dev/null
@@ -1,114 +0,0 @@
-<?php
-/**
- * Add a note to the merchant's inbox prompting them to set up additional
- * payment types if they have WooCommerce Payments activated.
- *
- * @package WooCommerce\Admin
- */
-
-namespace Automattic\WooCommerce\Internal\Admin\Notes;
-
-defined( 'ABSPATH' ) || exit;
-
-use Automattic\WooCommerce\Admin\Features\OnboardingTasks\Tasks\WooCommercePayments;
-use Automattic\WooCommerce\Admin\Notes\Note;
-use Automattic\WooCommerce\Admin\Notes\NoteTraits;
-
-/**
- * Set_Up_Additional_Payment_Types
- */
-class SetUpAdditionalPaymentTypes {
-	/**
-	 * Note traits.
-	 */
-	use NoteTraits;
-
-	/**
-	 * Name of the note for use in the database.
-	 */
-	const NOTE_NAME = 'wc-admin-set-up-additional-payment-types';
-
-	/**
-	 * Constructor.
-	 */
-	public function __construct() {
-		add_action(
-			'activate_woocommerce-payments/woocommerce-payments.php',
-			array(
-				$this,
-				'on_activate_wcpay',
-			)
-		);
-		add_action(
-			'deactivate_woocommerce-payments/woocommerce-payments.php',
-			array(
-				$this,
-				'on_deactivate_wcpay',
-			)
-		);
-	}
-
-	/**
-	 * Executes when the WooCommerce Payments plugin is activated. It does nothing
-	 * if WooCommerce Payments plugin is not included in onboarding business extensions,
-	 * otherwise it possibly adds the note if it isn't already in the database and if
-	 * it matches any criteria (see get_note()).
-	 */
-	public static function on_activate_wcpay() {
-		$onboarding_profile = get_option( 'woocommerce_onboarding_profile', array() );
-		if ( is_array( $onboarding_profile ) && array_key_exists( 'business_extensions', $onboarding_profile ) ) {
-			if ( ! is_array( $onboarding_profile['business_extensions'] ) ||
-				! in_array( 'woocommerce-payments', $onboarding_profile['business_extensions'], true )
-			) {
-				return;
-			}
-		}
-
-		self::possibly_add_note();
-	}
-
-	/**
-	 * Executes when the WooCommerce Payments plugin is deactivated. Possibly
-	 * hard-deletes the note if it is in the database. Hard-delete is used
-	 * instead of soft-delete or actioning the note because we need to
-	 * show the note if the plugin is activated again.
-	 */
-	public static function on_deactivate_wcpay() {
-		self::possibly_delete_note();
-	}
-
-	/**
-	 * Check if this note should exist.
-	 */
-	public static function is_applicable() {
-		$woocommerce_payments = new WooCommercePayments();
-		return ! $woocommerce_payments->can_view();
-	}
-
-	/**
-	 * Get the note.
-	 *
-	 * @return Note
-	 */
-	public static function get_note() {
-		$content = __( 'Set up additional payment providers, using third-party services or other methods.', 'woocommerce' );
-
-		$note = new Note();
-
-		$note->set_title( __( 'Set up additional payment providers', 'woocommerce' ) );
-		$note->set_content( $content );
-		$note->set_content_data( (object) array() );
-		$note->set_type( Note::E_WC_ADMIN_NOTE_INFORMATIONAL );
-		$note->set_name( self::NOTE_NAME );
-		$note->set_source( 'woocommerce-admin' );
-		$note->add_action(
-			'set-up-payments',
-			__( 'Set up payments', 'woocommerce' ),
-			wc_admin_url( '&task=payments' ),
-			Note::E_WC_ADMIN_NOTE_UNACTIONED,
-			true
-		);
-
-		return $note;
-	}
-}

From d4dbf2f1a352ab8b6ad6834a729311aef42af4ce Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 26 Apr 2022 18:08:37 +0800
Subject: [PATCH 187/327] Add product stack component

---
 .../fills/experimental-products/constants.tsx | 69 +++++++++++++++++++
 .../fills/experimental-products/stack.scss    | 61 ++++++++++++++++
 .../fills/experimental-products/stack.tsx     | 57 +++++++++++++++
 .../fills/experimental-products/utils.tsx     |  9 +++
 4 files changed, 196 insertions(+)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
new file mode 100644
index 00000000000..6b889b9275e
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -0,0 +1,69 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import ProductIcon from 'gridicons/dist/product';
+import CloudOutlineIcon from 'gridicons/dist/cloud-outline';
+import TypesIcon from 'gridicons/dist/types';
+import CalendarIcon from 'gridicons/dist/calendar';
+import { Icon, chevronRight, widget, link } from '@wordpress/icons';
+
+export const productTypes = Object.freeze( [
+	{
+		key: 'physical' as const,
+		title: __( 'Physical product', 'woocommerce' ),
+		content: __(
+			'A tangible item that gets delivered to customers.',
+			'woocommerce'
+		),
+		before: <ProductIcon />,
+		after: <Icon icon={ chevronRight } />,
+	},
+	{
+		key: 'digital' as const,
+		title: __( 'Digital product', 'woocommerce' ),
+		content: __(
+			'A digital product like service, downloadable book, music or video.',
+			'woocommerce'
+		),
+		before: <CloudOutlineIcon />,
+		after: <Icon icon={ chevronRight } />,
+	},
+	{
+		key: 'variable' as const,
+		title: __( 'Variable product', 'woocommerce' ),
+		content: __(
+			'A product with variations like color or size.',
+			'woocommerce'
+		),
+		before: <TypesIcon />,
+		after: <Icon icon={ chevronRight } />,
+	},
+	{
+		key: 'subscription' as const,
+		title: __( 'Subscription product', 'woocommerce' ),
+		content: __(
+			'Item that customers receive on a regular basis.',
+			'woocommerce'
+		),
+		before: <CalendarIcon />,
+		after: <Icon icon={ chevronRight } />,
+	},
+	{
+		key: 'grouped' as const,
+		title: __( 'Grouped product', 'woocommerce' ),
+		content: __( 'A collection of related products.', 'woocommerce' ),
+		before: <Icon icon={ widget } />,
+		after: <Icon icon={ chevronRight } />,
+	},
+	{
+		key: 'external' as const,
+		title: __( 'External product', 'woocommerce' ),
+		content: __( 'Link a product to an external website.', 'woocommerce' ),
+		before: <Icon icon={ link } />,
+		after: <Icon icon={ chevronRight } />,
+	},
+] );
+
+export type ProductType = typeof productTypes[ number ];
+export type ProductTypeKey = ProductType[ 'key' ];
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
new file mode 100644
index 00000000000..ae559c9ed99
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
@@ -0,0 +1,61 @@
+.woocommerce-products-stack {
+	a {
+		text-decoration: none;
+		color: #007cba;
+	}
+
+	.woocommerce-list__item {
+		margin-top: 8px;
+		border-radius: 3px;
+		border: 1px solid #dcdcde;
+
+		&:hover {
+			background-color: #fff;
+			border: 1.5px solid #007cba;
+		}
+
+		&:not(.transitions-disabled) {
+			&.woocommerce-list__item-enter {
+				transform: none;
+			}
+
+			&.woocommerce-list__item-enter-active {
+				transform: none;
+			}
+
+			&.woocommerce-list__item-exit-active {
+				display: none;
+			}
+		}
+	}
+
+	.woocommerce-list__item-before {
+		background: #f0f6fc;
+		padding: 8px;
+		border-radius: 50%;
+	}
+
+	.woocommerce-list__item-title {
+		color: $gray-900;
+		line-height: 16px;
+		font-weight: 600;
+	}
+
+	.woocommerce-list__item-content {
+		color: $gray-700;
+		line-height: 16px;
+		font-weight: 400;
+	}
+
+	.woocommerce-list__item-after {
+		svg {
+			fill: $gray-600;
+		}
+	}
+
+	.woocommerce-stack-other-options {
+		margin-top: 20px;
+		color: $gray-700;
+		line-height: 16px;
+	}
+}
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx
new file mode 100644
index 00000000000..3c9ddc26db5
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx
@@ -0,0 +1,57 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { List, Link } from '@woocommerce/components';
+import interpolateComponents from '@automattic/interpolate-components';
+import { getAdminLink } from '@woocommerce/settings';
+
+/**
+ * Internal dependencies
+ */
+import { ProductType } from './constants';
+import './stack.scss';
+
+type StackProps = {
+	items: ProductType[];
+};
+
+const Stack: React.FC< StackProps > = ( { items } ) => {
+	return (
+		<div className="woocommerce-products-stack">
+			<List items={ items } />
+			<div className="woocommerce-stack-other-options">
+				{ interpolateComponents( {
+					mixedString: __(
+						'Can’t find your product type? {{sbLink}}Start Blank{{/sbLink}} or {{LspLink}}Load Sample Products{{/LspLink}} to see what they look like in your store.',
+						'woocommerce'
+					),
+					components: {
+						sbLink: (
+							<Link
+								onClick={ () => {
+									window.location = getAdminLink(
+										'post-new.php?post_type=product&wc_onboarding_active_task=products&tutorial=true'
+									);
+									return false;
+								} }
+								href=""
+								type="wc-admin"
+							>
+								<></>
+							</Link>
+						),
+						LspLink: (
+							// TODO: Update this to the load sample product.
+							<Link href="" type="wc-admin">
+								<></>
+							</Link>
+						),
+					},
+				} ) }
+			</div>
+		</div>
+	);
+};
+
+export default Stack;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
new file mode 100644
index 00000000000..ac857f2058f
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
@@ -0,0 +1,9 @@
+/**
+ * Internal dependencies
+ */
+import { productTypes, ProductTypeKey } from './constants';
+
+export const getProductTypes = ( exclude: ProductTypeKey[] = [] ) =>
+	productTypes.filter(
+		( productType ) => ! exclude.includes( productType.key )
+	);

From 7eff6afd82da74b3519888575ef4a89e21ded8ac Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 09:57:26 +0800
Subject: [PATCH 188/327] Add initial experimental-products component to show
 product stack component

---
 .../tasks/fills/experimental-products/index.scss   |  6 ++++++
 .../tasks/fills/experimental-products/index.tsx    | 14 +++++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
new file mode 100644
index 00000000000..2ce697f5815
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
@@ -0,0 +1,6 @@
+.woocommerce-task-products {
+	display: flex;
+	flex-direction: column;
+	width: 550px;
+	margin: auto;
+}
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index 4fa9c683e70..b35d2a2ad2a 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -4,8 +4,20 @@
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { registerPlugin } from '@wordpress/plugins';
 
+/**
+ * Internal dependencies
+ */
+import { getProductTypes } from './utils';
+import './index.scss';
+import Stack from './stack';
+
 const Products = () => {
-	return <h1>Experimental products</h1>;
+	const productTypes = getProductTypes();
+	return (
+		<div className="woocommerce-task-products">
+			<Stack items={ productTypes } />
+		</div>
+	);
 };
 
 registerPlugin( 'wc-admin-onboarding-task-products', {

From 026a902fc1df6c0c10be7cd5a01ce9be05be7562 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 10:10:41 +0800
Subject: [PATCH 189/327] Add changelog

---
 plugins/woocommerce/changelog/add-product-stack | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-product-stack

diff --git a/plugins/woocommerce/changelog/add-product-stack b/plugins/woocommerce/changelog/add-product-stack
new file mode 100644
index 00000000000..171a3c64525
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-product-stack
@@ -0,0 +1,4 @@
+Significance: patch
+Type: add
+
+Add experimental product stack component

From 5187a2d4bda228f8b5cae3e2faf7dca49f8bb910 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Wed, 27 Apr 2022 15:36:00 +0800
Subject: [PATCH 190/327] Changelog

---
 ...32719-remove-wc-admin-set-up-additional-payment-types-note | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/dev-32719-remove-wc-admin-set-up-additional-payment-types-note

diff --git a/plugins/woocommerce/changelog/dev-32719-remove-wc-admin-set-up-additional-payment-types-note b/plugins/woocommerce/changelog/dev-32719-remove-wc-admin-set-up-additional-payment-types-note
new file mode 100644
index 00000000000..cd0ce7fe569
--- /dev/null
+++ b/plugins/woocommerce/changelog/dev-32719-remove-wc-admin-set-up-additional-payment-types-note
@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Remove wc-admin-set-up-additional-payment-types inbox note

From 98a91cd13238cb856d8239c721a2f064910da623 Mon Sep 17 00:00:00 2001
From: Luigi <gigitux@gmail.com>
Date: Wed, 27 Apr 2022 12:01:02 +0200
Subject: [PATCH 191/327] move logic to utils file

---
 .../includes/blocks/class-wc-blocks-utils.php | 47 ++++++++++++++++++-
 .../woocommerce/includes/class-wc-tracker.php | 15 +-----
 2 files changed, 47 insertions(+), 15 deletions(-)

diff --git a/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php b/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
index 1465dbf5e30..b9eb7b08539 100644
--- a/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
+++ b/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
@@ -70,9 +70,11 @@ class WC_Blocks_Utils {
 		$template = get_block_template( get_stylesheet() . '//' . $template_part_slug, 'wp_template_part' );
 		$blocks   = parse_blocks( $template->content );
 
+		$flatten_blocks = self::flatten_blocks( $blocks );
+
 		return array_values(
 			array_filter(
-				$blocks,
+				$flatten_blocks,
 				function ( $block ) use ( $block_name ) {
 					return ( $block_name === $block['blockName'] );
 				}
@@ -102,4 +104,47 @@ class WC_Blocks_Utils {
 
 		return false;
 	}
+
+	/**
+	 * Return blocks with their inner blocks flattened.
+	 *
+	 * @param array $blocks Array of blocks as returned by parse_blocks().
+	 * @return array All blocks.
+	 */
+	public static function flatten_blocks( $blocks ) {
+		return array_reduce(
+			$blocks,
+			function( $carry, $block ) {
+				array_push( $carry, array_diff_key( $block, array_flip( array( 'innerBlocks' ) ) ) );
+				if ( isset( $block['innerBlocks'] ) ) {
+					$inner_blocks = self::flatten_blocks( $block['innerBlocks'] );
+					return array_merge( $carry, $inner_blocks );
+				}
+
+				return $carry;
+			},
+			array()
+		);
+	}
+
+	/**
+	 * Get all instances of the specified block from the widget area.
+	 *
+	 * @param array $block_name The name (id) of a block, e.g. `woocommerce/mini-cart`.
+	 * @return array Array of blocks as returned by parse_blocks().
+	 */
+	public static function get_blocks_from_widget_area( $block_name ) {
+		return array_reduce(
+			get_option( 'widget_block' ),
+			function ( $acc, $block ) use ( $block_name ) {
+				$parsed_blocks = ! empty( $block ) && is_array( $block ) ? parse_blocks( $block['content'] ) : array();
+				if ( ! empty( $parsed_blocks ) && $block_name === $parsed_blocks[0]['blockName'] ) {
+					array_push( $acc, $parsed_blocks[0] );
+					return $acc;
+				}
+				return $acc;
+			},
+			array()
+		);
+	}
 }
diff --git a/plugins/woocommerce/includes/class-wc-tracker.php b/plugins/woocommerce/includes/class-wc-tracker.php
index 66327dcef5e..24f77fef403 100644
--- a/plugins/woocommerce/includes/class-wc-tracker.php
+++ b/plugins/woocommerce/includes/class-wc-tracker.php
@@ -786,20 +786,7 @@ class WC_Tracker {
 	 */
 	public static function get_mini_cart_info() {
 		$mini_cart_block_name = 'woocommerce/mini-cart';
-		$mini_cart_block_data = wc_current_theme_is_fse_theme() ? WC_Blocks_Utils::get_block_from_template_part( $mini_cart_block_name, 'header' ) :
-			array_reduce(
-				get_option( 'widget_block' ),
-				function ( $acc, $block ) use ( $mini_cart_block_name ) {
-					$parsed_blocks = ! empty( $block ) && is_array( $block ) ? parse_blocks( $block['content'] ) : array();
-					if ( ! empty( $parsed_blocks ) && $mini_cart_block_name === $parsed_blocks[0]['blockName'] ) {
-						array_push( $acc, $parsed_blocks[0] );
-						return $acc;
-					}
-					return $acc;
-				},
-				array()
-			);
-
+		$mini_cart_block_data = wc_current_theme_is_fse_theme() ? WC_Blocks_Utils::get_block_from_template_part( $mini_cart_block_name, 'header' ) : WC_Blocks_Utils::get_blocks_from_widget_area( $mini_cart_block_name );
 		return array(
 			'mini_cart_used'             => empty( $mini_cart_block_data[0] ) ? 'No' : 'Yes',
 			'mini_cart_block_attributes' => empty( $mini_cart_block_data[0] ) ? array() : $mini_cart_block_data[0]['attrs'],

From b938eb88f90129c8a85f8dcfe228bf4bd0014b01 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 18:32:20 +0800
Subject: [PATCH 192/327] Update icons

---
 .../tasks/fills/experimental-products/constants.tsx  | 12 +++++++++---
 .../fills/experimental-products/icon/link_24px.svg   |  8 ++++++++
 .../experimental-products/icon/widgets_24px.svg      |  8 ++++++++
 3 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
index 6b889b9275e..59014681ab3 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -6,7 +6,13 @@ import ProductIcon from 'gridicons/dist/product';
 import CloudOutlineIcon from 'gridicons/dist/cloud-outline';
 import TypesIcon from 'gridicons/dist/types';
 import CalendarIcon from 'gridicons/dist/calendar';
-import { Icon, chevronRight, widget, link } from '@wordpress/icons';
+import { Icon, chevronRight } from '@wordpress/icons';
+
+/**
+ * Internal dependencies
+ */
+import Link from './icon/link_24px.svg';
+import Widget from './icon/widgets_24px.svg';
 
 export const productTypes = Object.freeze( [
 	{
@@ -53,14 +59,14 @@ export const productTypes = Object.freeze( [
 		key: 'grouped' as const,
 		title: __( 'Grouped product', 'woocommerce' ),
 		content: __( 'A collection of related products.', 'woocommerce' ),
-		before: <Icon icon={ widget } />,
+		before: <img src={ Widget } alt="Widget" />,
 		after: <Icon icon={ chevronRight } />,
 	},
 	{
 		key: 'external' as const,
 		title: __( 'External product', 'woocommerce' ),
 		content: __( 'Link a product to an external website.', 'woocommerce' ),
-		before: <Icon icon={ link } />,
+		before: <img src={ Link } alt="Link" />,
 		after: <Icon icon={ chevronRight } />,
 	},
 ] );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg
new file mode 100644
index 00000000000..4212c9877e7
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1133_132681" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="7" width="21" height="10">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 15H7.5C5.85 15 4.5 13.65 4.5 12C4.5 10.35 5.85 9 7.5 9H11.5V7H7.5C4.74 7 2.5 9.24 2.5 12C2.5 14.76 4.74 17 7.5 17H11.5V15ZM17.5 7H13.5V9H17.5C19.15 9 20.5 10.35 20.5 12C20.5 13.65 19.15 15 17.5 15H13.5V17H17.5C20.26 17 22.5 14.76 22.5 12C22.5 9.24 20.26 7 17.5 7ZM16.5 11H8.5V13H16.5V11Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1133_132681)">
+<rect x="0.5" width="24" height="24" fill="#007CBA"/>
+</g>
+</svg>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg
new file mode 100644
index 00000000000..d8421e726dd
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1133_132667" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 2.34497L10.84 7.99497V3.65497H2.84003V11.655H10.84V7.99497L16.5 13.655H12.84V21.655H20.84V13.655H16.5L22.16 7.99497L16.5 2.34497ZM19.33 8.00497L16.5 5.17497L13.67 8.00497L16.5 10.835L19.33 8.00497ZM8.84003 9.65497V5.65497H4.84003V9.65497H8.84003ZM18.84 15.655V19.655H14.84V15.655H18.84ZM8.84003 19.655V15.655H4.84003V19.655H8.84003ZM2.84003 13.655H10.84V21.655H2.84003V13.655Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1133_132667)">
+<rect x="0.5" width="24" height="24" fill="#007CBA"/>
+</g>
+</svg>

From abe3d60361e04a269ddfb7472d5fde02cf0c8608 Mon Sep 17 00:00:00 2001
From: tjcafferkey <tjcafferkey@gmail.com>
Date: Wed, 27 Apr 2022 13:33:04 +0100
Subject: [PATCH 193/327] Update woo-blocks to 7.4.3

---
 plugins/woocommerce/composer.json |  2 +-
 plugins/woocommerce/composer.lock | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/plugins/woocommerce/composer.json b/plugins/woocommerce/composer.json
index 0c4777b486a..c39e2bd193c 100644
--- a/plugins/woocommerce/composer.json
+++ b/plugins/woocommerce/composer.json
@@ -21,7 +21,7 @@
 		"pelago/emogrifier": "^6.0",
 		"psr/container": "1.0.0",
 		"woocommerce/action-scheduler": "3.4.0",
-		"woocommerce/woocommerce-blocks": "7.4.1"
+		"woocommerce/woocommerce-blocks": "7.4.3"
 	},
 	"require-dev": {
 		"bamarni/composer-bin-plugin": "^1.4",
diff --git a/plugins/woocommerce/composer.lock b/plugins/woocommerce/composer.lock
index 0ff06545e2f..90c422fdb11 100644
--- a/plugins/woocommerce/composer.lock
+++ b/plugins/woocommerce/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "03a229b123645dbf035c87685be1043a",
+    "content-hash": "2304bec8ba9ea1f4eeba718d2afe0f5d",
     "packages": [
         {
             "name": "automattic/jetpack-autoloader",
@@ -681,16 +681,16 @@
         },
         {
             "name": "woocommerce/woocommerce-blocks",
-            "version": "v7.4.1",
+            "version": "v7.4.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/woocommerce/woocommerce-gutenberg-products-block.git",
-                "reference": "bde2a5771ddc7970c2114da621c28b0f7b6296ca"
+                "reference": "5bba24fdaf41166a4ad24a1a45758e5ec7e8625c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/woocommerce/woocommerce-gutenberg-products-block/zipball/bde2a5771ddc7970c2114da621c28b0f7b6296ca",
-                "reference": "bde2a5771ddc7970c2114da621c28b0f7b6296ca",
+                "url": "https://api.github.com/repos/woocommerce/woocommerce-gutenberg-products-block/zipball/5bba24fdaf41166a4ad24a1a45758e5ec7e8625c",
+                "reference": "5bba24fdaf41166a4ad24a1a45758e5ec7e8625c",
                 "shasum": ""
             },
             "require": {
@@ -734,9 +734,9 @@
             ],
             "support": {
                 "issues": "https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues",
-                "source": "https://github.com/woocommerce/woocommerce-gutenberg-products-block/tree/v7.4.1"
+                "source": "https://github.com/woocommerce/woocommerce-gutenberg-products-block/tree/v7.4.3"
             },
-            "time": "2022-04-14T16:44:52+00:00"
+            "time": "2022-04-27T12:18:37+00:00"
         }
     ],
     "packages-dev": [
@@ -3021,5 +3021,5 @@
     "platform-overrides": {
         "php": "7.2"
     },
-    "plugin-api-version": "2.1.0"
+    "plugin-api-version": "2.2.0"
 }

From 5db9c600b5ea336d1f26075507d6a3934b18237b Mon Sep 17 00:00:00 2001
From: tjcafferkey <tjcafferkey@gmail.com>
Date: Wed, 27 Apr 2022 13:43:59 +0100
Subject: [PATCH 194/327] Add changelog file

---
 plugins/woocommerce/changelog/update-woocommerce-blocks-7.4.3 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/update-woocommerce-blocks-7.4.3

diff --git a/plugins/woocommerce/changelog/update-woocommerce-blocks-7.4.3 b/plugins/woocommerce/changelog/update-woocommerce-blocks-7.4.3
new file mode 100644
index 00000000000..266664a8663
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-woocommerce-blocks-7.4.3
@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Update to WooCommerce Blocks 7.4.3

From e5bdd3fcd3c5a126ff57a2b729d64c6bf345c7f3 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 06:40:37 -0700
Subject: [PATCH 195/327] Refactor workflows to remove action-build step

---
 .github/workflows/build-release-zip-file.yml  |  20 +--
 .github/workflows/build-release.yml           |  14 +-
 .github/workflows/mirrors.yml                 |  35 +++--
 .github/workflows/nightly-builds.yml          |  12 +-
 .github/workflows/pr-build-and-e2e-tests.yml  | 129 ++++--------------
 .github/workflows/smoke-test-daily.yml        |  16 +--
 .../woocommerce/tests/e2e/config/default.json |   2 +-
 7 files changed, 83 insertions(+), 145 deletions(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index f0b92090401..79663bb7993 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -11,20 +11,20 @@ jobs:
     name: Build release zip file
     runs-on: ubuntu-20.04
     steps:
-      - name: Checkout code
+      - name: Checkout code.
         uses: actions/checkout@v3
-        with:
-          ref: ${{ github.event.inputs.ref || github.ref }}
-      - name: Build the zip file
-        id: build
-        uses: woocommerce/action-build@trunk
-      - name: Unzip the file (prevents double zip problem)
-        run: unzip ${{ steps.build.outputs.zip_path }} -d zipfile
+
+      - name: Install PNPM
+        run: npm install -g pnpm
+
+      - name: Build zip
+        run: pnpm nx build-zip woocommerce
+
       - name: Upload the zip file as an artifact
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v3
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           name: woocommerce
-          path: zipfile
+          path: plugins/woocommerce/woocommerce.zip
           retention-days: 7
diff --git a/.github/workflows/build-release.yml b/.github/workflows/build-release.yml
index 99089114de2..f8b9b160c71 100644
--- a/.github/workflows/build-release.yml
+++ b/.github/workflows/build-release.yml
@@ -7,18 +7,22 @@ jobs:
     name: Build release asset
     runs-on: ubuntu-20.04
     steps:
-      - name: Checkout code
+      - name: Checkout code.
         uses: actions/checkout@v3
-      - name: Build
-        id: build
-        uses: woocommerce/action-build@trunk
+
+      - name: Install PNPM
+        run: npm install -g pnpm
+
+      - name: Build zip
+        run: pnpm nx build-zip woocommerce
+
       - name: Upload release asset
         uses: actions/upload-release-asset@v1
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           upload_url: ${{ github.event.release.upload_url }}
-          asset_path: ${{ steps.build.outputs.zip_path }}
+          asset_path: plugins/woocommerce/woocommerce.zip
           asset_name: woocommerce.zip
           asset_content_type: application/zip
   update-code-reference:
diff --git a/.github/workflows/mirrors.yml b/.github/workflows/mirrors.yml
index 82f35bda1ab..316c5ee1ebd 100644
--- a/.github/workflows/mirrors.yml
+++ b/.github/workflows/mirrors.yml
@@ -8,40 +8,49 @@ jobs:
     name: Build WooCommerce zip
     runs-on: ubuntu-20.04
     steps:
-      - name: Checkout code
+      - name: Checkout code.
         uses: actions/checkout@v3
-      - name: Build
-        id: build
-        uses: woocommerce/action-build@trunk
-        env:
-          BUILD_ENV: mirrors
-      - name: Upload PR zip
-        uses: actions/upload-artifact@v2
+
+      - name: Install PNPM
+        run: npm install -g pnpm
+
+      - name: Build zip
+        run: pnpm nx build-zip woocommerce
+
+      - name: Upload the zip file as an artifact
+        uses: actions/upload-artifact@v3
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           name: woocommerce
-          path: ${{ steps.build.outputs.zip_path }}
+          path: plugins/woocommerce/woocommerce.zip
           retention-days: 7
+
   mirror:
     if: github.repository == 'woocommerce/woocommerce'
     name: Push to Mirror
-    runs-on: ubuntu-20.04
     needs: [build]
+    runs-on: ubuntu-20.04
     steps:
       - name: Create directories
         run: |
           mkdir -p tmp/woocommerce-build
           mkdir -p monorepo
+
       - name: Checkout monorepo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           path: monorepo
+
+      - name: Copy Composer over to production
+        run: cp monorepo/plugins/woocommerce/composer.json tmp/woocommerce-build
+
       - name: Download WooCommerce ZIP
-        uses: actions/download-artifact@v2
+        uses: actions/download-artifact@v3
         with:
           name: woocommerce
           path: tmp/woocommerce-build
+
       - name: Extract and replace WooCommerce zip.
         working-directory: tmp/woocommerce-build
         run: |
@@ -49,11 +58,13 @@ jobs:
           unzip woocommerce.zip -d woocommerce/woocommerce-production
           mv woocommerce/woocommerce-production/woocommerce/* woocommerce/woocommerce-production
           rm -rf woocommerce/woocommerce-production/woocommerce
+
       - name: Set up mirror
         working-directory: tmp/woocommerce-build
         run: |
           touch mirrors.txt
           echo "woocommerce/woocommerce-production" >> mirrors.txt
+
       - name: Push to mirror
         uses: Automattic/action-push-to-mirrors@v1
         with:
diff --git a/.github/workflows/nightly-builds.yml b/.github/workflows/nightly-builds.yml
index 7e4f88448d3..766e09c8fea 100644
--- a/.github/workflows/nightly-builds.yml
+++ b/.github/workflows/nightly-builds.yml
@@ -16,9 +16,13 @@ jobs:
         uses: actions/checkout@v3
         with:
           ref: ${{ matrix.build }}
-      - name: Build
-        id: build
-        uses: woocommerce/action-build@trunk
+
+      - name: Install PNPM
+        run: npm install -g pnpm
+
+      - name: Build zip
+        run: pnpm nx build-zip woocommerce
+
       - name: Deploy nightly build
         uses: WebFreak001/deploy-nightly@v1.1.0
         env:
@@ -26,7 +30,7 @@ jobs:
         with:
           upload_url: https://uploads.github.com/repos/${{ github.repository }}/releases/25945111/assets{?name,label}
           release_id: 25945111
-          asset_path: ${{ steps.build.outputs.zip_path }}
+          asset_path: plugins/woocommerce/woocommerce.zip
           asset_name: woocommerce-${{ matrix.build }}-nightly.zip
           asset_content_type: application/zip
           max_releases: 1
diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index a4ca35b3300..436aa6c2578 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -5,58 +5,12 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-    build:
-        name: Build zip for PR
-        runs-on: ubuntu-20.04
-        steps:
-            - name: Checkout code
-              uses: actions/checkout@v3
-
-            - name: Build
-              id: build
-              uses: woocommerce/action-build@trunk
-              env:
-                  BUILD_ENV: e2e
-
-            - name: Upload PR zip
-              uses: actions/upload-artifact@v3
-              env:
-                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-              with:
-                  name: woocommerce
-                  path: ${{ steps.build.outputs.zip_path }}
-                  retention-days: 7
-
     e2e-tests-run:
         name: Runs E2E tests.
         runs-on: ubuntu-20.04
-        needs: [build]
         steps:
-            - name: Create dirs.
-              run: |
-                  mkdir -p code/woocommerce
-                  mkdir -p package/woocommerce
-                  mkdir -p tmp/woocommerce
-
             - name: Checkout code.
               uses: actions/checkout@v3
-              with:
-                  path: package/woocommerce
-
-            - name: Move current directory to code. We will install zip file in this dir later.
-              run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
-
-            - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v3
-              with:
-                  name: woocommerce
-                  path: tmp
-
-            - name: Extract and replace WooCommerce zip.
-              working-directory: tmp
-              run: |
-                  unzip woocommerce.zip -d woocommerce
-                  mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
             - name: Cache modules
               uses: actions/cache@v3
@@ -69,15 +23,20 @@ jobs:
               run: npm install -g pnpm
 
             - name: Install dependencies
-              working-directory: package/woocommerce
               run: pnpm install
 
+            - name: Install Composer dependencies
+              run: pnpm nx composer-install woocommerce
+
+            - name: Run build
+              run: pnpm nx build woocommerce
+
             - name: Load docker images and start containers.
-              working-directory: package/woocommerce/plugins/woocommerce
+              working-directory: plugins/woocommerce
               run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
-              working-directory: package/woocommerce/plugins/woocommerce
+              working-directory: plugins/woocommerce
               env:
                   WC_E2E_SCREENSHOTS: 1
                   E2E_SLACK_TOKEN: ${{ secrets.E2E_SLACK_TOKEN }}
@@ -89,40 +48,16 @@ jobs:
               if: always()
               with:
                   name: E2E Screenshots
-                  path: package/woocommerce/plugins/woocommerce/tests/e2e/screenshots
+                  path: plugins/woocommerce/tests/e2e/screenshots
                   if-no-files-found: ignore
                   retention-days: 5
 
     api-tests-run:
         name: Runs API tests.
         runs-on: ubuntu-20.04
-        needs: [build]
         steps:
-            - name: Create dirs.
-              run: |
-                  mkdir -p code/woocommerce
-                  mkdir -p package/woocommerce
-                  mkdir -p tmp/woocommerce
-
             - name: Checkout code.
               uses: actions/checkout@v3
-              with:
-                  path: package/woocommerce
-
-            - name: Move current directory to code. We will install zip file in this dir later.
-              run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
-
-            - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v3
-              with:
-                  name: woocommerce
-                  path: tmp
-
-            - name: Extract and replace WooCommerce zip.
-              working-directory: tmp
-              run: |
-                  unzip woocommerce.zip -d woocommerce
-                  mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
             - name: Cache modules
               uses: actions/cache@v3
@@ -135,11 +70,16 @@ jobs:
               run: npm install -g pnpm
 
             - name: Install dependencies
-              working-directory: package/woocommerce
               run: pnpm install
 
+            - name: Install Composer dependencies
+              run: pnpm nx composer-install woocommerce
+
+            - name: Run build
+              run: pnpm nx build woocommerce
+
             - name: Load docker images and start containers.
-              working-directory: package/woocommerce/plugins/woocommerce
+              working-directory: plugins/woocommerce
               run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
@@ -162,33 +102,9 @@ jobs:
     k6-tests-run:
         name: Runs k6 Performance tests
         runs-on: ubuntu-20.04
-        needs: [build]
         steps:
-            - name: Create dirs.
-              run: |
-                  mkdir -p code/woocommerce
-                  mkdir -p package/woocommerce
-                  mkdir -p tmp/woocommerce
-
             - name: Checkout code.
               uses: actions/checkout@v3
-              with:
-                  path: package/woocommerce
-
-            - name: Move current directory to code. We will install zip file in this dir later.
-              run: mv ./package/woocommerce/plugins/woocommerce/* ./code/woocommerce
-
-            - name: Download WooCommerce ZIP.
-              uses: actions/download-artifact@v3
-              with:
-                  name: woocommerce
-                  path: tmp
-
-            - name: Extract and replace WooCommerce zip.
-              working-directory: tmp
-              run: |
-                  unzip woocommerce.zip -d woocommerce
-                  mv woocommerce/woocommerce/* ../package/woocommerce/plugins/woocommerce/
 
             - name: Cache modules
               uses: actions/cache@v3
@@ -201,16 +117,21 @@ jobs:
               run: npm install -g pnpm
 
             - name: Install dependencies
-              working-directory: package/woocommerce
               run: pnpm install
 
+            - name: Install Composer dependencies
+              run: pnpm nx composer-install woocommerce
+
+            - name: Run build
+              run: pnpm nx build woocommerce
+
             - name: Workaround to use initialization file with prepopulated data.
-              working-directory: package/woocommerce/plugins/woocommerce/tests/e2e/docker
+              working-directory: plugins/woocommerce/tests/e2e/docker
               run: |
                   cp init-sample-products.sh initialize.sh
 
             - name: Load docker images and start containers.
-              working-directory: package/woocommerce/plugins/woocommerce
+              working-directory: plugins/woocommerce
               run: pnpm exec wc-e2e docker:up
 
             - name: Install k6
@@ -219,4 +140,4 @@ jobs:
 
             - name: Run k6 tests
               run: |
-                  ./k6 run package/woocommerce/plugins/woocommerce/tests/performance/tests/gh-action-pr-requests.js
+                  ./k6 run plugins/woocommerce/tests/performance/tests/gh-action-pr-requests.js
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index e57d54d371a..f5d5085421a 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -12,7 +12,6 @@ jobs:
                   mkdir -p code/woocommerce
                   mkdir -p package/woocommerce
                   mkdir -p tmp/woocommerce
-                  mkdir -p node_modules
 
             - name: Checkout code.
               uses: actions/checkout@v3
@@ -59,11 +58,11 @@ jobs:
             - name: Checkout code
               uses: actions/checkout@v3
 
-            - name: Build
-              id: build
-              uses: woocommerce/action-build@trunk
-              env:
-                  BUILD_ENV: e2e
+            - name: Install PNPM
+              run: npm install -g pnpm
+
+            - name: Build zip
+              run: pnpm nx build-zip woocommerce
 
             - name: Upload PR zip
               uses: actions/upload-artifact@v3
@@ -71,7 +70,7 @@ jobs:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
               with:
                   name: woocommerce
-                  path: ${{ steps.build.outputs.zip_path }}
+                  path: plugins/woocommerce/woocommerce.zip
                   retention-days: 7
 
     test-plugins:
@@ -101,10 +100,9 @@ jobs:
                   mkdir -p code/woocommerce
                   mkdir -p package/woocommerce
                   mkdir -p tmp/woocommerce
-                  mkdir -p node_modules
 
             - name: Checkout code.
-              uses: actions/checkout@v2
+              uses: actions/checkout@v3
               with:
                   path: package/woocommerce
 
diff --git a/plugins/woocommerce/tests/e2e/config/default.json b/plugins/woocommerce/tests/e2e/config/default.json
index 5803d199412..130d12b5c1e 100644
--- a/plugins/woocommerce/tests/e2e/config/default.json
+++ b/plugins/woocommerce/tests/e2e/config/default.json
@@ -1,5 +1,5 @@
 {
-  "url": "http://localhost:8084/",
+  "url": "http://localhost:8086/",
   "users": {
     "admin": {
       "username": "admin",

From 8d911cff6f4f69c67b4f733eb201fc40b1dfbf0f Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 06:58:08 -0700
Subject: [PATCH 196/327] Remove makepot from build

---
 plugins/woocommerce/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 07de69f7832..37b1610bfcf 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -14,7 +14,7 @@
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm run makepot",
+    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets",
     "build:feature-config": "php bin/generate-feature-config.php",
     "build:zip": "./bin/build-zip.sh",
     "lint:js": "eslint assets/js --ext=js",

From 2ae7eda512da70f2bef8a81413b3fb327bbb01d4 Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Thu, 15 Apr 2021 13:57:33 +1000
Subject: [PATCH 197/327] Remove tax rounding of taxes displayed in items meta
 table

---
 .../includes/admin/meta-boxes/views/html-order-item.php      | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/plugins/woocommerce/includes/admin/meta-boxes/views/html-order-item.php b/plugins/woocommerce/includes/admin/meta-boxes/views/html-order-item.php
index a36cd82f9e2..ea66d76964a 100644
--- a/plugins/woocommerce/includes/admin/meta-boxes/views/html-order-item.php
+++ b/plugins/woocommerce/includes/admin/meta-boxes/views/html-order-item.php
@@ -141,11 +141,6 @@ $row_class    = apply_filters( 'woocommerce_admin_html_order_item_class', ! empt
 			$tax_item_total    = isset( $tax_data['total'][ $tax_item_id ] ) ? $tax_data['total'][ $tax_item_id ] : '';
 			$tax_item_subtotal = isset( $tax_data['subtotal'][ $tax_item_id ] ) ? $tax_data['subtotal'][ $tax_item_id ] : '';
 
-			if ( '' !== $tax_item_subtotal ) {
-				$round_at_subtotal = 'yes' === get_option( 'woocommerce_tax_round_at_subtotal' );
-				$tax_item_total    = wc_round_tax_total( $tax_item_total, $round_at_subtotal ? wc_get_rounding_precision() : null );
-				$tax_item_subtotal = wc_round_tax_total( $tax_item_subtotal, $round_at_subtotal ? wc_get_rounding_precision() : null );
-			}
 			?>
 			<td class="line_tax" width="1%">
 				<div class="view">

From 6a447065d8e94aeb65e95841176e421ed915e74b Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 07:29:33 -0700
Subject: [PATCH 198/327] Fix paths and cache composer

---
 .github/workflows/pr-build-and-e2e-tests.yml | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 436aa6c2578..eb1ce861297 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -1,4 +1,4 @@
-name: Build zip for PR
+name: Run tests against PR
 on: pull_request
 concurrency: 
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -14,10 +14,13 @@ jobs:
 
             - name: Cache modules
               uses: actions/cache@v3
+              id: cache-deps
               with:
                 path: |
                   ~/.pnpm-store
-                key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+                  package/woocommerce/plugins/woocommerce/packages
+                  package/woocommerce/plugins/woocommerce/**/vendor
+                key: ${{ runner.os }}-test-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
               run: npm install -g pnpm
@@ -26,7 +29,8 @@ jobs:
               run: pnpm install
 
             - name: Install Composer dependencies
-              run: pnpm nx composer-install woocommerce
+              if: steps.cache-deps.outputs.cache-hit != 'true'
+              run: pnpm nx composer-install-no-dev woocommerce
 
             - name: Run build
               run: pnpm nx build woocommerce
@@ -83,7 +87,7 @@ jobs:
               run: pnpm exec wc-e2e docker:up
 
             - name: Run tests command.
-              working-directory: package/woocommerce/plugins/woocommerce
+              working-directory: plugins/woocommerce
               env:
                   BASE_URL: http://localhost:8084
                   USER_KEY: admin
@@ -95,8 +99,8 @@ jobs:
               with:
                   name: api-test-report---pr-${{ github.event.number }}
                   path: |
-                      package/woocommerce/packages/js/api-core-tests/allure-results
-                      package/woocommerce/packages/js/api-core-tests/allure-report
+                      packages/js/api-core-tests/allure-results
+                      packages/js/api-core-tests/allure-report
                   retention-days: 7
 
     k6-tests-run:

From 8629fcd92979f602320783987520e477c5f543f7 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 27 Apr 2022 20:07:20 +0530
Subject: [PATCH 199/327] Add changelog.

---
 plugins/woocommerce/changelog/fix-tax_data_rounded_on_save | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-tax_data_rounded_on_save

diff --git a/plugins/woocommerce/changelog/fix-tax_data_rounded_on_save b/plugins/woocommerce/changelog/fix-tax_data_rounded_on_save
new file mode 100644
index 00000000000..72d805d7aab
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-tax_data_rounded_on_save
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Display the raw 6 decimal place tax data while editing line item

From e1499a17720dc6b22f26187ee8feb0f8312ee70b Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 07:45:10 -0700
Subject: [PATCH 200/327] Update port

---
 .github/workflows/pr-build-and-e2e-tests.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index eb1ce861297..246b11eed62 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -89,7 +89,7 @@ jobs:
             - name: Run tests command.
               working-directory: plugins/woocommerce
               env:
-                  BASE_URL: http://localhost:8084
+                  BASE_URL: http://localhost:8086
                   USER_KEY: admin
                   USER_SECRET: password
               run: pnpm exec wc-api-tests test api

From 72d196f398b25441f84fb06b1461c26273f81411 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Wed, 27 Apr 2022 07:46:21 -0700
Subject: [PATCH 201/327] Log if headers cannot be sent during a download error
 event.

---
 plugins/woocommerce/includes/class-wc-download-handler.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/class-wc-download-handler.php b/plugins/woocommerce/includes/class-wc-download-handler.php
index 5db504b8b76..29d7261f76b 100644
--- a/plugins/woocommerce/includes/class-wc-download-handler.php
+++ b/plugins/woocommerce/includes/class-wc-download-handler.php
@@ -665,7 +665,9 @@ class WC_Download_Handler {
 		 * Since we will now render a message instead of serving a download, we should unwind some of the previously set
 		 * headers.
 		 */
-		if ( ! headers_sent() ) {
+		if ( headers_sent() ) {
+			wc_get_logger()->log( 'warning', __( 'Headers already sent when generating download error message.', 'woocommerce' ) );
+		} else {
 			header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
 			header_remove( 'Content-Description;' );
 			header_remove( 'Content-Disposition' );

From 532c5800818cfd80e283399c00e2ae2ee674fc39 Mon Sep 17 00:00:00 2001
From: Jaclyn Chen <watertranquil@gmail.com>
Date: Wed, 9 Mar 2022 13:59:27 +0800
Subject: [PATCH 202/327] Include sku partial match for products search.

---
 .../class-wc-rest-products-controller.php     | 63 ++++++++++++++++++
 ...lass-wc-rest-products-controller-tests.php | 64 +++++++++++++++++++
 2 files changed, 127 insertions(+)

diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
index c2c03690b87..05bdd2a76f0 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
@@ -25,6 +25,9 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	 */
 	protected $namespace = 'wc/v3';
 
+	private $search_param                 = 'search';
+	private static $wp_query_search_param = 's';
+
 	/**
 	 * Get the images for a product or product variation.
 	 *
@@ -70,6 +73,66 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		return $images;
 	}
 
+	/**
+	 * Get a collection of products and add other search criteria to WP_Query.
+	 *
+	 * @param WP_REST_Request $request Full details about the request.
+	 * @return WP_Error|WP_REST_Response
+	 */
+	public function get_items( $request ) {
+		 // Add filters for search criteria in product postmeta via the lookup table.
+		if ( ! empty( $request[ $this->search_param ] ) ) {
+			add_filter( 'posts_where', array( __CLASS__, 'add_search_criteria_to_wp_query_filter' ), 10, 2 );
+			add_filter( 'posts_join', array( __CLASS__, 'add_search_criteria_to_wp_query_join' ), 10, 2 );
+		}
+
+		$response = parent::get_items( $request );
+
+		// Remove filters for search criteria in product postmeta via the lookup table.
+		if ( ! empty( $request[ $this->search_param ] ) ) {
+			remove_filter( 'posts_where', array( __CLASS__, 'add_search_criteria_to_wp_query_filter' ), 10 );
+			remove_filter( 'posts_join', array( __CLASS__, 'add_search_criteria_to_wp_query_join' ), 10 );
+		}
+		return $response;
+	}
+
+	/**
+	 * Add in conditional search filters for products.
+	 *
+	 * @param string $where Where clause used to search posts.
+	 * @param object $wp_query WP_Query object.
+	 * @return string
+	 */
+	public static function add_search_criteria_to_wp_query_filter( $where, $wp_query ) {
+		global $wpdb;
+		$search = $wp_query->get( self::$wp_query_search_param );
+		if ( ! empty( $search ) ) {
+			$like_search = '%' . $wpdb->esc_like( $search ) . '%';
+			$conditions  = array(
+				$wpdb->prepare( 'wc_product_meta_lookup.sku LIKE %s', $like_search ),
+			);
+			$where      .= ' OR (' . implode( ' OR ', $conditions ) . ')';
+		}
+		return $where;
+	}
+
+	/**
+	 * Join `wc_product_meta_lookup` table when product search query is present.
+	 *
+	 * @param string $join Join clause used to search posts.
+	 * @param object $wp_query WP_Query object.
+	 * @return string
+	 */
+	public static function add_search_criteria_to_wp_query_join( $join, $wp_query ) {
+		global $wpdb;
+		$search = $wp_query->get( self::$wp_query_search_param );
+		if ( ! empty( $search ) ) {
+			$join .= " LEFT JOIN {$wpdb->wc_product_meta_lookup} wc_product_meta_lookup
+						ON $wpdb->posts.ID = wc_product_meta_lookup.product_id ";
+		}
+		return $join;
+	}
+
 	/**
 	 * Make extra product orderby features supported by WooCommerce available to the WC API.
 	 * This includes 'price', 'popularity', and 'rating'.
diff --git a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
index 6f220b9ff7b..eb330f45828 100644
--- a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
+++ b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
@@ -147,4 +147,68 @@ class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
 			$this->assertContains( $field, $response_fields, "Field $field was expected but not present in product API response." );
 		}
 	}
+
+	/**
+	 * Test that products with partial name or SKU case-insensitive match are returned given a `search` parameter.
+	 */
+	public function test_products_with_search_param_returns_products_with_sku_and_name_match() {
+		// Given.
+		wp_set_current_user( $this->user );
+		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WooCommerce Tests' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WordCamp' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WoO' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'Woo' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'wordpress' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => '*sunglasses-woo*' ) );
+
+		// When.
+		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
+		$request->set_query_params(
+			array(
+				'search'  => 'woo',
+				'order'   => 'asc',
+				'orderby' => 'id',
+			)
+		);
+		$response = $this->server->dispatch( $request );
+		$this->assertEquals( 200, $response->get_status() );
+		$response_products = $response->get_data();
+
+		// Then.
+		$this->assertEquals( 4, count( $response_products ) );
+		$this->assertEquals( $response_products[0]['name'], 'WooCommerce Tests' );
+		$this->assertEquals( $response_products[1]['name'], 'WoO' );
+		$this->assertEquals( $response_products[2]['sku'], 'Woo' );
+		$this->assertEquals( $response_products[3]['sku'], '*sunglasses-woo*' );
+	}
+
+	/**
+	 * Test that the first product with full SKU case-insensitive match are returned given a `sku` parameter.
+	 */
+	public function test_products_with_sku_param_returns_the_first_product_with_full_sku_match() {
+		// Given.
+		wp_set_current_user( $this->user );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => '0oWoO' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'WoO' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'woo' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'woo-sunglasses' ) );
+
+		// When.
+		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
+		$request->set_query_params(
+			array(
+				'sku'     => 'woo',
+				'order'   => 'asc',
+				'orderby' => 'id',
+			)
+		);
+		$response = $this->server->dispatch( $request );
+		$this->assertEquals( 200, $response->get_status() );
+		$response_products = $response->get_data();
+
+		// Then.
+		$this->assertEquals( 1, count( $response_products ) );
+		$response_product = $response_products[0];
+		$this->assertEquals( 'WoO', $response_product['sku'] );
+	}
 }

From 49743f51676d9bc682e1bcd90fffced1e88472b2 Mon Sep 17 00:00:00 2001
From: Jaclyn Chen <watertranquil@gmail.com>
Date: Wed, 9 Mar 2022 14:46:09 +0800
Subject: [PATCH 203/327] Add a new parameter `search_includes_sku` so that SKU
 search isn't included by default.

---
 .../class-wc-rest-products-controller.php     | 25 ++++++-
 ...lass-wc-rest-products-controller-tests.php | 73 +++++++++++++++++--
 2 files changed, 89 insertions(+), 9 deletions(-)

diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
index 05bdd2a76f0..aa3f613a3b7 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
@@ -25,7 +25,6 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	 */
 	protected $namespace = 'wc/v3';
 
-	private $search_param                 = 'search';
 	private static $wp_query_search_param = 's';
 
 	/**
@@ -80,8 +79,9 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	 * @return WP_Error|WP_REST_Response
 	 */
 	public function get_items( $request ) {
-		 // Add filters for search criteria in product postmeta via the lookup table.
-		if ( ! empty( $request[ $this->search_param ] ) ) {
+		// Add filters for search criteria in product postmeta via the lookup table.
+		$can_search_products_by_sku = $this->can_search_products_by_sku( $request );
+		if ( $can_search_products_by_sku ) {
 			add_filter( 'posts_where', array( __CLASS__, 'add_search_criteria_to_wp_query_filter' ), 10, 2 );
 			add_filter( 'posts_join', array( __CLASS__, 'add_search_criteria_to_wp_query_join' ), 10, 2 );
 		}
@@ -89,7 +89,7 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		$response = parent::get_items( $request );
 
 		// Remove filters for search criteria in product postmeta via the lookup table.
-		if ( ! empty( $request[ $this->search_param ] ) ) {
+		if ( $can_search_products_by_sku ) {
 			remove_filter( 'posts_where', array( __CLASS__, 'add_search_criteria_to_wp_query_filter' ), 10 );
 			remove_filter( 'posts_join', array( __CLASS__, 'add_search_criteria_to_wp_query_join' ), 10 );
 		}
@@ -1431,6 +1431,13 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 			'validate_callback' => 'rest_validate_request_arg',
 		);
 
+		$params['search_includes_sku'] = array(
+			'description'       => __( 'When `search` parameter is set, whether to also search products by partial SKU.', 'woocommerce' ),
+			'type'              => 'boolean',
+			'sanitize_callback' => 'wc_string_to_bool',
+			'validate_callback' => 'rest_validate_request_arg',
+		);
+
 		return $params;
 	}
 
@@ -1456,4 +1463,14 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		}
 		return $data;
 	}
+
+	/**
+	 * Determine whether products search should include SKU.
+	 *
+	 * @param WP_REST_Request $request Full details about the request.
+	 * @return bool Whether SKU can be included in products search.
+	 */
+	private function can_search_products_by_sku( WP_REST_Request $request ) {
+		return ! empty( $request['search'] ) && $request['search_includes_sku'] && wc_product_sku_enabled();
+	}
 }
diff --git a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
index eb330f45828..46b0d625c22 100644
--- a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
+++ b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
@@ -149,9 +149,44 @@ class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
 	}
 
 	/**
-	 * Test that products with partial name or SKU case-insensitive match are returned given a `search` parameter.
+	 * Test that products with partial name or SKU case-insensitive match are returned given both `search` and `search_includes_sku` parameters.
 	 */
-	public function test_products_with_search_param_returns_products_with_sku_and_name_match() {
+	public function test_products_with_search_param_including_sku_returns_products_with_sku_and_name_match() {
+		// Given.
+		wp_set_current_user( $this->user );
+		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WooCommerce Tests' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WordCamp' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WoO' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'Woo' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'wordpress' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => '*sunglasses-woo*' ) );
+
+		// When.
+		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
+		$request->set_query_params(
+			array(
+				'search'              => 'woo',
+				'search_includes_sku' => true,
+				'order'               => 'asc',
+				'orderby'             => 'id',
+			)
+		);
+		$response = $this->server->dispatch( $request );
+		$this->assertEquals( 200, $response->get_status() );
+		$response_products = $response->get_data();
+
+		// Then.
+		$this->assertEquals( 4, count( $response_products ) );
+		$this->assertEquals( $response_products[0]['name'], 'WooCommerce Tests' );
+		$this->assertEquals( $response_products[1]['name'], 'WoO' );
+		$this->assertEquals( $response_products[2]['sku'], 'Woo' );
+		$this->assertEquals( $response_products[3]['sku'], '*sunglasses-woo*' );
+	}
+
+	/**
+	 * Test that only products with name match are returned given `search` without `search_includes_sku` parameter.
+	 */
+	public function test_products_with_search_param_only_returns_products_with_name_match() {
 		// Given.
 		wp_set_current_user( $this->user );
 		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WooCommerce Tests' ) );
@@ -175,11 +210,39 @@ class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
 		$response_products = $response->get_data();
 
 		// Then.
-		$this->assertEquals( 4, count( $response_products ) );
+		$this->assertEquals( 2, count( $response_products ) );
 		$this->assertEquals( $response_products[0]['name'], 'WooCommerce Tests' );
 		$this->assertEquals( $response_products[1]['name'], 'WoO' );
-		$this->assertEquals( $response_products[2]['sku'], 'Woo' );
-		$this->assertEquals( $response_products[3]['sku'], '*sunglasses-woo*' );
+	}
+
+	/**
+	 * Test that no products with SKU are returned given `search` and `search_includes_sku` parameters when product SKU is disabled.
+	 */
+	public function test_products_with_search_param_including_sku_returns_no_products_when_sku_is_disabled() {
+		// Given.
+		wp_set_current_user( $this->user );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'Woo' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'wordpress' ) );
+		WC_Helper_Product::create_simple_product( true, array( 'sku' => '*sunglasses-woo*' ) );
+
+		// When.
+		add_filter( 'wc_product_sku_enabled', '__return_false' );
+
+		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
+		$request->set_query_params(
+			array(
+				'search'              => 'woo',
+				'search_includes_sku' => true,
+				'order'               => 'asc',
+				'orderby'             => 'id',
+			)
+		);
+		$response = $this->server->dispatch( $request );
+		$this->assertEquals( 200, $response->get_status() );
+		$response_products = $response->get_data();
+
+		// Then.
+		$this->assertEquals( 0, count( $response_products ) );
 	}
 
 	/**

From 029257be30b3c7ef0177c5a16bbbaea34c9b1d41 Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Fri, 15 Apr 2022 15:15:22 -0700
Subject: [PATCH 204/327] Refactor to use search_sku parameter

Instead of overloading the default search parameter.

This actually added a bit of complexity because it introduced the
possibility that a request could have both search and search_sku
parameters, and they might not be the same value.

I decided to handle the two cases differently: if both search strings
match, the assumption is that we're looking for a string in either the
content *or* the SKU field. However, if the the search strings are
different, the assumption is that we're looking for products with a
particular string in the content *and* a separate particular string
in the SKU.

New unit tests for this are still pending.
---
 .../class-wc-rest-products-controller.php     | 206 ++++++++++--------
 1 file changed, 115 insertions(+), 91 deletions(-)

diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
index aa3f613a3b7..71c422d52a2 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
@@ -25,7 +25,21 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	 */
 	protected $namespace = 'wc/v3';
 
-	private static $wp_query_search_param = 's';
+	/**
+	 * A string to inject into a query to do a partial match SKU search.
+	 *
+	 * See prepare_objects_query()
+	 *
+	 * @var string
+	 */
+	private $search_sku_in_product_lookup_table = '';
+
+	/**
+	 * If the search and search_sku parameters are the same, the query SQL will be different.
+	 *
+	 * @var bool
+	 */
+	private $combine_content_and_sku_search = false;
 
 	/**
 	 * Get the images for a product or product variation.
@@ -72,67 +86,6 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		return $images;
 	}
 
-	/**
-	 * Get a collection of products and add other search criteria to WP_Query.
-	 *
-	 * @param WP_REST_Request $request Full details about the request.
-	 * @return WP_Error|WP_REST_Response
-	 */
-	public function get_items( $request ) {
-		// Add filters for search criteria in product postmeta via the lookup table.
-		$can_search_products_by_sku = $this->can_search_products_by_sku( $request );
-		if ( $can_search_products_by_sku ) {
-			add_filter( 'posts_where', array( __CLASS__, 'add_search_criteria_to_wp_query_filter' ), 10, 2 );
-			add_filter( 'posts_join', array( __CLASS__, 'add_search_criteria_to_wp_query_join' ), 10, 2 );
-		}
-
-		$response = parent::get_items( $request );
-
-		// Remove filters for search criteria in product postmeta via the lookup table.
-		if ( $can_search_products_by_sku ) {
-			remove_filter( 'posts_where', array( __CLASS__, 'add_search_criteria_to_wp_query_filter' ), 10 );
-			remove_filter( 'posts_join', array( __CLASS__, 'add_search_criteria_to_wp_query_join' ), 10 );
-		}
-		return $response;
-	}
-
-	/**
-	 * Add in conditional search filters for products.
-	 *
-	 * @param string $where Where clause used to search posts.
-	 * @param object $wp_query WP_Query object.
-	 * @return string
-	 */
-	public static function add_search_criteria_to_wp_query_filter( $where, $wp_query ) {
-		global $wpdb;
-		$search = $wp_query->get( self::$wp_query_search_param );
-		if ( ! empty( $search ) ) {
-			$like_search = '%' . $wpdb->esc_like( $search ) . '%';
-			$conditions  = array(
-				$wpdb->prepare( 'wc_product_meta_lookup.sku LIKE %s', $like_search ),
-			);
-			$where      .= ' OR (' . implode( ' OR ', $conditions ) . ')';
-		}
-		return $where;
-	}
-
-	/**
-	 * Join `wc_product_meta_lookup` table when product search query is present.
-	 *
-	 * @param string $join Join clause used to search posts.
-	 * @param object $wp_query WP_Query object.
-	 * @return string
-	 */
-	public static function add_search_criteria_to_wp_query_join( $join, $wp_query ) {
-		global $wpdb;
-		$search = $wp_query->get( self::$wp_query_search_param );
-		if ( ! empty( $search ) ) {
-			$join .= " LEFT JOIN {$wpdb->wc_product_meta_lookup} wc_product_meta_lookup
-						ON $wpdb->posts.ID = wc_product_meta_lookup.product_id ";
-		}
-		return $join;
-	}
-
 	/**
 	 * Make extra product orderby features supported by WooCommerce available to the WC API.
 	 * This includes 'price', 'popularity', and 'rating'.
@@ -207,22 +160,36 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 			);
 		}
 
-		// Filter by sku.
-		if ( ! empty( $request['sku'] ) ) {
-			$skus = explode( ',', $request['sku'] );
-			// Include the current string as a SKU too.
-			if ( 1 < count( $skus ) ) {
-				$skus[] = $request['sku'];
+		if ( wc_product_sku_enabled() ) {
+			// Do a partial match for a sku. Supercedes sku parameter that does exact matching.
+			if ( ! empty( $request['search_sku'] ) ) {
+				// Store this for use in the query clause filters.
+				$this->search_sku_in_product_lookup_table = $request['search_sku'];
+
+				if ( isset( $args['s'] ) && $args['s'] === $request['search_sku'] ) {
+					$this->combine_content_and_sku_search = true;
+				}
+
+				unset( $request['sku'] );
 			}
 
-			$args['meta_query'] = $this->add_meta_query( // WPCS: slow query ok.
-				$args,
-				array(
-					'key'     => '_sku',
-					'value'   => $skus,
-					'compare' => 'IN',
-				)
-			);
+			// Filter by sku.
+			if ( ! empty( $request['sku'] ) ) {
+				$skus = explode( ',', $request['sku'] );
+				// Include the current string as a SKU too.
+				if ( 1 < count( $skus ) ) {
+					$skus[] = $request['sku'];
+				}
+
+				$args['meta_query'] = $this->add_meta_query( // WPCS: slow query ok.
+					$args,
+					array(
+						'key'     => '_sku',
+						'value'   => $skus,
+						'compare' => 'IN',
+					)
+				);
+			}
 		}
 
 		// Filter by tax class.
@@ -264,7 +231,7 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		}
 
 		// Force the post_type argument, since it's not a user input variable.
-		if ( ! empty( $request['sku'] ) ) {
+		if ( ! empty( $request['sku'] ) || ! empty( $request['search_sku'] ) ) {
 			$args['post_type'] = array( 'product', 'product_variation' );
 		} else {
 			$args['post_type'] = $this->post_type;
@@ -280,6 +247,73 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		return $args;
 	}
 
+	/**
+	 * Get objects.
+	 *
+	 * @param array $query_args Query args.
+	 * @return array
+	 */
+	public function get_objects( $query_args ) {
+		// Add filters for search criteria in product postmeta via the lookup table.
+		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
+			add_filter( 'posts_join', array( $this, 'add_search_criteria_to_wp_query_join' ) );
+			if ( $this->combine_content_and_sku_search ) {
+				add_filter( 'posts_search', array( $this, 'add_search_criteria_to_wp_query_where' ) );
+			} else {
+				add_filter( 'posts_where', array( $this, 'add_search_criteria_to_wp_query_where' ) );
+			}
+		}
+
+		$result = parent::get_objects( $query_args );
+
+		// Remove filters for search criteria in product postmeta via the lookup table.
+		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
+			remove_filter( 'posts_join', array( $this, 'add_search_criteria_to_wp_query_join' ) );
+			remove_filter( 'posts_search', array( $this, 'add_search_criteria_to_wp_query_where' ) );
+			remove_filter( 'posts_where', array( $this, 'add_search_criteria_to_wp_query_where' ) );
+
+			$this->search_sku_in_product_lookup_table = '';
+			$this->combine_content_and_sku_search = false;
+		}
+		return $result;
+	}
+
+	/**
+	 * Join `wc_product_meta_lookup` table when SKU search query is present.
+	 *
+	 * @param string $join Join clause used to search posts.
+	 * @return string
+	 */
+	public function add_search_criteria_to_wp_query_join( $join ) {
+		global $wpdb;
+		if ( ! empty( $this->search_sku_in_product_lookup_table ) && ! strstr( $join, 'wc_product_meta_lookup' ) ) {
+			$join .= " LEFT JOIN $wpdb->wc_product_meta_lookup wc_product_meta_lookup
+						ON $wpdb->posts.ID = wc_product_meta_lookup.product_id ";
+		}
+		return $join;
+	}
+
+	/**
+	 * Add in conditional search filters for products.
+	 *
+	 * If the content search and the sku search have the same value, the clause operator here should be "OR" so that the
+	 * match can happen e.g. on the product title OR in the SKU. If they have different values, the clause operator
+	 * should be "AND" because we're assuming we're looking for e.g. a post title containing "foo" AND a SKU containing
+	 * "bar".
+	 *
+	 * @param string $where Where clause used to search posts.
+	 * @return string
+	 */
+	public function add_search_criteria_to_wp_query_where( $where ) {
+		global $wpdb;
+		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
+			$like_search = '%' . $wpdb->esc_like( $this->search_sku_in_product_lookup_table ) . '%';
+			$operator    = $this->combine_content_and_sku_search ? ' OR ' : ' AND ';
+			$where      .= $operator . $wpdb->prepare( 'wc_product_meta_lookup.sku LIKE %s', $like_search );
+		}
+		return $where;
+	}
+
 	/**
 	 * Set product images.
 	 *
@@ -1431,10 +1465,10 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 			'validate_callback' => 'rest_validate_request_arg',
 		);
 
-		$params['search_includes_sku'] = array(
-			'description'       => __( 'When `search` parameter is set, whether to also search products by partial SKU.', 'woocommerce' ),
-			'type'              => 'boolean',
-			'sanitize_callback' => 'wc_string_to_bool',
+		$params['search_sku'] = array(
+			'description'       => __( 'Limit results to those with a SKU that partial matches a string.', 'woocommerce' ),
+			'type'              => 'string',
+			'sanitize_callback' => 'sanitize_text_field',
 			'validate_callback' => 'rest_validate_request_arg',
 		);
 
@@ -1463,14 +1497,4 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		}
 		return $data;
 	}
-
-	/**
-	 * Determine whether products search should include SKU.
-	 *
-	 * @param WP_REST_Request $request Full details about the request.
-	 * @return bool Whether SKU can be included in products search.
-	 */
-	private function can_search_products_by_sku( WP_REST_Request $request ) {
-		return ! empty( $request['search'] ) && $request['search_includes_sku'] && wc_product_sku_enabled();
-	}
 }

From b480d1362db26087b2396978158119da9ee33aa9 Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Mon, 18 Apr 2022 13:44:11 -0700
Subject: [PATCH 205/327] Ensure where clause gets nested correctly when terms
 are the same

---
 .../class-wc-rest-products-controller.php     | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
index 71c422d52a2..61eec8a6345 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
@@ -167,6 +167,7 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 				$this->search_sku_in_product_lookup_table = $request['search_sku'];
 
 				if ( isset( $args['s'] ) && $args['s'] === $request['search_sku'] ) {
+					$args['sentence'] = true; // Ensure search string is treated as a phrase rather than multiple terms.
 					$this->combine_content_and_sku_search = true;
 				}
 
@@ -294,12 +295,12 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	}
 
 	/**
-	 * Add in conditional search filters for products.
+	 * Add a where clause for matching the SKU field.
 	 *
-	 * If the content search and the sku search have the same value, the clause operator here should be "OR" so that the
-	 * match can happen e.g. on the product title OR in the SKU. If they have different values, the clause operator
-	 * should be "AND" because we're assuming we're looking for e.g. a post title containing "foo" AND a SKU containing
-	 * "bar".
+	 * If the content search and the sku search have the same value, the extra clause we're adding here should be nested
+	 * with the other content fields that get covered (e.g. post_title, post_excerpt, post_content) and the operator
+	 * should be 'OR'. If the content and sku searches are different, then both should need to match, so the clause
+	 * should just get tacked on to the rest of the WHERE statement and the operator should be 'AND'.
 	 *
 	 * @param string $where Where clause used to search posts.
 	 * @return string
@@ -308,8 +309,19 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		global $wpdb;
 		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
 			$like_search = '%' . $wpdb->esc_like( $this->search_sku_in_product_lookup_table ) . '%';
-			$operator    = $this->combine_content_and_sku_search ? ' OR ' : ' AND ';
-			$where      .= $operator . $wpdb->prepare( 'wc_product_meta_lookup.sku LIKE %s', $like_search );
+
+			if ( $this->combine_content_and_sku_search ) {
+				// Ensure this clause gets nested with the other content fields being searched.
+				$clause = ' OR ' . $wpdb->prepare( '(wc_product_meta_lookup.sku LIKE %s)', $like_search );
+				$regex = sprintf(
+					// The '%' wildcards get hashed during $wpdb->prepare, so we have to match the hash.
+					"#(post_content LIKE '{[0-9a-f]+}%s{[0-9a-f]+}'\))#",
+					$wpdb->esc_like( $this->search_sku_in_product_lookup_table )
+				);
+				$where = preg_replace( $regex, '$1' . $clause, $where );
+			} else {
+				$where .= ' AND ' . $wpdb->prepare( '(wc_product_meta_lookup.sku LIKE %s)', $like_search );
+			}
 		}
 		return $where;
 	}

From 7807c7054913e524d7299ccb65c9f2800c2d29ee Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Mon, 25 Apr 2022 13:58:11 -0700
Subject: [PATCH 206/327] Don't combine content and SKU search

We decided the performance hit was too great. So with this, you can
still use both the search and search_sku parameters at the same time
if you want, but the query will use `AND` so that there must be a
partial match from both fields rather than either field. To just search
SKUs, all that you need is the search_sku parameter.
---
 .../class-wc-rest-products-controller.php     | 34 ++-----------------
 1 file changed, 2 insertions(+), 32 deletions(-)

diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
index 61eec8a6345..b3244aebb74 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
@@ -34,13 +34,6 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	 */
 	private $search_sku_in_product_lookup_table = '';
 
-	/**
-	 * If the search and search_sku parameters are the same, the query SQL will be different.
-	 *
-	 * @var bool
-	 */
-	private $combine_content_and_sku_search = false;
-
 	/**
 	 * Get the images for a product or product variation.
 	 *
@@ -166,11 +159,6 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 				// Store this for use in the query clause filters.
 				$this->search_sku_in_product_lookup_table = $request['search_sku'];
 
-				if ( isset( $args['s'] ) && $args['s'] === $request['search_sku'] ) {
-					$args['sentence'] = true; // Ensure search string is treated as a phrase rather than multiple terms.
-					$this->combine_content_and_sku_search = true;
-				}
-
 				unset( $request['sku'] );
 			}
 
@@ -258,11 +246,7 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		// Add filters for search criteria in product postmeta via the lookup table.
 		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
 			add_filter( 'posts_join', array( $this, 'add_search_criteria_to_wp_query_join' ) );
-			if ( $this->combine_content_and_sku_search ) {
-				add_filter( 'posts_search', array( $this, 'add_search_criteria_to_wp_query_where' ) );
-			} else {
-				add_filter( 'posts_where', array( $this, 'add_search_criteria_to_wp_query_where' ) );
-			}
+			add_filter( 'posts_where', array( $this, 'add_search_criteria_to_wp_query_where' ) );
 		}
 
 		$result = parent::get_objects( $query_args );
@@ -270,11 +254,9 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		// Remove filters for search criteria in product postmeta via the lookup table.
 		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
 			remove_filter( 'posts_join', array( $this, 'add_search_criteria_to_wp_query_join' ) );
-			remove_filter( 'posts_search', array( $this, 'add_search_criteria_to_wp_query_where' ) );
 			remove_filter( 'posts_where', array( $this, 'add_search_criteria_to_wp_query_where' ) );
 
 			$this->search_sku_in_product_lookup_table = '';
-			$this->combine_content_and_sku_search = false;
 		}
 		return $result;
 	}
@@ -309,19 +291,7 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 		global $wpdb;
 		if ( ! empty( $this->search_sku_in_product_lookup_table ) ) {
 			$like_search = '%' . $wpdb->esc_like( $this->search_sku_in_product_lookup_table ) . '%';
-
-			if ( $this->combine_content_and_sku_search ) {
-				// Ensure this clause gets nested with the other content fields being searched.
-				$clause = ' OR ' . $wpdb->prepare( '(wc_product_meta_lookup.sku LIKE %s)', $like_search );
-				$regex = sprintf(
-					// The '%' wildcards get hashed during $wpdb->prepare, so we have to match the hash.
-					"#(post_content LIKE '{[0-9a-f]+}%s{[0-9a-f]+}'\))#",
-					$wpdb->esc_like( $this->search_sku_in_product_lookup_table )
-				);
-				$where = preg_replace( $regex, '$1' . $clause, $where );
-			} else {
-				$where .= ' AND ' . $wpdb->prepare( '(wc_product_meta_lookup.sku LIKE %s)', $like_search );
-			}
+			$where .= ' AND ' . $wpdb->prepare( '(wc_product_meta_lookup.sku LIKE %s)', $like_search );
 		}
 		return $where;
 	}

From eedac6098512c9baebba94c825d1fcec0c3778e3 Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Mon, 25 Apr 2022 15:12:50 -0700
Subject: [PATCH 207/327] Update tests

---
 ...lass-wc-rest-products-controller-tests.php | 194 ++++++++++--------
 1 file changed, 103 insertions(+), 91 deletions(-)

diff --git a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
index 46b0d625c22..833f606e2fc 100644
--- a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
+++ b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
@@ -5,6 +5,33 @@
  * Product Controller tests for V3 REST API.
  */
 class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
+	/**
+	 * @var WC_Product_Simple[]
+	 */
+	protected static $products = array();
+
+	/**
+	 * Create products for tests.
+	 *
+	 * @return void
+	 */
+	public static function wpSetUpBeforeClass() {
+		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'Pancake', 'sku' => 'pancake-1' ) );
+		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'Waffle 1', 'sku' => 'pancake-2' ) );
+		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'French Toast', 'sku' => 'waffle-2' ) );
+		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'Waffle 3', 'sku' => 'waffle-3' ) );
+	}
+
+	/**
+	 * Clean up products after tests.
+	 *
+	 * @return void
+	 */
+	public static function wpTearDownAfterClass() {
+		foreach ( self::$products as $product ) {
+			WC_Helper_Product::delete_product( $product->get_id() );
+		}
+	}
 
 	/**
 	 * Setup our test server, endpoints, and user info.
@@ -149,58 +176,17 @@ class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
 	}
 
 	/**
-	 * Test that products with partial name or SKU case-insensitive match are returned given both `search` and `search_includes_sku` parameters.
+	 * Test that the `search` parameter does partial matching in the product name, but not the SKU.
+	 *
+	 * @return void
 	 */
-	public function test_products_with_search_param_including_sku_returns_products_with_sku_and_name_match() {
-		// Given.
+	public function test_products_search_with_search_param_only() {
 		wp_set_current_user( $this->user );
-		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WooCommerce Tests' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WordCamp' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WoO' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'Woo' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'wordpress' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => '*sunglasses-woo*' ) );
 
-		// When.
 		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
 		$request->set_query_params(
 			array(
-				'search'              => 'woo',
-				'search_includes_sku' => true,
-				'order'               => 'asc',
-				'orderby'             => 'id',
-			)
-		);
-		$response = $this->server->dispatch( $request );
-		$this->assertEquals( 200, $response->get_status() );
-		$response_products = $response->get_data();
-
-		// Then.
-		$this->assertEquals( 4, count( $response_products ) );
-		$this->assertEquals( $response_products[0]['name'], 'WooCommerce Tests' );
-		$this->assertEquals( $response_products[1]['name'], 'WoO' );
-		$this->assertEquals( $response_products[2]['sku'], 'Woo' );
-		$this->assertEquals( $response_products[3]['sku'], '*sunglasses-woo*' );
-	}
-
-	/**
-	 * Test that only products with name match are returned given `search` without `search_includes_sku` parameter.
-	 */
-	public function test_products_with_search_param_only_returns_products_with_name_match() {
-		// Given.
-		wp_set_current_user( $this->user );
-		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WooCommerce Tests' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WordCamp' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'name' => 'WoO' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'Woo' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'wordpress' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => '*sunglasses-woo*' ) );
-
-		// When.
-		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
-		$request->set_query_params(
-			array(
-				'search'  => 'woo',
+				'search'  => 'waffle',
 				'order'   => 'asc',
 				'orderby' => 'id',
 			)
@@ -209,69 +195,95 @@ class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
 		$this->assertEquals( 200, $response->get_status() );
 		$response_products = $response->get_data();
 
-		// Then.
 		$this->assertEquals( 2, count( $response_products ) );
-		$this->assertEquals( $response_products[0]['name'], 'WooCommerce Tests' );
-		$this->assertEquals( $response_products[1]['name'], 'WoO' );
+		$this->assertEquals( $response_products[0]['name'], 'Waffle 1' );
+		$this->assertEquals( $response_products[0]['sku'], 'pancake-2' );
+		$this->assertEquals( $response_products[1]['name'], 'Waffle 3' );
+		$this->assertEquals( $response_products[1]['sku'], 'waffle-3' );
 	}
 
 	/**
-	 * Test that no products with SKU are returned given `search` and `search_includes_sku` parameters when product SKU is disabled.
+	 * Test that the `search_sku` parameter does partial matching in the product SKU, but not the name.
+	 *
+	 * @return void
 	 */
-	public function test_products_with_search_param_including_sku_returns_no_products_when_sku_is_disabled() {
-		// Given.
+	public function test_products_search_with_search_sku_param_only() {
+		wp_set_current_user( $this->user );
+
+		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
+		$request->set_query_params(
+			array(
+				'search_sku' => 'waffle',
+				'order'      => 'asc',
+				'orderby'    => 'id',
+			)
+		);
+		$response = $this->server->dispatch( $request );
+		$this->assertEquals( 200, $response->get_status() );
+		$response_products = $response->get_data();
+
+		$this->assertEquals( 2, count( $response_products ) );
+		$this->assertEquals( $response_products[0]['name'], 'French Toast' );
+		$this->assertEquals( $response_products[0]['sku'], 'waffle-2' );
+		$this->assertEquals( $response_products[1]['name'], 'Waffle 3' );
+		$this->assertEquals( $response_products[1]['sku'], 'waffle-3' );
+	}
+
+	/**
+	 * Test that using the `search` and `search_sku` parameters together only matches when both match.
+	 *
+	 * @return void
+	 */
+	public function test_products_search_with_search_and_search_sku_param() {
+		wp_set_current_user( $this->user );
+
+		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
+		$request->set_query_params(
+			array(
+				'search'     => 'waffle',
+				'search_sku' => 'waffle',
+				'order'      => 'asc',
+				'orderby'    => 'id',
+			)
+		);
+		$response = $this->server->dispatch( $request );
+		$this->assertEquals( 200, $response->get_status() );
+		$response_products = $response->get_data();
+
+		$this->assertEquals( 1, count( $response_products ) );
+		$this->assertEquals( $response_products[0]['name'], 'Waffle 3' );
+		$this->assertEquals( $response_products[0]['sku'], 'waffle-3' );
+	}
+
+	/**
+	 * Test that the `search_sku` parameter does nothing when product SKUs are disabled.
+	 *
+	 * @return void
+	 */
+	public function test_products_search_with_search_sku_when_skus_disabled() {
 		wp_set_current_user( $this->user );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'Woo' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'wordpress' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => '*sunglasses-woo*' ) );
 
-		// When.
 		add_filter( 'wc_product_sku_enabled', '__return_false' );
 
 		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
 		$request->set_query_params(
 			array(
-				'search'              => 'woo',
-				'search_includes_sku' => true,
-				'order'               => 'asc',
-				'orderby'             => 'id',
+				'search'     => 'waffle',
+				'search_sku' => 'waffle',
+				'order'      => 'asc',
+				'orderby'    => 'id',
 			)
 		);
 		$response = $this->server->dispatch( $request );
 		$this->assertEquals( 200, $response->get_status() );
 		$response_products = $response->get_data();
 
-		// Then.
-		$this->assertEquals( 0, count( $response_products ) );
-	}
+		$this->assertEquals( 2, count( $response_products ) );
+		$this->assertEquals( $response_products[0]['name'], 'Waffle 1' );
+		$this->assertEquals( $response_products[0]['sku'], 'pancake-2' );
+		$this->assertEquals( $response_products[1]['name'], 'Waffle 3' );
+		$this->assertEquals( $response_products[1]['sku'], 'waffle-3' );
 
-	/**
-	 * Test that the first product with full SKU case-insensitive match are returned given a `sku` parameter.
-	 */
-	public function test_products_with_sku_param_returns_the_first_product_with_full_sku_match() {
-		// Given.
-		wp_set_current_user( $this->user );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => '0oWoO' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'WoO' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'woo' ) );
-		WC_Helper_Product::create_simple_product( true, array( 'sku' => 'woo-sunglasses' ) );
-
-		// When.
-		$request = new WP_REST_Request( 'GET', '/wc/v3/products' );
-		$request->set_query_params(
-			array(
-				'sku'     => 'woo',
-				'order'   => 'asc',
-				'orderby' => 'id',
-			)
-		);
-		$response = $this->server->dispatch( $request );
-		$this->assertEquals( 200, $response->get_status() );
-		$response_products = $response->get_data();
-
-		// Then.
-		$this->assertEquals( 1, count( $response_products ) );
-		$response_product = $response_products[0];
-		$this->assertEquals( 'WoO', $response_product['sku'] );
+		remove_filter( 'wc_product_sku_enabled', '__return_false' );
 	}
 }

From 2c6bf681d2687b7a012751a2a34c6dd5f9acd0ee Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Mon, 25 Apr 2022 15:20:48 -0700
Subject: [PATCH 208/327] Add changelog file

---
 plugins/woocommerce/changelog/api-28508-search-including-sku | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/api-28508-search-including-sku

diff --git a/plugins/woocommerce/changelog/api-28508-search-including-sku b/plugins/woocommerce/changelog/api-28508-search-including-sku
new file mode 100644
index 00000000000..a9ba0a962b1
--- /dev/null
+++ b/plugins/woocommerce/changelog/api-28508-search-including-sku
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Adds  a `search_sku` parameter to the v3 products endpoint. Allows for partial match search of the product SKU field.

From d2c7e665f4a0d6de47379e88ccd2963d90ff1cf7 Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Mon, 25 Apr 2022 15:35:27 -0700
Subject: [PATCH 209/327] Remove outdated code comment

---
 .../Version3/class-wc-rest-products-controller.php           | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
index b3244aebb74..6c50a1cea48 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller.php
@@ -279,11 +279,6 @@ class WC_REST_Products_Controller extends WC_REST_Products_V2_Controller {
 	/**
 	 * Add a where clause for matching the SKU field.
 	 *
-	 * If the content search and the sku search have the same value, the extra clause we're adding here should be nested
-	 * with the other content fields that get covered (e.g. post_title, post_excerpt, post_content) and the operator
-	 * should be 'OR'. If the content and sku searches are different, then both should need to match, so the clause
-	 * should just get tacked on to the rest of the WHERE statement and the operator should be 'AND'.
-	 *
 	 * @param string $where Where clause used to search posts.
 	 * @return string
 	 */

From cc1fef5bcb75b81e2d22ccda5e9360fa9c61b2f0 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 08:38:45 -0700
Subject: [PATCH 210/327] Try different port for K6 tests

---
 plugins/woocommerce/tests/performance/config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/tests/performance/config.js b/plugins/woocommerce/tests/performance/config.js
index 4fd834cd9e9..91cc3eba5ad 100644
--- a/plugins/woocommerce/tests/performance/config.js
+++ b/plugins/woocommerce/tests/performance/config.js
@@ -1,5 +1,5 @@
-export const base_url = __ENV.URL || 'http://localhost:8084';
-export const base_host = __ENV.HOST || 'localhost:8084';
+export const base_url = __ENV.URL || 'http://localhost:8086';
+export const base_host = __ENV.HOST || 'localhost:8086';
 
 export const admin_username = __ENV.A_USER || 'admin';
 export const admin_password = __ENV.A_PW || 'password';

From 2798add11d8597d54d21ed2459ceb51efc803d88 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 08:56:14 -0700
Subject: [PATCH 211/327] Add changelog

---
 plugins/woocommerce/changelog/fix-e2e-tests | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-e2e-tests

diff --git a/plugins/woocommerce/changelog/fix-e2e-tests b/plugins/woocommerce/changelog/fix-e2e-tests
new file mode 100644
index 00000000000..e12cdc15b86
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-e2e-tests
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: Related to QOL
+
+

From 6f61dd8088108f7e7b9ba4838e7e262071800334 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 09:05:01 -0700
Subject: [PATCH 212/327] Update cache paths

---
 .github/workflows/pr-build-and-e2e-tests.yml | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 246b11eed62..82bbafbe639 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -18,9 +18,9 @@ jobs:
               with:
                 path: |
                   ~/.pnpm-store
-                  package/woocommerce/plugins/woocommerce/packages
-                  package/woocommerce/plugins/woocommerce/**/vendor
-                key: ${{ runner.os }}-test-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
+                  plugins/woocommerce/packages
+                  plugins/woocommerce/**/vendor
+                key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
               run: npm install -g pnpm
@@ -65,10 +65,13 @@ jobs:
 
             - name: Cache modules
               uses: actions/cache@v3
+              id: cache-deps
               with:
                 path: |
                   ~/.pnpm-store
-                key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+                  plugins/woocommerce/packages
+                  plugins/woocommerce/**/vendor
+                key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
               run: npm install -g pnpm
@@ -77,6 +80,7 @@ jobs:
               run: pnpm install
 
             - name: Install Composer dependencies
+              if: steps.cache-deps.outputs.cache-hit != 'true'
               run: pnpm nx composer-install woocommerce
 
             - name: Run build
@@ -112,10 +116,13 @@ jobs:
 
             - name: Cache modules
               uses: actions/cache@v3
+              id: cache-deps
               with:
                 path: |
                   ~/.pnpm-store
-                key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
+                  plugins/woocommerce/packages
+                  plugins/woocommerce/**/vendor
+                key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
               run: npm install -g pnpm
@@ -124,6 +131,7 @@ jobs:
               run: pnpm install
 
             - name: Install Composer dependencies
+              if: steps.cache-deps.outputs.cache-hit != 'true'
               run: pnpm nx composer-install woocommerce
 
             - name: Run build

From 216317c557e191f7c774d0dee243d6161573954c Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 09:27:36 -0700
Subject: [PATCH 213/327] Test updating makepot script command

---
 plugins/woocommerce/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 37b1610bfcf..82b81eebebb 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -14,7 +14,7 @@
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets",
+    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm nx makepot woocommerce",
     "build:feature-config": "php bin/generate-feature-config.php",
     "build:zip": "./bin/build-zip.sh",
     "lint:js": "eslint assets/js --ext=js",
@@ -27,7 +27,7 @@
     "test:e2e-debug": "pnpm exec wc-e2e test:e2e-debug",
     "test:e2e-dev": "pnpm exec wc-e2e test:e2e-dev",
     "test:unit": "./vendor/bin/phpunit -c ./phpunit.xml",
-    "makepot": "composer run-script makepot",
+    "makepot": "composer run makepot",
     "packages:fix:textdomain": "node ./bin/package-update-textdomain.js"
   },
   "devDependencies": {

From cf783aca58638f39b40a6b5cf6d55ba66fefe77a Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 09:45:51 -0700
Subject: [PATCH 214/327] Move makepot to build-zip bash script

---
 plugins/woocommerce/bin/build-zip.sh | 3 ++-
 plugins/woocommerce/package.json     | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/bin/build-zip.sh b/plugins/woocommerce/bin/build-zip.sh
index 53d0348a0ad..eb6419ae13e 100755
--- a/plugins/woocommerce/bin/build-zip.sh
+++ b/plugins/woocommerce/bin/build-zip.sh
@@ -16,7 +16,8 @@ echo "Running JS Build..."
 pnpm run build || exit "$?"
 echo "Cleaning up PHP dependencies..."
 composer install --no-dev || exit "$?"
-
+echo "Run makepot..."
+composer run makepot
 echo "Syncing files..."
 rsync -rc --exclude-from="$PROJECT_PATH/.distignore" "$PROJECT_PATH/" "$DEST_PATH/" --delete --delete-excluded
 
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 82b81eebebb..1eef9bb1308 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -14,7 +14,7 @@
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets && pnpm nx makepot woocommerce",
+    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets",
     "build:feature-config": "php bin/generate-feature-config.php",
     "build:zip": "./bin/build-zip.sh",
     "lint:js": "eslint assets/js --ext=js",

From b2ad3aab61cd4e1dc9f5e8b859d45612381849f9 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 10:09:06 -0700
Subject: [PATCH 215/327] Use the proper composer command for running scripts

---
 plugins/woocommerce/bin/build-zip.sh | 2 +-
 plugins/woocommerce/package.json     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/bin/build-zip.sh b/plugins/woocommerce/bin/build-zip.sh
index eb6419ae13e..21e6171ab72 100755
--- a/plugins/woocommerce/bin/build-zip.sh
+++ b/plugins/woocommerce/bin/build-zip.sh
@@ -17,7 +17,7 @@ pnpm run build || exit "$?"
 echo "Cleaning up PHP dependencies..."
 composer install --no-dev || exit "$?"
 echo "Run makepot..."
-composer run makepot
+composer run-script makepot
 echo "Syncing files..."
 rsync -rc --exclude-from="$PROJECT_PATH/.distignore" "$PROJECT_PATH/" "$DEST_PATH/" --delete --delete-excluded
 
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 1eef9bb1308..37b1610bfcf 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -27,7 +27,7 @@
     "test:e2e-debug": "pnpm exec wc-e2e test:e2e-debug",
     "test:e2e-dev": "pnpm exec wc-e2e test:e2e-dev",
     "test:unit": "./vendor/bin/phpunit -c ./phpunit.xml",
-    "makepot": "composer run makepot",
+    "makepot": "composer run-script makepot",
     "packages:fix:textdomain": "node ./bin/package-update-textdomain.js"
   },
   "devDependencies": {

From 16dbf4607e359c4c84668a1ddf1450411d659d13 Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Wed, 27 Apr 2022 10:21:09 -0700
Subject: [PATCH 216/327] Break test into smaller more atomic tests.

---
 .../class-wc-abstract-product-test.php        | 77 ++++++++++---------
 1 file changed, 42 insertions(+), 35 deletions(-)

diff --git a/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php b/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
index 81dd5fff3a0..94fe4d1621e 100644
--- a/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
+++ b/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
@@ -6,6 +6,11 @@ use Automattic\WooCommerce\Internal\ProductDownloads\ApprovedDirectories\Registe
  * Tests relating to the WC_Abstract_Product class.
  */
 class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
+	/**
+	 * @var int
+	 */
+	private $admin_user;
+
 	/**
 	 * @var Download_Directories $download_directories
 	 */
@@ -16,11 +21,19 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	 */
 	private $product;
 
+	/**
+	 * @var int
+	 */
+	private $shop_manager_user;
+
 	/**
 	 * Setup items we need repeatedly across tests in this class.
 	 */
 	public function set_up() {
+		$this->admin_user           = self::factory()->user->create( array( 'role' => 'administrator' ) );
+		$this->shop_manager_user    = self::factory()->user->create( array( 'role' => 'shop_manager' ) );
 		$this->download_directories = wc_get_container()->get( Download_Directories::class );
+
 		$this->download_directories->set_mode( Download_Directories::MODE_ENABLED );
 		$this->download_directories->add_approved_directory( 'https://always.trusted/' );
 		$this->download_directories->add_approved_directory( 'https://new.supplier/' );
@@ -75,13 +88,10 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	}
 
 	/**
-	 * @testdox Confirm that when product downloads are set, the operation is successful (or else errors are raised) as appropriate.
+	 * @testdox Confirm behavior that when product downloads are set by an admin-level user.
 	 */
-	public function test_setting_of_product_downloads() {
-		$administrator = self::factory()->user->create( array( 'role' => 'administrator' ) );
-		$shop_manager  = self::factory()->user->create( array( 'role' => 'shop_manager' ) );
-		wp_set_current_user( $administrator );
-
+	public function test_updating_of_product_downloads_by_admin_user() {
+		wp_set_current_user( $this->admin_user );
 		$downloads   = $this->product->get_downloads();
 		$downloads[] = array(
 			'id'   => '',
@@ -89,7 +99,6 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 			'name' => 'A file',
 		);
 
-		wp_set_current_user( $administrator );
 		$this->product->set_downloads( $downloads );
 		$this->product->save();
 		$this->assertCount(
@@ -97,29 +106,29 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 			$this->product->get_downloads(),
 			'Administrators can add new downloadable files and a matching download directory rule will automatically be generated if necessary.'
 		);
+	}
 
-		wp_set_current_user( $shop_manager );
-		$exception_thrown    = false;
-		$downloads   = $this->product->get_downloads();
-		$downloads[] = array(
+	/**
+	 * @testdox Confirm that attempts to add an invalid downloadable file to a product is rejected.
+	 */
+	public function test_addition_of_invalid_product_downloads_by_shop_manager() {
+		wp_set_current_user( $this->shop_manager_user );
+		$downloads        = $this->product->get_downloads();
+		$downloads[]      = array(
 			'id'   => '',
 			'file' => 'https://also.not.yet.added/file.pdf',
 			'name' => 'Another file',
 		);
 
-		try {
-			$this->product->set_downloads( $downloads );
-			$this->product->save();
-		} catch ( WC_Data_Exception $e ) {
-			$exception_thrown = true;
-		}
+		$this->expectException( WC_Data_Exception::class );
+		$this->product->set_downloads( $downloads );
+		$this->product->save();
+	}
 
-		$this->assertTrue(
-			$exception_thrown,
-			'If a shop manager attempts to add a new downloadable file (not covered by an approved directory rule) an error is generated.'
-		);
-
-		$exception_thrown                = false;
+	/**
+	 * @testdox Confirm that attempts to update a downloadable file to an invalid path is rejected.
+	 */
+	public function test_invalid_update_of_product_downloads_by_shop_manager() {
 		$downloads                       = $this->product->get_downloads();
 		$existing_file_key               = key( $downloads );
 		$downloads[ $existing_file_key ] = array(
@@ -128,19 +137,17 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 			'name' => 'Yet another file',
 		);
 
-		try {
-			$this->product->set_downloads( $downloads );
-			$this->product->save();
-		} catch ( WC_Data_Exception $e ) {
-			$exception_thrown = true;
-		}
-
-		$this->assertTrue(
-			$exception_thrown,
-			'If a shop manager attempts to change an existing downloadable file to a new path (not covered by an approved directory rule) an error is generated.'
-		);
+		$this->expectException( WC_Data_Exception::class );
+		$this->product->set_downloads( $downloads );
+		$this->product->save();
+	}
 
+	/**
+	 * @testdox Confirm that attempts to update a downloadable file to a different but valid path works as expected.
+	 */
+	public function test_valid_update_of_product_downloads_by_shop_manager() {
 		$downloads                       = $this->product->get_downloads();
+		$existing_file_key               = key( $downloads );
 		$downloads[ $existing_file_key ] = array(
 			'id'   => $existing_file_key,
 			'file' => 'https://always.trusted/why-we-test-code.pdf',
@@ -151,7 +158,7 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 		$this->product->save();
 
 		$this->assertCount(
-			4,
+			3,
 			$this->product->get_downloads(),
 			'If a shop manager attempts to change an existing downloadable file to a valid path (that is covered by an approved directory rule) that is okay.'
 		);

From 6e5d4acc22bf29a754f6e11f11a9b8e24eb2fe5e Mon Sep 17 00:00:00 2001
From: barryhughes <3594411+barryhughes@users.noreply.github.com>
Date: Wed, 27 Apr 2022 10:24:30 -0700
Subject: [PATCH 217/327] Revise testdox

---
 .../includes/abstracts/class-wc-abstract-product-test.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php b/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
index 94fe4d1621e..40834fea7b9 100644
--- a/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
+++ b/plugins/woocommerce/tests/php/includes/abstracts/class-wc-abstract-product-test.php
@@ -88,7 +88,7 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	}
 
 	/**
-	 * @testdox Confirm behavior that when product downloads are set by an admin-level user.
+	 * @testdox Confirm admin-level users can update product downloads, even if the new path is initially unapproved.
 	 */
 	public function test_updating_of_product_downloads_by_admin_user() {
 		wp_set_current_user( $this->admin_user );
@@ -109,7 +109,7 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	}
 
 	/**
-	 * @testdox Confirm that attempts to add an invalid downloadable file to a product is rejected.
+	 * @testdox Confirm that attempts (by a shop manager) to add an invalid downloadable file to a product are rejected.
 	 */
 	public function test_addition_of_invalid_product_downloads_by_shop_manager() {
 		wp_set_current_user( $this->shop_manager_user );
@@ -126,7 +126,7 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	}
 
 	/**
-	 * @testdox Confirm that attempts to update a downloadable file to an invalid path is rejected.
+	 * @testdox Confirm that attempts (by a shop manager) to update a downloadable file to an invalid path are rejected.
 	 */
 	public function test_invalid_update_of_product_downloads_by_shop_manager() {
 		$downloads                       = $this->product->get_downloads();
@@ -143,7 +143,7 @@ class WC_Abstract_Product_Test extends WC_Unit_Test_Case {
 	}
 
 	/**
-	 * @testdox Confirm that attempts to update a downloadable file to a different but valid path works as expected.
+	 * @testdox Confirm that attempts (by a shop manager) to update a downloadable file to a different but valid path work as expected.
 	 */
 	public function test_valid_update_of_product_downloads_by_shop_manager() {
 		$downloads                       = $this->product->get_downloads();

From 0feaf3a9de5d42d802a56dfc34c323739bd64944 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Wed, 27 Apr 2022 12:33:37 -0700
Subject: [PATCH 218/327] Put exit clause on makepot script

---
 plugins/woocommerce/bin/build-zip.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/bin/build-zip.sh b/plugins/woocommerce/bin/build-zip.sh
index 21e6171ab72..b29785fdca1 100755
--- a/plugins/woocommerce/bin/build-zip.sh
+++ b/plugins/woocommerce/bin/build-zip.sh
@@ -17,7 +17,7 @@ pnpm run build || exit "$?"
 echo "Cleaning up PHP dependencies..."
 composer install --no-dev || exit "$?"
 echo "Run makepot..."
-composer run-script makepot
+composer run-script makepot || exit "$?"
 echo "Syncing files..."
 rsync -rc --exclude-from="$PROJECT_PATH/.distignore" "$PROJECT_PATH/" "$DEST_PATH/" --delete --delete-excluded
 

From ea504f09b5b03360001f23ff7bd447b52097e2d0 Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Wed, 27 Apr 2022 14:33:34 -0700
Subject: [PATCH 219/327] phpcs cleanup

---
 ...lass-wc-rest-products-controller-tests.php | 32 ++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
index 833f606e2fc..a9a343ef491 100644
--- a/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
+++ b/plugins/woocommerce/tests/php/includes/rest-api/Controllers/Version3/class-wc-rest-products-controller-tests.php
@@ -16,10 +16,34 @@ class WC_REST_Products_Controller_Tests extends WC_REST_Unit_Test_Case {
 	 * @return void
 	 */
 	public static function wpSetUpBeforeClass() {
-		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'Pancake', 'sku' => 'pancake-1' ) );
-		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'Waffle 1', 'sku' => 'pancake-2' ) );
-		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'French Toast', 'sku' => 'waffle-2' ) );
-		self::$products[] = WC_Helper_Product::create_simple_product( true, array( 'name' => 'Waffle 3', 'sku' => 'waffle-3' ) );
+		self::$products[] = WC_Helper_Product::create_simple_product(
+			true,
+			array(
+				'name' => 'Pancake',
+				'sku'  => 'pancake-1',
+			)
+		);
+		self::$products[] = WC_Helper_Product::create_simple_product(
+			true,
+			array(
+				'name' => 'Waffle 1',
+				'sku'  => 'pancake-2',
+			)
+		);
+		self::$products[] = WC_Helper_Product::create_simple_product(
+			true,
+			array(
+				'name' => 'French Toast',
+				'sku'  => 'waffle-2',
+			)
+		);
+		self::$products[] = WC_Helper_Product::create_simple_product(
+			true,
+			array(
+				'name' => 'Waffle 3',
+				'sku'  => 'waffle-3',
+			)
+		);
 	}
 
 	/**

From 6100df9a044a9d494deb1bce446645109fd96b2d Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 28 Apr 2022 09:54:54 +1200
Subject: [PATCH 220/327] Storybook: Move code to `tools/` (#32729)

---
 package.json                                  |  134 +-
 plugins/woocommerce-admin/package.json        |   20 -
 plugins/woocommerce-admin/webpack.config.js   |    2 +-
 .../changelog/fix-storybook-location          |    4 +
 pnpm-lock.yaml                                | 4719 ++++++++++-------
 .../storybook/.storybook/main.js              |    6 +-
 .../storybook/.storybook/preview-head.html    |    0
 .../storybook}/import-wp-css-storybook.sh     |    0
 .../storybook/manager.js                      |    0
 .../storybook/preview.js                      |    0
 .../storybook/setting.mock.js                 |    0
 .../storybook/tsconfig.json                   |    0
 .../storybook/webpack.config.js               |   30 +-
 .../storybook/woocommerce_logo.png            |  Bin
 tools/storybook/wordpress/css/about-rtl.css   | 1473 +++++
 .../storybook/wordpress/css/about-rtl.min.css |    2 +
 tools/storybook/wordpress/css/about.css       | 1472 +++++
 tools/storybook/wordpress/css/about.min.css   |    2 +
 .../wordpress/css/admin-menu-rtl.css          |  944 ++++
 .../wordpress/css/admin-menu-rtl.min.css      |    2 +
 tools/storybook/wordpress/css/admin-menu.css  |  943 ++++
 .../wordpress/css/admin-menu.min.css          |    2 +
 .../wordpress/css/code-editor-rtl.css         |   77 +
 .../wordpress/css/code-editor-rtl.min.css     |    2 +
 tools/storybook/wordpress/css/code-editor.css |   76 +
 .../wordpress/css/code-editor.min.css         |    2 +
 .../wordpress/css/color-picker-rtl.css        |  183 +
 .../wordpress/css/color-picker-rtl.min.css    |    2 +
 .../storybook/wordpress/css/color-picker.css  |  182 +
 .../wordpress/css/color-picker.min.css        |    2 +
 .../wordpress/css/colors/_admin.scss          |  797 +++
 .../wordpress/css/colors/_mixins.scss         |   37 +
 .../wordpress/css/colors/_variables.scss      |   66 +
 .../wordpress/css/colors/blue/colors-rtl.css  |  714 +++
 .../css/colors/blue/colors-rtl.min.css        |    2 +
 .../wordpress/css/colors/blue/colors.css      |  714 +++
 .../wordpress/css/colors/blue/colors.min.css  |    2 +
 .../wordpress/css/colors/blue/colors.scss     |   12 +
 .../css/colors/coffee/colors-rtl.css          |  681 +++
 .../css/colors/coffee/colors-rtl.min.css      |    2 +
 .../wordpress/css/colors/coffee/colors.css    |  681 +++
 .../css/colors/coffee/colors.min.css          |    2 +
 .../wordpress/css/colors/coffee/colors.scss   |    9 +
 .../css/colors/ectoplasm/colors-rtl.css       |  714 +++
 .../css/colors/ectoplasm/colors-rtl.min.css   |    2 +
 .../wordpress/css/colors/ectoplasm/colors.css |  714 +++
 .../css/colors/ectoplasm/colors.min.css       |    2 +
 .../css/colors/ectoplasm/colors.scss          |    9 +
 .../wordpress/css/colors/light/colors-rtl.css |  720 +++
 .../css/colors/light/colors-rtl.min.css       |    2 +
 .../wordpress/css/colors/light/colors.css     |  720 +++
 .../wordpress/css/colors/light/colors.min.css |    2 +
 .../wordpress/css/colors/light/colors.scss    |   27 +
 .../css/colors/midnight/colors-rtl.css        |  714 +++
 .../css/colors/midnight/colors-rtl.min.css    |    2 +
 .../wordpress/css/colors/midnight/colors.css  |  714 +++
 .../css/colors/midnight/colors.min.css        |    2 +
 .../wordpress/css/colors/midnight/colors.scss |    6 +
 .../css/colors/modern/colors-rtl.css          |  714 +++
 .../css/colors/modern/colors-rtl.min.css      |    2 +
 .../wordpress/css/colors/modern/colors.css    |  714 +++
 .../css/colors/modern/colors.min.css          |    2 +
 .../wordpress/css/colors/modern/colors.scss   |   10 +
 .../wordpress/css/colors/ocean/colors-rtl.css |  681 +++
 .../css/colors/ocean/colors-rtl.min.css       |    2 +
 .../wordpress/css/colors/ocean/colors.css     |  681 +++
 .../wordpress/css/colors/ocean/colors.min.css |    2 +
 .../wordpress/css/colors/ocean/colors.scss    |   10 +
 .../css/colors/sunrise/colors-rtl.css         |  714 +++
 .../css/colors/sunrise/colors-rtl.min.css     |    2 +
 .../wordpress/css/colors/sunrise/colors.css   |  714 +++
 .../css/colors/sunrise/colors.min.css         |    2 +
 .../wordpress/css/colors/sunrise/colors.scss  |    7 +
 tools/storybook/wordpress/css/common-rtl.css  | 4123 ++++++++++++++
 .../wordpress/css/common-rtl.min.css          |    9 +
 tools/storybook/wordpress/css/common.css      | 4122 ++++++++++++++
 tools/storybook/wordpress/css/common.min.css  |    9 +
 .../wordpress/css/customize-controls-rtl.css  | 3003 +++++++++++
 .../css/customize-controls-rtl.min.css        |    2 +
 .../wordpress/css/customize-controls.css      | 3002 +++++++++++
 .../wordpress/css/customize-controls.min.css  |    2 +
 .../wordpress/css/customize-nav-menus-rtl.css |  884 +++
 .../css/customize-nav-menus-rtl.min.css       |    2 +
 .../wordpress/css/customize-nav-menus.css     |  883 +++
 .../wordpress/css/customize-nav-menus.min.css |    2 +
 .../wordpress/css/customize-widgets-rtl.css   |  479 ++
 .../css/customize-widgets-rtl.min.css         |    2 +
 .../wordpress/css/customize-widgets.css       |  478 ++
 .../wordpress/css/customize-widgets.min.css   |    2 +
 .../storybook/wordpress/css/dashboard-rtl.css | 1488 ++++++
 .../wordpress/css/dashboard-rtl.min.css       |    2 +
 tools/storybook/wordpress/css/dashboard.css   | 1487 ++++++
 .../storybook/wordpress/css/dashboard.min.css |    2 +
 .../wordpress/css/deprecated-media-rtl.css    |  430 ++
 .../css/deprecated-media-rtl.min.css          |    2 +
 .../wordpress/css/deprecated-media.css        |  429 ++
 .../wordpress/css/deprecated-media.min.css    |    2 +
 tools/storybook/wordpress/css/edit-rtl.css    | 2022 +++++++
 .../storybook/wordpress/css/edit-rtl.min.css  |    2 +
 tools/storybook/wordpress/css/edit.css        | 2021 +++++++
 tools/storybook/wordpress/css/edit.min.css    |    2 +
 .../wordpress/css/farbtastic-rtl.css          |   42 +
 .../wordpress/css/farbtastic-rtl.min.css      |    2 +
 tools/storybook/wordpress/css/farbtastic.css  |   41 +
 .../wordpress/css/farbtastic.min.css          |    2 +
 tools/storybook/wordpress/css/forms-rtl.css   | 1766 ++++++
 .../storybook/wordpress/css/forms-rtl.min.css |    2 +
 tools/storybook/wordpress/css/forms.css       | 1765 ++++++
 tools/storybook/wordpress/css/forms.min.css   |    2 +
 tools/storybook/wordpress/css/install-rtl.css |  380 ++
 .../wordpress/css/install-rtl.min.css         |    2 +
 tools/storybook/wordpress/css/install.css     |  379 ++
 tools/storybook/wordpress/css/install.min.css |    2 +
 tools/storybook/wordpress/css/l10n-rtl.css    |  121 +
 .../storybook/wordpress/css/l10n-rtl.min.css  |    2 +
 tools/storybook/wordpress/css/l10n.css        |  120 +
 tools/storybook/wordpress/css/l10n.min.css    |    2 +
 .../wordpress/css/list-tables-rtl.css         | 2247 ++++++++
 .../wordpress/css/list-tables-rtl.min.css     |    2 +
 tools/storybook/wordpress/css/list-tables.css | 2246 ++++++++
 .../wordpress/css/list-tables.min.css         |    2 +
 tools/storybook/wordpress/css/login-rtl.css   |  480 ++
 .../storybook/wordpress/css/login-rtl.min.css |    2 +
 tools/storybook/wordpress/css/login.css       |  479 ++
 tools/storybook/wordpress/css/login.min.css   |    2 +
 tools/storybook/wordpress/css/media-rtl.css   | 1368 +++++
 .../storybook/wordpress/css/media-rtl.min.css |    2 +
 tools/storybook/wordpress/css/media.css       | 1367 +++++
 tools/storybook/wordpress/css/media.min.css   |    2 +
 .../storybook/wordpress/css/nav-menus-rtl.css | 1027 ++++
 .../wordpress/css/nav-menus-rtl.min.css       |    2 +
 tools/storybook/wordpress/css/nav-menus.css   | 1026 ++++
 .../storybook/wordpress/css/nav-menus.min.css |    2 +
 .../storybook/wordpress/css/revisions-rtl.css |  603 +++
 .../wordpress/css/revisions-rtl.min.css       |    2 +
 tools/storybook/wordpress/css/revisions.css   |  602 +++
 .../storybook/wordpress/css/revisions.min.css |    2 +
 .../wordpress/css/site-health-rtl.css         |  360 ++
 .../wordpress/css/site-health-rtl.min.css     |    2 +
 tools/storybook/wordpress/css/site-health.css |  359 ++
 .../wordpress/css/site-health.min.css         |    2 +
 .../storybook/wordpress/css/site-icon-rtl.css |   55 +
 .../wordpress/css/site-icon-rtl.min.css       |    2 +
 tools/storybook/wordpress/css/site-icon.css   |   54 +
 .../storybook/wordpress/css/site-icon.min.css |    2 +
 tools/storybook/wordpress/css/themes-rtl.css  | 2005 +++++++
 .../wordpress/css/themes-rtl.min.css          |    2 +
 tools/storybook/wordpress/css/themes.css      | 2004 +++++++
 tools/storybook/wordpress/css/themes.min.css  |    2 +
 tools/storybook/wordpress/css/widgets-rtl.css |  877 +++
 .../wordpress/css/widgets-rtl.min.css         |    2 +
 tools/storybook/wordpress/css/widgets.css     |  876 +++
 tools/storybook/wordpress/css/widgets.min.css |    2 +
 .../storybook/wordpress/css/wp-admin-rtl.css  |   16 +
 .../wordpress/css/wp-admin-rtl.min.css        |   16 +
 tools/storybook/wordpress/css/wp-admin.css    |   15 +
 .../storybook/wordpress/css/wp-admin.min.css  |   16 +
 .../wordpress/images/about-header-about.svg   |   11 +
 .../wordpress/images/about-header-credits.svg |   15 +
 .../images/about-header-freedoms.svg          |   18 +
 .../wordpress/images/about-header-privacy.svg |   12 +
 .../wordpress/images/about-texture.png        |  Bin 0 -> 146755 bytes
 .../wordpress/images/align-center-2x.png      |  Bin 0 -> 147 bytes
 .../wordpress/images/align-center.png         |  Bin 0 -> 546 bytes
 .../wordpress/images/align-left-2x.png        |  Bin 0 -> 143 bytes
 .../storybook/wordpress/images/align-left.png |  Bin 0 -> 554 bytes
 .../wordpress/images/align-none-2x.png        |  Bin 0 -> 121 bytes
 .../storybook/wordpress/images/align-none.png |  Bin 0 -> 417 bytes
 .../wordpress/images/align-right-2x.png       |  Bin 0 -> 142 bytes
 .../wordpress/images/align-right.png          |  Bin 0 -> 509 bytes
 .../storybook/wordpress/images/arrows-2x.png  |  Bin 0 -> 863 bytes
 tools/storybook/wordpress/images/arrows.png   |  Bin 0 -> 243 bytes
 .../wordpress/images/browser-rtl.png          |  Bin 0 -> 40170 bytes
 tools/storybook/wordpress/images/browser.png  |  Bin 0 -> 40626 bytes
 .../wordpress/images/bubble_bg-2x.gif         |  Bin 0 -> 424 bytes
 .../storybook/wordpress/images/bubble_bg.gif  |  Bin 0 -> 398 bytes
 .../images/comment-grey-bubble-2x.png         |  Bin 0 -> 258 bytes
 .../wordpress/images/comment-grey-bubble.png  |  Bin 0 -> 114 bytes
 .../wordpress/images/date-button-2x.gif       |  Bin 0 -> 996 bytes
 .../wordpress/images/date-button.gif          |  Bin 0 -> 400 bytes
 .../storybook/wordpress/images/freedom-1.svg  |   12 +
 .../storybook/wordpress/images/freedom-2.svg  |   13 +
 .../storybook/wordpress/images/freedom-3.svg  |   37 +
 .../storybook/wordpress/images/freedom-4.svg  |   28 +
 tools/storybook/wordpress/images/generic.png  |  Bin 0 -> 719 bytes
 .../storybook/wordpress/images/icons32-2x.png |  Bin 0 -> 21770 bytes
 .../wordpress/images/icons32-vs-2x.png        |  Bin 0 -> 21396 bytes
 .../storybook/wordpress/images/icons32-vs.png |  Bin 0 -> 8007 bytes
 tools/storybook/wordpress/images/icons32.png  |  Bin 0 -> 8023 bytes
 .../wordpress/images/imgedit-icons-2x.png     |  Bin 0 -> 7664 bytes
 .../wordpress/images/imgedit-icons.png        |  Bin 0 -> 4055 bytes
 tools/storybook/wordpress/images/list-2x.png  |  Bin 0 -> 1523 bytes
 tools/storybook/wordpress/images/list.png     |  Bin 0 -> 1003 bytes
 tools/storybook/wordpress/images/loading.gif  |  Bin 0 -> 1372 bytes
 tools/storybook/wordpress/images/marker.png   |  Bin 0 -> 360 bytes
 tools/storybook/wordpress/images/mask.png     |  Bin 0 -> 2001 bytes
 .../wordpress/images/media-button-2x.png      |  Bin 0 -> 850 bytes
 .../wordpress/images/media-button-image.gif   |  Bin 0 -> 200 bytes
 .../wordpress/images/media-button-music.gif   |  Bin 0 -> 206 bytes
 .../wordpress/images/media-button-other.gif   |  Bin 0 -> 248 bytes
 .../wordpress/images/media-button-video.gif   |  Bin 0 -> 133 bytes
 .../wordpress/images/media-button.png         |  Bin 0 -> 323 bytes
 tools/storybook/wordpress/images/menu-2x.png  |  Bin 0 -> 12672 bytes
 .../storybook/wordpress/images/menu-vs-2x.png |  Bin 0 -> 12453 bytes
 tools/storybook/wordpress/images/menu-vs.png  |  Bin 0 -> 5086 bytes
 tools/storybook/wordpress/images/menu.png     |  Bin 0 -> 5039 bytes
 tools/storybook/wordpress/images/no.png       |  Bin 0 -> 755 bytes
 .../wordpress/images/post-formats-vs.png      |  Bin 0 -> 2450 bytes
 .../wordpress/images/post-formats.png         |  Bin 0 -> 2157 bytes
 .../wordpress/images/post-formats32-vs.png    |  Bin 0 -> 5111 bytes
 .../wordpress/images/post-formats32.png       |  Bin 0 -> 5142 bytes
 tools/storybook/wordpress/images/privacy.svg  |   30 +
 .../storybook/wordpress/images/resize-2x.gif  |  Bin 0 -> 151 bytes
 .../wordpress/images/resize-rtl-2x.gif        |  Bin 0 -> 150 bytes
 .../storybook/wordpress/images/resize-rtl.gif |  Bin 0 -> 70 bytes
 tools/storybook/wordpress/images/resize.gif   |  Bin 0 -> 64 bytes
 tools/storybook/wordpress/images/se.png       |  Bin 0 -> 120 bytes
 tools/storybook/wordpress/images/sort-2x.gif  |  Bin 0 -> 97 bytes
 tools/storybook/wordpress/images/sort.gif     |  Bin 0 -> 55 bytes
 .../storybook/wordpress/images/spinner-2x.gif |  Bin 0 -> 7536 bytes
 tools/storybook/wordpress/images/spinner.gif  |  Bin 0 -> 3656 bytes
 tools/storybook/wordpress/images/stars-2x.png |  Bin 0 -> 1257 bytes
 tools/storybook/wordpress/images/stars.png    |  Bin 0 -> 924 bytes
 .../wordpress/images/w-logo-blue.png          |  Bin 0 -> 3113 bytes
 .../wordpress/images/w-logo-white.png         |  Bin 0 -> 5395 bytes
 tools/storybook/wordpress/images/wheel.png    |  Bin 0 -> 6047 bytes
 .../wordpress/images/wordpress-logo-white.svg |    1 +
 .../wordpress/images/wordpress-logo.png       |  Bin 0 -> 2480 bytes
 .../wordpress/images/wordpress-logo.svg       |    1 +
 .../wordpress/images/wpspin_light-2x.gif      |  Bin 0 -> 8875 bytes
 .../wordpress/images/wpspin_light.gif         |  Bin 0 -> 2052 bytes
 tools/storybook/wordpress/images/xit-2x.gif   |  Bin 0 -> 825 bytes
 tools/storybook/wordpress/images/xit.gif      |  Bin 0 -> 181 bytes
 tools/storybook/wordpress/images/yes.png      |  Bin 0 -> 539 bytes
 234 files changed, 68371 insertions(+), 2071 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-storybook-location
 rename {plugins/woocommerce-admin => tools}/storybook/.storybook/main.js (88%)
 rename {plugins/woocommerce-admin => tools}/storybook/.storybook/preview-head.html (100%)
 rename {plugins/woocommerce-admin/bin => tools/storybook}/import-wp-css-storybook.sh (100%)
 rename {plugins/woocommerce-admin => tools}/storybook/manager.js (100%)
 rename {plugins/woocommerce-admin => tools}/storybook/preview.js (100%)
 rename {plugins/woocommerce-admin => tools}/storybook/setting.mock.js (100%)
 rename {plugins/woocommerce-admin => tools}/storybook/tsconfig.json (100%)
 rename {plugins/woocommerce-admin => tools}/storybook/webpack.config.js (63%)
 rename {plugins/woocommerce-admin => tools}/storybook/woocommerce_logo.png (100%)
 create mode 100644 tools/storybook/wordpress/css/about-rtl.css
 create mode 100644 tools/storybook/wordpress/css/about-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/about.css
 create mode 100644 tools/storybook/wordpress/css/about.min.css
 create mode 100644 tools/storybook/wordpress/css/admin-menu-rtl.css
 create mode 100644 tools/storybook/wordpress/css/admin-menu-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/admin-menu.css
 create mode 100644 tools/storybook/wordpress/css/admin-menu.min.css
 create mode 100644 tools/storybook/wordpress/css/code-editor-rtl.css
 create mode 100644 tools/storybook/wordpress/css/code-editor-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/code-editor.css
 create mode 100644 tools/storybook/wordpress/css/code-editor.min.css
 create mode 100644 tools/storybook/wordpress/css/color-picker-rtl.css
 create mode 100644 tools/storybook/wordpress/css/color-picker-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/color-picker.css
 create mode 100644 tools/storybook/wordpress/css/color-picker.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/_admin.scss
 create mode 100644 tools/storybook/wordpress/css/colors/_mixins.scss
 create mode 100644 tools/storybook/wordpress/css/colors/_variables.scss
 create mode 100644 tools/storybook/wordpress/css/colors/blue/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/blue/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/blue/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/blue/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/blue/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/coffee/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/coffee/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/coffee/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/coffee/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/coffee/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/ectoplasm/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/ectoplasm/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/ectoplasm/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/light/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/light/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/light/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/light/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/light/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/midnight/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/midnight/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/midnight/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/midnight/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/midnight/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/modern/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/modern/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/modern/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/modern/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/modern/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/ocean/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/ocean/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/ocean/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/ocean/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/ocean/colors.scss
 create mode 100644 tools/storybook/wordpress/css/colors/sunrise/colors-rtl.css
 create mode 100644 tools/storybook/wordpress/css/colors/sunrise/colors-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/sunrise/colors.css
 create mode 100644 tools/storybook/wordpress/css/colors/sunrise/colors.min.css
 create mode 100644 tools/storybook/wordpress/css/colors/sunrise/colors.scss
 create mode 100644 tools/storybook/wordpress/css/common-rtl.css
 create mode 100644 tools/storybook/wordpress/css/common-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/common.css
 create mode 100644 tools/storybook/wordpress/css/common.min.css
 create mode 100644 tools/storybook/wordpress/css/customize-controls-rtl.css
 create mode 100644 tools/storybook/wordpress/css/customize-controls-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/customize-controls.css
 create mode 100644 tools/storybook/wordpress/css/customize-controls.min.css
 create mode 100644 tools/storybook/wordpress/css/customize-nav-menus-rtl.css
 create mode 100644 tools/storybook/wordpress/css/customize-nav-menus-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/customize-nav-menus.css
 create mode 100644 tools/storybook/wordpress/css/customize-nav-menus.min.css
 create mode 100644 tools/storybook/wordpress/css/customize-widgets-rtl.css
 create mode 100644 tools/storybook/wordpress/css/customize-widgets-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/customize-widgets.css
 create mode 100644 tools/storybook/wordpress/css/customize-widgets.min.css
 create mode 100644 tools/storybook/wordpress/css/dashboard-rtl.css
 create mode 100644 tools/storybook/wordpress/css/dashboard-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/dashboard.css
 create mode 100644 tools/storybook/wordpress/css/dashboard.min.css
 create mode 100644 tools/storybook/wordpress/css/deprecated-media-rtl.css
 create mode 100644 tools/storybook/wordpress/css/deprecated-media-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/deprecated-media.css
 create mode 100644 tools/storybook/wordpress/css/deprecated-media.min.css
 create mode 100644 tools/storybook/wordpress/css/edit-rtl.css
 create mode 100644 tools/storybook/wordpress/css/edit-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/edit.css
 create mode 100644 tools/storybook/wordpress/css/edit.min.css
 create mode 100644 tools/storybook/wordpress/css/farbtastic-rtl.css
 create mode 100644 tools/storybook/wordpress/css/farbtastic-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/farbtastic.css
 create mode 100644 tools/storybook/wordpress/css/farbtastic.min.css
 create mode 100644 tools/storybook/wordpress/css/forms-rtl.css
 create mode 100644 tools/storybook/wordpress/css/forms-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/forms.css
 create mode 100644 tools/storybook/wordpress/css/forms.min.css
 create mode 100644 tools/storybook/wordpress/css/install-rtl.css
 create mode 100644 tools/storybook/wordpress/css/install-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/install.css
 create mode 100644 tools/storybook/wordpress/css/install.min.css
 create mode 100644 tools/storybook/wordpress/css/l10n-rtl.css
 create mode 100644 tools/storybook/wordpress/css/l10n-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/l10n.css
 create mode 100644 tools/storybook/wordpress/css/l10n.min.css
 create mode 100644 tools/storybook/wordpress/css/list-tables-rtl.css
 create mode 100644 tools/storybook/wordpress/css/list-tables-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/list-tables.css
 create mode 100644 tools/storybook/wordpress/css/list-tables.min.css
 create mode 100644 tools/storybook/wordpress/css/login-rtl.css
 create mode 100644 tools/storybook/wordpress/css/login-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/login.css
 create mode 100644 tools/storybook/wordpress/css/login.min.css
 create mode 100644 tools/storybook/wordpress/css/media-rtl.css
 create mode 100644 tools/storybook/wordpress/css/media-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/media.css
 create mode 100644 tools/storybook/wordpress/css/media.min.css
 create mode 100644 tools/storybook/wordpress/css/nav-menus-rtl.css
 create mode 100644 tools/storybook/wordpress/css/nav-menus-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/nav-menus.css
 create mode 100644 tools/storybook/wordpress/css/nav-menus.min.css
 create mode 100644 tools/storybook/wordpress/css/revisions-rtl.css
 create mode 100644 tools/storybook/wordpress/css/revisions-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/revisions.css
 create mode 100644 tools/storybook/wordpress/css/revisions.min.css
 create mode 100644 tools/storybook/wordpress/css/site-health-rtl.css
 create mode 100644 tools/storybook/wordpress/css/site-health-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/site-health.css
 create mode 100644 tools/storybook/wordpress/css/site-health.min.css
 create mode 100644 tools/storybook/wordpress/css/site-icon-rtl.css
 create mode 100644 tools/storybook/wordpress/css/site-icon-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/site-icon.css
 create mode 100644 tools/storybook/wordpress/css/site-icon.min.css
 create mode 100644 tools/storybook/wordpress/css/themes-rtl.css
 create mode 100644 tools/storybook/wordpress/css/themes-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/themes.css
 create mode 100644 tools/storybook/wordpress/css/themes.min.css
 create mode 100644 tools/storybook/wordpress/css/widgets-rtl.css
 create mode 100644 tools/storybook/wordpress/css/widgets-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/widgets.css
 create mode 100644 tools/storybook/wordpress/css/widgets.min.css
 create mode 100644 tools/storybook/wordpress/css/wp-admin-rtl.css
 create mode 100644 tools/storybook/wordpress/css/wp-admin-rtl.min.css
 create mode 100644 tools/storybook/wordpress/css/wp-admin.css
 create mode 100644 tools/storybook/wordpress/css/wp-admin.min.css
 create mode 100644 tools/storybook/wordpress/images/about-header-about.svg
 create mode 100644 tools/storybook/wordpress/images/about-header-credits.svg
 create mode 100644 tools/storybook/wordpress/images/about-header-freedoms.svg
 create mode 100644 tools/storybook/wordpress/images/about-header-privacy.svg
 create mode 100644 tools/storybook/wordpress/images/about-texture.png
 create mode 100644 tools/storybook/wordpress/images/align-center-2x.png
 create mode 100644 tools/storybook/wordpress/images/align-center.png
 create mode 100644 tools/storybook/wordpress/images/align-left-2x.png
 create mode 100644 tools/storybook/wordpress/images/align-left.png
 create mode 100644 tools/storybook/wordpress/images/align-none-2x.png
 create mode 100644 tools/storybook/wordpress/images/align-none.png
 create mode 100644 tools/storybook/wordpress/images/align-right-2x.png
 create mode 100644 tools/storybook/wordpress/images/align-right.png
 create mode 100644 tools/storybook/wordpress/images/arrows-2x.png
 create mode 100644 tools/storybook/wordpress/images/arrows.png
 create mode 100644 tools/storybook/wordpress/images/browser-rtl.png
 create mode 100644 tools/storybook/wordpress/images/browser.png
 create mode 100644 tools/storybook/wordpress/images/bubble_bg-2x.gif
 create mode 100644 tools/storybook/wordpress/images/bubble_bg.gif
 create mode 100644 tools/storybook/wordpress/images/comment-grey-bubble-2x.png
 create mode 100644 tools/storybook/wordpress/images/comment-grey-bubble.png
 create mode 100644 tools/storybook/wordpress/images/date-button-2x.gif
 create mode 100644 tools/storybook/wordpress/images/date-button.gif
 create mode 100644 tools/storybook/wordpress/images/freedom-1.svg
 create mode 100644 tools/storybook/wordpress/images/freedom-2.svg
 create mode 100644 tools/storybook/wordpress/images/freedom-3.svg
 create mode 100644 tools/storybook/wordpress/images/freedom-4.svg
 create mode 100644 tools/storybook/wordpress/images/generic.png
 create mode 100644 tools/storybook/wordpress/images/icons32-2x.png
 create mode 100644 tools/storybook/wordpress/images/icons32-vs-2x.png
 create mode 100644 tools/storybook/wordpress/images/icons32-vs.png
 create mode 100644 tools/storybook/wordpress/images/icons32.png
 create mode 100644 tools/storybook/wordpress/images/imgedit-icons-2x.png
 create mode 100644 tools/storybook/wordpress/images/imgedit-icons.png
 create mode 100644 tools/storybook/wordpress/images/list-2x.png
 create mode 100644 tools/storybook/wordpress/images/list.png
 create mode 100644 tools/storybook/wordpress/images/loading.gif
 create mode 100644 tools/storybook/wordpress/images/marker.png
 create mode 100644 tools/storybook/wordpress/images/mask.png
 create mode 100644 tools/storybook/wordpress/images/media-button-2x.png
 create mode 100644 tools/storybook/wordpress/images/media-button-image.gif
 create mode 100644 tools/storybook/wordpress/images/media-button-music.gif
 create mode 100644 tools/storybook/wordpress/images/media-button-other.gif
 create mode 100644 tools/storybook/wordpress/images/media-button-video.gif
 create mode 100644 tools/storybook/wordpress/images/media-button.png
 create mode 100644 tools/storybook/wordpress/images/menu-2x.png
 create mode 100644 tools/storybook/wordpress/images/menu-vs-2x.png
 create mode 100644 tools/storybook/wordpress/images/menu-vs.png
 create mode 100644 tools/storybook/wordpress/images/menu.png
 create mode 100644 tools/storybook/wordpress/images/no.png
 create mode 100644 tools/storybook/wordpress/images/post-formats-vs.png
 create mode 100644 tools/storybook/wordpress/images/post-formats.png
 create mode 100644 tools/storybook/wordpress/images/post-formats32-vs.png
 create mode 100644 tools/storybook/wordpress/images/post-formats32.png
 create mode 100644 tools/storybook/wordpress/images/privacy.svg
 create mode 100644 tools/storybook/wordpress/images/resize-2x.gif
 create mode 100644 tools/storybook/wordpress/images/resize-rtl-2x.gif
 create mode 100644 tools/storybook/wordpress/images/resize-rtl.gif
 create mode 100644 tools/storybook/wordpress/images/resize.gif
 create mode 100644 tools/storybook/wordpress/images/se.png
 create mode 100644 tools/storybook/wordpress/images/sort-2x.gif
 create mode 100644 tools/storybook/wordpress/images/sort.gif
 create mode 100644 tools/storybook/wordpress/images/spinner-2x.gif
 create mode 100644 tools/storybook/wordpress/images/spinner.gif
 create mode 100644 tools/storybook/wordpress/images/stars-2x.png
 create mode 100644 tools/storybook/wordpress/images/stars.png
 create mode 100644 tools/storybook/wordpress/images/w-logo-blue.png
 create mode 100644 tools/storybook/wordpress/images/w-logo-white.png
 create mode 100644 tools/storybook/wordpress/images/wheel.png
 create mode 100644 tools/storybook/wordpress/images/wordpress-logo-white.svg
 create mode 100644 tools/storybook/wordpress/images/wordpress-logo.png
 create mode 100644 tools/storybook/wordpress/images/wordpress-logo.svg
 create mode 100644 tools/storybook/wordpress/images/wpspin_light-2x.gif
 create mode 100644 tools/storybook/wordpress/images/wpspin_light.gif
 create mode 100644 tools/storybook/wordpress/images/xit-2x.gif
 create mode 100644 tools/storybook/wordpress/images/xit.gif
 create mode 100644 tools/storybook/wordpress/images/yes.png

diff --git a/package.json b/package.json
index a945a056869..119c7a6018f 100644
--- a/package.json
+++ b/package.json
@@ -1,54 +1,84 @@
 {
-  "name": "woocommerce-monorepo",
-  "title": "WooCommerce Monorepo",
-  "description": "Monorepo for the WooCommerce ecosystem",
-  "homepage": "https://woocommerce.com/",
-  "private": true,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "author": "Automattic",
-  "license": "GPL-3.0-or-later",
-  "bugs": {
-    "url": "https://github.com/woocommerce/woocommerce/issues"
-  },
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "postinstall": "pnpm git:update-hooks",
-    "git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && husky install",
-    "create-extension": "node ./tools/create-extension/index.js"
-  },
-  "devDependencies": {
-    "@automattic/nx-composer": "^0.1.0",
-    "@nrwl/cli": "^13.3.4",
-    "@nrwl/devkit": "^13.1.4",
-    "@nrwl/linter": "^13.3.4",
-    "@nrwl/tao": "13.3.4",
-    "@nrwl/web": "^13.3.4",
-    "@nrwl/workspace": "^13.3.4",
-    "@types/node": "14.14.33",
-    "@woocommerce/eslint-plugin": "workspace:*",
-    "@wordpress/eslint-plugin": "^11.0.0",
-    "@wordpress/prettier-config": "^1.1.1",
-    "chalk": "^4.1.2",
-    "glob": "^7.2.0",
-    "husky": "^7.0.4",
-    "jest": "^27.3.1",
-    "lint-staged": "^12.3.7",
-    "mkdirp": "^1.0.4",
-    "node-stream-zip": "^1.15.0",
-    "prettier": "npm:wp-prettier@^2.2.1-beta-1",
-    "request": "^2.88.2",
-    "typescript": "4.2.4"
-  },
-  "dependencies": {
-    "@babel/core": "7.12.9",
-    "@wordpress/babel-plugin-import-jsx-pragma": "^3.1.0",
-    "@wordpress/babel-preset-default": "^6.4.1",
-    "fs-extra": "^10.0.1",
-    "lodash": "^4.17.21",
-    "promptly": "^3.2.0",
-    "wp-textdomain": "1.0.1"
-  }
+	"name": "woocommerce-monorepo",
+	"title": "WooCommerce Monorepo",
+	"description": "Monorepo for the WooCommerce ecosystem",
+	"homepage": "https://woocommerce.com/",
+	"private": true,
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"author": "Automattic",
+	"license": "GPL-3.0-or-later",
+	"bugs": {
+		"url": "https://github.com/woocommerce/woocommerce/issues"
+	},
+	"scripts": {
+		"build-storybook": "build-storybook  -c ./tools/storybook/.storybook",
+		"preinstall": "npx only-allow pnpm",
+		"postinstall": "pnpm git:update-hooks",
+		"git:update-hooks": "rm -r .git/hooks && mkdir -p .git/hooks && husky install",
+		"storybook": "./tools/storybook/import-wp-css-storybook.sh && BABEL_ENV=storybook STORYBOOK=true start-storybook -c ./tools/storybook/.storybook -p 6007 --ci",
+		"storybook-rtl": "USE_RTL_STYLE=true pnpm run storybook",
+		"create-extension": "node ./tools/create-extension/index.js"
+	},
+	"devDependencies": {
+		"@automattic/nx-composer": "^0.1.0",
+		"@babel/preset-env": "^7.16.11",
+		"@babel/runtime": "^7.17.2",
+		"@nrwl/cli": "^13.3.4",
+		"@nrwl/devkit": "^13.1.4",
+		"@nrwl/linter": "^13.3.4",
+		"@nrwl/tao": "13.3.4",
+		"@nrwl/web": "^13.3.4",
+		"@nrwl/workspace": "^13.3.4",
+		"@storybook/addon-a11y": "^6.4.19",
+		"@storybook/addon-actions": "^6.4.19",
+		"@storybook/addon-console": "^1.2.3",
+		"@storybook/addon-controls": "^6.4.19",
+		"@storybook/addon-docs": "^6.4.19",
+		"@storybook/addon-knobs": "^6.4.0",
+		"@storybook/addon-links": "^6.4.19",
+		"@storybook/addon-storysource": "^6.4.19",
+		"@storybook/addon-viewport": "^6.4.19",
+		"@storybook/addons": "^6.4.19",
+		"@storybook/api": "^6.4.19",
+		"@storybook/builder-webpack5": "^6.4.19",
+		"@storybook/components": "^6.4.19",
+		"@storybook/core-events": "^6.4.19",
+		"@storybook/manager-webpack5": "^6.4.19",
+		"@storybook/react": "^6.4.19",
+		"@storybook/theming": "^6.4.19",
+		"@types/node": "14.14.33",
+		"@woocommerce/eslint-plugin": "workspace:*",
+		"@wordpress/data": "^6.3.0",
+		"@wordpress/eslint-plugin": "^11.0.0",
+		"@wordpress/prettier-config": "^1.1.1",
+		"babel-loader": "^8.2.3",
+		"chalk": "^4.1.2",
+		"core-js": "^3.21.1",
+		"css-loader": "^6.7.0",
+		"glob": "^7.2.0",
+		"husky": "^7.0.4",
+		"jest": "^27.3.1",
+		"lint-staged": "^12.3.7",
+		"moment": "^2.29.1",
+		"mkdirp": "^1.0.4",
+		"node-stream-zip": "^1.15.0",
+		"prettier": "npm:wp-prettier@^2.2.1-beta-1",
+		"postcss-loader": "^3.0.0",
+		"regenerator-runtime": "^0.13.9",
+		"request": "^2.88.2",
+		"sass": "^1.49.9",
+		"sass-loader": "^10.2.1",
+		"typescript": "4.2.4",
+		"webpack": "^5.70.0"
+	},
+	"dependencies": {
+		"@babel/core": "7.12.9",
+		"@wordpress/babel-plugin-import-jsx-pragma": "^3.1.0",
+		"@wordpress/babel-preset-default": "^6.4.1",
+		"lodash": "^4.17.21",
+		"wp-textdomain": "1.0.1"
+	}
 }
diff --git a/plugins/woocommerce-admin/package.json b/plugins/woocommerce-admin/package.json
index e281bf46a71..f7149f13fde 100644
--- a/plugins/woocommerce-admin/package.json
+++ b/plugins/woocommerce-admin/package.json
@@ -12,7 +12,6 @@
 		"analyze": "cross-env NODE_ENV=production ANALYZE=true webpack",
 		"prebuild": "pnpm run install-if-deps-outdated",
 		"build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && cross-env NODE_ENV=production WC_ADMIN_PHASE=core webpack",
-		"build-storybook": "build-storybook  -c ./storybook/.storybook",
 		"build:feature-config": "php ../woocommerce/bin/generate-feature-config.php",
 		"build:packages": "cross-env NODE_ENV=production pnpm run:packages -- build",
 		"clean": "rimraf ../woocommerce/assets/client/admin/* && pnpm run:packages -- clean --parallel",
@@ -44,8 +43,6 @@
 		"prestart": "pnpm run install-if-deps-outdated",
 		"start": "cross-env WC_ADMIN_PHASE=development pnpm run build:packages && cross-env WC_ADMIN_PHASE=development pnpm run build:feature-config && concurrently \"cross-env WC_ADMIN_PHASE=development webpack --watch\" \"cross-env WC_ADMIN_PHASE=development pnpm run:packages -- start --parallel\"",
 		"start:package": "pnpm run:packages -- start --parallel",
-		"storybook": "./bin/import-wp-css-storybook.sh && BABEL_ENV=storybook STORYBOOK=true start-storybook -c ./storybook/.storybook -p 6007 --ci",
-		"storybook-rtl": "USE_RTL_STYLE=true pnpm run storybook",
 		"pretest": "pnpm run -s install-if-no-packages",
 		"test": "pnpm nx build @woocommerce/js-tests && pnpm run test:client",
 		"test-staged": "pnpm run test:client -- --bail --findRelatedTests",
@@ -121,23 +118,6 @@
 		"@babel/preset-typescript": "^7.16.7",
 		"@babel/runtime": "^7.17.2",
 		"@octokit/core": "^3.5.1",
-		"@storybook/addon-a11y": "^6.4.19",
-		"@storybook/addon-actions": "^6.4.19",
-		"@storybook/addon-console": "^1.2.3",
-		"@storybook/addon-controls": "^6.4.19",
-		"@storybook/addon-docs": "^6.4.19",
-		"@storybook/addon-knobs": "^6.4.0",
-		"@storybook/addon-links": "^6.4.19",
-		"@storybook/addon-storysource": "^6.4.19",
-		"@storybook/addon-viewport": "^6.4.19",
-		"@storybook/addons": "^6.4.19",
-		"@storybook/api": "^6.4.19",
-		"@storybook/builder-webpack5": "^6.4.19",
-		"@storybook/components": "^6.4.19",
-		"@storybook/core-events": "^6.4.19",
-		"@storybook/manager-webpack5": "^6.4.19",
-		"@storybook/react": "^6.4.19",
-		"@storybook/theming": "^6.4.19",
 		"@testing-library/dom": "^8.11.3",
 		"@testing-library/jest-dom": "^5.16.2",
 		"@testing-library/react": "^12.1.3",
diff --git a/plugins/woocommerce-admin/webpack.config.js b/plugins/woocommerce-admin/webpack.config.js
index 1a2a4536a00..483c2199d0c 100644
--- a/plugins/woocommerce-admin/webpack.config.js
+++ b/plugins/woocommerce-admin/webpack.config.js
@@ -140,7 +140,7 @@ const webpackConfig = {
 	plugins: [
 		...styleConfig.plugins,
 		// Runs TypeScript type checker on a separate process.
-		new ForkTsCheckerWebpackPlugin(),
+		! process.env.STORYBOOK && new ForkTsCheckerWebpackPlugin(),
 		new CustomTemplatedPathPlugin( {
 			modulename( outputPath, data ) {
 				const entryName = get( data, [ 'chunk', 'name' ] );
diff --git a/plugins/woocommerce/changelog/fix-storybook-location b/plugins/woocommerce/changelog/fix-storybook-location
new file mode 100644
index 00000000000..c996b22b7f3
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-storybook-location
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Move Storybook to better monorepo location
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9df70e5a7f7..1685a1a3ca2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,62 +6,116 @@ importers:
     specifiers:
       '@automattic/nx-composer': ^0.1.0
       '@babel/core': 7.12.9
+      '@babel/preset-env': ^7.16.11
+      '@babel/runtime': ^7.17.2
       '@nrwl/cli': ^13.3.4
       '@nrwl/devkit': ^13.1.4
       '@nrwl/linter': ^13.3.4
       '@nrwl/tao': 13.3.4
       '@nrwl/web': ^13.3.4
       '@nrwl/workspace': ^13.3.4
+      '@storybook/addon-a11y': ^6.4.19
+      '@storybook/addon-actions': ^6.4.19
+      '@storybook/addon-console': ^1.2.3
+      '@storybook/addon-controls': ^6.4.19
+      '@storybook/addon-docs': ^6.4.19
+      '@storybook/addon-knobs': ^6.4.0
+      '@storybook/addon-links': ^6.4.19
+      '@storybook/addon-storysource': ^6.4.19
+      '@storybook/addon-viewport': ^6.4.19
+      '@storybook/addons': ^6.4.19
+      '@storybook/api': ^6.4.19
+      '@storybook/builder-webpack5': ^6.4.19
+      '@storybook/components': ^6.4.19
+      '@storybook/core-events': ^6.4.19
+      '@storybook/manager-webpack5': ^6.4.19
+      '@storybook/react': ^6.4.19
+      '@storybook/theming': ^6.4.19
       '@types/node': 14.14.33
       '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': ^3.1.0
       '@wordpress/babel-preset-default': ^6.4.1
+      '@wordpress/data': ^6.3.0
       '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/prettier-config': ^1.1.1
+      babel-loader: ^8.2.3
       chalk: ^4.1.2
-      fs-extra: ^10.0.1
+      core-js: ^3.21.1
+      css-loader: ^6.7.0
       glob: ^7.2.0
       husky: ^7.0.4
       jest: ^27.3.1
       lint-staged: ^12.3.7
       lodash: ^4.17.21
       mkdirp: ^1.0.4
+      moment: ^2.29.1
       node-stream-zip: ^1.15.0
+      postcss-loader: ^3.0.0
       prettier: npm:wp-prettier@^2.2.1-beta-1
-      promptly: ^3.2.0
+      regenerator-runtime: ^0.13.9
       request: ^2.88.2
+      sass: ^1.49.9
+      sass-loader: ^10.2.1
       typescript: 4.2.4
+      webpack: ^5.70.0
       wp-textdomain: 1.0.1
     dependencies:
       '@babel/core': 7.12.9
       '@wordpress/babel-plugin-import-jsx-pragma': 3.1.0_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 6.4.1
-      fs-extra: 10.0.1
       lodash: 4.17.21
-      promptly: 3.2.0
       wp-textdomain: 1.0.1
     devDependencies:
       '@automattic/nx-composer': 0.1.0
+      '@babel/preset-env': 7.16.11_@babel+core@7.12.9
+      '@babel/runtime': 7.17.7
       '@nrwl/cli': 13.3.5
       '@nrwl/devkit': 13.3.5
       '@nrwl/linter': 13.3.5_typescript@4.2.4
       '@nrwl/tao': 13.3.4
       '@nrwl/web': 13.3.5_42cab1dece2b2240094de84cfd414406
       '@nrwl/workspace': 13.3.5_42cab1dece2b2240094de84cfd414406
+      '@storybook/addon-a11y': 6.4.19
+      '@storybook/addon-actions': 6.4.19
+      '@storybook/addon-console': 1.2.3_@storybook+addon-actions@6.4.19
+      '@storybook/addon-controls': 6.4.19_typescript@4.2.4
+      '@storybook/addon-docs': 6.4.19_a84ef1f946d21a14f1015f55f0de5456
+      '@storybook/addon-knobs': 6.4.0_bdb88cf577f190583d60d23c102288af
+      '@storybook/addon-links': 6.4.19
+      '@storybook/addon-storysource': 6.4.19
+      '@storybook/addon-viewport': 6.4.19
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/components': 6.4.19
+      '@storybook/core-events': 6.4.19
+      '@storybook/manager-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/react': 6.4.19_1a3cbc393c8e54a301ca95e65ea44c36
+      '@storybook/theming': 6.4.19
       '@types/node': 14.14.33
       '@woocommerce/eslint-plugin': link:packages/js/eslint-plugin
+      '@wordpress/data': 6.4.1
       '@wordpress/eslint-plugin': 11.0.1_e97ea7521b9baec0e8686a2ccc3f1625
       '@wordpress/prettier-config': 1.1.1
+      babel-loader: 8.2.3_d3f6fe5812216e437b67a6bf164a056c
       chalk: 4.1.2
+      core-js: 3.21.1
+      css-loader: 6.7.1_webpack@5.70.0
       glob: 7.2.0
       husky: 7.0.4
       jest: 27.3.1
       lint-staged: 12.3.7
       mkdirp: 1.0.4
+      moment: 2.29.1
       node-stream-zip: 1.15.0
+      postcss-loader: 3.0.0
       prettier: /wp-prettier/2.2.1-beta-1
+      regenerator-runtime: 0.13.9
       request: 2.88.2
+      sass: 1.49.9
+      sass-loader: 10.2.1_sass@1.49.9+webpack@5.70.0
       typescript: 4.2.4
+      webpack: 5.70.0
 
   packages/js/admin-e2e-tests:
     specifiers:
@@ -270,14 +324,14 @@ importers:
       '@storybook/addon-actions': 6.4.19
       '@storybook/addon-console': 1.2.3_@storybook+addon-actions@6.4.19
       '@storybook/addon-controls': 6.4.19_ad5fc232a476648e022b673b2e1293fc
-      '@storybook/addon-docs': 6.4.19_c07d33072055753b44e1c9d473b78732
+      '@storybook/addon-docs': 6.4.19_4bb52bfb586c30b5fcb8732c940fa2c0
       '@storybook/addon-knobs': 6.4.0_bdb88cf577f190583d60d23c102288af
       '@storybook/addon-links': 6.4.19
       '@storybook/addons': 6.4.19
       '@storybook/api': 6.4.19
       '@storybook/components': 6.4.19
       '@storybook/core-events': 6.4.19
-      '@storybook/react': 6.4.19_df9bce9a6d10cedcb22cc302b49e05b8
+      '@storybook/react': 6.4.19_ce33fa78e84ed7674385e603320a18f7
       '@storybook/theming': 6.4.19
       '@testing-library/dom': 8.11.3
       '@testing-library/jest-dom': 5.16.2
@@ -294,7 +348,7 @@ importers:
       jest-cli: 27.5.1
       postcss-loader: 3.0.0
       rimraf: 3.0.2
-      sass-loader: 10.2.1_webpack@5.70.0
+      sass-loader: 10.2.1_sass@1.49.9+webpack@5.70.0
       ts-jest: 27.1.3_b64eba0a9f1c7068f7f3a75addda5ccd
       typescript: 4.6.2
       webpack: 5.70.0_webpack-cli@3.3.12
@@ -413,7 +467,7 @@ importers:
       jest-cli: 27.5.1
       postcss-loader: 3.0.0
       rimraf: 3.0.2
-      sass-loader: 10.2.1_webpack@5.70.0
+      sass-loader: 10.2.1_sass@1.49.9+webpack@5.70.0
       ts-jest: 27.1.3_b64eba0a9f1c7068f7f3a75addda5ccd
       typescript: 4.6.2
       webpack: 5.70.0_webpack-cli@3.3.12
@@ -795,7 +849,7 @@ importers:
       '@babel/runtime': 7.17.7
       '@storybook/addon-actions': 6.4.19
       '@storybook/addon-console': 1.2.3_@storybook+addon-actions@6.4.19
-      '@storybook/react': 6.4.19_df9bce9a6d10cedcb22cc302b49e05b8
+      '@storybook/react': 6.4.19_ce33fa78e84ed7674385e603320a18f7
       '@testing-library/dom': 8.11.3
       '@testing-library/react': 12.1.4
       '@testing-library/user-event': 13.5.0_@testing-library+dom@8.11.3
@@ -811,7 +865,7 @@ importers:
       jest-cli: 27.5.1
       postcss-loader: 3.0.0
       rimraf: 3.0.2
-      sass-loader: 10.2.1_webpack@5.70.0
+      sass-loader: 10.2.1_sass@1.49.9+webpack@5.70.0
       ts-jest: 27.1.3_b64eba0a9f1c7068f7f3a75addda5ccd
       typescript: 4.6.2
       webpack: 5.70.0_webpack-cli@3.3.12
@@ -1029,7 +1083,7 @@ importers:
       jest-cli: 27.5.1
       postcss-loader: 3.0.0
       rimraf: 3.0.2
-      sass-loader: 10.2.1_webpack@5.70.0
+      sass-loader: 10.2.1_sass@1.49.9+webpack@5.70.0
       ts-jest: 27.1.3_b64eba0a9f1c7068f7f3a75addda5ccd
       typescript: 4.6.2
       webpack: 5.70.0_webpack-cli@3.3.12
@@ -1062,7 +1116,7 @@ importers:
       css-loader: 3.6.0_webpack@5.70.0
       mini-css-extract-plugin: 2.6.0_webpack@5.70.0
       postcss-loader: 3.0.0
-      sass-loader: 10.2.1_webpack@5.70.0
+      sass-loader: 10.2.1_sass@1.49.9+webpack@5.70.0
       webpack-remove-empty-scripts: 0.7.3_webpack@5.70.0
       webpack-rtl-plugin: 2.0.0
     devDependencies:
@@ -1197,23 +1251,6 @@ importers:
       '@babel/runtime': ^7.17.2
       '@octokit/core': ^3.5.1
       '@react-spring/web': ^9.4.3
-      '@storybook/addon-a11y': ^6.4.19
-      '@storybook/addon-actions': ^6.4.19
-      '@storybook/addon-console': ^1.2.3
-      '@storybook/addon-controls': ^6.4.19
-      '@storybook/addon-docs': ^6.4.19
-      '@storybook/addon-knobs': ^6.4.0
-      '@storybook/addon-links': ^6.4.19
-      '@storybook/addon-storysource': ^6.4.19
-      '@storybook/addon-viewport': ^6.4.19
-      '@storybook/addons': ^6.4.19
-      '@storybook/api': ^6.4.19
-      '@storybook/builder-webpack5': ^6.4.19
-      '@storybook/components': ^6.4.19
-      '@storybook/core-events': ^6.4.19
-      '@storybook/manager-webpack5': ^6.4.19
-      '@storybook/react': ^6.4.19
-      '@storybook/theming': ^6.4.19
       '@testing-library/dom': ^8.11.3
       '@testing-library/jest-dom': ^5.16.2
       '@testing-library/react': ^12.1.3
@@ -1426,23 +1463,6 @@ importers:
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
       '@babel/runtime': 7.17.7
       '@octokit/core': 3.5.1
-      '@storybook/addon-a11y': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/addon-actions': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/addon-console': 1.2.3_@storybook+addon-actions@6.4.19
-      '@storybook/addon-controls': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/addon-docs': 6.4.19_0f3f6342a67dc2ef4115448ec44f733f
-      '@storybook/addon-knobs': 6.4.0_6d3fd42cc2dc28673127a5aba3ab9a43
-      '@storybook/addon-links': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/addon-storysource': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/addon-viewport': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/builder-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-events': 6.4.19
-      '@storybook/manager-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/react': 6.4.19_9f1f8f17cdd455b6ef8e501a921b145c
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
       '@testing-library/dom': 8.11.3
       '@testing-library/jest-dom': 5.16.2
       '@testing-library/react': 12.1.4_react-dom@17.0.2+react@17.0.2
@@ -1628,7 +1648,7 @@ importers:
       '@types/node': 16.10.3
       eslint: 7.32.0
       globby: 11.0.4
-      jscodeshift: 0.13.1
+      jscodeshift: 0.13.1_@babel+preset-env@7.16.11
       oclif: 2.4.5
       shx: 0.3.4
       ts-node: 10.5.0_e0d88945dfc7787883e9c330c9196a96
@@ -1949,6 +1969,7 @@ packages:
     dependencies:
       '@babel/helper-explode-assignable-expression': 7.16.0
       '@babel/types': 7.16.0
+    dev: true
 
   /@babel/helper-builder-binary-assignment-operator-visitor/7.16.7:
     resolution: {integrity: sha512-C6FdbRaxYjwVu/geKW4ZeQ0Q31AftgRcdSnZ5/jsH6BzCJbtvXvhpfkbkThYSuutZA7nCXpPR6AD9zd1dprMkA==}
@@ -2007,6 +2028,19 @@ packages:
       browserslist: 4.18.1
       semver: 6.3.0
 
+  /@babel/helper-compilation-targets/7.17.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-UFzlz2jjd8kroj0hmCFV5zr+tQPi1dpC2cRsDV/3IEW8bJfCPrPpmcSN6ZS8RqIq4LXcmpipCQFPddyFA5Yc7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/compat-data': 7.17.7
+      '@babel/core': 7.12.9
+      '@babel/helper-validator-option': 7.16.7
+      browserslist: 4.20.2
+      semver: 6.3.0
+    dev: true
+
   /@babel/helper-compilation-targets/7.17.7_@babel+core@7.16.0:
     resolution: {integrity: sha512-UFzlz2jjd8kroj0hmCFV5zr+tQPi1dpC2cRsDV/3IEW8bJfCPrPpmcSN6ZS8RqIq4LXcmpipCQFPddyFA5Yc7w==}
     engines: {node: '>=6.9.0'}
@@ -2078,23 +2112,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/helper-create-class-features-plugin/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-XLwWvqEaq19zFlF5PTgOod4bUA+XbkR4WLQBct1bkzmxJGB0ZEJaoKF4c8cgH9oBtCDuYJ8BP5NB9uFiEgO5QA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.16.12
-      '@babel/helper-annotate-as-pure': 7.16.0
-      '@babel/helper-function-name': 7.16.0
-      '@babel/helper-member-expression-to-functions': 7.16.0
-      '@babel/helper-optimise-call-expression': 7.16.0
-      '@babel/helper-replace-supers': 7.16.0
-      '@babel/helper-split-export-declaration': 7.16.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
   /@babel/helper-create-class-features-plugin/7.16.0_@babel+core@7.17.8:
     resolution: {integrity: sha512-XLwWvqEaq19zFlF5PTgOod4bUA+XbkR4WLQBct1bkzmxJGB0ZEJaoKF4c8cgH9oBtCDuYJ8BP5NB9uFiEgO5QA==}
     engines: {node: '>=6.9.0'}
@@ -2112,6 +2129,24 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/helper-create-class-features-plugin/7.17.6_@babel+core@7.12.9:
+    resolution: {integrity: sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-environment-visitor': 7.16.7
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-member-expression-to-functions': 7.17.7
+      '@babel/helper-optimise-call-expression': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
+      '@babel/helper-split-export-declaration': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/helper-create-class-features-plugin/7.17.6_@babel+core@7.16.0:
     resolution: {integrity: sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==}
     engines: {node: '>=6.9.0'}
@@ -2208,6 +2243,39 @@ packages:
       '@babel/helper-annotate-as-pure': 7.16.0
       regexpu-core: 4.8.0
 
+  /@babel/helper-create-regexp-features-plugin/7.17.0_@babel+core@7.12.9:
+    resolution: {integrity: sha512-awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNOihSlcBjwsXA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-annotate-as-pure': 7.16.7
+      regexpu-core: 5.0.1
+    dev: true
+
+  /@babel/helper-create-regexp-features-plugin/7.17.0_@babel+core@7.16.0:
+    resolution: {integrity: sha512-awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNOihSlcBjwsXA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-annotate-as-pure': 7.16.7
+      regexpu-core: 5.0.1
+    dev: true
+
+  /@babel/helper-create-regexp-features-plugin/7.17.0_@babel+core@7.16.12:
+    resolution: {integrity: sha512-awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNOihSlcBjwsXA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.16.12
+      '@babel/helper-annotate-as-pure': 7.16.7
+      regexpu-core: 5.0.1
+    dev: false
+
   /@babel/helper-create-regexp-features-plugin/7.17.0_@babel+core@7.17.8:
     resolution: {integrity: sha512-awO2So99wG6KnlE+TPs6rn83gCz5WlEePJDTnLEqbchMVrBeAujURVphRdigsk094VhvZehFoNOihSlcBjwsXA==}
     engines: {node: '>=6.9.0'}
@@ -2307,6 +2375,60 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@babel/helper-define-polyfill-provider/0.3.1_@babel+core@7.12.9:
+    resolution: {integrity: sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==}
+    peerDependencies:
+      '@babel/core': ^7.4.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.12.9
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/traverse': 7.17.3
+      debug: 4.3.4
+      lodash.debounce: 4.0.8
+      resolve: 1.20.0
+      semver: 6.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helper-define-polyfill-provider/0.3.1_@babel+core@7.16.0:
+    resolution: {integrity: sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==}
+    peerDependencies:
+      '@babel/core': ^7.4.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.0
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/traverse': 7.17.3
+      debug: 4.3.4
+      lodash.debounce: 4.0.8
+      resolve: 1.20.0
+      semver: 6.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helper-define-polyfill-provider/0.3.1_@babel+core@7.16.12:
+    resolution: {integrity: sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==}
+    peerDependencies:
+      '@babel/core': ^7.4.0-0
+    dependencies:
+      '@babel/core': 7.16.12
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.12
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/traverse': 7.17.3
+      debug: 4.3.4
+      lodash.debounce: 4.0.8
+      resolve: 1.20.0
+      semver: 6.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /@babel/helper-define-polyfill-provider/0.3.1_@babel+core@7.17.8:
     resolution: {integrity: sha512-J9hGMpJQmtWmj46B3kBHmL38UhJGhYX7eqkcq+2gsstyYt341HmPeWspihX43yVRA0mS+8GGk2Gckc7bY/HCmA==}
     peerDependencies:
@@ -2317,7 +2439,7 @@ packages:
       '@babel/helper-module-imports': 7.16.7
       '@babel/helper-plugin-utils': 7.16.7
       '@babel/traverse': 7.17.3
-      debug: 4.3.3
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.20.0
       semver: 6.3.0
@@ -2335,6 +2457,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.16.0
+    dev: true
 
   /@babel/helper-explode-assignable-expression/7.16.7:
     resolution: {integrity: sha512-KyUenhWMC8VrxzkGP0Jizjo4/Zx+1nNZhgocs+gLzyZyB8SHidhoq9KK/8Ato4anhwsivfkBLftky7gvzbZMtQ==}
@@ -2469,6 +2592,7 @@ packages:
       '@babel/types': 7.16.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /@babel/helper-remap-async-to-generator/7.16.8:
     resolution: {integrity: sha512-fm0gH7Flb8H51LqJHy3HJ3wnE1+qtYR2A99K06ahwrawLdOFsCEWjZOrYricXJHoPSudNKxrMBUPEIPxiIIvBw==}
@@ -2559,6 +2683,7 @@ packages:
       '@babel/types': 7.17.0
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /@babel/helper-wrap-function/7.16.8:
     resolution: {integrity: sha512-8RpyRVIAW1RcDDGTA+GpPAwV22wXCfKOoM9bet6TLkGIFTkRQSkH1nMQ5Yet4MpoXe1ZwHPVtNasc2w0uZMqnw==}
@@ -2642,8 +2767,28 @@ packages:
       '@babel/helper-plugin-utils': 7.16.7
     dev: true
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.16.2_@babel+core@7.16.12:
-    resolution: {integrity: sha512-h37CvpLSf8gb2lIJ2CgC3t+EjFbi0t8qS7LCS1xcJIlEXE4czlofwaW7W1HA8zpgOCzI9C1nmoqNR1zWkk0pQg==}
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-anv/DObl7waiGEnC24O9zqL0pSuI9hljihqiDuFHC8d7/bjr/4RLGPWuc8rYOff/QPzbEPSkzG8wGG9aDuhHRg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -2673,8 +2818,32 @@ packages:
       '@babel/plugin-proposal-optional-chaining': 7.16.0_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-4tcFwwicpWTrpl9qjf7UsoosaArgImF85AxqCRZlgc3IQDvkUHjJpruXAL58Wmj+T6fypWTC/BakfEkwIL/pwA==}
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-di8vUHRdf+4aJ7ltXhaDbPoszdkh59AQtJM5soLsuHpQJdFQZOA4uGj0V2u/CZ8bJ/u8ULDL5yq6FO/bCXnKHw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.13.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-di8vUHRdf+4aJ7ltXhaDbPoszdkh59AQtJM5soLsuHpQJdFQZOA4uGj0V2u/CZ8bJ/u8ULDL5yq6FO/bCXnKHw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.13.0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-di8vUHRdf+4aJ7ltXhaDbPoszdkh59AQtJM5soLsuHpQJdFQZOA4uGj0V2u/CZ8bJ/u8ULDL5yq6FO/bCXnKHw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
@@ -2682,7 +2851,7 @@ packages:
       '@babel/core': 7.16.12
       '@babel/helper-plugin-utils': 7.16.7
       '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
-      '@babel/plugin-proposal-optional-chaining': 7.16.0_@babel+core@7.16.12
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.16.12
     dev: false
 
   /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/7.16.7_@babel+core@7.17.8:
@@ -2724,15 +2893,43 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-async-generator-functions/7.16.4_@babel+core@7.16.12:
-    resolution: {integrity: sha512-/CUekqaAaZCQHleSK/9HajvcD/zdnJiKRiuUFq8ITE+0HsPzquf53cpFiqAwl/UfmJbR6n5uGPQSPdrmKOvHHg==}
+  /@babel/plugin-proposal-async-generator-functions/7.16.8_@babel+core@7.12.9:
+    resolution: {integrity: sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-remap-async-to-generator': 7.16.8
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.12.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-async-generator-functions/7.16.8_@babel+core@7.16.0:
+    resolution: {integrity: sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-remap-async-to-generator': 7.16.8
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.16.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-async-generator-functions/7.16.8_@babel+core@7.16.12:
+    resolution: {integrity: sha512-71YHIvMuiuqWJQkebWJtdhQTfd4Q4mF76q2IX37uZPkG9+olBxsX+rH1vkhFto4UeJZ9dPY2s+mDvhDm1u2BGQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
-      '@babel/helper-remap-async-to-generator': 7.16.4
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-remap-async-to-generator': 7.16.8
       '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.16.12
     transitivePeerDependencies:
       - supports-color
@@ -2777,6 +2974,19 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/plugin-proposal-class-properties/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-IobU0Xme31ewjYOShSIqd/ZGM/r/cuOz2z0MDbNrhF5FW+ZVgi0f2lyeoj9KFPDOAqsYxmLWZte1WOwlvY9aww==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/plugin-proposal-class-properties/7.16.7_@babel+core@7.16.0:
     resolution: {integrity: sha512-IobU0Xme31ewjYOShSIqd/ZGM/r/cuOz2z0MDbNrhF5FW+ZVgi0f2lyeoj9KFPDOAqsYxmLWZte1WOwlvY9aww==}
     engines: {node: '>=6.9.0'}
@@ -2829,8 +3039,36 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-static-block/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-mAy3sdcY9sKAkf3lQbDiv3olOfiLqI51c9DR9b19uMoR2Z6r5pmGl7dfNFqEvqOyqbf1ta4lknK4gc5PJn3mfA==}
+  /@babel/plugin-proposal-class-static-block/7.17.6_@babel+core@7.12.9:
+    resolution: {integrity: sha512-X/tididvL2zbs7jZCeeRJ8167U/+Ac135AM6jCAx6gYXDUviZV5Ku9UDvWS2NCuWlFjIRXklYhwo6HhAC7ETnA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.12.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.12.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-class-static-block/7.17.6_@babel+core@7.16.0:
+    resolution: {integrity: sha512-X/tididvL2zbs7jZCeeRJ8167U/+Ac135AM6jCAx6gYXDUviZV5Ku9UDvWS2NCuWlFjIRXklYhwo6HhAC7ETnA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.12.0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.16.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-class-static-block/7.17.6_@babel+core@7.16.12:
+    resolution: {integrity: sha512-X/tididvL2zbs7jZCeeRJ8167U/+Ac135AM6jCAx6gYXDUviZV5Ku9UDvWS2NCuWlFjIRXklYhwo6HhAC7ETnA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.12.0
@@ -2906,14 +3144,36 @@ packages:
       '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-dynamic-import/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-QGSA6ExWk95jFQgwz5GQ2Dr95cf7eI7TKutIXXTb7B1gCLTCz5hTjFTQGfLFBBiC5WSNi7udNwWsqbbMh1c4yQ==}
+  /@babel/plugin-proposal-dynamic-import/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-dynamic-import/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-dynamic-import/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.16.12
     dev: false
 
@@ -2960,14 +3220,36 @@ packages:
       '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-export-namespace-from/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-CjI4nxM/D+5wCnhD11MHB1AwRSAYeDT+h8gCdcVJZ/OK7+wRzFsf7PFPWVpVpNRkHMmMkQWAHpTq+15IXQ1diA==}
+  /@babel/plugin-proposal-export-namespace-from/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-ZxdtqDXLRGBL64ocZcs7ovt71L3jhC1RGSyR996svrCi3PYqHNkb3SwPJCs8RIzD86s+WPpt2S73+EHCGO+NUA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-export-namespace-from/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-ZxdtqDXLRGBL64ocZcs7ovt71L3jhC1RGSyR996svrCi3PYqHNkb3SwPJCs8RIzD86s+WPpt2S73+EHCGO+NUA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-export-namespace-from/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-ZxdtqDXLRGBL64ocZcs7ovt71L3jhC1RGSyR996svrCi3PYqHNkb3SwPJCs8RIzD86s+WPpt2S73+EHCGO+NUA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.16.12
     dev: false
 
@@ -3003,14 +3285,36 @@ packages:
       '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-json-strings/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-kouIPuiv8mSi5JkEhzApg5Gn6hFyKPnlkO0a9YSzqRurH8wYzSlf6RJdzluAsbqecdW5pBvDJDfyDIUR/vLxvg==}
+  /@babel/plugin-proposal-json-strings/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-lNZ3EEggsGY78JavgbHsK9u5P3pQaW7k4axlgFLYkMd7UBsiNahCITShLjNQschPyjtO6dADrL24757IdhBrsQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-json-strings/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-lNZ3EEggsGY78JavgbHsK9u5P3pQaW7k4axlgFLYkMd7UBsiNahCITShLjNQschPyjtO6dADrL24757IdhBrsQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-json-strings/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-lNZ3EEggsGY78JavgbHsK9u5P3pQaW7k4axlgFLYkMd7UBsiNahCITShLjNQschPyjtO6dADrL24757IdhBrsQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.16.12
     dev: false
 
@@ -3046,14 +3350,36 @@ packages:
       '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-logical-assignment-operators/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-pbW0fE30sVTYXXm9lpVQQ/Vc+iTeQKiXlaNRZPPN2A2VdlWyAtsUrsQ3xydSlDW00TFMK7a8m3cDTkBF5WnV3Q==}
+  /@babel/plugin-proposal-logical-assignment-operators/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-K3XzyZJGQCr00+EtYtrDjmwX7o7PLK6U9bi1nCwkQioRFVUv6dJoxbQjtWVtP+bCPy82bONBKG8NPyQ4+i6yjg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-logical-assignment-operators/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-K3XzyZJGQCr00+EtYtrDjmwX7o7PLK6U9bi1nCwkQioRFVUv6dJoxbQjtWVtP+bCPy82bONBKG8NPyQ4+i6yjg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-logical-assignment-operators/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-K3XzyZJGQCr00+EtYtrDjmwX7o7PLK6U9bi1nCwkQioRFVUv6dJoxbQjtWVtP+bCPy82bONBKG8NPyQ4+i6yjg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.16.12
     dev: false
 
@@ -3089,14 +3415,36 @@ packages:
       '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-nullish-coalescing-operator/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-3bnHA8CAFm7cG93v8loghDYyQ8r97Qydf63BeYiGgYbjKKB/XP53W15wfRC7dvKfoiJ34f6Rbyyx2btExc8XsQ==}
+  /@babel/plugin-proposal-nullish-coalescing-operator/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-aUOrYU3EVtjf62jQrCj63pYZ7k6vns2h/DQvHPWGmsJRYzWXZ6/AsfgpiRy6XiuIDADhJzP2Q9MwSMKauBQ+UQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-nullish-coalescing-operator/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-aUOrYU3EVtjf62jQrCj63pYZ7k6vns2h/DQvHPWGmsJRYzWXZ6/AsfgpiRy6XiuIDADhJzP2Q9MwSMKauBQ+UQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-nullish-coalescing-operator/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-aUOrYU3EVtjf62jQrCj63pYZ7k6vns2h/DQvHPWGmsJRYzWXZ6/AsfgpiRy6XiuIDADhJzP2Q9MwSMKauBQ+UQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.16.12
     dev: false
 
@@ -3132,14 +3480,36 @@ packages:
       '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-numeric-separator/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-FAhE2I6mjispy+vwwd6xWPyEx3NYFS13pikDBWUAFGZvq6POGs5eNchw8+1CYoEgBl9n11I3NkzD7ghn25PQ9Q==}
+  /@babel/plugin-proposal-numeric-separator/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-numeric-separator/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-numeric-separator/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.16.12
     dev: false
 
@@ -3192,18 +3562,46 @@ packages:
       '@babel/plugin-transform-parameters': 7.16.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-object-rest-spread/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-LU/+jp89efe5HuWJLmMmFG0+xbz+I2rSI7iLc1AlaeSMDMOGzWlc5yJrMN1d04osXN4sSfpo4O+azkBNBes0jg==}
+  /@babel/plugin-proposal-object-rest-spread/7.17.3_@babel+core@7.12.9:
+    resolution: {integrity: sha512-yuL5iQA/TbZn+RGAfxQXfi7CNLmKi1f8zInn4IgobuCWcAb7i+zj4TYzQ9l8cEzVyJ89PDGuqxK1xZpUDISesw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.16.4
+      '@babel/compat-data': 7.17.7
+      '@babel/core': 7.12.9
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-object-rest-spread/7.17.3_@babel+core@7.16.0:
+    resolution: {integrity: sha512-yuL5iQA/TbZn+RGAfxQXfi7CNLmKi1f8zInn4IgobuCWcAb7i+zj4TYzQ9l8cEzVyJ89PDGuqxK1xZpUDISesw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.17.7
+      '@babel/core': 7.16.0
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-object-rest-spread/7.17.3_@babel+core@7.16.12:
+    resolution: {integrity: sha512-yuL5iQA/TbZn+RGAfxQXfi7CNLmKi1f8zInn4IgobuCWcAb7i+zj4TYzQ9l8cEzVyJ89PDGuqxK1xZpUDISesw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.17.7
       '@babel/core': 7.16.12
-      '@babel/helper-compilation-targets': 7.16.3_@babel+core@7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-transform-parameters': 7.16.3_@babel+core@7.16.12
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.16.12
     dev: false
 
   /@babel/plugin-proposal-object-rest-spread/7.17.3_@babel+core@7.17.8:
@@ -3241,14 +3639,36 @@ packages:
       '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-optional-catch-binding/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-kicDo0A/5J0nrsCPbn89mTG3Bm4XgYi0CZtvex9Oyw7gGZE3HXGD0zpQNH+mo+tEfbo8wbmMvJftOwpmPy7aVw==}
+  /@babel/plugin-proposal-optional-catch-binding/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-eMOH/L4OvWSZAE1VkHbr1vckLG1WUcHGJSLqqQwl2GaUqG6QjddvrOaTUMNYiv77H5IKPMZ9U9P7EaHwvAShfA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-optional-catch-binding/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-eMOH/L4OvWSZAE1VkHbr1vckLG1WUcHGJSLqqQwl2GaUqG6QjddvrOaTUMNYiv77H5IKPMZ9U9P7EaHwvAShfA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-optional-catch-binding/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-eMOH/L4OvWSZAE1VkHbr1vckLG1WUcHGJSLqqQwl2GaUqG6QjddvrOaTUMNYiv77H5IKPMZ9U9P7EaHwvAShfA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.16.12
     dev: false
 
@@ -3286,14 +3706,38 @@ packages:
       '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-proposal-optional-chaining/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-Y4rFpkZODfHrVo70Uaj6cC1JJOt3Pp0MdWSwIKtb8z1/lsjl9AmnB7ErRFV+QNGIfcY1Eruc2UMx5KaRnXjMyg==}
+  /@babel/plugin-proposal-optional-chaining/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-eC3xy+ZrUcBtP7x+sq62Q/HYd674pPTb/77XZMb5wbDPGWIdUbSr4Agr052+zaUPSb+gGRnjxXfKFvx5iMJ+DA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-proposal-optional-chaining/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-eC3xy+ZrUcBtP7x+sq62Q/HYd674pPTb/77XZMb5wbDPGWIdUbSr4Agr052+zaUPSb+gGRnjxXfKFvx5iMJ+DA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-proposal-optional-chaining/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-eC3xy+ZrUcBtP7x+sq62Q/HYd674pPTb/77XZMb5wbDPGWIdUbSr4Agr052+zaUPSb+gGRnjxXfKFvx5iMJ+DA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
       '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.16.12
     dev: false
@@ -3335,15 +3779,41 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-methods/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-IvHmcTHDFztQGnn6aWq4t12QaBXTKr1whF/dgp9kz84X6GUcwq9utj7z2wFCUfeOup/QKnOlt2k0zxkGFx9ubg==}
+  /@babel/plugin-proposal-private-methods/7.16.11_@babel+core@7.12.9:
+    resolution: {integrity: sha512-F/2uAkPlXDr8+BHpZvo19w3hLFKge+k75XUprE6jaqKxjGkSYcK+4c+bup5PdW/7W/Rpjwql7FTVEDW+fRAQsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-private-methods/7.16.11_@babel+core@7.16.0:
+    resolution: {integrity: sha512-F/2uAkPlXDr8+BHpZvo19w3hLFKge+k75XUprE6jaqKxjGkSYcK+4c+bup5PdW/7W/Rpjwql7FTVEDW+fRAQsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-private-methods/7.16.11_@babel+core@7.16.12:
+    resolution: {integrity: sha512-F/2uAkPlXDr8+BHpZvo19w3hLFKge+k75XUprE6jaqKxjGkSYcK+4c+bup5PdW/7W/Rpjwql7FTVEDW+fRAQsw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-create-class-features-plugin': 7.16.0_@babel+core@7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -3375,8 +3845,38 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-3jQUr/HBbMVZmi72LpjQwlZ55i1queL8KcDTQEkAHihttJnAPrcvG9ZNXIfsd2ugpizZo595egYV6xy+pv4Ofw==}
+  /@babel/plugin-proposal-private-property-in-object/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-rMQkjcOFbm+ufe3bTZLyOfsOUOxyvLXZJCTARhJr+8UMSoZmqTe1K1BgkFcrW37rAchWg57yI69ORxiWvUINuQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.12.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-private-property-in-object/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-rMQkjcOFbm+ufe3bTZLyOfsOUOxyvLXZJCTARhJr+8UMSoZmqTe1K1BgkFcrW37rAchWg57yI69ORxiWvUINuQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-create-class-features-plugin': 7.17.6_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.16.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-proposal-private-property-in-object/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-rMQkjcOFbm+ufe3bTZLyOfsOUOxyvLXZJCTARhJr+8UMSoZmqTe1K1BgkFcrW37rAchWg57yI69ORxiWvUINuQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -3447,6 +3947,39 @@ packages:
       '@babel/helper-create-regexp-features-plugin': 7.16.0_@babel+core@7.17.8
       '@babel/helper-plugin-utils': 7.14.5
 
+  /@babel/plugin-proposal-unicode-property-regex/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-QRK0YI/40VLhNVGIjRNAAQkEHws0cswSdFFjpFyt943YmJIU1da9uW63Iu6NFV6CxTZW5eTDCrwZUstBWgp/Rg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-proposal-unicode-property-regex/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-QRK0YI/40VLhNVGIjRNAAQkEHws0cswSdFFjpFyt943YmJIU1da9uW63Iu6NFV6CxTZW5eTDCrwZUstBWgp/Rg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-proposal-unicode-property-regex/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-QRK0YI/40VLhNVGIjRNAAQkEHws0cswSdFFjpFyt943YmJIU1da9uW63Iu6NFV6CxTZW5eTDCrwZUstBWgp/Rg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.12
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: false
+
   /@babel/plugin-proposal-unicode-property-regex/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-QRK0YI/40VLhNVGIjRNAAQkEHws0cswSdFFjpFyt943YmJIU1da9uW63Iu6NFV6CxTZW5eTDCrwZUstBWgp/Rg==}
     engines: {node: '>=4'}
@@ -3558,6 +4091,16 @@ packages:
       '@babel/core': 7.17.8
       '@babel/helper-plugin-utils': 7.14.5
 
+  /@babel/plugin-syntax-class-static-block/7.14.5_@babel+core@7.12.9:
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
   /@babel/plugin-syntax-class-static-block/7.14.5_@babel+core@7.16.0:
     resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
     engines: {node: '>=6.9.0'}
@@ -3687,6 +4230,16 @@ packages:
       '@babel/core': 7.17.8
       '@babel/helper-plugin-utils': 7.14.5
 
+  /@babel/plugin-syntax-flow/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-UDo3YGQO0jH6ytzVwgSLv9i/CzMcUjbKenL67dTrAZPPv6GFAtDhe6jqnvmoKzC/7htNTohhos+onPtDMqJwaQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
   /@babel/plugin-syntax-flow/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-UDo3YGQO0jH6ytzVwgSLv9i/CzMcUjbKenL67dTrAZPPv6GFAtDhe6jqnvmoKzC/7htNTohhos+onPtDMqJwaQ==}
     engines: {node: '>=6.9.0'}
@@ -3804,6 +4357,16 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: false
 
+  /@babel/plugin-syntax-jsx/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
   /@babel/plugin-syntax-jsx/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==}
     engines: {node: '>=6.9.0'}
@@ -4011,6 +4574,16 @@ packages:
       '@babel/core': 7.17.8
       '@babel/helper-plugin-utils': 7.14.5
 
+  /@babel/plugin-syntax-private-property-in-object/7.14.5_@babel+core@7.12.9:
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
   /@babel/plugin-syntax-private-property-in-object/7.14.5_@babel+core@7.16.0:
     resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
     engines: {node: '>=6.9.0'}
@@ -4125,14 +4698,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-arrow-functions/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-vIFb5250Rbh7roWARvCLvIJ/PtAU5Lhv7BtZ1u24COwpI9Ypjsh+bZcKk6rlIyalK+r0jOc1XQ8I4ovNxNrWrA==}
+  /@babel/plugin-transform-arrow-functions/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-9ffkFFMbvzTvv+7dTp/66xvZAWASuPD5Tl9LK3Z9vhOmANo6j94rik+5YMBt4CwHVMWLWpMsriIc2zsa3WW3xQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-arrow-functions/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-9ffkFFMbvzTvv+7dTp/66xvZAWASuPD5Tl9LK3Z9vhOmANo6j94rik+5YMBt4CwHVMWLWpMsriIc2zsa3WW3xQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-arrow-functions/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-9ffkFFMbvzTvv+7dTp/66xvZAWASuPD5Tl9LK3Z9vhOmANo6j94rik+5YMBt4CwHVMWLWpMsriIc2zsa3WW3xQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-arrow-functions/7.16.7_@babel+core@7.17.8:
@@ -4172,16 +4765,44 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-async-to-generator/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-PbIr7G9kR8tdH6g8Wouir5uVjklETk91GMVSUq+VaOgiinbCkBP6Q7NN/suM/QutZkMJMvcyAriogcYAdhg8Gw==}
+  /@babel/plugin-transform-async-to-generator/7.16.8_@babel+core@7.12.9:
+    resolution: {integrity: sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-remap-async-to-generator': 7.16.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-async-to-generator/7.16.8_@babel+core@7.16.0:
+    resolution: {integrity: sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-remap-async-to-generator': 7.16.8
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-async-to-generator/7.16.8_@babel+core@7.16.12:
+    resolution: {integrity: sha512-MtmUmTJQHCnyJVrScNzNlofQJ3dLFuobYn3mwOTKHnSCMtbNsqvF71GQmJfFjdrXSsAA7iysFmYWw4bXZ20hOg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-module-imports': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
-      '@babel/helper-remap-async-to-generator': 7.16.4
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-remap-async-to-generator': 7.16.8
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -4219,14 +4840,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-V14As3haUOP4ZWrLJ3VVx5rCnrYhMSHN/jX7z6FAt5hjRkLsb0snPCmJwSOML5oxkKO4FNoNv7V5hw/y2bjuvg==}
+  /@babel/plugin-transform-block-scoped-functions/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-JUuzlzmF40Z9cXyytcbZEZKckgrQzChbQJw/5PuEHYeqzCsvebDx0K0jWnIIVcmmDOAVctCgnYs0pMcrYj2zJg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-block-scoped-functions/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-JUuzlzmF40Z9cXyytcbZEZKckgrQzChbQJw/5PuEHYeqzCsvebDx0K0jWnIIVcmmDOAVctCgnYs0pMcrYj2zJg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-block-scoped-functions/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-JUuzlzmF40Z9cXyytcbZEZKckgrQzChbQJw/5PuEHYeqzCsvebDx0K0jWnIIVcmmDOAVctCgnYs0pMcrYj2zJg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-block-scoped-functions/7.16.7_@babel+core@7.17.8:
@@ -4258,14 +4899,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-block-scoping/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-27n3l67/R3UrXfizlvHGuTwsRIFyce3D/6a37GRxn28iyTPvNXaW4XvznexRh1zUNLPjbLL22Id0XQElV94ruw==}
+  /@babel/plugin-transform-block-scoping/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-ObZev2nxVAYA4bhyusELdo9hb3H+A56bxH3FZMbEImZFiEDYVHXQSJ1hQKFlDnlt8G9bBrCZ5ZpURZUrV4G5qQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-block-scoping/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-ObZev2nxVAYA4bhyusELdo9hb3H+A56bxH3FZMbEImZFiEDYVHXQSJ1hQKFlDnlt8G9bBrCZ5ZpURZUrV4G5qQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-block-scoping/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-ObZev2nxVAYA4bhyusELdo9hb3H+A56bxH3FZMbEImZFiEDYVHXQSJ1hQKFlDnlt8G9bBrCZ5ZpURZUrV4G5qQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-block-scoping/7.16.7_@babel+core@7.17.8:
@@ -4313,19 +4974,58 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-classes/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-HUxMvy6GtAdd+GKBNYDWCIA776byUQH8zjnfjxwT1P1ARv/wFu8eBDpmXQcLS/IwRtrxIReGiplOwMeyO7nsDQ==}
+  /@babel/plugin-transform-classes/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-WY7og38SFAGYRe64BrjKf8OrE6ulEHtr5jEYaZMwox9KebgqPi67Zqz8K53EKk1fFEJgm96r32rkKZ3qA2nCWQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-environment-visitor': 7.16.7
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-optimise-call-expression': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
+      '@babel/helper-split-export-declaration': 7.16.7
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-classes/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-WY7og38SFAGYRe64BrjKf8OrE6ulEHtr5jEYaZMwox9KebgqPi67Zqz8K53EKk1fFEJgm96r32rkKZ3qA2nCWQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-environment-visitor': 7.16.7
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-optimise-call-expression': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
+      '@babel/helper-split-export-declaration': 7.16.7
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-classes/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-WY7og38SFAGYRe64BrjKf8OrE6ulEHtr5jEYaZMwox9KebgqPi67Zqz8K53EKk1fFEJgm96r32rkKZ3qA2nCWQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-annotate-as-pure': 7.16.0
-      '@babel/helper-function-name': 7.16.0
-      '@babel/helper-optimise-call-expression': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
-      '@babel/helper-replace-supers': 7.16.0
-      '@babel/helper-split-export-declaration': 7.16.0
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-environment-visitor': 7.16.7
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-optimise-call-expression': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
+      '@babel/helper-split-export-declaration': 7.16.7
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -4369,14 +5069,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-computed-properties/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-63l1dRXday6S8V3WFY5mXJwcRAnPYxvFfTlt67bwV1rTyVTM5zrp0DBBb13Kl7+ehkCVwIZPumPpFP/4u70+Tw==}
+  /@babel/plugin-transform-computed-properties/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-gN72G9bcmenVILj//sv1zLNaPyYcOzUho2lIJBMh/iakJ9ygCo/hEF9cpGb61SCMEDxbbyBoVQxrt+bWKu5KGw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-computed-properties/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-gN72G9bcmenVILj//sv1zLNaPyYcOzUho2lIJBMh/iakJ9ygCo/hEF9cpGb61SCMEDxbbyBoVQxrt+bWKu5KGw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-computed-properties/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-gN72G9bcmenVILj//sv1zLNaPyYcOzUho2lIJBMh/iakJ9ygCo/hEF9cpGb61SCMEDxbbyBoVQxrt+bWKu5KGw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-computed-properties/7.16.7_@babel+core@7.17.8:
@@ -4408,14 +5128,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-destructuring/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-Q7tBUwjxLTsHEoqktemHBMtb3NYwyJPTJdM+wDwb0g8PZ3kQUIzNvwD5lPaqW/p54TXBc/MXZu9Jr7tbUEUM8Q==}
+  /@babel/plugin-transform-destructuring/7.17.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-XVh0r5yq9sLR4vZ6eVZe8FKfIcSgaTBxVBRSYokRj2qksf6QerYnTxz9/GTuKTH/n/HwLP7t6gtlybHetJ/6hQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-destructuring/7.17.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-XVh0r5yq9sLR4vZ6eVZe8FKfIcSgaTBxVBRSYokRj2qksf6QerYnTxz9/GTuKTH/n/HwLP7t6gtlybHetJ/6hQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-destructuring/7.17.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-XVh0r5yq9sLR4vZ6eVZe8FKfIcSgaTBxVBRSYokRj2qksf6QerYnTxz9/GTuKTH/n/HwLP7t6gtlybHetJ/6hQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-destructuring/7.17.7_@babel+core@7.17.8:
@@ -4470,6 +5210,39 @@ packages:
       '@babel/helper-create-regexp-features-plugin': 7.16.0_@babel+core@7.17.8
       '@babel/helper-plugin-utils': 7.14.5
 
+  /@babel/plugin-transform-dotall-regex/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-Lyttaao2SjZF6Pf4vk1dVKv8YypMpomAbygW+mU5cYP3S5cWTfCJjG8xV6CFdzGFlfWK81IjL9viiTvpb6G7gQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-dotall-regex/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-Lyttaao2SjZF6Pf4vk1dVKv8YypMpomAbygW+mU5cYP3S5cWTfCJjG8xV6CFdzGFlfWK81IjL9viiTvpb6G7gQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-dotall-regex/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-Lyttaao2SjZF6Pf4vk1dVKv8YypMpomAbygW+mU5cYP3S5cWTfCJjG8xV6CFdzGFlfWK81IjL9viiTvpb6G7gQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.12
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: false
+
   /@babel/plugin-transform-dotall-regex/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-Lyttaao2SjZF6Pf4vk1dVKv8YypMpomAbygW+mU5cYP3S5cWTfCJjG8xV6CFdzGFlfWK81IjL9viiTvpb6G7gQ==}
     engines: {node: '>=6.9.0'}
@@ -4500,14 +5273,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-LIe2kcHKAZOJDNxujvmp6z3mfN6V9lJxubU4fJIGoQCkKe3Ec2OcbdlYP+vW++4MpxwG0d1wSDOJtQW5kLnkZQ==}
+  /@babel/plugin-transform-duplicate-keys/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-03DvpbRfvWIXyK0/6QiR1KMTWeT6OcQ7tbhjrXyFS02kjuX/mu5Bvnh5SDSWHxyawit2g5aWhKwI86EE7GUnTw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-duplicate-keys/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-03DvpbRfvWIXyK0/6QiR1KMTWeT6OcQ7tbhjrXyFS02kjuX/mu5Bvnh5SDSWHxyawit2g5aWhKwI86EE7GUnTw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-duplicate-keys/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-03DvpbRfvWIXyK0/6QiR1KMTWeT6OcQ7tbhjrXyFS02kjuX/mu5Bvnh5SDSWHxyawit2g5aWhKwI86EE7GUnTw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-duplicate-keys/7.16.7_@babel+core@7.17.8:
@@ -4541,15 +5334,37 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-OwYEvzFI38hXklsrbNivzpO3fh87skzx8Pnqi4LoSYeav0xHlueSoCJrSgTPfnbyzopo5b3YVAJkFIcUpK2wsw==}
+  /@babel/plugin-transform-exponentiation-operator/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-8UYLSlyLgRixQvlYH3J2ekXFHDFLQutdy7FfFAMm3CPZ6q9wHCwnUyiXpQCe3gVVnQlHc5nsuiEVziteRNTXEA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-exponentiation-operator/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-8UYLSlyLgRixQvlYH3J2ekXFHDFLQutdy7FfFAMm3CPZ6q9wHCwnUyiXpQCe3gVVnQlHc5nsuiEVziteRNTXEA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-exponentiation-operator/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-8UYLSlyLgRixQvlYH3J2ekXFHDFLQutdy7FfFAMm3CPZ6q9wHCwnUyiXpQCe3gVVnQlHc5nsuiEVziteRNTXEA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-exponentiation-operator/7.16.7_@babel+core@7.17.8:
@@ -4562,6 +5377,17 @@ packages:
       '@babel/helper-builder-binary-assignment-operator-visitor': 7.16.7
       '@babel/helper-plugin-utils': 7.16.7
 
+  /@babel/plugin-transform-flow-strip-types/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-mzmCq3cNsDpZZu9FADYYyfZJIOrSONmHcop2XEKPdBNMa4PDC4eEvcOvzZaCNcjKu72v0XQlA5y1g58aLRXdYg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-flow': 7.16.7_@babel+core@7.12.9
+    dev: true
+
   /@babel/plugin-transform-flow-strip-types/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-mzmCq3cNsDpZZu9FADYYyfZJIOrSONmHcop2XEKPdBNMa4PDC4eEvcOvzZaCNcjKu72v0XQlA5y1g58aLRXdYg==}
     engines: {node: '>=6.9.0'}
@@ -4593,14 +5419,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-for-of/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-5QKUw2kO+GVmKr2wMYSATCTTnHyscl6sxFRAY+rvN7h7WB0lcG0o4NoV6ZQU32OZGVsYUsfLGgPQpDFdkfjlJQ==}
+  /@babel/plugin-transform-for-of/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-/QZm9W92Ptpw7sjI9Nx1mbcsWz33+l8kuMIQnDwgQBG5s3fAfQvkRjQ7NqXhtNcKOnPkdICmUHyCaWW06HCsqg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-for-of/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-/QZm9W92Ptpw7sjI9Nx1mbcsWz33+l8kuMIQnDwgQBG5s3fAfQvkRjQ7NqXhtNcKOnPkdICmUHyCaWW06HCsqg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-for-of/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-/QZm9W92Ptpw7sjI9Nx1mbcsWz33+l8kuMIQnDwgQBG5s3fAfQvkRjQ7NqXhtNcKOnPkdICmUHyCaWW06HCsqg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-for-of/7.16.7_@babel+core@7.17.8:
@@ -4634,15 +5480,40 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-function-name/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-lBzMle9jcOXtSOXUpc7tvvTpENu/NuekNJVova5lCCWCV9/U1ho2HH2y0p6mBg8fPm/syEAbfaaemYGOHCY3mg==}
+  /@babel/plugin-transform-function-name/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-SU/C68YVwTRxqWj5kgsbKINakGag0KTgq9f2iZEXdStoAbOzLHEBRYzImmA6yFo8YZhJVflvXmIHUO7GWHmxxA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.12.9
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-function-name/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-SU/C68YVwTRxqWj5kgsbKINakGag0KTgq9f2iZEXdStoAbOzLHEBRYzImmA6yFo8YZhJVflvXmIHUO7GWHmxxA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.0
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-function-name/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-SU/C68YVwTRxqWj5kgsbKINakGag0KTgq9f2iZEXdStoAbOzLHEBRYzImmA6yFo8YZhJVflvXmIHUO7GWHmxxA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-function-name': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.12
+      '@babel/helper-function-name': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-function-name/7.16.7_@babel+core@7.17.8:
@@ -4676,14 +5547,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-literals/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-gQDlsSF1iv9RU04clgXqRjrPyyoJMTclFt3K1cjLmTKikc0s/6vE3hlDeEVC71wLTRu72Fq7650kABrdTc2wMQ==}
+  /@babel/plugin-transform-literals/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-6tH8RTpTWI0s2sV6uq3e/C9wPo4PTqqZps4uF0kzQ9/xPLFQtipynvmT1g/dOfEJ+0EQsHhkQ/zyRId8J2b8zQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-literals/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-6tH8RTpTWI0s2sV6uq3e/C9wPo4PTqqZps4uF0kzQ9/xPLFQtipynvmT1g/dOfEJ+0EQsHhkQ/zyRId8J2b8zQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-literals/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-6tH8RTpTWI0s2sV6uq3e/C9wPo4PTqqZps4uF0kzQ9/xPLFQtipynvmT1g/dOfEJ+0EQsHhkQ/zyRId8J2b8zQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-literals/7.16.7_@babel+core@7.17.8:
@@ -4715,14 +5606,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-WRpw5HL4Jhnxw8QARzRvwojp9MIE7Tdk3ez6vRyUk1MwgjJN0aNpRoXainLR5SgxmoXx/vsXGZ6OthP6t/RbUg==}
+  /@babel/plugin-transform-member-expression-literals/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-mBruRMbktKQwbxaJof32LT9KLy2f3gH+27a5XSuXo6h7R3vqltl0PgZ80C8ZMKw98Bf8bqt6BEVi3svOh2PzMw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-member-expression-literals/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-mBruRMbktKQwbxaJof32LT9KLy2f3gH+27a5XSuXo6h7R3vqltl0PgZ80C8ZMKw98Bf8bqt6BEVi3svOh2PzMw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-member-expression-literals/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-mBruRMbktKQwbxaJof32LT9KLy2f3gH+27a5XSuXo6h7R3vqltl0PgZ80C8ZMKw98Bf8bqt6BEVi3svOh2PzMw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-member-expression-literals/7.16.7_@babel+core@7.17.8:
@@ -4762,15 +5673,43 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-amd/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-rWFhWbCJ9Wdmzln1NmSCqn7P0RAD+ogXG/bd9Kg5c7PKWkJtkiXmYsMBeXjDlzHpVTJ4I/hnjs45zX4dEv81xw==}
+  /@babel/plugin-transform-modules-amd/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-KaaEtgBL7FKYwjJ/teH63oAmE3lP34N3kshz8mm4VMAw7U3PxjVwwUmxEFksbgsNUaO3wId9R2AVQYSEGRa2+g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      babel-plugin-dynamic-import-node: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-amd/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-KaaEtgBL7FKYwjJ/teH63oAmE3lP34N3kshz8mm4VMAw7U3PxjVwwUmxEFksbgsNUaO3wId9R2AVQYSEGRa2+g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      babel-plugin-dynamic-import-node: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-amd/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-KaaEtgBL7FKYwjJ/teH63oAmE3lP34N3kshz8mm4VMAw7U3PxjVwwUmxEFksbgsNUaO3wId9R2AVQYSEGRa2+g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-module-transforms': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
       babel-plugin-dynamic-import-node: 2.3.3
     transitivePeerDependencies:
       - supports-color
@@ -4819,16 +5758,46 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-Dzi+NWqyEotgzk/sb7kgQPJQf7AJkQBWsVp1N6JWc1lBVo0vkElUnGdr1PzUBmfsCCN5OOFya3RtpeHk15oLKQ==}
+  /@babel/plugin-transform-modules-commonjs/7.17.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-simple-access': 7.17.7
+      babel-plugin-dynamic-import-node: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-commonjs/7.17.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-simple-access': 7.17.7
+      babel-plugin-dynamic-import-node: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-commonjs/7.17.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-module-transforms': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
-      '@babel/helper-simple-access': 7.16.0
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-simple-access': 7.17.7
       babel-plugin-dynamic-import-node: 2.3.3
     transitivePeerDependencies:
       - supports-color
@@ -4880,17 +5849,49 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-yuGBaHS3lF1m/5R+6fjIke64ii5luRUg97N2wr+z1sF0V+sNSXPxXDdEEL/iYLszsN5VKxVB1IPfEqhzVpiqvg==}
+  /@babel/plugin-transform-modules-systemjs/7.17.8_@babel+core@7.12.9:
+    resolution: {integrity: sha512-39reIkMTUVagzgA5x88zDYXPCMT6lcaRKs1+S9K6NKBPErbgO/w/kP8GlNQTC87b412ZTlmNgr3k2JrWgHH+Bw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-hoist-variables': 7.16.7
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-identifier': 7.16.7
+      babel-plugin-dynamic-import-node: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-systemjs/7.17.8_@babel+core@7.16.0:
+    resolution: {integrity: sha512-39reIkMTUVagzgA5x88zDYXPCMT6lcaRKs1+S9K6NKBPErbgO/w/kP8GlNQTC87b412ZTlmNgr3k2JrWgHH+Bw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-hoist-variables': 7.16.7
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-identifier': 7.16.7
+      babel-plugin-dynamic-import-node: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-systemjs/7.17.8_@babel+core@7.16.12:
+    resolution: {integrity: sha512-39reIkMTUVagzgA5x88zDYXPCMT6lcaRKs1+S9K6NKBPErbgO/w/kP8GlNQTC87b412ZTlmNgr3k2JrWgHH+Bw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-hoist-variables': 7.16.0
-      '@babel/helper-module-transforms': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
-      '@babel/helper-validator-identifier': 7.15.7
+      '@babel/helper-hoist-variables': 7.16.7
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-identifier': 7.16.7
       babel-plugin-dynamic-import-node: 2.3.3
     transitivePeerDependencies:
       - supports-color
@@ -4937,15 +5938,41 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-umd/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-nx4f6no57himWiHhxDM5pjwhae5vLpTK2zCnDH8+wNLJy0TVER/LJRHl2bkt6w9Aad2sPD5iNNoUpY3X9sTGDg==}
+  /@babel/plugin-transform-modules-umd/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-EMh7uolsC8O4xhudF2F6wedbSHm1HHZ0C6aJ7K67zcDNidMzVcxWdGr+htW9n21klm+bOn+Rx4CBsAntZd3rEQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-umd/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-EMh7uolsC8O4xhudF2F6wedbSHm1HHZ0C6aJ7K67zcDNidMzVcxWdGr+htW9n21klm+bOn+Rx4CBsAntZd3rEQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-modules-umd/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-EMh7uolsC8O4xhudF2F6wedbSHm1HHZ0C6aJ7K67zcDNidMzVcxWdGr+htW9n21klm+bOn+Rx4CBsAntZd3rEQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-module-transforms': 7.16.0
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-module-transforms': 7.17.7
+      '@babel/helper-plugin-utils': 7.16.7
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -4982,14 +6009,34 @@ packages:
       '@babel/helper-create-regexp-features-plugin': 7.16.0_@babel+core@7.16.0
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-LogN88uO+7EhxWc8WZuQ8vxdSyVGxhkh8WTC3tzlT8LccMuQdA81e9SGV6zY7kY2LjDhhDOFdQVxdGwPyBCnvg==}
+  /@babel/plugin-transform-named-capturing-groups-regex/7.16.8_@babel+core@7.12.9:
+    resolution: {integrity: sha512-j3Jw+n5PvpmhRR+mrgIh04puSANCk/T/UA3m3P1MjJkhlK906+ApHhDIqBQDdOgL/r1UYpz4GNclTXxyZrYGSw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.12.9
+    dev: true
+
+  /@babel/plugin-transform-named-capturing-groups-regex/7.16.8_@babel+core@7.16.0:
+    resolution: {integrity: sha512-j3Jw+n5PvpmhRR+mrgIh04puSANCk/T/UA3m3P1MjJkhlK906+ApHhDIqBQDdOgL/r1UYpz4GNclTXxyZrYGSw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.0
+    dev: true
+
+  /@babel/plugin-transform-named-capturing-groups-regex/7.16.8_@babel+core@7.16.12:
+    resolution: {integrity: sha512-j3Jw+n5PvpmhRR+mrgIh04puSANCk/T/UA3m3P1MjJkhlK906+ApHhDIqBQDdOgL/r1UYpz4GNclTXxyZrYGSw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-create-regexp-features-plugin': 7.16.0_@babel+core@7.16.12
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.12
     dev: false
 
   /@babel/plugin-transform-named-capturing-groups-regex/7.16.8_@babel+core@7.17.8:
@@ -5021,14 +6068,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-new-target/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-fhjrDEYv2DBsGN/P6rlqakwRwIp7rBGLPbrKxwh7oVt5NNkIhZVOY2GRV+ULLsQri1bDqwDWnU3vhlmx5B2aCw==}
+  /@babel/plugin-transform-new-target/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-xiLDzWNMfKoGOpc6t3U+etCE2yRnn3SM09BXqWPIZOBpL2gvVrBWUKnsJx0K/ADi5F5YC5f8APFfWrz25TdlGg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-new-target/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-xiLDzWNMfKoGOpc6t3U+etCE2yRnn3SM09BXqWPIZOBpL2gvVrBWUKnsJx0K/ADi5F5YC5f8APFfWrz25TdlGg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-new-target/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-xiLDzWNMfKoGOpc6t3U+etCE2yRnn3SM09BXqWPIZOBpL2gvVrBWUKnsJx0K/ADi5F5YC5f8APFfWrz25TdlGg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-new-target/7.16.7_@babel+core@7.17.8:
@@ -5066,15 +6133,41 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-object-super/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-fds+puedQHn4cPLshoHcR1DTMN0q1V9ou0mUjm8whx9pGcNvDrVVrgw+KJzzCaiTdaYhldtrUps8DWVMgrSEyg==}
+  /@babel/plugin-transform-object-super/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-14J1feiQVWaGvRxj2WjyMuXS2jsBkgB3MdSN5HuC2G5nRspa5RK9COcs82Pwy5BuGcjb+fYaUj94mYcOj7rCvw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-object-super/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-14J1feiQVWaGvRxj2WjyMuXS2jsBkgB3MdSN5HuC2G5nRspa5RK9COcs82Pwy5BuGcjb+fYaUj94mYcOj7rCvw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/plugin-transform-object-super/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-14J1feiQVWaGvRxj2WjyMuXS2jsBkgB3MdSN5HuC2G5nRspa5RK9COcs82Pwy5BuGcjb+fYaUj94mYcOj7rCvw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
-      '@babel/helper-replace-supers': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-replace-supers': 7.16.7
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -5111,16 +6204,6 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-parameters/7.16.3_@babel+core@7.16.12:
-    resolution: {integrity: sha512-3MaDpJrOXT1MZ/WCmkOFo7EtmVVC8H4EUZVrHvFOsmwkk4lOjQj8rzv8JKUZV4YoQKeoIgk07GO+acPU9IMu/w==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
-    dev: false
-
   /@babel/plugin-transform-parameters/7.16.7_@babel+core@7.12.9:
     resolution: {integrity: sha512-AT3MufQ7zZEhU2hwOA11axBnExW0Lszu4RL/tAlUJBuNoRak+wehQW8h6KcXOcgjY42fHtDxswuMhMjFEuv/aw==}
     engines: {node: '>=6.9.0'}
@@ -5131,6 +6214,26 @@ packages:
       '@babel/helper-plugin-utils': 7.16.7
     dev: true
 
+  /@babel/plugin-transform-parameters/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-AT3MufQ7zZEhU2hwOA11axBnExW0Lszu4RL/tAlUJBuNoRak+wehQW8h6KcXOcgjY42fHtDxswuMhMjFEuv/aw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-parameters/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-AT3MufQ7zZEhU2hwOA11axBnExW0Lszu4RL/tAlUJBuNoRak+wehQW8h6KcXOcgjY42fHtDxswuMhMjFEuv/aw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: false
+
   /@babel/plugin-transform-parameters/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-AT3MufQ7zZEhU2hwOA11axBnExW0Lszu4RL/tAlUJBuNoRak+wehQW8h6KcXOcgjY42fHtDxswuMhMjFEuv/aw==}
     engines: {node: '>=6.9.0'}
@@ -5160,14 +6263,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-property-literals/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-XLldD4V8+pOqX2hwfWhgwXzGdnDOThxaNTgqagOcpBgIxbUvpgU2FMvo5E1RyHbk756WYgdbS0T8y0Cj9FKkWQ==}
+  /@babel/plugin-transform-property-literals/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-z4FGr9NMGdoIl1RqavCqGG+ZuYjfZ/hkCIeuH6Do7tXmSm0ls11nYVSJqFEUOSJbDab5wC6lRE/w6YjVcr6Hqw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-property-literals/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-z4FGr9NMGdoIl1RqavCqGG+ZuYjfZ/hkCIeuH6Do7tXmSm0ls11nYVSJqFEUOSJbDab5wC6lRE/w6YjVcr6Hqw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-property-literals/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-z4FGr9NMGdoIl1RqavCqGG+ZuYjfZ/hkCIeuH6Do7tXmSm0ls11nYVSJqFEUOSJbDab5wC6lRE/w6YjVcr6Hqw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-property-literals/7.16.7_@babel+core@7.17.8:
@@ -5189,6 +6312,16 @@ packages:
       '@babel/helper-plugin-utils': 7.16.7
     dev: true
 
+  /@babel/plugin-transform-react-display-name/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-qgIg8BcZgd0G/Cz916D5+9kqX0c7nPZyXaP8R2tLNN5tkyIZdG5fEwBrxwplzSnjC1jvQmyMNVwUCZPcbGY7Pg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
   /@babel/plugin-transform-react-display-name/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-qgIg8BcZgd0G/Cz916D5+9kqX0c7nPZyXaP8R2tLNN5tkyIZdG5fEwBrxwplzSnjC1jvQmyMNVwUCZPcbGY7Pg==}
     engines: {node: '>=6.9.0'}
@@ -5199,6 +6332,16 @@ packages:
       '@babel/helper-plugin-utils': 7.16.7
     dev: true
 
+  /@babel/plugin-transform-react-jsx-development/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-RMvQWvpla+xy6MlBpPlrKZCMRs2AGiHOGHY3xRwl0pEeim348dDyxeH4xBsMPbIMhujeq7ihE702eM2Ew0Wo+A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/plugin-transform-react-jsx': 7.17.3_@babel+core@7.12.9
+    dev: true
+
   /@babel/plugin-transform-react-jsx-development/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-RMvQWvpla+xy6MlBpPlrKZCMRs2AGiHOGHY3xRwl0pEeim348dDyxeH4xBsMPbIMhujeq7ihE702eM2Ew0Wo+A==}
     engines: {node: '>=6.9.0'}
@@ -5251,6 +6394,20 @@ packages:
       '@babel/types': 7.16.0
     dev: false
 
+  /@babel/plugin-transform-react-jsx/7.17.3_@babel+core@7.12.9:
+    resolution: {integrity: sha512-9tjBm4O07f7mzKSIlEmPdiE6ub7kfIe6Cd+w+oQebpATfTQMAgW+YOuWxogbKVTulA+MEO7byMeIUtQ1z+z+ZQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/plugin-syntax-jsx': 7.16.7_@babel+core@7.12.9
+      '@babel/types': 7.17.0
+    dev: true
+
   /@babel/plugin-transform-react-jsx/7.17.3_@babel+core@7.17.8:
     resolution: {integrity: sha512-9tjBm4O07f7mzKSIlEmPdiE6ub7kfIe6Cd+w+oQebpATfTQMAgW+YOuWxogbKVTulA+MEO7byMeIUtQ1z+z+ZQ==}
     engines: {node: '>=6.9.0'}
@@ -5264,6 +6421,17 @@ packages:
       '@babel/plugin-syntax-jsx': 7.16.7_@babel+core@7.17.8
       '@babel/types': 7.17.0
 
+  /@babel/plugin-transform-react-pure-annotations/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-hs71ToC97k3QWxswh2ElzMFABXHvGiJ01IB1TbYQDGeWRKWz/MPUTh5jGExdHvosYKpnJW5Pm3S4+TA3FyX+GA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-annotate-as-pure': 7.16.7
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
   /@babel/plugin-transform-react-pure-annotations/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-hs71ToC97k3QWxswh2ElzMFABXHvGiJ01IB1TbYQDGeWRKWz/MPUTh5jGExdHvosYKpnJW5Pm3S4+TA3FyX+GA==}
     engines: {node: '>=6.9.0'}
@@ -5295,8 +6463,28 @@ packages:
       regenerator-transform: 0.14.5
     dev: true
 
-  /@babel/plugin-transform-regenerator/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-JAvGxgKuwS2PihiSFaDrp94XOzzTUeDeOQlcKzVAyaPap7BnZXK/lvMDiubkPTdotPKOIZq9xWXWnggUMYiExg==}
+  /@babel/plugin-transform-regenerator/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-mF7jOgGYCkSJagJ6XCujSQg+6xC1M77/03K2oBmVJWoFGNUtnVJO4WHKJk3dnPC8HCcj4xBQP1Egm8DWh3Pb3Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      regenerator-transform: 0.14.5
+    dev: true
+
+  /@babel/plugin-transform-regenerator/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-mF7jOgGYCkSJagJ6XCujSQg+6xC1M77/03K2oBmVJWoFGNUtnVJO4WHKJk3dnPC8HCcj4xBQP1Egm8DWh3Pb3Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      regenerator-transform: 0.14.5
+    dev: true
+
+  /@babel/plugin-transform-regenerator/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-mF7jOgGYCkSJagJ6XCujSQg+6xC1M77/03K2oBmVJWoFGNUtnVJO4WHKJk3dnPC8HCcj4xBQP1Egm8DWh3Pb3Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -5334,14 +6522,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-reserved-words/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-Dgs8NNCehHSvXdhEhln8u/TtJxfVwGYCgP2OOr5Z3Ar+B+zXicEOKNTyc+eca2cuEOMtjW6m9P9ijOt8QdqWkg==}
+  /@babel/plugin-transform-reserved-words/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-KQzzDnZ9hWQBjwi5lpY5v9shmm6IVG0U9pB18zvMu2i4H90xpT4gmqwPYsn8rObiadYe2M0gmgsiOIF5A/2rtg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-reserved-words/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-KQzzDnZ9hWQBjwi5lpY5v9shmm6IVG0U9pB18zvMu2i4H90xpT4gmqwPYsn8rObiadYe2M0gmgsiOIF5A/2rtg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-reserved-words/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-KQzzDnZ9hWQBjwi5lpY5v9shmm6IVG0U9pB18zvMu2i4H90xpT4gmqwPYsn8rObiadYe2M0gmgsiOIF5A/2rtg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-reserved-words/7.16.7_@babel+core@7.17.8:
@@ -5440,14 +6648,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-iVb1mTcD8fuhSv3k99+5tlXu5N0v8/DPm2mO3WACLG6al1CGZH7v09HJyUb1TtYl/Z+KrM6pHSIJdZxP5A+xow==}
+  /@babel/plugin-transform-shorthand-properties/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-hah2+FEnoRoATdIb05IOXf+4GzXYTq75TVhIn1PewihbpyrNWUt2JbudKQOETWw6QpLe+AIUpJ5MVLYTQbeeUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-shorthand-properties/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-hah2+FEnoRoATdIb05IOXf+4GzXYTq75TVhIn1PewihbpyrNWUt2JbudKQOETWw6QpLe+AIUpJ5MVLYTQbeeUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-shorthand-properties/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-hah2+FEnoRoATdIb05IOXf+4GzXYTq75TVhIn1PewihbpyrNWUt2JbudKQOETWw6QpLe+AIUpJ5MVLYTQbeeUg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-shorthand-properties/7.16.7_@babel+core@7.17.8:
@@ -5481,14 +6709,36 @@ packages:
       '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
     dev: true
 
-  /@babel/plugin-transform-spread/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-Ao4MSYRaLAQczZVp9/7E7QHsCuK92yHRrmVNRe/SlEJjhzivq0BSn8mEraimL8wizHZ3fuaHxKH0iwzI13GyGg==}
+  /@babel/plugin-transform-spread/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-+pjJpgAngb53L0iaA5gU/1MLXJIfXcYepLgXB3esVRf4fqmj8f2cxM3/FKaHsZms08hFQJkFccEWuIpm429TXg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
+    dev: true
+
+  /@babel/plugin-transform-spread/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-+pjJpgAngb53L0iaA5gU/1MLXJIfXcYepLgXB3esVRf4fqmj8f2cxM3/FKaHsZms08hFQJkFccEWuIpm429TXg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
+    dev: true
+
+  /@babel/plugin-transform-spread/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-+pjJpgAngb53L0iaA5gU/1MLXJIfXcYepLgXB3esVRf4fqmj8f2cxM3/FKaHsZms08hFQJkFccEWuIpm429TXg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
       '@babel/helper-skip-transparent-expression-wrappers': 7.16.0
     dev: false
 
@@ -5522,14 +6772,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-sticky-regex/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-/ntT2NljR9foobKk4E/YyOSwcGUXtYWv5tinMK/3RkypyNBNdhHUaq6Orw5DWq9ZcNlS03BIlEALFeQgeVAo4Q==}
+  /@babel/plugin-transform-sticky-regex/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-NJa0Bd/87QV5NZZzTuZG5BPJjLYadeSZ9fO6oOUoL4iQx+9EEuw/eEM92SrsT19Yc2jgB1u1hsjqDtH02c3Drw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-sticky-regex/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-NJa0Bd/87QV5NZZzTuZG5BPJjLYadeSZ9fO6oOUoL4iQx+9EEuw/eEM92SrsT19Yc2jgB1u1hsjqDtH02c3Drw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-sticky-regex/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-NJa0Bd/87QV5NZZzTuZG5BPJjLYadeSZ9fO6oOUoL4iQx+9EEuw/eEM92SrsT19Yc2jgB1u1hsjqDtH02c3Drw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-sticky-regex/7.16.7_@babel+core@7.17.8:
@@ -5561,14 +6831,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-template-literals/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-Rd4Ic89hA/f7xUSJQk5PnC+4so50vBoBfxjdQAdvngwidM8jYIBVxBZ/sARxD4e0yMXRbJVDrYf7dyRtIIKT6Q==}
+  /@babel/plugin-transform-template-literals/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-VwbkDDUeenlIjmfNeDX/V0aWrQH2QiVyJtwymVQSzItFDTpxfyJh3EVaQiS0rIN/CqbLGr0VcGmuwyTdZtdIsA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-template-literals/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-VwbkDDUeenlIjmfNeDX/V0aWrQH2QiVyJtwymVQSzItFDTpxfyJh3EVaQiS0rIN/CqbLGr0VcGmuwyTdZtdIsA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-template-literals/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-VwbkDDUeenlIjmfNeDX/V0aWrQH2QiVyJtwymVQSzItFDTpxfyJh3EVaQiS0rIN/CqbLGr0VcGmuwyTdZtdIsA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-template-literals/7.16.7_@babel+core@7.17.8:
@@ -5600,14 +6890,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-++V2L8Bdf4vcaHi2raILnptTBjGEFxn5315YU+e8+EqXIucA+q349qWngCLpUYqqv233suJ6NOienIVUpS9cqg==}
+  /@babel/plugin-transform-typeof-symbol/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-p2rOixCKRJzpg9JB4gjnG4gjWkWa89ZoYUnl9snJ1cWIcTH/hvxZqfO+WjG6T8DRBpctEol5jw1O5rA8gkCokQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-typeof-symbol/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-p2rOixCKRJzpg9JB4gjnG4gjWkWa89ZoYUnl9snJ1cWIcTH/hvxZqfO+WjG6T8DRBpctEol5jw1O5rA8gkCokQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-typeof-symbol/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-p2rOixCKRJzpg9JB4gjnG4gjWkWa89ZoYUnl9snJ1cWIcTH/hvxZqfO+WjG6T8DRBpctEol5jw1O5rA8gkCokQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-typeof-symbol/7.16.7_@babel+core@7.17.8:
@@ -5680,14 +6990,34 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-VFi4dhgJM7Bpk8lRc5CMaRGlKZ29W9C3geZjt9beuzSUrlJxsNwX7ReLwaL6WEvsOf2EQkyIJEPtF8EXjB/g2A==}
+  /@babel/plugin-transform-unicode-escapes/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-TAV5IGahIz3yZ9/Hfv35TV2xEm+kaBDaZQCn2S/hG9/CZ0DktxJv9eKfPc7yYCvOYR4JGx1h8C+jcSOvgaaI/Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-unicode-escapes/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-TAV5IGahIz3yZ9/Hfv35TV2xEm+kaBDaZQCn2S/hG9/CZ0DktxJv9eKfPc7yYCvOYR4JGx1h8C+jcSOvgaaI/Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-unicode-escapes/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-TAV5IGahIz3yZ9/Hfv35TV2xEm+kaBDaZQCn2S/hG9/CZ0DktxJv9eKfPc7yYCvOYR4JGx1h8C+jcSOvgaaI/Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-unicode-escapes/7.16.7_@babel+core@7.17.8:
@@ -5721,15 +7051,37 @@ packages:
       '@babel/helper-plugin-utils': 7.14.5
     dev: true
 
-  /@babel/plugin-transform-unicode-regex/7.16.0_@babel+core@7.16.12:
-    resolution: {integrity: sha512-jHLK4LxhHjvCeZDWyA9c+P9XH1sOxRd1RO9xMtDVRAOND/PczPqizEtVdx4TQF/wyPaewqpT+tgQFYMnN/P94A==}
+  /@babel/plugin-transform-unicode-regex/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-oC5tYYKw56HO75KZVLQ+R/Nl3Hro9kf8iG0hXoaHP7tjAyCpvqBiSNe6vGrZni1Z6MggmUOC6A7VP7AVmw225Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-unicode-regex/7.16.7_@babel+core@7.16.0:
+    resolution: {integrity: sha512-oC5tYYKw56HO75KZVLQ+R/Nl3Hro9kf8iG0hXoaHP7tjAyCpvqBiSNe6vGrZni1Z6MggmUOC6A7VP7AVmw225Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+    dev: true
+
+  /@babel/plugin-transform-unicode-regex/7.16.7_@babel+core@7.16.12:
+    resolution: {integrity: sha512-oC5tYYKw56HO75KZVLQ+R/Nl3Hro9kf8iG0hXoaHP7tjAyCpvqBiSNe6vGrZni1Z6MggmUOC6A7VP7AVmw225Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.16.12
-      '@babel/helper-create-regexp-features-plugin': 7.16.0_@babel+core@7.16.12
-      '@babel/helper-plugin-utils': 7.14.5
+      '@babel/helper-create-regexp-features-plugin': 7.17.0_@babel+core@7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
     dev: false
 
   /@babel/plugin-transform-unicode-regex/7.16.7_@babel+core@7.17.8:
@@ -5826,6 +7178,261 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/preset-env/7.16.11_@babel+core@7.12.9:
+    resolution: {integrity: sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.17.7
+      '@babel/core': 7.12.9
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-option': 7.16.7
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-async-generator-functions': 7.16.8_@babel+core@7.12.9
+      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-class-static-block': 7.17.6_@babel+core@7.12.9
+      '@babel/plugin-proposal-dynamic-import': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-export-namespace-from': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-json-strings': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-logical-assignment-operators': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-numeric-separator': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.12.9
+      '@babel/plugin-proposal-optional-catch-binding': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.12.9
+      '@babel/plugin-proposal-private-property-in-object': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-proposal-unicode-property-regex': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.12.9
+      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.12.9
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.12.9
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.12.9
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.12.9
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.12.9
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.12.9
+      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.12.9
+      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-async-to-generator': 7.16.8_@babel+core@7.12.9
+      '@babel/plugin-transform-block-scoped-functions': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-computed-properties': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.12.9
+      '@babel/plugin-transform-dotall-regex': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-duplicate-keys': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-exponentiation-operator': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-function-name': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-literals': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-member-expression-literals': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-modules-amd': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-modules-commonjs': 7.17.7_@babel+core@7.12.9
+      '@babel/plugin-transform-modules-systemjs': 7.17.8_@babel+core@7.12.9
+      '@babel/plugin-transform-modules-umd': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.16.8_@babel+core@7.12.9
+      '@babel/plugin-transform-new-target': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-object-super': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-property-literals': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-regenerator': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-reserved-words': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-sticky-regex': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-typeof-symbol': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-unicode-escapes': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-unicode-regex': 7.16.7_@babel+core@7.12.9
+      '@babel/preset-modules': 0.1.5_@babel+core@7.12.9
+      '@babel/types': 7.17.0
+      babel-plugin-polyfill-corejs2: 0.3.0_@babel+core@7.12.9
+      babel-plugin-polyfill-corejs3: 0.5.2_@babel+core@7.12.9
+      babel-plugin-polyfill-regenerator: 0.3.0_@babel+core@7.12.9
+      core-js-compat: 3.21.1
+      semver: 6.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/preset-env/7.16.11_@babel+core@7.16.0:
+    resolution: {integrity: sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.17.7
+      '@babel/core': 7.16.0
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.0
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-option': 7.16.7
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-async-generator-functions': 7.16.8_@babel+core@7.16.0
+      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-class-static-block': 7.17.6_@babel+core@7.16.0
+      '@babel/plugin-proposal-dynamic-import': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-export-namespace-from': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-json-strings': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-logical-assignment-operators': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-numeric-separator': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.16.0
+      '@babel/plugin-proposal-optional-catch-binding': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.16.0
+      '@babel/plugin-proposal-private-property-in-object': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-proposal-unicode-property-regex': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.16.0
+      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.16.0
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.16.0
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.16.0
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.16.0
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.16.0
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.16.0
+      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.16.0
+      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-async-to-generator': 7.16.8_@babel+core@7.16.0
+      '@babel/plugin-transform-block-scoped-functions': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-computed-properties': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.16.0
+      '@babel/plugin-transform-dotall-regex': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-duplicate-keys': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-exponentiation-operator': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-function-name': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-literals': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-member-expression-literals': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-modules-amd': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-modules-commonjs': 7.17.7_@babel+core@7.16.0
+      '@babel/plugin-transform-modules-systemjs': 7.17.8_@babel+core@7.16.0
+      '@babel/plugin-transform-modules-umd': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.16.8_@babel+core@7.16.0
+      '@babel/plugin-transform-new-target': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-object-super': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-property-literals': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-regenerator': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-reserved-words': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-sticky-regex': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-typeof-symbol': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-unicode-escapes': 7.16.7_@babel+core@7.16.0
+      '@babel/plugin-transform-unicode-regex': 7.16.7_@babel+core@7.16.0
+      '@babel/preset-modules': 0.1.5_@babel+core@7.16.0
+      '@babel/types': 7.17.0
+      babel-plugin-polyfill-corejs2: 0.3.0_@babel+core@7.16.0
+      babel-plugin-polyfill-corejs3: 0.5.2_@babel+core@7.16.0
+      babel-plugin-polyfill-regenerator: 0.3.0_@babel+core@7.16.0
+      core-js-compat: 3.21.1
+      semver: 6.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/preset-env/7.16.11_@babel+core@7.16.12:
+    resolution: {integrity: sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.17.7
+      '@babel/core': 7.16.12
+      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.12
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-option': 7.16.7
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-async-generator-functions': 7.16.8_@babel+core@7.16.12
+      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-class-static-block': 7.17.6_@babel+core@7.16.12
+      '@babel/plugin-proposal-dynamic-import': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-export-namespace-from': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-json-strings': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-logical-assignment-operators': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-numeric-separator': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.16.12
+      '@babel/plugin-proposal-optional-catch-binding': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.16.12
+      '@babel/plugin-proposal-private-property-in-object': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-proposal-unicode-property-regex': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.16.12
+      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.16.12
+      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.16.12
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.16.12
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.16.12
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.16.12
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.16.12
+      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.16.12
+      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-async-to-generator': 7.16.8_@babel+core@7.16.12
+      '@babel/plugin-transform-block-scoped-functions': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-computed-properties': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.16.12
+      '@babel/plugin-transform-dotall-regex': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-duplicate-keys': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-exponentiation-operator': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-function-name': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-literals': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-member-expression-literals': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-modules-amd': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-modules-commonjs': 7.17.7_@babel+core@7.16.12
+      '@babel/plugin-transform-modules-systemjs': 7.17.8_@babel+core@7.16.12
+      '@babel/plugin-transform-modules-umd': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.16.8_@babel+core@7.16.12
+      '@babel/plugin-transform-new-target': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-object-super': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-property-literals': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-regenerator': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-reserved-words': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-sticky-regex': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-typeof-symbol': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-unicode-escapes': 7.16.7_@babel+core@7.16.12
+      '@babel/plugin-transform-unicode-regex': 7.16.7_@babel+core@7.16.12
+      '@babel/preset-modules': 0.1.5_@babel+core@7.16.12
+      '@babel/types': 7.17.0
+      babel-plugin-polyfill-corejs2: 0.3.0_@babel+core@7.16.12
+      babel-plugin-polyfill-corejs3: 0.5.2_@babel+core@7.16.12
+      babel-plugin-polyfill-regenerator: 0.3.0_@babel+core@7.16.12
+      core-js-compat: 3.21.1
+      semver: 6.3.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /@babel/preset-env/7.16.11_@babel+core@7.17.8:
     resolution: {integrity: sha512-qcmWG8R7ZW6WBRPZK//y+E3Cli151B20W1Rv7ln27vuPaXU/8TKms6jFdiJtF7UDTxcrb7mZd88tAeK9LjdT8g==}
     engines: {node: '>=6.9.0'}
@@ -5995,90 +7602,17 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/preset-env/7.16.4_@babel+core@7.16.12:
-    resolution: {integrity: sha512-v0QtNd81v/xKj4gNKeuAerQ/azeNn/G1B1qMLeXOcV8+4TWlD2j3NV1u8q29SDFBXx/NBq5kyEAO+0mpRgacjA==}
+  /@babel/preset-flow/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-6ceP7IyZdUYQ3wUVqyRSQXztd1YmFHWI4Xv11MIqAlE4WqxBSd/FZ61V9k+TS5Gd4mkHOtQtPp9ymRpxH4y1Ug==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.17.7
-      '@babel/core': 7.16.12
-      '@babel/helper-compilation-targets': 7.17.7_@babel+core@7.16.12
+      '@babel/core': 7.12.9
       '@babel/helper-plugin-utils': 7.16.7
       '@babel/helper-validator-option': 7.16.7
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.16.2_@babel+core@7.16.12
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-async-generator-functions': 7.16.4_@babel+core@7.16.12
-      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.16.12
-      '@babel/plugin-proposal-class-static-block': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-dynamic-import': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-export-namespace-from': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-json-strings': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-logical-assignment-operators': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-numeric-separator': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-object-rest-spread': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-optional-catch-binding': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-optional-chaining': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-private-methods': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-private-property-in-object': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-proposal-unicode-property-regex': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-syntax-async-generators': 7.8.4_@babel+core@7.16.12
-      '@babel/plugin-syntax-class-properties': 7.12.13_@babel+core@7.16.12
-      '@babel/plugin-syntax-class-static-block': 7.14.5_@babel+core@7.16.12
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-json-strings': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4_@babel+core@7.16.12
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-numeric-separator': 7.10.4_@babel+core@7.16.12
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-optional-chaining': 7.8.3_@babel+core@7.16.12
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5_@babel+core@7.16.12
-      '@babel/plugin-syntax-top-level-await': 7.14.5_@babel+core@7.16.12
-      '@babel/plugin-transform-arrow-functions': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-async-to-generator': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-block-scoped-functions': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-block-scoping': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-classes': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-computed-properties': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-destructuring': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-dotall-regex': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-duplicate-keys': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-exponentiation-operator': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-for-of': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-function-name': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-literals': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-member-expression-literals': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-modules-amd': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-modules-commonjs': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-modules-systemjs': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-modules-umd': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-new-target': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-object-super': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-parameters': 7.16.3_@babel+core@7.16.12
-      '@babel/plugin-transform-property-literals': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-regenerator': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-reserved-words': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-shorthand-properties': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-spread': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-sticky-regex': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-template-literals': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-typeof-symbol': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-unicode-escapes': 7.16.0_@babel+core@7.16.12
-      '@babel/plugin-transform-unicode-regex': 7.16.0_@babel+core@7.16.12
-      '@babel/preset-modules': 0.1.5_@babel+core@7.16.12
-      '@babel/types': 7.17.0
-      babel-plugin-polyfill-corejs2: 0.3.0_@babel+core@7.16.12
-      babel-plugin-polyfill-corejs3: 0.4.0_@babel+core@7.16.12
-      babel-plugin-polyfill-regenerator: 0.3.0_@babel+core@7.16.12
-      core-js-compat: 3.19.1
-      semver: 6.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
+      '@babel/plugin-transform-flow-strip-types': 7.16.7_@babel+core@7.12.9
+    dev: true
 
   /@babel/preset-flow/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-6ceP7IyZdUYQ3wUVqyRSQXztd1YmFHWI4Xv11MIqAlE4WqxBSd/FZ61V9k+TS5Gd4mkHOtQtPp9ymRpxH4y1Ug==}
@@ -6143,6 +7677,21 @@ packages:
       '@babel/types': 7.16.0
       esutils: 2.0.3
 
+  /@babel/preset-react/7.16.7_@babel+core@7.12.9:
+    resolution: {integrity: sha512-fWpyI8UM/HE6DfPBzD8LnhQ/OcH8AgTaqcqP2nGOXEUV+VKBR5JRN9hCk9ai+zQQ57vtm9oWeXguBCPNUjytgA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-plugin-utils': 7.16.7
+      '@babel/helper-validator-option': 7.16.7
+      '@babel/plugin-transform-react-display-name': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-react-jsx': 7.17.3_@babel+core@7.12.9
+      '@babel/plugin-transform-react-jsx-development': 7.16.7_@babel+core@7.12.9
+      '@babel/plugin-transform-react-pure-annotations': 7.16.7_@babel+core@7.12.9
+    dev: true
+
   /@babel/preset-react/7.16.7_@babel+core@7.17.8:
     resolution: {integrity: sha512-fWpyI8UM/HE6DfPBzD8LnhQ/OcH8AgTaqcqP2nGOXEUV+VKBR5JRN9hCk9ai+zQQ57vtm9oWeXguBCPNUjytgA==}
     engines: {node: '>=6.9.0'}
@@ -6362,7 +7911,7 @@ packages:
       '@cspotcode/source-map-consumer': 0.8.0
     dev: true
 
-  /@cypress/webpack-preprocessor/5.10.0_8664c4230b51db280b15ba36bf8e5650:
+  /@cypress/webpack-preprocessor/5.10.0_eab84302f28ca27d02fd15252916451f:
     resolution: {integrity: sha512-KzcDBjos3rIw58imyvATYTNi9CB+Co0SFUhexmuH2c+Wk1ksSM3g4XmxUUIaJJvDwmIK4tcoBMYd9Lzle8bR7A==}
     peerDependencies:
       '@babel/core': ^7.0.1
@@ -6371,12 +7920,12 @@ packages:
       webpack: ^4 || ^5
     dependencies:
       '@babel/core': 7.16.0
-      '@babel/preset-env': 7.16.4_@babel+core@7.16.0
-      babel-loader: 8.2.3_fda98f9ff70e0481a7d2271d8792a29b
+      '@babel/preset-env': 7.16.11_@babel+core@7.16.0
+      babel-loader: 8.2.3_2126ca8a005869f6c62d5aa977e8d816
       bluebird: 3.7.2
       debug: 4.3.2
       lodash: 4.17.21
-      webpack: 5.64.1
+      webpack: 5.70.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6438,20 +7987,6 @@ packages:
       '@emotion/utils': 0.11.3
     dev: true
 
-  /@emotion/core/10.3.1_react@17.0.2:
-    resolution: {integrity: sha512-447aUEjPIm0MnE6QYIaFz9VQOHSXf4Iu6EWOIqq11EAPqinkSZmfymPTmlOE3QjLv846lH4JVZBUOtwGbuQoww==}
-    peerDependencies:
-      react: '>=16.3.0'
-    dependencies:
-      '@babel/runtime': 7.17.7
-      '@emotion/cache': 10.0.29
-      '@emotion/css': 10.0.27
-      '@emotion/serialize': 0.11.16
-      '@emotion/sheet': 0.9.4
-      '@emotion/utils': 0.11.3
-      react: 17.0.2
-    dev: true
-
   /@emotion/css/10.0.27:
     resolution: {integrity: sha512-6wZjsvYeBhyZQYNrGoR5yPMYbMBNEnanDrqmsqS1mzDm1cOTu12shvl2j4QHNS36UaTE0USIJawCH9C8oW34Zw==}
     dependencies:
@@ -6570,20 +8105,6 @@ packages:
     resolution: {integrity: sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==}
     dev: false
 
-  /@emotion/styled-base/10.3.0_316248eb6686a2fd4fbadcfd00de37f3:
-    resolution: {integrity: sha512-PBRqsVKR7QRNkmfH78hTSSwHWcwDpecH9W6heujWAcyp2wdz/64PP73s7fWS1dIPm8/Exc8JAzYS8dEWXjv60w==}
-    peerDependencies:
-      '@emotion/core': ^10.0.28
-      react: '>=16.3.0'
-    dependencies:
-      '@babel/runtime': 7.17.7
-      '@emotion/core': 10.3.1_react@17.0.2
-      '@emotion/is-prop-valid': 0.8.8
-      '@emotion/serialize': 0.11.16
-      '@emotion/utils': 0.11.3
-      react: 17.0.2
-    dev: true
-
   /@emotion/styled-base/10.3.0_@emotion+core@10.3.1:
     resolution: {integrity: sha512-PBRqsVKR7QRNkmfH78hTSSwHWcwDpecH9W6heujWAcyp2wdz/64PP73s7fWS1dIPm8/Exc8JAzYS8dEWXjv60w==}
     peerDependencies:
@@ -6597,18 +8118,6 @@ packages:
       '@emotion/utils': 0.11.3
     dev: true
 
-  /@emotion/styled/10.3.0_316248eb6686a2fd4fbadcfd00de37f3:
-    resolution: {integrity: sha512-GgcUpXBBEU5ido+/p/mCT2/Xx+Oqmp9JzQRuC+a4lYM4i4LBBn/dWvc0rQ19N9ObA8/T4NWMrPNe79kMBDJqoQ==}
-    peerDependencies:
-      '@emotion/core': ^10.0.27
-      react: '>=16.3.0'
-    dependencies:
-      '@emotion/core': 10.3.1_react@17.0.2
-      '@emotion/styled-base': 10.3.0_316248eb6686a2fd4fbadcfd00de37f3
-      babel-plugin-emotion: 10.2.2
-      react: 17.0.2
-    dev: true
-
   /@emotion/styled/10.3.0_@emotion+core@10.3.1:
     resolution: {integrity: sha512-GgcUpXBBEU5ido+/p/mCT2/Xx+Oqmp9JzQRuC+a4lYM4i4LBBn/dWvc0rQ19N9ObA8/T4NWMrPNe79kMBDJqoQ==}
     peerDependencies:
@@ -7698,17 +9207,6 @@ packages:
       - supports-color
     dev: true
 
-  /@mdx-js/loader/1.6.22_react@17.0.2:
-    resolution: {integrity: sha512-9CjGwy595NaxAYp0hF9B/A0lH6C8Rms97e2JS9d3jVUtILn6pT5i5IV965ra3lIWc7Rs1GG1tBdVF7dCowYe6Q==}
-    dependencies:
-      '@mdx-js/mdx': 1.6.22
-      '@mdx-js/react': 1.6.22_react@17.0.2
-      loader-utils: 2.0.0
-    transitivePeerDependencies:
-      - react
-      - supports-color
-    dev: true
-
   /@mdx-js/mdx/1.6.22:
     resolution: {integrity: sha512-AMxuLxPz2j5/6TpF/XSdKpQP1NlG0z11dFOlq+2IP/lSgl11GY8ji6S/rgsViN/L0BDvHvUMruRb7ub+24LUYA==}
     dependencies:
@@ -7741,14 +9239,6 @@ packages:
       react: ^16.13.1 || ^17.0.0
     dev: true
 
-  /@mdx-js/react/1.6.22_react@17.0.2:
-    resolution: {integrity: sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==}
-    peerDependencies:
-      react: ^16.13.1 || ^17.0.0
-    dependencies:
-      react: 17.0.2
-    dev: true
-
   /@mdx-js/util/1.6.22:
     resolution: {integrity: sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA==}
     dev: true
@@ -7962,7 +9452,7 @@ packages:
       yargs-parser: 20.0.0
     dev: true
 
-  /@nrwl/cypress/13.3.5_45e5b05f8550ddf8ad44a90a38658752:
+  /@nrwl/cypress/13.3.5_c038c1456e7bf90a94e00c2ec1748e38:
     resolution: {integrity: sha512-m4n+NxNvmqj9nUdKXETI3pAFJCd1DJVHm7Jwf1L8sYFlxOAv8MaFEmrPjmx2qY8F5TUqWqG2BgRYwIx1ImIPkg==}
     peerDependencies:
       cypress: '>= 3 < 10'
@@ -7970,7 +9460,7 @@ packages:
       cypress:
         optional: true
     dependencies:
-      '@cypress/webpack-preprocessor': 5.10.0_8664c4230b51db280b15ba36bf8e5650
+      '@cypress/webpack-preprocessor': 5.10.0_eab84302f28ca27d02fd15252916451f
       '@nrwl/devkit': 13.3.5
       '@nrwl/linter': 13.3.5_ts-node@9.1.1+typescript@4.2.4
       '@nrwl/workspace': 13.3.5_e77b5b0640b6ec0ecc6c8e0dab0ec669
@@ -7978,7 +9468,7 @@ packages:
       enhanced-resolve: 5.8.3
       fork-ts-checker-webpack-plugin: 6.2.10
       rxjs: 6.6.7
-      ts-loader: 9.2.6_typescript@4.2.4+webpack@5.64.1
+      ts-loader: 9.2.6_typescript@4.2.4+webpack@5.70.0
       tsconfig-paths: 3.11.0
       tsconfig-paths-webpack-plugin: 3.4.1
       tslib: 2.3.1
@@ -8194,23 +9684,23 @@ packages:
       '@babel/plugin-proposal-decorators': 7.16.4_@babel+core@7.16.0
       '@babel/plugin-transform-regenerator': 7.16.0_@babel+core@7.16.0
       '@babel/plugin-transform-runtime': 7.16.4_@babel+core@7.16.0
-      '@babel/preset-env': 7.16.4_@babel+core@7.16.0
+      '@babel/preset-env': 7.16.11_@babel+core@7.16.0
       '@babel/preset-typescript': 7.16.0_@babel+core@7.16.0
-      '@babel/runtime': 7.16.3
-      '@nrwl/cypress': 13.3.5_45e5b05f8550ddf8ad44a90a38658752
+      '@babel/runtime': 7.17.7
+      '@nrwl/cypress': 13.3.5_c038c1456e7bf90a94e00c2ec1748e38
       '@nrwl/devkit': 13.3.5
       '@nrwl/jest': 13.3.5_ts-node@9.1.1
       '@nrwl/js': 13.3.5_e77b5b0640b6ec0ecc6c8e0dab0ec669
       '@nrwl/linter': 13.3.5_ts-node@9.1.1+typescript@4.2.4
       '@nrwl/workspace': 13.3.5_e77b5b0640b6ec0ecc6c8e0dab0ec669
-      '@pmmmwh/react-refresh-webpack-plugin': 0.5.1_92cb4b81c6b9f71cf92f0bdb85e4210c
+      '@pmmmwh/react-refresh-webpack-plugin': 0.5.1_acddec6c34c518c147e4dc38c87b7252
       '@rollup/plugin-babel': 5.3.0_@babel+core@7.16.0+rollup@2.60.0
       '@rollup/plugin-commonjs': 20.0.0_rollup@2.60.0
       '@rollup/plugin-image': 2.1.1_rollup@2.60.0
       '@rollup/plugin-json': 4.1.0_rollup@2.60.0
       '@rollup/plugin-node-resolve': 13.0.6_rollup@2.60.0
       autoprefixer: 10.4.0_postcss@8.3.0
-      babel-loader: 8.2.3_fda98f9ff70e0481a7d2271d8792a29b
+      babel-loader: 8.2.3_2126ca8a005869f6c62d5aa977e8d816
       babel-plugin-const-enum: 1.2.0_@babel+core@7.16.0
       babel-plugin-macros: 2.8.0
       babel-plugin-transform-async-to-promises: 0.8.15
@@ -8220,29 +9710,29 @@ packages:
       caniuse-lite: 1.0.30001280
       chalk: 4.1.0
       chokidar: 3.5.2
-      copy-webpack-plugin: 9.1.0_webpack@5.64.1
-      core-js: 3.19.1
-      css-loader: 6.5.1_webpack@5.64.1
-      css-minimizer-webpack-plugin: 3.1.3_webpack@5.64.1
+      copy-webpack-plugin: 9.1.0_webpack@5.70.0
+      core-js: 3.21.1
+      css-loader: 6.7.1_webpack@5.70.0
+      css-minimizer-webpack-plugin: 3.1.3_webpack@5.70.0
       enhanced-resolve: 5.8.3
-      file-loader: 6.2.0_webpack@5.64.1
+      file-loader: 6.2.0_webpack@5.70.0
       fork-ts-checker-webpack-plugin: 6.2.10
       fs-extra: 9.1.0
       http-server: 0.12.3
       identity-obj-proxy: 3.0.0
       ignore: 5.1.9
       less: 3.12.2
-      less-loader: 10.2.0_less@3.12.2+webpack@5.64.1
+      less-loader: 10.2.0_less@3.12.2+webpack@5.70.0
       license-webpack-plugin: 2.3.15
       loader-utils: 1.2.3
-      mini-css-extract-plugin: 2.4.4_webpack@5.64.1
+      mini-css-extract-plugin: 2.4.4_webpack@5.70.0
       open: 7.4.2
       parse5: 4.0.0
       parse5-html-rewriting-stream: 6.0.1
       postcss: 8.3.0
       postcss-import: 14.0.2_postcss@8.3.0
-      postcss-loader: 6.2.0_postcss@8.3.0+webpack@5.64.1
-      raw-loader: 4.0.2_webpack@5.64.1
+      postcss-loader: 6.2.0_postcss@8.3.0+webpack@5.70.0
+      raw-loader: 4.0.2_webpack@5.70.0
       react-refresh: 0.10.0
       rimraf: 3.0.2
       rollup: 2.60.0
@@ -8252,27 +9742,27 @@ packages:
       rollup-plugin-typescript2: 0.30.0_rollup@2.60.0+typescript@4.2.4
       rxjs: 6.6.7
       rxjs-for-await: 0.0.2_rxjs@6.6.7
-      sass: 1.45.0
-      sass-loader: 12.3.0_sass@1.45.0+webpack@5.64.1
+      sass: 1.49.9
+      sass-loader: 12.3.0_sass@1.49.9+webpack@5.70.0
       semver: 7.3.4
       source-map: 0.7.3
-      source-map-loader: 3.0.0_webpack@5.64.1
-      style-loader: 3.3.1_webpack@5.64.1
+      source-map-loader: 3.0.0_webpack@5.70.0
+      style-loader: 3.3.1_webpack@5.70.0
       stylus: 0.55.0
-      stylus-loader: 6.2.0_stylus@0.55.0+webpack@5.64.1
+      stylus-loader: 6.2.0_stylus@0.55.0+webpack@5.70.0
       terser: 4.3.8
-      terser-webpack-plugin: 5.2.5_webpack@5.64.1
-      ts-loader: 9.2.6_typescript@4.2.4+webpack@5.64.1
+      terser-webpack-plugin: 5.2.5_webpack@5.70.0
+      ts-loader: 9.2.6_typescript@4.2.4+webpack@5.70.0
       ts-node: 9.1.1_typescript@4.2.4
       tsconfig-paths: 3.11.0
       tsconfig-paths-webpack-plugin: 3.4.1
       tslib: 2.3.1
-      webpack: 5.64.1
-      webpack-dev-server: 4.5.0_webpack@5.64.1
+      webpack: 5.70.0
+      webpack-dev-server: 4.5.0_webpack@5.70.0
       webpack-merge: 5.8.0
       webpack-sources: 3.2.2
-      webpack-subresource-integrity: 1.5.2_webpack@5.64.1
-      worker-plugin: 3.2.0_webpack@5.64.1
+      webpack-subresource-integrity: 1.5.2_webpack@5.70.0
+      worker-plugin: 3.2.0_webpack@5.70.0
     transitivePeerDependencies:
       - '@swc/core'
       - '@types/babel__core'
@@ -8656,10 +10146,10 @@ packages:
       react-refresh: 0.11.0
       schema-utils: 3.1.1
       source-map: 0.7.3
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
-  /@pmmmwh/react-refresh-webpack-plugin/0.5.1_92cb4b81c6b9f71cf92f0bdb85e4210c:
+  /@pmmmwh/react-refresh-webpack-plugin/0.5.1_acddec6c34c518c147e4dc38c87b7252:
     resolution: {integrity: sha512-ccap6o7+y5L8cnvkZ9h8UXCGyy2DqtwCD+/N3Yru6lxMvcdkPKtdx13qd7sAC9s5qZktOmWf9lfUjsGOvSdYhg==}
     engines: {node: '>= 10.13'}
     peerDependencies:
@@ -8695,8 +10185,8 @@ packages:
       react-refresh: 0.10.0
       schema-utils: 3.1.1
       source-map: 0.7.3
-      webpack: 5.64.1
-      webpack-dev-server: 4.5.0_webpack@5.64.1
+      webpack: 5.70.0
+      webpack-dev-server: 4.5.0_webpack@5.70.0
     dev: true
 
   /@popperjs/core/2.11.4:
@@ -8933,7 +10423,7 @@ packages:
       - debug
     dev: false
 
-  /@storybook/addon-a11y/6.4.19_react-dom@17.0.2+react@17.0.2:
+  /@storybook/addon-a11y/6.4.19:
     resolution: {integrity: sha512-dG6easap6W4AqyggVZPq8lBrhza8StA8J4eYz/GVdoXINSGtq/casV0rkmY3+SUXhPYux5oGavHo86j5I4Q/0Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -8944,20 +10434,18 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
       '@storybook/channels': 6.4.19
       '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/components': 6.4.19
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/theming': 6.4.19
       axe-core: 4.3.5
       core-js: 3.21.1
       global: 4.4.0
       lodash: 4.17.21
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       react-sizeme: 3.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
@@ -8999,85 +10487,15 @@ packages:
       - '@types/react'
     dev: true
 
-  /@storybook/addon-actions/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-GpSvP8xV8GfNkmtGJjfCgaOx6mbjtyTK0aT9FqX9pU0s+KVMmoCTrBh43b7dWrwxxas01yleBK9VpYggzhi/Fw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-    dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      core-js: 3.21.1
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      lodash: 4.17.21
-      polished: 4.1.4
-      prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-inspector: 5.1.1_react@17.0.2
-      regenerator-runtime: 0.13.9
-      telejson: 5.3.3
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
-      uuid-browser: 3.1.0
-    transitivePeerDependencies:
-      - '@types/react'
-    dev: true
-
   /@storybook/addon-console/1.2.3_@storybook+addon-actions@6.4.19:
     resolution: {integrity: sha512-w5uCUwECA28fdZWoa+A4e/RS9XzBStdd3TwwmpSM5m4fjURJI7Qr+uVq30UeRdgZRH1K7CdWzYUE6RxWXMdVyw==}
     peerDependencies:
       '@storybook/addon-actions': '*'
     dependencies:
-      '@storybook/addon-actions': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addon-actions': 6.4.19
       global: 4.4.0
     dev: true
 
-  /@storybook/addon-controls/6.4.19_038a1a9b7a6f260609bc9d14f1ae100e:
-    resolution: {integrity: sha512-JHi5z9i6NsgQLfG5WOeQE1AyOrM+QJLrjT+uOYx40bq+OC1yWHH7qHiphPP8kjJJhCZlaQk1qqXYkkQXgaeHSw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-    dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/node-logger': 6.4.19
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      core-js: 3.21.1
-      lodash: 4.17.21
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      ts-dedent: 2.2.0
-    transitivePeerDependencies:
-      - '@types/react'
-      - eslint
-      - supports-color
-      - typescript
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
   /@storybook/addon-controls/6.4.19_ad5fc232a476648e022b673b2e1293fc:
     resolution: {integrity: sha512-JHi5z9i6NsgQLfG5WOeQE1AyOrM+QJLrjT+uOYx40bq+OC1yWHH7qHiphPP8kjJJhCZlaQk1qqXYkkQXgaeHSw==}
     peerDependencies:
@@ -9111,119 +10529,40 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/addon-docs/6.4.19_0f3f6342a67dc2ef4115448ec44f733f:
-    resolution: {integrity: sha512-OEPyx/5ZXmZOPqIAWoPjlIP8Q/YfNjAmBosA8tmA8t5KCSiq/vpLcAvQhxqK6n0wk/B8Xp67Z8RpLfXjU8R3tw==}
+  /@storybook/addon-controls/6.4.19_typescript@4.2.4:
+    resolution: {integrity: sha512-JHi5z9i6NsgQLfG5WOeQE1AyOrM+QJLrjT+uOYx40bq+OC1yWHH7qHiphPP8kjJJhCZlaQk1qqXYkkQXgaeHSw==}
     peerDependencies:
-      '@storybook/angular': 6.4.19
-      '@storybook/html': 6.4.19
-      '@storybook/react': 6.4.19
-      '@storybook/vue': 6.4.19
-      '@storybook/vue3': 6.4.19
-      '@storybook/web-components': 6.4.19
-      lit: ^2.0.0
-      lit-html: ^1.4.1 || ^2.0.0
       react: ^16.8.0 || ^17.0.0
       react-dom: ^16.8.0 || ^17.0.0
-      svelte: ^3.31.2
-      sveltedoc-parser: ^4.1.0
-      vue: ^2.6.10 || ^3.0.0
-      webpack: '*'
     peerDependenciesMeta:
-      '@storybook/angular':
-        optional: true
-      '@storybook/html':
-        optional: true
-      '@storybook/react':
-        optional: true
-      '@storybook/vue':
-        optional: true
-      '@storybook/vue3':
-        optional: true
-      '@storybook/web-components':
-        optional: true
-      lit:
-        optional: true
-      lit-html:
-        optional: true
       react:
         optional: true
       react-dom:
         optional: true
-      svelte:
-        optional: true
-      sveltedoc-parser:
-        optional: true
-      vue:
-        optional: true
-      webpack:
-        optional: true
     dependencies:
-      '@babel/core': 7.17.8
-      '@babel/generator': 7.17.7
-      '@babel/parser': 7.17.8
-      '@babel/plugin-transform-react-jsx': 7.17.3_@babel+core@7.17.8
-      '@babel/preset-env': 7.16.11_@babel+core@7.17.8
-      '@jest/transform': 26.6.2
-      '@mdx-js/loader': 1.6.22_react@17.0.2
-      '@mdx-js/mdx': 1.6.22
-      '@mdx-js/react': 1.6.22_react@17.0.2
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/builder-webpack4': 6.4.19_7f108b73cd811a4229905aae8cce3ccd
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
       '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core': 6.4.19_937e6324d1a779a4b68436e9ddd056f3
-      '@storybook/core-events': 6.4.19
+      '@storybook/components': 6.4.19
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/csf-tools': 6.4.19
       '@storybook/node-logger': 6.4.19
-      '@storybook/postinstall': 6.4.19
-      '@storybook/preview-web': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/react': 6.4.19_9f1f8f17cdd455b6ef8e501a921b145c
-      '@storybook/source-loader': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      acorn: 7.4.1
-      acorn-jsx: 5.3.2_acorn@7.4.1
-      acorn-walk: 7.2.0
+      '@storybook/store': 6.4.19
+      '@storybook/theming': 6.4.19
       core-js: 3.21.1
-      doctrine: 3.0.0
-      escodegen: 2.0.0
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      html-tags: 3.1.0
-      js-string-escape: 1.0.1
-      loader-utils: 2.0.2
       lodash: 4.17.21
-      nanoid: 3.1.30
-      p-limit: 3.1.0
-      prettier: 2.3.0
-      prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-element-to-jsx-string: 14.3.4_react-dom@17.0.2+react@17.0.2
-      regenerator-runtime: 0.13.9
-      remark-external-links: 8.0.0
-      remark-slug: 6.1.0
       ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
-      webpack: 5.70.0_webpack-cli@4.9.2
     transitivePeerDependencies:
-      - '@storybook/builder-webpack5'
-      - '@storybook/manager-webpack5'
       - '@types/react'
-      - bufferutil
-      - encoding
       - eslint
       - supports-color
       - typescript
-      - utf-8-validate
       - vue-template-compiler
       - webpack-cli
       - webpack-command
     dev: true
 
-  /@storybook/addon-docs/6.4.19_c07d33072055753b44e1c9d473b78732:
+  /@storybook/addon-docs/6.4.19_4bb52bfb586c30b5fcb8732c940fa2c0:
     resolution: {integrity: sha512-OEPyx/5ZXmZOPqIAWoPjlIP8Q/YfNjAmBosA8tmA8t5KCSiq/vpLcAvQhxqK6n0wk/B8Xp67Z8RpLfXjU8R3tw==}
     peerDependencies:
       '@storybook/angular': 6.4.19
@@ -9284,14 +10623,14 @@ packages:
       '@storybook/builder-webpack4': 6.4.19_3c9642e85c55378a78283e2c58ad860d
       '@storybook/client-logger': 6.4.19
       '@storybook/components': 6.4.19
-      '@storybook/core': 6.4.19_4a2c49d703ffc87352c156b0c4186be7
+      '@storybook/core': 6.4.19_e254c6bc0c2d82a31a4b49f99644f2ac
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/csf-tools': 6.4.19
       '@storybook/node-logger': 6.4.19
       '@storybook/postinstall': 6.4.19
       '@storybook/preview-web': 6.4.19
-      '@storybook/react': 6.4.19_df9bce9a6d10cedcb22cc302b49e05b8
+      '@storybook/react': 6.4.19_ce33fa78e84ed7674385e603320a18f7
       '@storybook/source-loader': 6.4.19
       '@storybook/store': 6.4.19
       '@storybook/theming': 6.4.19
@@ -9333,41 +10672,114 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/addon-knobs/6.4.0_6d3fd42cc2dc28673127a5aba3ab9a43:
-    resolution: {integrity: sha512-DiH1/5e2AFHoHrncl1qLu18ZHPHzRMMPvOLFz8AWvvmc+VCqTdIaE+tdxKr3e8rYylKllibgvDOzrLjfTNjF+Q==}
-    deprecated: deprecating @storybook/addon-knobs in favor of @storybook/addon-controls
+  /@storybook/addon-docs/6.4.19_a84ef1f946d21a14f1015f55f0de5456:
+    resolution: {integrity: sha512-OEPyx/5ZXmZOPqIAWoPjlIP8Q/YfNjAmBosA8tmA8t5KCSiq/vpLcAvQhxqK6n0wk/B8Xp67Z8RpLfXjU8R3tw==}
     peerDependencies:
-      '@storybook/addons': ^6.4.0
-      '@storybook/api': ^6.4.0
-      '@storybook/components': ^6.4.0
-      '@storybook/core-events': ^6.4.0
-      '@storybook/theming': ^6.4.0
+      '@storybook/angular': 6.4.19
+      '@storybook/html': 6.4.19
+      '@storybook/react': 6.4.19
+      '@storybook/vue': 6.4.19
+      '@storybook/vue3': 6.4.19
+      '@storybook/web-components': 6.4.19
+      lit: ^2.0.0
+      lit-html: ^1.4.1 || ^2.0.0
       react: ^16.8.0 || ^17.0.0
       react-dom: ^16.8.0 || ^17.0.0
+      svelte: ^3.31.2
+      sveltedoc-parser: ^4.1.0
+      vue: ^2.6.10 || ^3.0.0
+      webpack: '*'
     peerDependenciesMeta:
+      '@storybook/angular':
+        optional: true
+      '@storybook/html':
+        optional: true
+      '@storybook/react':
+        optional: true
+      '@storybook/vue':
+        optional: true
+      '@storybook/vue3':
+        optional: true
+      '@storybook/web-components':
+        optional: true
+      lit:
+        optional: true
+      lit-html:
+        optional: true
       react:
         optional: true
       react-dom:
         optional: true
+      svelte:
+        optional: true
+      sveltedoc-parser:
+        optional: true
+      vue:
+        optional: true
+      webpack:
+        optional: true
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@babel/core': 7.17.8
+      '@babel/generator': 7.17.7
+      '@babel/parser': 7.17.8
+      '@babel/plugin-transform-react-jsx': 7.17.3_@babel+core@7.17.8
+      '@babel/preset-env': 7.16.11_@babel+core@7.17.8
+      '@jest/transform': 26.6.2
+      '@mdx-js/loader': 1.6.22
+      '@mdx-js/mdx': 1.6.22
+      '@mdx-js/react': 1.6.22
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
+      '@storybook/builder-webpack4': 6.4.19_acorn@7.4.1+typescript@4.2.4
+      '@storybook/client-logger': 6.4.19
+      '@storybook/components': 6.4.19
+      '@storybook/core': 6.4.19_daa74e9ea57648d1383d4f5a915eef9c
       '@storybook/core-events': 6.4.19
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      copy-to-clipboard: 3.3.1
+      '@storybook/csf': 0.0.2--canary.87bc651.0
+      '@storybook/csf-tools': 6.4.19
+      '@storybook/node-logger': 6.4.19
+      '@storybook/postinstall': 6.4.19
+      '@storybook/preview-web': 6.4.19
+      '@storybook/react': 6.4.19_1a3cbc393c8e54a301ca95e65ea44c36
+      '@storybook/source-loader': 6.4.19
+      '@storybook/store': 6.4.19
+      '@storybook/theming': 6.4.19
+      acorn: 7.4.1
+      acorn-jsx: 5.3.2_acorn@7.4.1
+      acorn-walk: 7.2.0
       core-js: 3.21.1
-      escape-html: 1.0.3
+      doctrine: 3.0.0
+      escodegen: 2.0.0
       fast-deep-equal: 3.1.3
       global: 4.4.0
+      html-tags: 3.1.0
+      js-string-escape: 1.0.1
+      loader-utils: 2.0.2
       lodash: 4.17.21
+      nanoid: 3.1.30
+      p-limit: 3.1.0
+      prettier: 2.3.0
       prop-types: 15.8.1
-      qs: 6.10.3
-      react: 17.0.2
-      react-colorful: 5.5.1_react-dom@17.0.2+react@17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-lifecycles-compat: 3.0.4
-      react-select: 3.2.0_react-dom@17.0.2+react@17.0.2
+      react-element-to-jsx-string: 14.3.4
+      regenerator-runtime: 0.13.9
+      remark-external-links: 8.0.0
+      remark-slug: 6.1.0
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+      webpack: 5.70.0
+    transitivePeerDependencies:
+      - '@storybook/builder-webpack5'
+      - '@storybook/manager-webpack5'
+      - '@types/react'
+      - bufferutil
+      - encoding
+      - eslint
+      - supports-color
+      - typescript
+      - utf-8-validate
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
     dev: true
 
   /@storybook/addon-knobs/6.4.0_bdb88cf577f190583d60d23c102288af:
@@ -9430,34 +10842,7 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/addon-links/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-ebFHYlGDQkHSmI5QEJb1NxGNToVOLgjKkxXUe+JXX7AfHvrWiXVrN/57aOtBPZzj4h2jRPRTZgwR5glhPIlfEQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-    dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/client-logger': 6.4.19
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/qs': 6.9.7
-      core-js: 3.21.1
-      global: 4.4.0
-      prop-types: 15.8.1
-      qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-      ts-dedent: 2.2.0
-    dev: true
-
-  /@storybook/addon-storysource/6.4.19_react-dom@17.0.2+react@17.0.2:
+  /@storybook/addon-storysource/6.4.19:
     resolution: {integrity: sha512-WcjPgd0/m9rGMQbf6H2/wvXUhW5lSELWdXeCCK1taQHQUjhs8tq83fa7OkI9kE25drPiUJuPzObbCoYr94hftQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -9468,27 +10853,25 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
       '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/source-loader': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/components': 6.4.19
+      '@storybook/router': 6.4.19
+      '@storybook/source-loader': 6.4.19
+      '@storybook/theming': 6.4.19
       core-js: 3.21.1
       estraverse: 5.3.0
       loader-utils: 2.0.2
       prettier: 2.3.0
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-syntax-highlighter: 13.5.3_react@17.0.2
+      react-syntax-highlighter: 13.5.3
       regenerator-runtime: 0.13.9
     transitivePeerDependencies:
       - '@types/react'
     dev: true
 
-  /@storybook/addon-viewport/6.4.19_react-dom@17.0.2+react@17.0.2:
+  /@storybook/addon-viewport/6.4.19:
     resolution: {integrity: sha512-T1hdImxbLj8suQSTbp6HSA1LLHOlqaNK5jjnqzEOoAxY0O8LNPXMJ2jKIeT2fPQ0v+tWGU3tbwf+3xFq0parVQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -9499,18 +10882,16 @@ packages:
       react-dom:
         optional: true
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
       '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/components': 6.4.19
       '@storybook/core-events': 6.4.19
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/theming': 6.4.19
       core-js: 3.21.1
       global: 4.4.0
       memoizerific: 1.11.3
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
     transitivePeerDependencies:
       - '@types/react'
@@ -9535,27 +10916,6 @@ packages:
       regenerator-runtime: 0.13.9
     dev: true
 
-  /@storybook/addons/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-QNyRYhpqmHV8oJxxTBdkRlLSbDFhpBvfvMfIrIT1UXb/eemdBZTaCGVvXZ9UixoEEI7f8VwAQ44IvkU5B1509w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/channels': 6.4.19
-      '@storybook/client-logger': 6.4.19
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/webpack-env': 1.16.3
-      core-js: 3.21.1
-      global: 4.4.0
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-    dev: true
-
   /@storybook/api/6.4.19:
     resolution: {integrity: sha512-aDvea+NpQCBjpNp9YidO1Pr7fzzCp15FSdkG+2ihGQfv5raxrN+IIJnGUXecpe71nvlYiB+29UXBVK7AL0j51Q==}
     peerDependencies:
@@ -9581,125 +10941,6 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/api/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-aDvea+NpQCBjpNp9YidO1Pr7fzzCp15FSdkG+2ihGQfv5raxrN+IIJnGUXecpe71nvlYiB+29UXBVK7AL0j51Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@storybook/channels': 6.4.19
-      '@storybook/client-logger': 6.4.19
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/semver': 7.3.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      core-js: 3.21.1
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-      store2: 2.13.2
-      telejson: 5.3.3
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
-    dev: true
-
-  /@storybook/builder-webpack4/6.4.19_038a1a9b7a6f260609bc9d14f1ae100e:
-    resolution: {integrity: sha512-wxA6SMH11duc9D53aeVVBwrVRemFIoxHp/dOugkkg6ZZFAb4ZmWzf/ENc3vQIZdZpfNRi7IZIZEOfoHc994cmw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@babel/core': 7.17.8
-      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-decorators': 7.16.4_@babel+core@7.17.8
-      '@babel/plugin-proposal-export-default-from': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.17.8
-      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.17.8
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.17.8
-      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.17.8
-      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8
-      '@babel/preset-env': 7.16.11_@babel+core@7.17.8
-      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
-      '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/channel-postmessage': 6.4.19
-      '@storybook/channels': 6.4.19
-      '@storybook/client-api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/core-events': 6.4.19
-      '@storybook/node-logger': 6.4.19
-      '@storybook/preview-web': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/semver': 7.3.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/node': 14.14.33
-      '@types/webpack': 4.41.32
-      autoprefixer: 9.8.6
-      babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
-      babel-plugin-macros: 2.8.0
-      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.17.8
-      case-sensitive-paths-webpack-plugin: 2.4.0
-      core-js: 3.21.1
-      css-loader: 3.6.0_webpack@4.46.0
-      file-loader: 6.2.0_webpack@4.46.0
-      find-up: 5.0.0
-      fork-ts-checker-webpack-plugin: 4.1.6
-      glob: 7.2.0
-      glob-promise: 3.4.0_glob@7.2.0
-      global: 4.4.0
-      html-webpack-plugin: 4.5.2_webpack@4.46.0
-      pnp-webpack-plugin: 1.6.4_typescript@4.6.2
-      postcss: 7.0.39
-      postcss-flexbugs-fixes: 4.2.1
-      postcss-loader: 4.2.0_postcss@7.0.39+webpack@4.46.0
-      raw-loader: 4.0.2_webpack@4.46.0
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      stable: 0.1.8
-      style-loader: 1.3.0_webpack@4.46.0
-      terser-webpack-plugin: 4.2.3_webpack@4.46.0
-      ts-dedent: 2.2.0
-      typescript: 4.6.2
-      url-loader: 4.1.1_file-loader@6.2.0+webpack@4.46.0
-      util-deprecate: 1.0.2
-      webpack: 4.46.0_webpack-cli@4.9.2
-      webpack-dev-middleware: 3.7.3_webpack@4.46.0
-      webpack-filter-warnings-plugin: 1.2.1_webpack@4.46.0
-      webpack-hot-middleware: 2.25.1
-      webpack-virtual-modules: 0.2.2
-    transitivePeerDependencies:
-      - '@types/react'
-      - acorn
-      - eslint
-      - supports-color
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
   /@storybook/builder-webpack4/6.4.19_3c9642e85c55378a78283e2c58ad860d:
     resolution: {integrity: sha512-wxA6SMH11duc9D53aeVVBwrVRemFIoxHp/dOugkkg6ZZFAb4ZmWzf/ENc3vQIZdZpfNRi7IZIZEOfoHc994cmw==}
     peerDependencies:
@@ -9790,7 +11031,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/builder-webpack4/6.4.19_7f108b73cd811a4229905aae8cce3ccd:
+  /@storybook/builder-webpack4/6.4.19_acorn@7.4.1+typescript@4.2.4:
     resolution: {integrity: sha512-wxA6SMH11duc9D53aeVVBwrVRemFIoxHp/dOugkkg6ZZFAb4ZmWzf/ENc3vQIZdZpfNRi7IZIZEOfoHc994cmw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -9821,22 +11062,22 @@ packages:
       '@babel/preset-env': 7.16.11_@babel+core@7.17.8
       '@babel/preset-react': 7.16.7_@babel+core@7.17.8
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
       '@storybook/channel-postmessage': 6.4.19
       '@storybook/channels': 6.4.19
-      '@storybook/client-api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/client-api': 6.4.19
       '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/components': 6.4.19
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/core-events': 6.4.19
       '@storybook/node-logger': 6.4.19
-      '@storybook/preview-web': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/preview-web': 6.4.19
+      '@storybook/router': 6.4.19
       '@storybook/semver': 7.3.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/store': 6.4.19
+      '@storybook/theming': 6.4.19
+      '@storybook/ui': 6.4.19
       '@types/node': 14.14.33
       '@types/webpack': 4.41.32
       autoprefixer: 9.8.6
@@ -9853,21 +11094,19 @@ packages:
       glob-promise: 3.4.0_glob@7.2.0
       global: 4.4.0
       html-webpack-plugin: 4.5.2_webpack@4.46.0
-      pnp-webpack-plugin: 1.6.4_typescript@4.6.2
+      pnp-webpack-plugin: 1.6.4_typescript@4.2.4
       postcss: 7.0.39
       postcss-flexbugs-fixes: 4.2.1
       postcss-loader: 4.2.0_postcss@7.0.39+webpack@4.46.0
       raw-loader: 4.0.2_webpack@4.46.0
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       stable: 0.1.8
       style-loader: 1.3.0_webpack@4.46.0
       terser-webpack-plugin: 4.2.3_acorn@7.4.1+webpack@4.46.0
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       url-loader: 4.1.1_file-loader@6.2.0+webpack@4.46.0
       util-deprecate: 1.0.2
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
       webpack-dev-middleware: 3.7.3_webpack@4.46.0
       webpack-filter-warnings-plugin: 1.2.1_webpack@4.46.0
       webpack-hot-middleware: 2.25.1
@@ -9972,7 +11211,97 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/builder-webpack5/6.4.19_038a1a9b7a6f260609bc9d14f1ae100e:
+  /@storybook/builder-webpack4/6.4.19_typescript@4.2.4:
+    resolution: {integrity: sha512-wxA6SMH11duc9D53aeVVBwrVRemFIoxHp/dOugkkg6ZZFAb4ZmWzf/ENc3vQIZdZpfNRi7IZIZEOfoHc994cmw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.17.8
+      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-decorators': 7.16.4_@babel+core@7.17.8
+      '@babel/plugin-proposal-export-default-from': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.17.8
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.17.8
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.17.8
+      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.17.8
+      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8
+      '@babel/preset-env': 7.16.11_@babel+core@7.17.8
+      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
+      '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
+      '@storybook/channel-postmessage': 6.4.19
+      '@storybook/channels': 6.4.19
+      '@storybook/client-api': 6.4.19
+      '@storybook/client-logger': 6.4.19
+      '@storybook/components': 6.4.19
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
+      '@storybook/core-events': 6.4.19
+      '@storybook/node-logger': 6.4.19
+      '@storybook/preview-web': 6.4.19
+      '@storybook/router': 6.4.19
+      '@storybook/semver': 7.3.2
+      '@storybook/store': 6.4.19
+      '@storybook/theming': 6.4.19
+      '@storybook/ui': 6.4.19
+      '@types/node': 14.14.33
+      '@types/webpack': 4.41.32
+      autoprefixer: 9.8.6
+      babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
+      babel-plugin-macros: 2.8.0
+      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.17.8
+      case-sensitive-paths-webpack-plugin: 2.4.0
+      core-js: 3.21.1
+      css-loader: 3.6.0_webpack@4.46.0
+      file-loader: 6.2.0_webpack@4.46.0
+      find-up: 5.0.0
+      fork-ts-checker-webpack-plugin: 4.1.6
+      glob: 7.2.0
+      glob-promise: 3.4.0_glob@7.2.0
+      global: 4.4.0
+      html-webpack-plugin: 4.5.2_webpack@4.46.0
+      pnp-webpack-plugin: 1.6.4_typescript@4.2.4
+      postcss: 7.0.39
+      postcss-flexbugs-fixes: 4.2.1
+      postcss-loader: 4.2.0_postcss@7.0.39+webpack@4.46.0
+      raw-loader: 4.0.2_webpack@4.46.0
+      stable: 0.1.8
+      style-loader: 1.3.0_webpack@4.46.0
+      terser-webpack-plugin: 4.2.3_webpack@4.46.0
+      ts-dedent: 2.2.0
+      typescript: 4.2.4
+      url-loader: 4.1.1_file-loader@6.2.0+webpack@4.46.0
+      util-deprecate: 1.0.2
+      webpack: 4.46.0
+      webpack-dev-middleware: 3.7.3_webpack@4.46.0
+      webpack-filter-warnings-plugin: 1.2.1_webpack@4.46.0
+      webpack-hot-middleware: 2.25.1
+      webpack-virtual-modules: 0.2.2
+    transitivePeerDependencies:
+      - '@types/react'
+      - acorn
+      - eslint
+      - supports-color
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
+  /@storybook/builder-webpack5/6.4.19_typescript@4.2.4:
     resolution: {integrity: sha512-AWM4YMN1gPaf7jfntqZTCGpIQ1tF6YRU1JtczPG4ox28rTaO6NMfOBi9aRhBre/59pPOh9bF6u2gu/MIHmRW+w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -10002,21 +11331,21 @@ packages:
       '@babel/preset-env': 7.16.11_@babel+core@7.17.8
       '@babel/preset-react': 7.16.7_@babel+core@7.17.8
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
+      '@storybook/api': 6.4.19
       '@storybook/channel-postmessage': 6.4.19
       '@storybook/channels': 6.4.19
-      '@storybook/client-api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/client-api': 6.4.19
       '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/components': 6.4.19
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/core-events': 6.4.19
       '@storybook/node-logger': 6.4.19
-      '@storybook/preview-web': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/preview-web': 6.4.19
+      '@storybook/router': 6.4.19
       '@storybook/semver': 7.3.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/store': 6.4.19
+      '@storybook/theming': 6.4.19
       '@types/node': 14.14.33
       babel-loader: 8.2.3_fa907c5a4f16ccc493e21649ccc59574
       babel-plugin-macros: 3.1.0
@@ -10024,21 +11353,19 @@ packages:
       case-sensitive-paths-webpack-plugin: 2.4.0
       core-js: 3.21.1
       css-loader: 5.2.7_webpack@5.70.0
-      fork-ts-checker-webpack-plugin: 6.5.0_10568ae13669cc833891d65cd6879aa0
+      fork-ts-checker-webpack-plugin: 6.5.0_typescript@4.2.4+webpack@5.70.0
       glob: 7.2.0
       glob-promise: 3.4.0_glob@7.2.0
       html-webpack-plugin: 5.5.0_webpack@5.70.0
       path-browserify: 1.0.1
       process: 0.11.10
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       stable: 0.1.8
       style-loader: 2.0.0_webpack@5.70.0
       terser-webpack-plugin: 5.2.5_webpack@5.70.0
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       util-deprecate: 1.0.2
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
       webpack-dev-middleware: 4.3.0_webpack@5.70.0
       webpack-hot-middleware: 2.25.1
       webpack-virtual-modules: 0.4.3
@@ -10113,36 +11440,6 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/client-api/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-OCrT5Um3FDvZnimQKwWtwsaI+5agPwq2i8YiqlofrI/NPMKp0I7DEkCGwE5IRD1Q8BIKqHcMo5tTmfYi0AxyOg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/channel-postmessage': 6.4.19
-      '@storybook/channels': 6.4.19
-      '@storybook/client-logger': 6.4.19
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/qs': 6.9.7
-      '@types/webpack-env': 1.16.3
-      core-js: 3.21.1
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-      store2: 2.13.2
-      synchronous-promise: 2.0.15
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
-    dev: true
-
   /@storybook/client-logger/6.4.19:
     resolution: {integrity: sha512-zmg/2wyc9W3uZrvxaW4BfHcr40J0v7AGslqYXk9H+ERLVwIvrR4NhxQFaS6uITjBENyRDxwzfU3Va634WcmdDQ==}
     dependencies:
@@ -10184,43 +11481,7 @@ packages:
       - '@types/react'
     dev: true
 
-  /@storybook/components/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-q/0V37YAJA7CNc+wSiiefeM9+3XVk8ixBNylY36QCGJgIeGQ5/79vPyUe6K4lLmsQwpmZsIq1s1Ad5+VbboeOA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@popperjs/core': 2.11.4
-      '@storybook/client-logger': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/color-convert': 2.0.0
-      '@types/overlayscrollbars': 1.12.1
-      '@types/react-syntax-highlighter': 11.0.5
-      color-convert: 2.0.1
-      core-js: 3.21.1
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      lodash: 4.17.21
-      markdown-to-jsx: 7.1.7_react@17.0.2
-      memoizerific: 1.11.3
-      overlayscrollbars: 1.13.1
-      polished: 4.1.4
-      prop-types: 15.8.1
-      react: 17.0.2
-      react-colorful: 5.5.1_react-dom@17.0.2+react@17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-popper-tooltip: 3.1.1_react-dom@17.0.2+react@17.0.2
-      react-syntax-highlighter: 13.5.3_react@17.0.2
-      react-textarea-autosize: 8.3.3_react@17.0.2
-      regenerator-runtime: 0.13.9
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
-    transitivePeerDependencies:
-      - '@types/react'
-    dev: true
-
-  /@storybook/core-client/6.4.19_89d5fc67cc6e8d5f95b899f1abfc6753:
+  /@storybook/core-client/6.4.19_typescript@4.2.4+webpack@4.46.0:
     resolution: {integrity: sha512-rQHRZjhArPleE7/S8ZUolgzwY+hC0smSKX/3PQxO2GcebDjnJj6+iSV3h+aSMHMmTdoCQvjYw9aBpT8scuRe+A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -10231,35 +11492,33 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
       '@storybook/channel-postmessage': 6.4.19
       '@storybook/channel-websocket': 6.4.19
-      '@storybook/client-api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/client-api': 6.4.19
       '@storybook/client-logger': 6.4.19
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/preview-web': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/preview-web': 6.4.19
+      '@storybook/store': 6.4.19
+      '@storybook/ui': 6.4.19
       airbnb-js-shims: 2.2.1
       ansi-to-html: 0.6.15
       core-js: 3.21.1
       global: 4.4.0
       lodash: 4.17.21
       qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       unfetch: 4.2.0
       util-deprecate: 1.0.2
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     transitivePeerDependencies:
       - '@types/react'
     dev: true
 
-  /@storybook/core-client/6.4.19_e7281081368b6c9b5567d9536ed3f600:
+  /@storybook/core-client/6.4.19_typescript@4.2.4+webpack@5.70.0:
     resolution: {integrity: sha512-rQHRZjhArPleE7/S8ZUolgzwY+hC0smSKX/3PQxO2GcebDjnJj6+iSV3h+aSMHMmTdoCQvjYw9aBpT8scuRe+A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -10270,30 +11529,28 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/addons': 6.4.19
       '@storybook/channel-postmessage': 6.4.19
       '@storybook/channel-websocket': 6.4.19
-      '@storybook/client-api': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/client-api': 6.4.19
       '@storybook/client-logger': 6.4.19
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/preview-web': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/preview-web': 6.4.19
+      '@storybook/store': 6.4.19
+      '@storybook/ui': 6.4.19
       airbnb-js-shims: 2.2.1
       ansi-to-html: 0.6.15
       core-js: 3.21.1
       global: 4.4.0
       lodash: 4.17.21
       qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       unfetch: 4.2.0
       util-deprecate: 1.0.2
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
     transitivePeerDependencies:
       - '@types/react'
     dev: true
@@ -10372,76 +11629,6 @@ packages:
       - '@types/react'
     dev: true
 
-  /@storybook/core-common/6.4.19_038a1a9b7a6f260609bc9d14f1ae100e:
-    resolution: {integrity: sha512-X1pJJkO48DFxl6iyEemIKqRkJ7j9/cBh3BRBUr+xZHXBvnD0GKDXIocwh0PjSxSC6XSu3UCQnqtKi3PbjRl8Dg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@babel/core': 7.17.8
-      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-decorators': 7.16.4_@babel+core@7.17.8
-      '@babel/plugin-proposal-export-default-from': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.17.8
-      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.17.8
-      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.17.8
-      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.17.8
-      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.17.8
-      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.17.8
-      '@babel/preset-env': 7.16.11_@babel+core@7.17.8
-      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
-      '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
-      '@babel/register': 7.12.1_@babel+core@7.17.8
-      '@storybook/node-logger': 6.4.19
-      '@storybook/semver': 7.3.2
-      '@types/node': 14.14.33
-      '@types/pretty-hrtime': 1.0.1
-      babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
-      babel-plugin-macros: 3.1.0
-      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.17.8
-      chalk: 4.1.2
-      core-js: 3.21.1
-      express: 4.17.1
-      file-system-cache: 1.0.5
-      find-up: 5.0.0
-      fork-ts-checker-webpack-plugin: 6.5.0_5cc3eafe4d1d9014e8dc18ad98f28e04
-      fs-extra: 9.1.0
-      glob: 7.2.0
-      handlebars: 4.7.7
-      interpret: 2.2.0
-      json5: 2.2.0
-      lazy-universal-dotenv: 3.0.1
-      picomatch: 2.3.0
-      pkg-dir: 5.0.0
-      pretty-hrtime: 1.0.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      resolve-from: 5.0.0
-      slash: 3.0.0
-      telejson: 5.3.3
-      ts-dedent: 2.2.0
-      typescript: 4.6.2
-      util-deprecate: 1.0.2
-      webpack: 4.46.0_webpack-cli@4.9.2
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
   /@storybook/core-common/6.4.19_ad5fc232a476648e022b673b2e1293fc:
     resolution: {integrity: sha512-X1pJJkO48DFxl6iyEemIKqRkJ7j9/cBh3BRBUr+xZHXBvnD0GKDXIocwh0PjSxSC6XSu3UCQnqtKi3PbjRl8Dg==}
     peerDependencies:
@@ -10510,13 +11697,155 @@ packages:
       - webpack-command
     dev: true
 
+  /@storybook/core-common/6.4.19_typescript@4.2.4:
+    resolution: {integrity: sha512-X1pJJkO48DFxl6iyEemIKqRkJ7j9/cBh3BRBUr+xZHXBvnD0GKDXIocwh0PjSxSC6XSu3UCQnqtKi3PbjRl8Dg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.17.8
+      '@babel/plugin-proposal-class-properties': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-decorators': 7.16.4_@babel+core@7.17.8
+      '@babel/plugin-proposal-export-default-from': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-object-rest-spread': 7.17.3_@babel+core@7.17.8
+      '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-proposal-private-methods': 7.16.11_@babel+core@7.17.8
+      '@babel/plugin-syntax-dynamic-import': 7.8.3_@babel+core@7.17.8
+      '@babel/plugin-transform-arrow-functions': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-block-scoping': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-classes': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-destructuring': 7.17.7_@babel+core@7.17.8
+      '@babel/plugin-transform-for-of': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-parameters': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-shorthand-properties': 7.16.7_@babel+core@7.17.8
+      '@babel/plugin-transform-spread': 7.16.7_@babel+core@7.17.8
+      '@babel/preset-env': 7.16.11_@babel+core@7.17.8
+      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
+      '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
+      '@babel/register': 7.12.1_@babel+core@7.17.8
+      '@storybook/node-logger': 6.4.19
+      '@storybook/semver': 7.3.2
+      '@types/node': 14.14.33
+      '@types/pretty-hrtime': 1.0.1
+      babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
+      babel-plugin-macros: 3.1.0
+      babel-plugin-polyfill-corejs3: 0.1.7_@babel+core@7.17.8
+      chalk: 4.1.2
+      core-js: 3.21.1
+      express: 4.17.1
+      file-system-cache: 1.0.5
+      find-up: 5.0.0
+      fork-ts-checker-webpack-plugin: 6.5.0_typescript@4.2.4+webpack@4.46.0
+      fs-extra: 9.1.0
+      glob: 7.2.0
+      handlebars: 4.7.7
+      interpret: 2.2.0
+      json5: 2.2.0
+      lazy-universal-dotenv: 3.0.1
+      picomatch: 2.3.0
+      pkg-dir: 5.0.0
+      pretty-hrtime: 1.0.3
+      resolve-from: 5.0.0
+      slash: 3.0.0
+      telejson: 5.3.3
+      ts-dedent: 2.2.0
+      typescript: 4.2.4
+      util-deprecate: 1.0.2
+      webpack: 4.46.0
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
   /@storybook/core-events/6.4.19:
     resolution: {integrity: sha512-KICzUw6XVQUJzFSCXfvhfHAuyhn4Q5J4IZEfuZkcGJS4ODkrO6tmpdYE5Cfr+so95Nfp0ErWiLUuodBsW9/rtA==}
     dependencies:
       core-js: 3.21.1
     dev: true
 
-  /@storybook/core-server/6.4.19_3c9642e85c55378a78283e2c58ad860d:
+  /@storybook/core-server/6.4.19_32ff3fc743ba90b9723aa5427911cd5d:
+    resolution: {integrity: sha512-bKsUB9f7hl5ya2JXxpIrErmbDQjoH39FVbzYZWjMo4t/b7+Xyi6vYadwyWcqlpUQmis09ZaSMv8L/Tw0TuwLAA==}
+    peerDependencies:
+      '@storybook/builder-webpack5': 6.4.19
+      '@storybook/manager-webpack5': 6.4.19
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      '@storybook/builder-webpack5':
+        optional: true
+      '@storybook/manager-webpack5':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@discoveryjs/json-ext': 0.5.7
+      '@storybook/builder-webpack4': 6.4.19_acorn@7.4.1+typescript@4.2.4
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@4.46.0
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
+      '@storybook/core-events': 6.4.19
+      '@storybook/csf': 0.0.2--canary.87bc651.0
+      '@storybook/csf-tools': 6.4.19
+      '@storybook/manager-webpack4': 6.4.19_acorn@7.4.1+typescript@4.2.4
+      '@storybook/manager-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/node-logger': 6.4.19
+      '@storybook/semver': 7.3.2
+      '@storybook/store': 6.4.19
+      '@types/node': 14.14.33
+      '@types/node-fetch': 2.6.1
+      '@types/pretty-hrtime': 1.0.1
+      '@types/webpack': 4.41.32
+      better-opn: 2.1.1
+      boxen: 5.1.2
+      chalk: 4.1.2
+      cli-table3: 0.6.1
+      commander: 6.2.1
+      compression: 1.7.4
+      core-js: 3.21.1
+      cpy: 8.1.2
+      detect-port: 1.3.0
+      express: 4.17.1
+      file-system-cache: 1.0.5
+      fs-extra: 9.1.0
+      globby: 11.1.0
+      ip: 1.1.5
+      lodash: 4.17.21
+      node-fetch: 2.6.7
+      pretty-hrtime: 1.0.3
+      prompts: 2.4.2
+      regenerator-runtime: 0.13.9
+      serve-favicon: 2.5.0
+      slash: 3.0.0
+      telejson: 5.3.3
+      ts-dedent: 2.2.0
+      typescript: 4.2.4
+      util-deprecate: 1.0.2
+      watchpack: 2.2.0
+      webpack: 4.46.0
+      ws: 8.5.0
+    transitivePeerDependencies:
+      - '@types/react'
+      - acorn
+      - bufferutil
+      - encoding
+      - eslint
+      - supports-color
+      - utf-8-validate
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
+  /@storybook/core-server/6.4.19_7c8c8296f464bed180230583a2e7108c:
     resolution: {integrity: sha512-bKsUB9f7hl5ya2JXxpIrErmbDQjoH39FVbzYZWjMo4t/b7+Xyi6vYadwyWcqlpUQmis09ZaSMv8L/Tw0TuwLAA==}
     peerDependencies:
       '@storybook/builder-webpack5': 6.4.19
@@ -10534,12 +11863,14 @@ packages:
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
       '@storybook/builder-webpack4': 6.4.19_3c9642e85c55378a78283e2c58ad860d
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/core-client': 6.4.19_typescript@4.6.2+webpack@4.46.0
       '@storybook/core-common': 6.4.19_ad5fc232a476648e022b673b2e1293fc
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/csf-tools': 6.4.19
       '@storybook/manager-webpack4': 6.4.19_3c9642e85c55378a78283e2c58ad860d
+      '@storybook/manager-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/node-logger': 6.4.19
       '@storybook/semver': 7.3.2
       '@storybook/store': 6.4.19
@@ -10588,7 +11919,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/core-server/6.4.19_42c4a06ed0e2cc1fdb58490e9ba7de2e:
+  /@storybook/core-server/6.4.19_bd8532947d2e6ce2622b1981219456e8:
     resolution: {integrity: sha512-bKsUB9f7hl5ya2JXxpIrErmbDQjoH39FVbzYZWjMo4t/b7+Xyi6vYadwyWcqlpUQmis09ZaSMv8L/Tw0TuwLAA==}
     peerDependencies:
       '@storybook/builder-webpack5': 6.4.19
@@ -10605,18 +11936,18 @@ packages:
         optional: true
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-webpack4': 6.4.19_7f108b73cd811a4229905aae8cce3ccd
-      '@storybook/builder-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/core-client': 6.4.19_89d5fc67cc6e8d5f95b899f1abfc6753
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/builder-webpack4': 6.4.19_typescript@4.2.4
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@4.46.0
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/csf-tools': 6.4.19
-      '@storybook/manager-webpack4': 6.4.19_7f108b73cd811a4229905aae8cce3ccd
-      '@storybook/manager-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/manager-webpack4': 6.4.19_typescript@4.2.4
+      '@storybook/manager-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/node-logger': 6.4.19
       '@storybook/semver': 7.3.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/store': 6.4.19
       '@types/node': 14.14.33
       '@types/node-fetch': 2.6.1
       '@types/pretty-hrtime': 1.0.1
@@ -10639,17 +11970,15 @@ packages:
       node-fetch: 2.6.7
       pretty-hrtime: 1.0.3
       prompts: 2.4.2
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       regenerator-runtime: 0.13.9
       serve-favicon: 2.5.0
       slash: 3.0.0
       telejson: 5.3.3
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       util-deprecate: 1.0.2
       watchpack: 2.2.0
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
       ws: 8.5.0
     transitivePeerDependencies:
       - '@types/react'
@@ -10664,83 +11993,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/core-server/6.4.19_8c312791082e0b705c61c5574ae96b7c:
-    resolution: {integrity: sha512-bKsUB9f7hl5ya2JXxpIrErmbDQjoH39FVbzYZWjMo4t/b7+Xyi6vYadwyWcqlpUQmis09ZaSMv8L/Tw0TuwLAA==}
-    peerDependencies:
-      '@storybook/builder-webpack5': 6.4.19
-      '@storybook/manager-webpack5': 6.4.19
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      '@storybook/builder-webpack5':
-        optional: true
-      '@storybook/manager-webpack5':
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@discoveryjs/json-ext': 0.5.7
-      '@storybook/builder-webpack4': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/builder-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/core-client': 6.4.19_89d5fc67cc6e8d5f95b899f1abfc6753
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/csf-tools': 6.4.19
-      '@storybook/manager-webpack4': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/manager-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/node-logger': 6.4.19
-      '@storybook/semver': 7.3.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/node': 14.14.33
-      '@types/node-fetch': 2.6.1
-      '@types/pretty-hrtime': 1.0.1
-      '@types/webpack': 4.41.32
-      better-opn: 2.1.1
-      boxen: 5.1.2
-      chalk: 4.1.2
-      cli-table3: 0.6.1
-      commander: 6.2.1
-      compression: 1.7.4
-      core-js: 3.21.1
-      cpy: 8.1.2
-      detect-port: 1.3.0
-      express: 4.17.1
-      file-system-cache: 1.0.5
-      fs-extra: 9.1.0
-      globby: 11.1.0
-      ip: 1.1.5
-      lodash: 4.17.21
-      node-fetch: 2.6.7
-      pretty-hrtime: 1.0.3
-      prompts: 2.4.2
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-      serve-favicon: 2.5.0
-      slash: 3.0.0
-      telejson: 5.3.3
-      ts-dedent: 2.2.0
-      typescript: 4.6.2
-      util-deprecate: 1.0.2
-      watchpack: 2.2.0
-      webpack: 4.46.0_webpack-cli@4.9.2
-      ws: 8.5.0
-    transitivePeerDependencies:
-      - '@types/react'
-      - acorn
-      - bufferutil
-      - encoding
-      - eslint
-      - supports-color
-      - utf-8-validate
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
-  /@storybook/core-server/6.4.19_ad5fc232a476648e022b673b2e1293fc:
+  /@storybook/core-server/6.4.19_de51fed6d5568596cbb9a47b25330f0e:
     resolution: {integrity: sha512-bKsUB9f7hl5ya2JXxpIrErmbDQjoH39FVbzYZWjMo4t/b7+Xyi6vYadwyWcqlpUQmis09ZaSMv8L/Tw0TuwLAA==}
     peerDependencies:
       '@storybook/builder-webpack5': 6.4.19
@@ -10758,12 +12011,14 @@ packages:
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
       '@storybook/builder-webpack4': 6.4.19_ad5fc232a476648e022b673b2e1293fc
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/core-client': 6.4.19_typescript@4.6.2+webpack@4.46.0
       '@storybook/core-common': 6.4.19_ad5fc232a476648e022b673b2e1293fc
       '@storybook/core-events': 6.4.19
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/csf-tools': 6.4.19
       '@storybook/manager-webpack4': 6.4.19_ad5fc232a476648e022b673b2e1293fc
+      '@storybook/manager-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/node-logger': 6.4.19
       '@storybook/semver': 7.3.2
       '@storybook/store': 6.4.19
@@ -10812,7 +12067,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/core/6.4.19_0aa9eeaa726e2cf1920b2ebcd5c10136:
+  /@storybook/core/6.4.19_56153e2fc75ffe3d23f60c0ecebf9977:
     resolution: {integrity: sha512-55LOQ/h/kf1jMhjN85t/pIEdIwWEG9yV7bdwv3niVvmoypCxyyjn9/QNK0RKYAeDSUtdm6FVoJ6k5CpxWz2d8w==}
     peerDependencies:
       '@storybook/builder-webpack5': 6.4.19
@@ -10826,8 +12081,9 @@ packages:
       typescript:
         optional: true
     dependencies:
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/core-client': 6.4.19_typescript@4.6.2+webpack@4.46.0
-      '@storybook/core-server': 6.4.19_ad5fc232a476648e022b673b2e1293fc
+      '@storybook/core-server': 6.4.19_de51fed6d5568596cbb9a47b25330f0e
       typescript: 4.6.2
       webpack: 4.46.0_webpack-cli@3.3.12
     transitivePeerDependencies:
@@ -10844,7 +12100,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/core/6.4.19_4a2c49d703ffc87352c156b0c4186be7:
+  /@storybook/core/6.4.19_c15466773815ac7b8bfbbf8420ba0ee2:
     resolution: {integrity: sha512-55LOQ/h/kf1jMhjN85t/pIEdIwWEG9yV7bdwv3niVvmoypCxyyjn9/QNK0RKYAeDSUtdm6FVoJ6k5CpxWz2d8w==}
     peerDependencies:
       '@storybook/builder-webpack5': 6.4.19
@@ -10858,8 +12114,75 @@ packages:
       typescript:
         optional: true
     dependencies:
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@4.46.0
+      '@storybook/core-server': 6.4.19_bd8532947d2e6ce2622b1981219456e8
+      typescript: 4.2.4
+      webpack: 4.46.0
+    transitivePeerDependencies:
+      - '@storybook/manager-webpack5'
+      - '@types/react'
+      - acorn
+      - bufferutil
+      - encoding
+      - eslint
+      - supports-color
+      - utf-8-validate
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
+  /@storybook/core/6.4.19_daa74e9ea57648d1383d4f5a915eef9c:
+    resolution: {integrity: sha512-55LOQ/h/kf1jMhjN85t/pIEdIwWEG9yV7bdwv3niVvmoypCxyyjn9/QNK0RKYAeDSUtdm6FVoJ6k5CpxWz2d8w==}
+    peerDependencies:
+      '@storybook/builder-webpack5': 6.4.19
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      '@storybook/builder-webpack5':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@5.70.0
+      '@storybook/core-server': 6.4.19_32ff3fc743ba90b9723aa5427911cd5d
+      typescript: 4.2.4
+      webpack: 5.70.0
+    transitivePeerDependencies:
+      - '@storybook/manager-webpack5'
+      - '@types/react'
+      - acorn
+      - bufferutil
+      - encoding
+      - eslint
+      - supports-color
+      - utf-8-validate
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
+  /@storybook/core/6.4.19_e254c6bc0c2d82a31a4b49f99644f2ac:
+    resolution: {integrity: sha512-55LOQ/h/kf1jMhjN85t/pIEdIwWEG9yV7bdwv3niVvmoypCxyyjn9/QNK0RKYAeDSUtdm6FVoJ6k5CpxWz2d8w==}
+    peerDependencies:
+      '@storybook/builder-webpack5': 6.4.19
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      '@storybook/builder-webpack5':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@storybook/builder-webpack5': 6.4.19_typescript@4.2.4
       '@storybook/core-client': 6.4.19_typescript@4.6.2+webpack@5.70.0
-      '@storybook/core-server': 6.4.19_3c9642e85c55378a78283e2c58ad860d
+      '@storybook/core-server': 6.4.19_7c8c8296f464bed180230583a2e7108c
       typescript: 4.6.2
       webpack: 5.70.0_webpack-cli@3.3.12
     transitivePeerDependencies:
@@ -10876,76 +12199,6 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/core/6.4.19_937e6324d1a779a4b68436e9ddd056f3:
-    resolution: {integrity: sha512-55LOQ/h/kf1jMhjN85t/pIEdIwWEG9yV7bdwv3niVvmoypCxyyjn9/QNK0RKYAeDSUtdm6FVoJ6k5CpxWz2d8w==}
-    peerDependencies:
-      '@storybook/builder-webpack5': 6.4.19
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-      typescript: '*'
-      webpack: '*'
-    peerDependenciesMeta:
-      '@storybook/builder-webpack5':
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@storybook/builder-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/core-client': 6.4.19_e7281081368b6c9b5567d9536ed3f600
-      '@storybook/core-server': 6.4.19_42c4a06ed0e2cc1fdb58490e9ba7de2e
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      typescript: 4.6.2
-      webpack: 5.70.0_webpack-cli@4.9.2
-    transitivePeerDependencies:
-      - '@storybook/manager-webpack5'
-      - '@types/react'
-      - acorn
-      - bufferutil
-      - encoding
-      - eslint
-      - supports-color
-      - utf-8-validate
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
-  /@storybook/core/6.4.19_9591feef39d6ac368407db3801bf47b1:
-    resolution: {integrity: sha512-55LOQ/h/kf1jMhjN85t/pIEdIwWEG9yV7bdwv3niVvmoypCxyyjn9/QNK0RKYAeDSUtdm6FVoJ6k5CpxWz2d8w==}
-    peerDependencies:
-      '@storybook/builder-webpack5': 6.4.19
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-      typescript: '*'
-      webpack: '*'
-    peerDependenciesMeta:
-      '@storybook/builder-webpack5':
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@storybook/builder-webpack5': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/core-client': 6.4.19_89d5fc67cc6e8d5f95b899f1abfc6753
-      '@storybook/core-server': 6.4.19_8c312791082e0b705c61c5574ae96b7c
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      typescript: 4.6.2
-      webpack: 4.46.0_webpack-cli@4.9.2
-    transitivePeerDependencies:
-      - '@storybook/manager-webpack5'
-      - '@types/react'
-      - acorn
-      - bufferutil
-      - encoding
-      - eslint
-      - supports-color
-      - utf-8-validate
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
   /@storybook/csf-tools/6.4.19:
     resolution: {integrity: sha512-gf/zRhGoAVsFwSyV2tc+jeJfZQkxF6QsaZgbUSe24/IUvGFCT/PS/jZq1qy7dECAwrTOfykgu8juyBtj6WhWyw==}
     dependencies:
@@ -10976,66 +12229,6 @@ packages:
       lodash: 4.17.21
     dev: true
 
-  /@storybook/manager-webpack4/6.4.19_038a1a9b7a6f260609bc9d14f1ae100e:
-    resolution: {integrity: sha512-R8ugZjTYqXvlc6gDOcw909L65sIleOmIJLZR+N6/H85MivGXHu39jOwONqB7tVACufRty4FNecn8tEiQL2SAKA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@babel/core': 7.17.8
-      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8
-      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-client': 6.4.19_89d5fc67cc6e8d5f95b899f1abfc6753
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
-      '@storybook/node-logger': 6.4.19
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@types/node': 14.14.33
-      '@types/webpack': 4.41.32
-      babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
-      case-sensitive-paths-webpack-plugin: 2.4.0
-      chalk: 4.1.2
-      core-js: 3.21.1
-      css-loader: 3.6.0_webpack@4.46.0
-      express: 4.17.1
-      file-loader: 6.2.0_webpack@4.46.0
-      file-system-cache: 1.0.5
-      find-up: 5.0.0
-      fs-extra: 9.1.0
-      html-webpack-plugin: 4.5.2_webpack@4.46.0
-      node-fetch: 2.6.7
-      pnp-webpack-plugin: 1.6.4_typescript@4.6.2
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      read-pkg-up: 7.0.1
-      regenerator-runtime: 0.13.9
-      resolve-from: 5.0.0
-      style-loader: 1.3.0_webpack@4.46.0
-      telejson: 5.3.3
-      terser-webpack-plugin: 4.2.3_webpack@4.46.0
-      ts-dedent: 2.2.0
-      typescript: 4.6.2
-      url-loader: 4.1.1_file-loader@6.2.0+webpack@4.46.0
-      util-deprecate: 1.0.2
-      webpack: 4.46.0_webpack-cli@4.9.2
-      webpack-dev-middleware: 3.7.3_webpack@4.46.0
-      webpack-virtual-modules: 0.2.2
-    transitivePeerDependencies:
-      - '@types/react'
-      - acorn
-      - encoding
-      - eslint
-      - supports-color
-      - vue-template-compiler
-      - webpack-cli
-      - webpack-command
-    dev: true
-
   /@storybook/manager-webpack4/6.4.19_3c9642e85c55378a78283e2c58ad860d:
     resolution: {integrity: sha512-R8ugZjTYqXvlc6gDOcw909L65sIleOmIJLZR+N6/H85MivGXHu39jOwONqB7tVACufRty4FNecn8tEiQL2SAKA==}
     peerDependencies:
@@ -11094,7 +12287,7 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/manager-webpack4/6.4.19_7f108b73cd811a4229905aae8cce3ccd:
+  /@storybook/manager-webpack4/6.4.19_acorn@7.4.1+typescript@4.2.4:
     resolution: {integrity: sha512-R8ugZjTYqXvlc6gDOcw909L65sIleOmIJLZR+N6/H85MivGXHu39jOwONqB7tVACufRty4FNecn8tEiQL2SAKA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -11107,12 +12300,12 @@ packages:
       '@babel/core': 7.17.8
       '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8
       '@babel/preset-react': 7.16.7_@babel+core@7.17.8
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-client': 6.4.19_89d5fc67cc6e8d5f95b899f1abfc6753
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/addons': 6.4.19
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@4.46.0
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/node-logger': 6.4.19
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/theming': 6.4.19
+      '@storybook/ui': 6.4.19
       '@types/node': 14.14.33
       '@types/webpack': 4.41.32
       babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
@@ -11127,9 +12320,7 @@ packages:
       fs-extra: 9.1.0
       html-webpack-plugin: 4.5.2_webpack@4.46.0
       node-fetch: 2.6.7
-      pnp-webpack-plugin: 1.6.4_typescript@4.6.2
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
+      pnp-webpack-plugin: 1.6.4_typescript@4.2.4
       read-pkg-up: 7.0.1
       regenerator-runtime: 0.13.9
       resolve-from: 5.0.0
@@ -11137,10 +12328,10 @@ packages:
       telejson: 5.3.3
       terser-webpack-plugin: 4.2.3_acorn@7.4.1+webpack@4.46.0
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       url-loader: 4.1.1_file-loader@6.2.0+webpack@4.46.0
       util-deprecate: 1.0.2
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
       webpack-dev-middleware: 3.7.3_webpack@4.46.0
       webpack-virtual-modules: 0.2.2
     transitivePeerDependencies:
@@ -11212,7 +12403,65 @@ packages:
       - webpack-command
     dev: true
 
-  /@storybook/manager-webpack5/6.4.19_038a1a9b7a6f260609bc9d14f1ae100e:
+  /@storybook/manager-webpack4/6.4.19_typescript@4.2.4:
+    resolution: {integrity: sha512-R8ugZjTYqXvlc6gDOcw909L65sIleOmIJLZR+N6/H85MivGXHu39jOwONqB7tVACufRty4FNecn8tEiQL2SAKA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0
+      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@babel/core': 7.17.8
+      '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8
+      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
+      '@storybook/addons': 6.4.19
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@4.46.0
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
+      '@storybook/node-logger': 6.4.19
+      '@storybook/theming': 6.4.19
+      '@storybook/ui': 6.4.19
+      '@types/node': 14.14.33
+      '@types/webpack': 4.41.32
+      babel-loader: 8.2.3_b72fb7e629d39881e138edb6dcd0dfbe
+      case-sensitive-paths-webpack-plugin: 2.4.0
+      chalk: 4.1.2
+      core-js: 3.21.1
+      css-loader: 3.6.0_webpack@4.46.0
+      express: 4.17.1
+      file-loader: 6.2.0_webpack@4.46.0
+      file-system-cache: 1.0.5
+      find-up: 5.0.0
+      fs-extra: 9.1.0
+      html-webpack-plugin: 4.5.2_webpack@4.46.0
+      node-fetch: 2.6.7
+      pnp-webpack-plugin: 1.6.4_typescript@4.2.4
+      read-pkg-up: 7.0.1
+      regenerator-runtime: 0.13.9
+      resolve-from: 5.0.0
+      style-loader: 1.3.0_webpack@4.46.0
+      telejson: 5.3.3
+      terser-webpack-plugin: 4.2.3_webpack@4.46.0
+      ts-dedent: 2.2.0
+      typescript: 4.2.4
+      url-loader: 4.1.1_file-loader@6.2.0+webpack@4.46.0
+      util-deprecate: 1.0.2
+      webpack: 4.46.0
+      webpack-dev-middleware: 3.7.3_webpack@4.46.0
+      webpack-virtual-modules: 0.2.2
+    transitivePeerDependencies:
+      - '@types/react'
+      - acorn
+      - encoding
+      - eslint
+      - supports-color
+      - vue-template-compiler
+      - webpack-cli
+      - webpack-command
+    dev: true
+
+  /@storybook/manager-webpack5/6.4.19_typescript@4.2.4:
     resolution: {integrity: sha512-hVjWhWAOgWaymBy0HeRskN+MfKLpqLP4Txfw+3Xqg1qplgexV0w2O4BQrS/SNEH4V/1qF9h8XTsk3L3oQIj3Mg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0
@@ -11225,12 +12474,12 @@ packages:
       '@babel/core': 7.17.8
       '@babel/plugin-transform-template-literals': 7.16.7_@babel+core@7.17.8
       '@babel/preset-react': 7.16.7_@babel+core@7.17.8
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-client': 6.4.19_e7281081368b6c9b5567d9536ed3f600
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/addons': 6.4.19
+      '@storybook/core-client': 6.4.19_typescript@4.2.4+webpack@5.70.0
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/node-logger': 6.4.19
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/ui': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/theming': 6.4.19
+      '@storybook/ui': 6.4.19
       '@types/node': 14.14.33
       babel-loader: 8.2.3_fa907c5a4f16ccc493e21649ccc59574
       case-sensitive-paths-webpack-plugin: 2.4.0
@@ -11244,8 +12493,6 @@ packages:
       html-webpack-plugin: 5.5.0_webpack@5.70.0
       node-fetch: 2.6.7
       process: 0.11.10
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       read-pkg-up: 7.0.1
       regenerator-runtime: 0.13.9
       resolve-from: 5.0.0
@@ -11253,9 +12500,9 @@ packages:
       telejson: 5.3.3
       terser-webpack-plugin: 5.2.5_webpack@5.70.0
       ts-dedent: 2.2.0
-      typescript: 4.6.2
+      typescript: 4.2.4
       util-deprecate: 1.0.2
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
       webpack-dev-middleware: 4.3.0_webpack@5.70.0
       webpack-virtual-modules: 0.4.3
     transitivePeerDependencies:
@@ -11312,30 +12559,23 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/preview-web/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-jqltoBv5j7lvnxEfV9w8dLX9ASWGuvgz97yg8Yo5FqkftEwrHJenyvMGcTgDJKJPorF+wiz/9aIqnmd3LCAcZQ==}
+  /@storybook/react-docgen-typescript-plugin/1.0.2-canary.253f8c1.0_typescript@4.2.4+webpack@4.46.0:
+    resolution: {integrity: sha512-mmoRG/rNzAiTbh+vGP8d57dfcR2aP+5/Ll03KKFyfy5FqWFm/Gh7u27ikx1I3LmVMI8n6jh5SdWMkMKon7/tDw==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
+      typescript: '>= 3.x'
+      webpack: '>= 4'
     dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/channel-postmessage': 6.4.19
-      '@storybook/client-logger': 6.4.19
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
-      ansi-to-html: 0.6.15
-      core-js: 3.21.1
-      global: 4.4.0
-      lodash: 4.17.21
-      qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-      synchronous-promise: 2.0.15
-      ts-dedent: 2.2.0
-      unfetch: 4.2.0
-      util-deprecate: 1.0.2
+      debug: 4.3.3
+      endent: 2.1.0
+      find-cache-dir: 3.3.2
+      flat-cache: 3.0.4
+      micromatch: 4.0.4
+      react-docgen-typescript: 2.2.2_typescript@4.2.4
+      tslib: 2.3.1
+      typescript: 4.2.4
+      webpack: 4.46.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@storybook/react-docgen-typescript-plugin/1.0.2-canary.253f8c1.0_typescript@4.6.2+webpack@4.46.0:
@@ -11352,12 +12592,12 @@ packages:
       react-docgen-typescript: 2.2.2_typescript@4.6.2
       tslib: 2.3.1
       typescript: 4.6.2
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0_webpack-cli@3.3.12
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@storybook/react/6.4.19_9f1f8f17cdd455b6ef8e501a921b145c:
+  /@storybook/react/6.4.19_1a3cbc393c8e54a301ca95e65ea44c36:
     resolution: {integrity: sha512-5b3i8jkVrjQGmcxxxXwCduHPIh+cluWkfeweKeQOe+lW4BR8fuUICo3AMLrYPAtB/UcaJyYkIYmTvF2mkfepFA==}
     engines: {node: '>=10.13.0'}
     hasBin: true
@@ -11372,34 +12612,32 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@babel/core': 7.17.8
-      '@babel/preset-flow': 7.16.7_@babel+core@7.17.8
-      '@babel/preset-react': 7.16.7_@babel+core@7.17.8
+      '@babel/core': 7.12.9
+      '@babel/preset-flow': 7.16.7_@babel+core@7.12.9
+      '@babel/preset-react': 7.16.7_@babel+core@7.12.9
       '@pmmmwh/react-refresh-webpack-plugin': 0.5.1_06cd85ae30adde416cafc06517ba554d
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core': 6.4.19_9591feef39d6ac368407db3801bf47b1
-      '@storybook/core-common': 6.4.19_038a1a9b7a6f260609bc9d14f1ae100e
+      '@storybook/addons': 6.4.19
+      '@storybook/core': 6.4.19_c15466773815ac7b8bfbbf8420ba0ee2
+      '@storybook/core-common': 6.4.19_typescript@4.2.4
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/node-logger': 6.4.19
-      '@storybook/react-docgen-typescript-plugin': 1.0.2-canary.253f8c1.0_typescript@4.6.2+webpack@4.46.0
+      '@storybook/react-docgen-typescript-plugin': 1.0.2-canary.253f8c1.0_typescript@4.2.4+webpack@4.46.0
       '@storybook/semver': 7.3.2
-      '@storybook/store': 6.4.19_react-dom@17.0.2+react@17.0.2
+      '@storybook/store': 6.4.19
       '@types/webpack-env': 1.16.3
       babel-plugin-add-react-displayname: 0.0.5
-      babel-plugin-named-asset-import: 0.3.8_@babel+core@7.17.8
+      babel-plugin-named-asset-import: 0.3.8_@babel+core@7.12.9
       babel-plugin-react-docgen: 4.2.1
       core-js: 3.21.1
       global: 4.4.0
       lodash: 4.17.21
       prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
       react-refresh: 0.11.0
       read-pkg-up: 7.0.1
       regenerator-runtime: 0.13.9
       ts-dedent: 2.2.0
-      typescript: 4.6.2
-      webpack: 4.46.0_webpack-cli@4.9.2
+      typescript: 4.2.4
+      webpack: 4.46.0
     transitivePeerDependencies:
       - '@storybook/builder-webpack5'
       - '@storybook/manager-webpack5'
@@ -11421,7 +12659,7 @@ packages:
       - webpack-plugin-serve
     dev: true
 
-  /@storybook/react/6.4.19_df9bce9a6d10cedcb22cc302b49e05b8:
+  /@storybook/react/6.4.19_ce33fa78e84ed7674385e603320a18f7:
     resolution: {integrity: sha512-5b3i8jkVrjQGmcxxxXwCduHPIh+cluWkfeweKeQOe+lW4BR8fuUICo3AMLrYPAtB/UcaJyYkIYmTvF2mkfepFA==}
     engines: {node: '>=10.13.0'}
     hasBin: true
@@ -11441,7 +12679,7 @@ packages:
       '@babel/preset-react': 7.16.7_@babel+core@7.17.8
       '@pmmmwh/react-refresh-webpack-plugin': 0.5.1_06cd85ae30adde416cafc06517ba554d
       '@storybook/addons': 6.4.19
-      '@storybook/core': 6.4.19_0aa9eeaa726e2cf1920b2ebcd5c10136
+      '@storybook/core': 6.4.19_56153e2fc75ffe3d23f60c0ecebf9977
       '@storybook/core-common': 6.4.19_ad5fc232a476648e022b673b2e1293fc
       '@storybook/csf': 0.0.2--canary.87bc651.0
       '@storybook/node-logger': 6.4.19
@@ -11502,27 +12740,6 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/router/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-KWWwIzuyeEIWVezkCihwY2A76Il9tUNg0I410g9qT7NrEsKyqXGRYOijWub7c1GGyNjLqz0jtrrehtixMcJkuA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@storybook/client-logger': 6.4.19
-      core-js: 3.21.1
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      history: 5.0.0
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-router: 6.2.2_react@17.0.2
-      react-router-dom: 6.2.2_react-dom@17.0.2+react@17.0.2
-      ts-dedent: 2.2.0
-    dev: true
-
   /@storybook/semver/7.3.2:
     resolution: {integrity: sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg==}
     engines: {node: '>=10'}
@@ -11550,26 +12767,6 @@ packages:
       regenerator-runtime: 0.13.9
     dev: true
 
-  /@storybook/source-loader/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-XqTsqddRglvfW7mhyjwoqd/B8L6samcBehhO0OEbsFp6FPWa9eXuObCxtRYIcjcSIe+ksbW3D/54ppEs1L/g1Q==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/client-logger': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      core-js: 3.21.1
-      estraverse: 5.3.0
-      global: 4.4.0
-      loader-utils: 2.0.2
-      lodash: 4.17.21
-      prettier: 2.3.0
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-    dev: true
-
   /@storybook/store/6.4.19:
     resolution: {integrity: sha512-N9/ZjemRHGfT3InPIbqQqc6snkcfnf3Qh9oOr0smbfaVGJol//KOX65kzzobtzFcid0WxtTDZ3HmgFVH+GvuhQ==}
     peerDependencies:
@@ -11593,31 +12790,6 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
-  /@storybook/store/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-N9/ZjemRHGfT3InPIbqQqc6snkcfnf3Qh9oOr0smbfaVGJol//KOX65kzzobtzFcid0WxtTDZ3HmgFVH+GvuhQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/client-logger': 6.4.19
-      '@storybook/core-events': 6.4.19
-      '@storybook/csf': 0.0.2--canary.87bc651.0
-      core-js: 3.21.1
-      fast-deep-equal: 3.1.3
-      global: 4.4.0
-      lodash: 4.17.21
-      memoizerific: 1.11.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      regenerator-runtime: 0.13.9
-      slash: 3.0.0
-      stable: 0.1.8
-      synchronous-promise: 2.0.15
-      ts-dedent: 2.2.0
-      util-deprecate: 1.0.2
-    dev: true
-
   /@storybook/theming/6.4.19:
     resolution: {integrity: sha512-V4pWmTvAxmbHR6B3jA4hPkaxZPyExHvCToy7b76DpUTpuHihijNDMAn85KhOQYIeL9q14zP/aiz899tOHsOidg==}
     peerDependencies:
@@ -11638,28 +12810,6 @@ packages:
       ts-dedent: 2.2.0
     dev: true
 
-  /@storybook/theming/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-V4pWmTvAxmbHR6B3jA4hPkaxZPyExHvCToy7b76DpUTpuHihijNDMAn85KhOQYIeL9q14zP/aiz899tOHsOidg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@emotion/core': 10.3.1_react@17.0.2
-      '@emotion/is-prop-valid': 0.8.8
-      '@emotion/styled': 10.3.0_316248eb6686a2fd4fbadcfd00de37f3
-      '@storybook/client-logger': 6.4.19
-      core-js: 3.21.1
-      deep-object-diff: 1.1.7
-      emotion-theming: 10.3.0_316248eb6686a2fd4fbadcfd00de37f3
-      global: 4.4.0
-      memoizerific: 1.11.3
-      polished: 4.1.4
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      resolve-from: 5.0.0
-      ts-dedent: 2.2.0
-    dev: true
-
   /@storybook/ui/6.4.19:
     resolution: {integrity: sha512-gFwdn5LA2U6oQ4bfUFLyHZnNasGQ01YVdwjbi+l6yjmnckBNtZfJoVTZ1rzGUbxSE9rK48InJRU+latTsr7xAg==}
     peerDependencies:
@@ -11698,46 +12848,6 @@ packages:
       - '@types/react'
     dev: true
 
-  /@storybook/ui/6.4.19_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-gFwdn5LA2U6oQ4bfUFLyHZnNasGQ01YVdwjbi+l6yjmnckBNtZfJoVTZ1rzGUbxSE9rK48InJRU+latTsr7xAg==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@emotion/core': 10.3.1_react@17.0.2
-      '@storybook/addons': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/api': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/channels': 6.4.19
-      '@storybook/client-logger': 6.4.19
-      '@storybook/components': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/core-events': 6.4.19
-      '@storybook/router': 6.4.19_react-dom@17.0.2+react@17.0.2
-      '@storybook/semver': 7.3.2
-      '@storybook/theming': 6.4.19_react-dom@17.0.2+react@17.0.2
-      copy-to-clipboard: 3.3.1
-      core-js: 3.21.1
-      core-js-pure: 3.19.1
-      downshift: 6.1.7_react@17.0.2
-      emotion-theming: 10.3.0_316248eb6686a2fd4fbadcfd00de37f3
-      fuse.js: 3.6.1
-      global: 4.4.0
-      lodash: 4.17.21
-      markdown-to-jsx: 7.1.7_react@17.0.2
-      memoizerific: 1.11.3
-      polished: 4.1.4
-      qs: 6.10.3
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-draggable: 4.4.4_react-dom@17.0.2+react@17.0.2
-      react-helmet-async: 1.2.3_react-dom@17.0.2+react@17.0.2
-      react-sizeme: 3.0.2
-      regenerator-runtime: 0.13.9
-      resolve-from: 5.0.0
-      store2: 2.13.2
-    transitivePeerDependencies:
-      - '@types/react'
-    dev: true
-
   /@stylelint/postcss-css-in-js/0.37.2_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-nEhsFoJurt8oUmieT8qy4nk81WRHmJynmVwn/Vts08PL9fhgIsMhk1GId5yAN643OzqEEb5S/6At2TZW7pqPDA==}
     peerDependencies:
@@ -12110,13 +13220,6 @@ packages:
       '@types/trusted-types': 2.0.2
     dev: true
 
-  /@types/eslint-scope/3.7.1:
-    resolution: {integrity: sha512-SCFeogqiptms4Fg29WpOTk5nHIzfpKCemSN63ksBQYKTcXoJEmJagV+DhVmbapZzY4/5YaOV1nZwrsU79fFm1g==}
-    dependencies:
-      '@types/eslint': 7.29.0
-      '@types/estree': 0.0.50
-    dev: true
-
   /@types/eslint-scope/3.7.3:
     resolution: {integrity: sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==}
     dependencies:
@@ -12284,7 +13387,6 @@ packages:
 
   /@types/mousetrap/1.6.9:
     resolution: {integrity: sha512-HUAiN65VsRXyFCTicolwb5+I7FM6f72zjMWr+ajGk+YTvzBgXqa2A5U7d+rtsouAkunJ5U4Sb5lNJjo9w+nmXg==}
-    dev: false
 
   /@types/node-fetch/2.6.1:
     resolution: {integrity: sha512-oMqjURCaxoSIsHSr1E47QHzbmzNR5rK8McHuNb11BOM9cHcIK3Avy0s/b2JlXHoQGTYS3NsvWzV1M0iK7l0wbA==}
@@ -13968,15 +15070,15 @@ packages:
       '@babel/core': 7.16.12
       '@babel/plugin-transform-react-jsx': 7.16.0_@babel+core@7.16.12
       '@babel/plugin-transform-runtime': 7.16.4_@babel+core@7.16.12
-      '@babel/preset-env': 7.16.4_@babel+core@7.16.12
+      '@babel/preset-env': 7.16.11_@babel+core@7.16.12
       '@babel/preset-typescript': 7.16.7_@babel+core@7.16.12
-      '@babel/runtime': 7.16.3
+      '@babel/runtime': 7.17.7
       '@wordpress/babel-plugin-import-jsx-pragma': 3.1.0_@babel+core@7.16.12
       '@wordpress/browserslist-config': 4.1.0
       '@wordpress/element': 4.0.4
       '@wordpress/warning': 2.2.2
       browserslist: 4.19.3
-      core-js: 3.19.1
+      core-js: 3.21.1
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -14257,7 +15359,6 @@ packages:
       mousetrap: 1.6.5
       react-resize-aware: 3.1.1
       use-memo-one: 1.1.2
-    dev: false
 
   /@wordpress/compose/5.2.1_react@17.0.2:
     resolution: {integrity: sha512-0l5UOiq5tDFeuIsdSVsWzNETHZagTnSBSTdGsxDmKIi5NC7vf1pXs4rlrEA45vUdFm/SbpIA9gp+NFzfpVKIXw==}
@@ -14416,7 +15517,6 @@ packages:
       redux: 4.1.2
       turbo-combine-reducers: 1.0.2
       use-memo-one: 1.1.2
-    dev: false
 
   /@wordpress/data/6.4.1_react@17.0.2:
     resolution: {integrity: sha512-pDTQl+cmVvwyGuGo6DtWkSGtIz6FTJw87XxtRkOeuQlEqsfHoyXSA4da7cBY5o22Ss5P5408hXjR0SAIqEBhmg==}
@@ -14490,7 +15590,6 @@ packages:
     dependencies:
       '@babel/runtime': 7.17.7
       '@wordpress/hooks': 3.5.0
-    dev: false
 
   /@wordpress/dom-ready/3.4.1:
     resolution: {integrity: sha512-w6DVKKpNwX0XUp0Cuh1OyFyGXLabr47k/ecRHKmQkQh9LdjRew7QvxUHYDN1rejRvq5GqcDb7Gnkz4E6hWIo4Q==}
@@ -14519,7 +15618,6 @@ packages:
     dependencies:
       '@babel/runtime': 7.17.7
       lodash: 4.17.21
-    dev: false
 
   /@wordpress/e2e-test-utils/3.0.0_jest@24.9.0+puppeteer@2.1.1:
     resolution: {integrity: sha512-XMdR8DeKyDQRF5jKeUlOzP4pTRtoJuOLsNZRLUFUvnrs9y/7/hH17VmPbWp3TJGvV/eGKzO4+D+wJTsP9nJmIw==}
@@ -14603,7 +15701,7 @@ packages:
     resolution: {integrity: sha512-GbYVSZrHitOmupQCjb7cSlewVigXHorpZUBpvWnkU3rhyh1tF/N9qve3fgg7Q3s2szjtTP+eEutB+4mmkwHQOA==}
     engines: {node: '>=12'}
     dependencies:
-      '@babel/runtime': 7.16.3
+      '@babel/runtime': 7.17.7
       '@types/react': 16.14.21
       '@types/react-dom': 16.9.14
       '@wordpress/escape-html': 2.2.3
@@ -14874,7 +15972,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.17.7
-    dev: false
 
   /@wordpress/html-entities/3.4.1:
     resolution: {integrity: sha512-wSuwgONTefnhCB9B7mKS+e8islHuCkprfDc+FhqVAa6r5RbVBGvaHUJs8embgdtww7MwBRMnskNf/buQ8Jr02A==}
@@ -14951,7 +16048,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.17.7
-    dev: false
 
   /@wordpress/jest-console/3.10.0_jest@25.5.4:
     resolution: {integrity: sha512-iS1GSO+o7+p2PhvScOquD+IK7WqmVxa2s9uTUQyNEo06f9EUv6KNw0B1iZ00DpbgLqDCiczfdCNapC816UXIIA==}
@@ -15083,7 +16179,6 @@ packages:
       '@babel/runtime': 7.17.7
       '@wordpress/i18n': 4.4.1
       lodash: 4.17.21
-    dev: false
 
   /@wordpress/notices/3.4.1:
     resolution: {integrity: sha512-Y7e2GLlB5wjLOtxsXzJd3jg/p6LV2GeeUnk+reURqUbb/4rlVlXQuMPOboTxLRB/0eTMNwWFI/MIr+NKbuY7MQ==}
@@ -15202,7 +16297,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       '@babel/runtime': 7.17.7
-    dev: false
 
   /@wordpress/redux-routine/3.14.2:
     resolution: {integrity: sha512-aqi4UtvMP/+NhULxyCR8ktG0v4BJVTRcMpByAqDg7Oabq2sz2LPuShxd5UY8vxQYQY9t1uUJbslhom4ytcohWg==}
@@ -15224,7 +16318,6 @@ packages:
       lodash: 4.17.21
       redux: 4.1.2
       rungen: 0.3.2
-    dev: false
 
   /@wordpress/rich-text/5.2.1:
     resolution: {integrity: sha512-PBoDPQjihEOteHlDvVRtAjmDTx3T3NRr/GAX8MKVajECWFhiS6tKY2R/llg7fnJAinCIhEAfpNwQDpx2UCp3bA==}
@@ -15531,14 +16624,6 @@ packages:
       acorn-walk: 7.2.0
     dev: true
 
-  /acorn-import-assertions/1.8.0_acorn@8.5.0:
-    resolution: {integrity: sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==}
-    peerDependencies:
-      acorn: ^8
-    dependencies:
-      acorn: 8.5.0
-    dev: true
-
   /acorn-import-assertions/1.8.0_acorn@8.7.0:
     resolution: {integrity: sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==}
     peerDependencies:
@@ -16512,6 +17597,21 @@ packages:
       - supports-color
     dev: true
 
+  /babel-loader/8.2.3_2126ca8a005869f6c62d5aa977e8d816:
+    resolution: {integrity: sha512-n4Zeta8NC3QAsuyiizu0GkmRcQ6clkV9WFUnUf1iXP//IeSKbWjofW3UHyZVwlOB4y039YQKefawyTn64Zwbuw==}
+    engines: {node: '>= 8.9'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      webpack: '>=2'
+    dependencies:
+      '@babel/core': 7.16.0
+      find-cache-dir: 3.3.2
+      loader-utils: 1.4.0
+      make-dir: 3.1.0
+      schema-utils: 2.7.1
+      webpack: 5.70.0
+    dev: true
+
   /babel-loader/8.2.3_b72fb7e629d39881e138edb6dcd0dfbe:
     resolution: {integrity: sha512-n4Zeta8NC3QAsuyiizu0GkmRcQ6clkV9WFUnUf1iXP//IeSKbWjofW3UHyZVwlOB4y039YQKefawyTn64Zwbuw==}
     engines: {node: '>= 8.9'}
@@ -16527,6 +17627,21 @@ packages:
       webpack: 4.46.0_webpack-cli@3.3.12
     dev: true
 
+  /babel-loader/8.2.3_d3f6fe5812216e437b67a6bf164a056c:
+    resolution: {integrity: sha512-n4Zeta8NC3QAsuyiizu0GkmRcQ6clkV9WFUnUf1iXP//IeSKbWjofW3UHyZVwlOB4y039YQKefawyTn64Zwbuw==}
+    engines: {node: '>= 8.9'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      webpack: '>=2'
+    dependencies:
+      '@babel/core': 7.12.9
+      find-cache-dir: 3.3.2
+      loader-utils: 1.4.0
+      make-dir: 3.1.0
+      schema-utils: 2.7.1
+      webpack: 5.70.0
+    dev: true
+
   /babel-loader/8.2.3_fa907c5a4f16ccc493e21649ccc59574:
     resolution: {integrity: sha512-n4Zeta8NC3QAsuyiizu0GkmRcQ6clkV9WFUnUf1iXP//IeSKbWjofW3UHyZVwlOB4y039YQKefawyTn64Zwbuw==}
     engines: {node: '>= 8.9'}
@@ -16542,21 +17657,6 @@ packages:
       webpack: 5.70.0_webpack-cli@4.9.2
     dev: true
 
-  /babel-loader/8.2.3_fda98f9ff70e0481a7d2271d8792a29b:
-    resolution: {integrity: sha512-n4Zeta8NC3QAsuyiizu0GkmRcQ6clkV9WFUnUf1iXP//IeSKbWjofW3UHyZVwlOB4y039YQKefawyTn64Zwbuw==}
-    engines: {node: '>= 8.9'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-      webpack: '>=2'
-    dependencies:
-      '@babel/core': 7.16.0
-      find-cache-dir: 3.3.2
-      loader-utils: 1.4.0
-      make-dir: 3.1.0
-      schema-utils: 2.7.1
-      webpack: 5.64.1
-    dev: true
-
   /babel-messages/6.23.0:
     resolution: {integrity: sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=}
     dependencies:
@@ -16688,7 +17788,7 @@ packages:
   /babel-plugin-macros/2.8.0:
     resolution: {integrity: sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==}
     dependencies:
-      '@babel/runtime': 7.16.3
+      '@babel/runtime': 7.17.7
       cosmiconfig: 6.0.0
       resolve: 1.20.0
 
@@ -16701,6 +17801,14 @@ packages:
       resolve: 1.20.0
     dev: true
 
+  /babel-plugin-named-asset-import/0.3.8_@babel+core@7.12.9:
+    resolution: {integrity: sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==}
+    peerDependencies:
+      '@babel/core': ^7.1.0
+    dependencies:
+      '@babel/core': 7.12.9
+    dev: true
+
   /babel-plugin-named-asset-import/0.3.8_@babel+core@7.17.8:
     resolution: {integrity: sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==}
     peerDependencies:
@@ -16819,6 +17927,42 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /babel-plugin-polyfill-corejs3/0.5.2_@babel+core@7.12.9:
+    resolution: {integrity: sha512-G3uJih0XWiID451fpeFaYGVuxHEjzKTHtc9uGFEjR6hHrvNzeS/PX+LLLcetJcytsB5m4j+K3o/EpXJNb/5IEQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-define-polyfill-provider': 0.3.1_@babel+core@7.12.9
+      core-js-compat: 3.21.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-corejs3/0.5.2_@babel+core@7.16.0:
+    resolution: {integrity: sha512-G3uJih0XWiID451fpeFaYGVuxHEjzKTHtc9uGFEjR6hHrvNzeS/PX+LLLcetJcytsB5m4j+K3o/EpXJNb/5IEQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.0
+      '@babel/helper-define-polyfill-provider': 0.3.1_@babel+core@7.16.0
+      core-js-compat: 3.21.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-corejs3/0.5.2_@babel+core@7.16.12:
+    resolution: {integrity: sha512-G3uJih0XWiID451fpeFaYGVuxHEjzKTHtc9uGFEjR6hHrvNzeS/PX+LLLcetJcytsB5m4j+K3o/EpXJNb/5IEQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.16.12
+      '@babel/helper-define-polyfill-provider': 0.3.1_@babel+core@7.16.12
+      core-js-compat: 3.21.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /babel-plugin-polyfill-corejs3/0.5.2_@babel+core@7.17.8:
     resolution: {integrity: sha512-G3uJih0XWiID451fpeFaYGVuxHEjzKTHtc9uGFEjR6hHrvNzeS/PX+LLLcetJcytsB5m4j+K3o/EpXJNb/5IEQ==}
     peerDependencies:
@@ -18646,7 +19790,7 @@ packages:
       webpack: 5.70.0_webpack-cli@4.9.2
     dev: true
 
-  /copy-webpack-plugin/9.1.0_webpack@5.64.1:
+  /copy-webpack-plugin/9.1.0_webpack@5.70.0:
     resolution: {integrity: sha512-rxnR7PaGigJzhqETHGmAcxKnLZSR5u1Y3/bcIv/1FnqXedcL/E2ewK7ZCNrArJKCiSv8yVXhTqetJh8inDvfsA==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -18658,7 +19802,7 @@ packages:
       normalize-path: 3.0.0
       schema-utils: 3.1.1
       serialize-javascript: 6.0.0
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /core-js-compat/3.19.1:
@@ -18687,10 +19831,6 @@ packages:
     deprecated: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
     requiresBuild: true
 
-  /core-js/3.19.1:
-    resolution: {integrity: sha512-Tnc7E9iKd/b/ff7GFbhwPVzJzPztGrChB8X8GLqoYGdEOG8IpLnK1xPyo3ZoO3HsK6TodJS58VGPOxA+hLHQMg==}
-    requiresBuild: true
-
   /core-js/3.21.1:
     resolution: {integrity: sha512-FRq5b/VMrWlrmCzwRrpDYNxyHP9BcAZC+xHJaqTgIE5091ZV1NTmyh0sGOg5XqpnHvR0svdy0sv1gWA1zmhxig==}
     requiresBuild: true
@@ -18976,24 +20116,7 @@ packages:
       postcss-value-parser: 4.2.0
       schema-utils: 3.1.1
       semver: 7.3.5
-      webpack: 5.70.0_webpack-cli@4.9.2
-    dev: true
-
-  /css-loader/6.5.1_webpack@5.64.1:
-    resolution: {integrity: sha512-gEy2w9AnJNnD9Kuo4XAP9VflW/ujKoS9c/syO+uWMlm5igc7LysKzPXaDoR2vroROkSwsTS2tGr1yGGEbZOYZQ==}
-    engines: {node: '>= 12.13.0'}
-    peerDependencies:
-      webpack: ^5.0.0
-    dependencies:
-      icss-utils: 5.1.0_postcss@8.3.11
-      postcss: 8.3.11
-      postcss-modules-extract-imports: 3.0.0_postcss@8.3.11
-      postcss-modules-local-by-default: 4.0.0_postcss@8.3.11
-      postcss-modules-scope: 3.0.0_postcss@8.3.11
-      postcss-modules-values: 4.0.0_postcss@8.3.11
-      postcss-value-parser: 4.1.0
-      semver: 7.3.5
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /css-loader/6.7.1_webpack@5.70.0:
@@ -19010,10 +20133,10 @@ packages:
       postcss-modules-values: 4.0.0_postcss@8.4.12
       postcss-value-parser: 4.2.0
       semver: 7.3.5
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
     dev: true
 
-  /css-minimizer-webpack-plugin/3.1.3_webpack@5.64.1:
+  /css-minimizer-webpack-plugin/3.1.3_webpack@5.70.0:
     resolution: {integrity: sha512-x+6kzXprepysouo513zKibWCbWTGIvH9OrEsMRRV8EcJ7vYY/zRg0lR8tCzMHMap+lhNPOrYCdDagjRmfnGGxw==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -19035,7 +20158,7 @@ packages:
       schema-utils: 3.1.1
       serialize-javascript: 6.0.0
       source-map: 0.6.1
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /css-select-base-adapter/0.1.1:
@@ -20135,19 +21258,6 @@ packages:
     resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
     engines: {node: '>= 4'}
 
-  /emotion-theming/10.3.0_316248eb6686a2fd4fbadcfd00de37f3:
-    resolution: {integrity: sha512-mXiD2Oj7N9b6+h/dC6oLf9hwxbtKHQjoIqtodEyL8CpkN4F3V4IK/BT4D0C7zSs4BBFOu4UlPJbvvBLa88SGEA==}
-    peerDependencies:
-      '@emotion/core': ^10.0.27
-      react: '>=16.3.0'
-    dependencies:
-      '@babel/runtime': 7.17.7
-      '@emotion/core': 10.3.1_react@17.0.2
-      '@emotion/weak-memoize': 0.2.5
-      hoist-non-react-statics: 3.3.2
-      react: 17.0.2
-    dev: true
-
   /emotion-theming/10.3.0_@emotion+core@10.3.1:
     resolution: {integrity: sha512-mXiD2Oj7N9b6+h/dC6oLf9hwxbtKHQjoIqtodEyL8CpkN4F3V4IK/BT4D0C7zSs4BBFOu4UlPJbvvBLa88SGEA==}
     peerDependencies:
@@ -22413,10 +23523,10 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 3.1.1
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
-  /file-loader/6.2.0_webpack@5.64.1:
+  /file-loader/6.2.0_webpack@5.70.0:
     resolution: {integrity: sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==}
     engines: {node: '>= 10.13.0'}
     peerDependencies:
@@ -22424,7 +23534,7 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 3.1.1
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /file-sync-cmp/0.1.1:
@@ -22825,38 +23935,6 @@ packages:
       webpack: 5.70.0_webpack-cli@4.9.2
     dev: true
 
-  /fork-ts-checker-webpack-plugin/6.5.0_5cc3eafe4d1d9014e8dc18ad98f28e04:
-    resolution: {integrity: sha512-cS178Y+xxtIjEUorcHddKS7yCMlrDPV31mt47blKKRfMd70Kxu5xruAFE2o9sDY6wVC5deuob/u/alD04YYHnw==}
-    engines: {node: '>=10', yarn: '>=1.0.0'}
-    peerDependencies:
-      eslint: '>= 6'
-      typescript: '>= 2.7'
-      vue-template-compiler: '*'
-      webpack: '>= 4'
-    peerDependenciesMeta:
-      eslint:
-        optional: true
-      vue-template-compiler:
-        optional: true
-    dependencies:
-      '@babel/code-frame': 7.16.7
-      '@types/json-schema': 7.0.9
-      chalk: 4.1.2
-      chokidar: 3.5.3
-      cosmiconfig: 6.0.0
-      deepmerge: 4.2.2
-      eslint: 8.11.0
-      fs-extra: 9.1.0
-      glob: 7.2.0
-      memfs: 3.3.0
-      minimatch: 3.1.2
-      schema-utils: 2.7.0
-      semver: 7.3.5
-      tapable: 1.1.3
-      typescript: 4.6.2
-      webpack: 4.46.0_webpack-cli@4.9.2
-    dev: true
-
   /fork-ts-checker-webpack-plugin/6.5.0_ec34b068c8cf37561abcf5fd5b20a134:
     resolution: {integrity: sha512-cS178Y+xxtIjEUorcHddKS7yCMlrDPV31mt47blKKRfMd70Kxu5xruAFE2o9sDY6wVC5deuob/u/alD04YYHnw==}
     engines: {node: '>=10', yarn: '>=1.0.0'}
@@ -22889,6 +23967,68 @@ packages:
       webpack: 4.46.0_webpack-cli@3.3.12
     dev: true
 
+  /fork-ts-checker-webpack-plugin/6.5.0_typescript@4.2.4+webpack@4.46.0:
+    resolution: {integrity: sha512-cS178Y+xxtIjEUorcHddKS7yCMlrDPV31mt47blKKRfMd70Kxu5xruAFE2o9sDY6wVC5deuob/u/alD04YYHnw==}
+    engines: {node: '>=10', yarn: '>=1.0.0'}
+    peerDependencies:
+      eslint: '>= 6'
+      typescript: '>= 2.7'
+      vue-template-compiler: '*'
+      webpack: '>= 4'
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+      vue-template-compiler:
+        optional: true
+    dependencies:
+      '@babel/code-frame': 7.16.7
+      '@types/json-schema': 7.0.9
+      chalk: 4.1.2
+      chokidar: 3.5.3
+      cosmiconfig: 6.0.0
+      deepmerge: 4.2.2
+      fs-extra: 9.1.0
+      glob: 7.2.0
+      memfs: 3.3.0
+      minimatch: 3.1.2
+      schema-utils: 2.7.0
+      semver: 7.3.5
+      tapable: 1.1.3
+      typescript: 4.2.4
+      webpack: 4.46.0
+    dev: true
+
+  /fork-ts-checker-webpack-plugin/6.5.0_typescript@4.2.4+webpack@5.70.0:
+    resolution: {integrity: sha512-cS178Y+xxtIjEUorcHddKS7yCMlrDPV31mt47blKKRfMd70Kxu5xruAFE2o9sDY6wVC5deuob/u/alD04YYHnw==}
+    engines: {node: '>=10', yarn: '>=1.0.0'}
+    peerDependencies:
+      eslint: '>= 6'
+      typescript: '>= 2.7'
+      vue-template-compiler: '*'
+      webpack: '>= 4'
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+      vue-template-compiler:
+        optional: true
+    dependencies:
+      '@babel/code-frame': 7.16.7
+      '@types/json-schema': 7.0.9
+      chalk: 4.1.2
+      chokidar: 3.5.3
+      cosmiconfig: 6.0.0
+      deepmerge: 4.2.2
+      fs-extra: 9.1.0
+      glob: 7.2.0
+      memfs: 3.3.0
+      minimatch: 3.1.2
+      schema-utils: 2.7.0
+      semver: 7.3.5
+      tapable: 1.1.3
+      typescript: 4.2.4
+      webpack: 5.70.0
+    dev: true
+
   /form-data/2.3.3:
     resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
     engines: {node: '>= 0.12'}
@@ -23010,15 +24150,6 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /fs-extra/10.0.1:
-    resolution: {integrity: sha512-NbdoVMZso2Lsrn/QwLXOy6rm0ufY2zEOKCDzJR/0kBsb0E6qed0P3iYK+Ath3BfvXEeu4JhEtXLgILx5psUfag==}
-    engines: {node: '>=12'}
-    dependencies:
-      graceful-fs: 4.2.9
-      jsonfile: 6.1.0
-      universalify: 2.0.0
-    dev: false
-
   /fs-extra/6.0.1:
     resolution: {integrity: sha512-GnyIkKhhzXZUWFCaJzvyDLEEgDkPfb4/TPvJCJVuS8MWZgoSsErf++QpiAlDnKFcqhRlm+tIOcencCjyJE6ZCA==}
     dependencies:
@@ -24261,7 +25392,7 @@ packages:
       pretty-error: 2.1.2
       tapable: 1.1.3
       util.promisify: 1.0.0
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
   /html-webpack-plugin/5.5.0_webpack@5.70.0:
@@ -24275,7 +25406,7 @@ packages:
       lodash: 4.17.21
       pretty-error: 4.0.0
       tapable: 2.2.1
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
     transitivePeerDependencies:
       - acorn
     dev: true
@@ -24565,15 +25696,6 @@ packages:
       postcss: 8.3.0
     dev: true
 
-  /icss-utils/5.1.0_postcss@8.3.11:
-    resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      postcss: 8.3.11
-    dev: true
-
   /icss-utils/5.1.0_postcss@8.4.12:
     resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
     engines: {node: ^10 || ^12 || >= 14}
@@ -27349,7 +28471,7 @@ packages:
     resolution: {integrity: sha512-PtGdVK9EGC7dsaziskfqaAPib6wTViY3G8E5wz9tLVPhHyiDNTZn/xjZ4khAw+09QkoOVpn7vF5nPSN6dtBexA==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
     dependencies:
-      '@types/node': 16.10.3
+      '@types/node': 17.0.21
       graceful-fs: 4.2.9
     dev: true
 
@@ -27801,7 +28923,7 @@ packages:
   /jsbn/0.1.1:
     resolution: {integrity: sha1-peZUwuWi3rXyAdls77yoDA7y9RM=}
 
-  /jscodeshift/0.13.1:
+  /jscodeshift/0.13.1_@babel+preset-env@7.16.11:
     resolution: {integrity: sha512-lGyiEbGOvmMRKgWk4vf+lUrCWO/8YR8sUR3FKF1Cq5fovjZDlIcw3Hu5ppLHAnEXshVffvaM0eyuY/AbOeYpnQ==}
     hasBin: true
     peerDependencies:
@@ -27813,6 +28935,7 @@ packages:
       '@babel/plugin-proposal-nullish-coalescing-operator': 7.16.7_@babel+core@7.17.8
       '@babel/plugin-proposal-optional-chaining': 7.16.7_@babel+core@7.17.8
       '@babel/plugin-transform-modules-commonjs': 7.17.7_@babel+core@7.17.8
+      '@babel/preset-env': 7.16.11_@babel+core@7.12.9
       '@babel/preset-flow': 7.16.7_@babel+core@7.17.8
       '@babel/preset-typescript': 7.16.7_@babel+core@7.17.8
       '@babel/register': 7.17.7_@babel+core@7.17.8
@@ -28175,7 +29298,7 @@ packages:
     deprecated: use String.prototype.padStart()
     dev: false
 
-  /less-loader/10.2.0_less@3.12.2+webpack@5.64.1:
+  /less-loader/10.2.0_less@3.12.2+webpack@5.70.0:
     resolution: {integrity: sha512-AV5KHWvCezW27GT90WATaDnfXBv99llDbtaj4bshq6DvAihMdNjaPDcUMa6EXKLRF+P2opFenJp89BXg91XLYg==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -28184,7 +29307,7 @@ packages:
     dependencies:
       klona: 2.0.5
       less: 3.12.2
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /less/3.12.2:
@@ -28818,15 +29941,6 @@ packages:
       react: '>= 0.14.0'
     dev: true
 
-  /markdown-to-jsx/7.1.7_react@17.0.2:
-    resolution: {integrity: sha512-VI3TyyHlGkO8uFle0IOibzpO1c1iJDcXcS/zBrQrXQQvJ2tpdwVzVZ7XdKsyRz1NdRmre4dqQkMZzUHaKIG/1w==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      react: '>= 0.14.0'
-    dependencies:
-      react: 17.0.2
-    dev: true
-
   /markdownlint-cli/0.21.0:
     resolution: {integrity: sha512-gvnczz3W3Wgex851/cIQ/2y8GNhY+EVK8Ael8kRd8hoSQ0ps9xjhtwPwMyJPoiYbAoPxG6vSBFISiysaAbCEZg==}
     engines: {node: '>=8'}
@@ -29292,14 +30406,14 @@ packages:
       webpack-sources: 1.4.3
     dev: true
 
-  /mini-css-extract-plugin/2.4.4_webpack@5.64.1:
+  /mini-css-extract-plugin/2.4.4_webpack@5.70.0:
     resolution: {integrity: sha512-UJ+aNuFQaQaECu7AamlWOBLj2cJ6XSGU4zNiqXeZ7lZLe5VD0DoSPWFbWArXueo+6FZVbgHzpX9lUIaBIDLuYg==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
       webpack: ^5.0.0
     dependencies:
       schema-utils: 3.1.1
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /mini-css-extract-plugin/2.6.0_webpack@5.70.0:
@@ -30977,6 +32091,15 @@ packages:
   /pn/1.1.0:
     resolution: {integrity: sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==}
 
+  /pnp-webpack-plugin/1.6.4_typescript@4.2.4:
+    resolution: {integrity: sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      ts-pnp: 1.2.0_typescript@4.2.4
+    transitivePeerDependencies:
+      - typescript
+    dev: true
+
   /pnp-webpack-plugin/1.6.4_typescript@4.6.2:
     resolution: {integrity: sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg==}
     engines: {node: '>=6'}
@@ -31297,10 +32420,10 @@ packages:
       postcss: 7.0.39
       schema-utils: 3.1.1
       semver: 7.3.5
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
-  /postcss-loader/6.2.0_postcss@8.3.0+webpack@5.64.1:
+  /postcss-loader/6.2.0_postcss@8.3.0+webpack@5.70.0:
     resolution: {integrity: sha512-H9hv447QjQJVDbHj3OUdciyAXY3v5+UDduzEytAlZCVHCpNAAg/mCSwhYYqZr9BiGYhmYspU8QXxZwiHTLn3yA==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -31311,7 +32434,7 @@ packages:
       klona: 2.0.5
       postcss: 8.3.0
       semver: 7.3.5
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /postcss-media-query-parser/0.2.3:
@@ -31533,15 +32656,6 @@ packages:
       postcss: 8.3.0
     dev: true
 
-  /postcss-modules-extract-imports/3.0.0_postcss@8.3.11:
-    resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      postcss: 8.3.11
-    dev: true
-
   /postcss-modules-extract-imports/3.0.0_postcss@8.4.12:
     resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==}
     engines: {node: ^10 || ^12 || >= 14}
@@ -31572,18 +32686,6 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
-  /postcss-modules-local-by-default/4.0.0_postcss@8.3.11:
-    resolution: {integrity: sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      icss-utils: 5.1.0_postcss@8.3.11
-      postcss: 8.3.11
-      postcss-selector-parser: 6.0.9
-      postcss-value-parser: 4.2.0
-    dev: true
-
   /postcss-modules-local-by-default/4.0.0_postcss@8.4.12:
     resolution: {integrity: sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==}
     engines: {node: ^10 || ^12 || >= 14}
@@ -31613,16 +32715,6 @@ packages:
       postcss-selector-parser: 6.0.9
     dev: true
 
-  /postcss-modules-scope/3.0.0_postcss@8.3.11:
-    resolution: {integrity: sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      postcss: 8.3.11
-      postcss-selector-parser: 6.0.9
-    dev: true
-
   /postcss-modules-scope/3.0.0_postcss@8.4.12:
     resolution: {integrity: sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==}
     engines: {node: ^10 || ^12 || >= 14}
@@ -31649,16 +32741,6 @@ packages:
       postcss: 8.3.0
     dev: true
 
-  /postcss-modules-values/4.0.0_postcss@8.3.11:
-    resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
-    engines: {node: ^10 || ^12 || >= 14}
-    peerDependencies:
-      postcss: ^8.1.0
-    dependencies:
-      icss-utils: 5.1.0_postcss@8.3.11
-      postcss: 8.3.11
-    dev: true
-
   /postcss-modules-values/4.0.0_postcss@8.4.12:
     resolution: {integrity: sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==}
     engines: {node: ^10 || ^12 || >= 14}
@@ -32456,6 +33538,7 @@ packages:
     resolution: {integrity: sha512-WnR9obtgW+rG4oUV3hSnNGl1pHm3V1H/qD9iJBumGSmVsSC5HpZOLuu8qdMb6yCItGfT7dcRszejr/5P3i9Pug==}
     dependencies:
       read: 1.0.7
+    dev: true
 
   /prompts/2.4.2:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
@@ -32640,6 +33723,7 @@ packages:
     engines: {node: '>=0.6'}
     dependencies:
       side-channel: 1.0.4
+    dev: false
 
   /qs/6.10.3:
     resolution: {integrity: sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==}
@@ -32763,18 +33847,7 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 3.1.1
-      webpack: 4.46.0_webpack-cli@4.9.2
-    dev: true
-
-  /raw-loader/4.0.2_webpack@5.64.1:
-    resolution: {integrity: sha512-ZnScIV3ag9A4wPX/ZayxL/jZH+euYb6FcUinPcgiQW0+UBtEv0O6Q3lGd3cqJ+GHH+rksEv3Pj99oxJ3u3VIKA==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      webpack: ^4.0.0 || ^5.0.0
-    dependencies:
-      loader-utils: 2.0.2
-      schema-utils: 3.1.1
-      webpack: 5.64.1
+      webpack: 4.46.0
     dev: true
 
   /raw-loader/4.0.2_webpack@5.70.0:
@@ -32848,6 +33921,7 @@ packages:
     dependencies:
       react: 17.0.2
       react-dom: 17.0.2_react@17.0.2
+    dev: false
 
   /react-dates/17.2.0_d0804d3726ad84366bcc42e494508e1e:
     resolution: {integrity: sha512-RDlerU8DdRRrlYS0MQ7Z9igPWABGLDwz6+ykBNff67RM3Sset2TDqeuOr+R5o00Ggn5U47GeLsGcSDxlZd9cHw==}
@@ -32907,6 +33981,14 @@ packages:
       - utf-8-validate
     dev: true
 
+  /react-docgen-typescript/2.2.2_typescript@4.2.4:
+    resolution: {integrity: sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==}
+    peerDependencies:
+      typescript: '>= 4.3.x'
+    dependencies:
+      typescript: 4.2.4
+    dev: true
+
   /react-docgen-typescript/2.2.2_typescript@4.6.2:
     resolution: {integrity: sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==}
     peerDependencies:
@@ -32966,18 +34048,6 @@ packages:
       prop-types: 15.8.1
     dev: true
 
-  /react-draggable/4.4.4_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-6e0WdcNLwpBx/YIDpoyd2Xb04PB0elrDrulKUgdrIlwuYvxh5Ok9M+F8cljm8kPXXs43PmMzek9RrB1b7mLMqA==}
-    peerDependencies:
-      react: '>= 16.3.0'
-      react-dom: '>= 16.3.0'
-    dependencies:
-      clsx: 1.1.1
-      prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-    dev: true
-
   /react-element-to-jsx-string/14.3.4:
     resolution: {integrity: sha512-t4ZwvV6vwNxzujDQ+37bspnLwA4JlgUPWhLjBJWsNIDceAf6ZKUTCjdm08cN6WeZ5pTMKiCJkmAYnpmR4Bm+dg==}
     peerDependencies:
@@ -32989,19 +34059,6 @@ packages:
       react-is: 17.0.2
     dev: true
 
-  /react-element-to-jsx-string/14.3.4_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-t4ZwvV6vwNxzujDQ+37bspnLwA4JlgUPWhLjBJWsNIDceAf6ZKUTCjdm08cN6WeZ5pTMKiCJkmAYnpmR4Bm+dg==}
-    peerDependencies:
-      react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
-      react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
-    dependencies:
-      '@base2/pretty-print-object': 1.0.1
-      is-plain-object: 5.0.0
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-is: 17.0.2
-    dev: true
-
   /react-error-boundary/3.1.4:
     resolution: {integrity: sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==}
     engines: {node: '>=10', npm: '>=6'}
@@ -33038,21 +34095,6 @@ packages:
       shallowequal: 1.1.0
     dev: true
 
-  /react-helmet-async/1.2.3_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-mCk2silF53Tq/YaYdkl2sB+/tDoPnaxN7dFS/6ZLJb/rhUY2EWGI5Xj2b4jHppScMqY45MbgPSwTxDchKpZ5Kw==}
-    peerDependencies:
-      react: ^16.6.0 || ^17.0.0
-      react-dom: ^16.6.0 || ^17.0.0
-    dependencies:
-      '@babel/runtime': 7.17.7
-      invariant: 2.2.4
-      prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-fast-compare: 3.2.0
-      shallowequal: 1.1.0
-    dev: true
-
   /react-input-autosize/3.0.0:
     resolution: {integrity: sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==}
     peerDependencies:
@@ -33061,15 +34103,6 @@ packages:
       prop-types: 15.8.1
     dev: true
 
-  /react-input-autosize/3.0.0_react@17.0.2:
-    resolution: {integrity: sha512-nL9uS7jEs/zu8sqwFE5MAPx6pPkNAriACQ2rGLlqmKr2sPGtN7TXTyDdQt4lbNXVx7Uzadb40x8qotIuru6Rhg==}
-    peerDependencies:
-      react: ^16.3.0 || ^17.0.0
-    dependencies:
-      prop-types: 15.8.1
-      react: 17.0.2
-    dev: true
-
   /react-inspector/5.1.1:
     resolution: {integrity: sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg==}
     peerDependencies:
@@ -33080,17 +34113,6 @@ packages:
       prop-types: 15.8.1
     dev: true
 
-  /react-inspector/5.1.1_react@17.0.2:
-    resolution: {integrity: sha512-GURDaYzoLbW8pMGXwYPDBIv6nqei4kK7LPRZ9q9HCZF54wqXz/dnylBp/kfE9XmekBhHvLDdcYeyIwSrvtOiWg==}
-    peerDependencies:
-      react: ^16.8.4 || ^17.0.0
-    dependencies:
-      '@babel/runtime': 7.17.7
-      is-dom: 1.1.0
-      prop-types: 15.8.1
-      react: 17.0.2
-    dev: true
-
   /react-is/16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -33153,31 +34175,6 @@ packages:
       react-popper: 2.2.5_@popperjs+core@2.11.4
     dev: true
 
-  /react-popper-tooltip/3.1.1_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-EnERAnnKRptQBJyaee5GJScWNUKQPDD2ywvzZyUjst/wj5U64C8/CnSYLNEmP2hG0IJ3ZhtDxE8oDN+KOyavXQ==}
-    peerDependencies:
-      react: ^16.6.0 || ^17.0.0
-      react-dom: ^16.6.0 || ^17.0.0
-    dependencies:
-      '@babel/runtime': 7.17.7
-      '@popperjs/core': 2.11.4
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-popper: 2.2.5_2e9dd80dbd4df675244d857293d4c5b0
-    dev: true
-
-  /react-popper/2.2.5_2e9dd80dbd4df675244d857293d4c5b0:
-    resolution: {integrity: sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==}
-    peerDependencies:
-      '@popperjs/core': ^2.0.0
-      react: ^16.8.0 || ^17
-    dependencies:
-      '@popperjs/core': 2.11.4
-      react: 17.0.2
-      react-fast-compare: 3.2.0
-      warning: 4.0.3
-    dev: true
-
   /react-popper/2.2.5_@popperjs+core@2.11.4:
     resolution: {integrity: sha512-kxGkS80eQGtLl18+uig1UIf9MKixFSyPxglsgLBxlYnyDf65BiY9B3nZSc6C9XUNDgStROB0fMQlTEz1KxGddw==}
     peerDependencies:
@@ -33288,18 +34285,6 @@ packages:
       react-router: 6.2.2
     dev: true
 
-  /react-router-dom/6.2.2_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-AtYEsAST7bDD4dLSQHDnk/qxWLJdad5t1HFa1qJyUrCeGgEuCSw0VB/27ARbF9Fi/W5598ujvJOm3ujUCVzuYQ==}
-    peerDependencies:
-      react: '>=16.8'
-      react-dom: '>=16.8'
-    dependencies:
-      history: 5.3.0
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-router: 6.2.2_react@17.0.2
-    dev: true
-
   /react-router/5.2.1:
     resolution: {integrity: sha512-lIboRiOtDLFdg1VTemMwud9vRVuOCZmUIT/7lUoZiSpPODiiH1UQlfXy+vPLC/7IWdFYnhRwAyNqA/+I7wnvKQ==}
     peerDependencies:
@@ -33343,15 +34328,6 @@ packages:
       history: 5.3.0
     dev: true
 
-  /react-router/6.2.2_react@17.0.2:
-    resolution: {integrity: sha512-/MbxyLzd7Q7amp4gDOGaYvXwhEojkJD5BtExkuKmj39VEE0m3l/zipf6h2WIB2jyAO0lI6NGETh4RDcktRm4AQ==}
-    peerDependencies:
-      react: '>=16.8'
-    dependencies:
-      history: 5.3.0
-      react: 17.0.2
-    dev: true
-
   /react-select/3.2.0:
     resolution: {integrity: sha512-B/q3TnCZXEKItO0fFN/I0tWOX3WJvi/X2wtdffmwSQVRwg5BpValScTO1vdic9AxlUgmeSzib2hAZAwIUQUZGQ==}
     peerDependencies:
@@ -33368,24 +34344,6 @@ packages:
       react-transition-group: 4.4.2
     dev: true
 
-  /react-select/3.2.0_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-B/q3TnCZXEKItO0fFN/I0tWOX3WJvi/X2wtdffmwSQVRwg5BpValScTO1vdic9AxlUgmeSzib2hAZAwIUQUZGQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-      react-dom: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@babel/runtime': 7.17.7
-      '@emotion/cache': 10.0.29
-      '@emotion/core': 10.3.1_react@17.0.2
-      '@emotion/css': 10.0.27
-      memoize-one: 5.2.1
-      prop-types: 15.8.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-input-autosize: 3.0.0_react@17.0.2
-      react-transition-group: 4.4.2_react-dom@17.0.2+react@17.0.2
-    dev: true
-
   /react-shallow-renderer/16.14.1:
     resolution: {integrity: sha512-rkIMcQi01/+kxiTE9D3fdS959U1g7gs+/rborw++42m1O9FAQiNI/UNRZExVUoAOprn4umcXf+pFRou8i4zuBg==}
     peerDependencies:
@@ -33426,19 +34384,6 @@ packages:
       refractor: 3.6.0
     dev: true
 
-  /react-syntax-highlighter/13.5.3_react@17.0.2:
-    resolution: {integrity: sha512-crPaF+QGPeHNIblxxCdf2Lg936NAHKhNhuMzRL3F9ct6aYXL3NcZtCL0Rms9+qVo6Y1EQLdXGypBNSbPL/r+qg==}
-    peerDependencies:
-      react: '>= 0.14.0'
-    dependencies:
-      '@babel/runtime': 7.17.7
-      highlight.js: 10.7.3
-      lowlight: 1.20.0
-      prismjs: 1.27.0
-      react: 17.0.2
-      refractor: 3.6.0
-    dev: true
-
   /react-test-renderer/16.14.0:
     resolution: {integrity: sha512-L8yPjqPE5CZO6rKsKXRO/rVPiaCOy0tQQJbC+UjPNlobl5mad59lvPjwFsQHTvL03caVDIVr9x9/OSgDe6I5Eg==}
     peerDependencies:
@@ -33498,20 +34443,6 @@ packages:
       - '@types/react'
     dev: true
 
-  /react-textarea-autosize/8.3.3_react@17.0.2:
-    resolution: {integrity: sha512-2XlHXK2TDxS6vbQaoPbMOfQ8GK7+irc2fVK6QFIcC8GOnH3zI/v481n+j1L0WaPVvKxwesnY93fEfH++sus2rQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-    dependencies:
-      '@babel/runtime': 7.17.7
-      react: 17.0.2
-      use-composed-ref: 1.2.1_react@17.0.2
-      use-latest: 1.2.0_react@17.0.2
-    transitivePeerDependencies:
-      - '@types/react'
-    dev: true
-
   /react-transition-group/4.4.2:
     resolution: {integrity: sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==}
     peerDependencies:
@@ -33535,6 +34466,7 @@ packages:
       prop-types: 15.8.1
       react: 17.0.2
       react-dom: 17.0.2_react@17.0.2
+    dev: false
 
   /react-visibility-sensor/5.1.1:
     resolution: {integrity: sha512-cTUHqIK+zDYpeK19rzW6zF9YfT4486TIgizZW53wEZ+/GPBbK7cNS0EHyJVyHYacwFEvvHLEKfgJndbemWhB/w==}
@@ -33716,6 +34648,7 @@ packages:
     engines: {node: '>=0.8'}
     dependencies:
       mute-stream: 0.0.8
+    dev: true
 
   /readable-stream/2.3.7:
     resolution: {integrity: sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==}
@@ -34650,33 +35583,9 @@ packages:
       sass: 1.49.9
       schema-utils: 3.1.1
       semver: 7.3.5
-      webpack: 5.70.0_webpack-cli@4.9.2
-    dev: true
-
-  /sass-loader/10.2.1_webpack@5.70.0:
-    resolution: {integrity: sha512-RRvWl+3K2LSMezIsd008ErK4rk6CulIMSwrcc2aZvjymUgKo/vjXGp1rSWmfTUX7bblEOz8tst4wBwWtCGBqKA==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      fibers: '>= 3.1.0'
-      node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0
-      sass: ^1.3.0
-      webpack: ^4.36.0 || ^5.0.0
-    peerDependenciesMeta:
-      fibers:
-        optional: true
-      node-sass:
-        optional: true
-      sass:
-        optional: true
-    dependencies:
-      klona: 2.0.5
-      loader-utils: 2.0.2
-      neo-async: 2.6.2
-      schema-utils: 3.1.1
-      semver: 7.3.5
       webpack: 5.70.0
 
-  /sass-loader/12.3.0_sass@1.45.0+webpack@5.64.1:
+  /sass-loader/12.3.0_sass@1.49.9+webpack@5.70.0:
     resolution: {integrity: sha512-6l9qwhdOb7qSrtOu96QQ81LVl8v6Dp9j1w3akOm0aWHyrTYtagDt5+kS32N4yq4hHk3M+rdqoRMH+lIdqvW6HA==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -34694,8 +35603,8 @@ packages:
     dependencies:
       klona: 2.0.5
       neo-async: 2.6.2
-      sass: 1.45.0
-      webpack: 5.64.1
+      sass: 1.49.9
+      webpack: 5.70.0
     dev: true
 
   /sass-loader/8.0.2_sass@1.49.9+webpack@4.46.0:
@@ -35233,7 +36142,7 @@ packages:
       loader-utils: 1.4.0
     dev: true
 
-  /source-map-loader/3.0.0_webpack@5.64.1:
+  /source-map-loader/3.0.0_webpack@5.70.0:
     resolution: {integrity: sha512-GKGWqWvYr04M7tn8dryIWvb0s8YM41z82iQv01yBtIylgxax0CwvSy6gc2Y02iuXwEfGWRlMicH0nvms9UZphw==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -35242,7 +36151,7 @@ packages:
       abab: 2.0.5
       iconv-lite: 0.6.3
       source-map-js: 0.6.2
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /source-map-resolve/0.5.3:
@@ -35730,7 +36639,7 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 2.7.1
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
   /style-loader/2.0.0_webpack@5.70.0:
@@ -35741,16 +36650,16 @@ packages:
     dependencies:
       loader-utils: 2.0.2
       schema-utils: 3.1.1
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
     dev: true
 
-  /style-loader/3.3.1_webpack@5.64.1:
+  /style-loader/3.3.1_webpack@5.70.0:
     resolution: {integrity: sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
       webpack: ^5.0.0
     dependencies:
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /style-search/0.1.0:
@@ -36097,7 +37006,7 @@ packages:
     resolution: {integrity: sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==}
     dev: false
 
-  /stylus-loader/6.2.0_stylus@0.55.0+webpack@5.64.1:
+  /stylus-loader/6.2.0_stylus@0.55.0+webpack@5.70.0:
     resolution: {integrity: sha512-5dsDc7qVQGRoc6pvCL20eYgRUxepZ9FpeK28XhdXaIPP6kXr6nI1zAAKFQgP5OBkOfKaURp4WUpJzspg1f01Gg==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -36108,7 +37017,7 @@ packages:
       klona: 2.0.5
       normalize-path: 3.0.0
       stylus: 0.55.0
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /stylus/0.55.0:
@@ -36471,7 +37380,7 @@ packages:
       serialize-javascript: 5.0.1
       source-map: 0.6.1
       terser: 5.10.0_acorn@7.4.1
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - acorn
@@ -36491,38 +37400,12 @@ packages:
       serialize-javascript: 5.0.1
       source-map: 0.6.1
       terser: 5.10.0
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
       webpack-sources: 1.4.3
     transitivePeerDependencies:
       - acorn
     dev: true
 
-  /terser-webpack-plugin/5.2.5_acorn@8.5.0+webpack@5.64.1:
-    resolution: {integrity: sha512-3luOVHku5l0QBeYS8r4CdHYWEGMmIj3H1U64jgkdZzECcSOJAyJ9TjuqcQZvw1Y+4AOBN9SeYJPJmFn2cM4/2g==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      '@swc/core': '*'
-      esbuild: '*'
-      uglify-js: '*'
-      webpack: ^5.1.0
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      esbuild:
-        optional: true
-      uglify-js:
-        optional: true
-    dependencies:
-      jest-worker: 27.3.1
-      schema-utils: 3.1.1
-      serialize-javascript: 6.0.0
-      source-map: 0.6.1
-      terser: 5.10.0_acorn@8.5.0
-      webpack: 5.64.1
-    transitivePeerDependencies:
-      - acorn
-    dev: true
-
   /terser-webpack-plugin/5.2.5_acorn@8.7.0+webpack@5.70.0:
     resolution: {integrity: sha512-3luOVHku5l0QBeYS8r4CdHYWEGMmIj3H1U64jgkdZzECcSOJAyJ9TjuqcQZvw1Y+4AOBN9SeYJPJmFn2cM4/2g==}
     engines: {node: '>= 10.13.0'}
@@ -36549,32 +37432,6 @@ packages:
       - acorn
     dev: true
 
-  /terser-webpack-plugin/5.2.5_webpack@5.64.1:
-    resolution: {integrity: sha512-3luOVHku5l0QBeYS8r4CdHYWEGMmIj3H1U64jgkdZzECcSOJAyJ9TjuqcQZvw1Y+4AOBN9SeYJPJmFn2cM4/2g==}
-    engines: {node: '>= 10.13.0'}
-    peerDependencies:
-      '@swc/core': '*'
-      esbuild: '*'
-      uglify-js: '*'
-      webpack: ^5.1.0
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      esbuild:
-        optional: true
-      uglify-js:
-        optional: true
-    dependencies:
-      jest-worker: 27.3.1
-      schema-utils: 3.1.1
-      serialize-javascript: 6.0.0
-      source-map: 0.6.1
-      terser: 5.10.0
-      webpack: 5.64.1
-    transitivePeerDependencies:
-      - acorn
-    dev: true
-
   /terser-webpack-plugin/5.2.5_webpack@5.70.0:
     resolution: {integrity: sha512-3luOVHku5l0QBeYS8r4CdHYWEGMmIj3H1U64jgkdZzECcSOJAyJ9TjuqcQZvw1Y+4AOBN9SeYJPJmFn2cM4/2g==}
     engines: {node: '>= 10.13.0'}
@@ -36596,7 +37453,7 @@ packages:
       serialize-javascript: 6.0.0
       source-map: 0.6.1
       terser: 5.10.0
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
     transitivePeerDependencies:
       - acorn
     dev: true
@@ -36652,22 +37509,6 @@ packages:
       source-map-support: 0.5.20
     dev: true
 
-  /terser/5.10.0_acorn@8.5.0:
-    resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
-    engines: {node: '>=10'}
-    hasBin: true
-    peerDependencies:
-      acorn: ^8.5.0
-    peerDependenciesMeta:
-      acorn:
-        optional: true
-    dependencies:
-      acorn: 8.5.0
-      commander: 2.20.3
-      source-map: 0.7.3
-      source-map-support: 0.5.20
-    dev: true
-
   /terser/5.10.0_acorn@8.7.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
@@ -37087,7 +37928,7 @@ packages:
       yargs-parser: 20.2.9
     dev: true
 
-  /ts-loader/9.2.6_typescript@4.2.4+webpack@5.64.1:
+  /ts-loader/9.2.6_typescript@4.2.4+webpack@5.70.0:
     resolution: {integrity: sha512-QMTC4UFzHmu9wU2VHZEmWWE9cUajjfcdcws+Gh7FhiO+Dy0RnR1bNz0YCHqhI0yRowCE9arVnNxYHqELOy9Hjw==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
@@ -37099,7 +37940,7 @@ packages:
       micromatch: 4.0.4
       semver: 7.3.5
       typescript: 4.2.4
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /ts-node/10.5.0_e0d88945dfc7787883e9c330c9196a96:
@@ -37149,6 +37990,18 @@ packages:
       yn: 3.1.1
     dev: true
 
+  /ts-pnp/1.2.0_typescript@4.2.4:
+    resolution: {integrity: sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==}
+    engines: {node: '>=6'}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      typescript: 4.2.4
+    dev: true
+
   /ts-pnp/1.2.0_typescript@4.6.2:
     resolution: {integrity: sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==}
     engines: {node: '>=6'}
@@ -37461,7 +38314,7 @@ packages:
     resolution: {integrity: sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==}
     engines: {node: '>= 0.8.0'}
     dependencies:
-      qs: 6.10.1
+      qs: 6.10.3
     dev: true
 
   /uniq/1.0.1:
@@ -37698,7 +38551,7 @@ packages:
       loader-utils: 2.0.2
       mime-types: 2.1.34
       schema-utils: 3.1.1
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
   /url-parse-lax/1.0.0:
@@ -37728,14 +38581,6 @@ packages:
       react: ^16.8.0 || ^17.0.0
     dev: true
 
-  /use-composed-ref/1.2.1_react@17.0.2:
-    resolution: {integrity: sha512-6+X1FLlIcjvFMAeAD/hcxDT8tmyrWnbSPMU0EnxQuDLIxokuFzWliXBiYZuGIx+mrAMLBw0WFfCkaPw8ebzAhw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0
-    dependencies:
-      react: 17.0.2
-    dev: true
-
   /use-isomorphic-layout-effect/1.1.1:
     resolution: {integrity: sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==}
     peerDependencies:
@@ -37746,18 +38591,6 @@ packages:
         optional: true
     dev: true
 
-  /use-isomorphic-layout-effect/1.1.1_react@17.0.2:
-    resolution: {integrity: sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-    dependencies:
-      react: 17.0.2
-    dev: true
-
   /use-latest/1.2.0:
     resolution: {integrity: sha512-d2TEuG6nSLKQLAfW3By8mKr8HurOlTkul0sOpxbClIv4SQ4iOd7BYr7VIzdbktUCnv7dua/60xzd8igMU6jmyw==}
     peerDependencies:
@@ -37770,19 +38603,6 @@ packages:
       use-isomorphic-layout-effect: 1.1.1
     dev: true
 
-  /use-latest/1.2.0_react@17.0.2:
-    resolution: {integrity: sha512-d2TEuG6nSLKQLAfW3By8mKr8HurOlTkul0sOpxbClIv4SQ4iOd7BYr7VIzdbktUCnv7dua/60xzd8igMU6jmyw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-    dependencies:
-      react: 17.0.2
-      use-isomorphic-layout-effect: 1.1.1_react@17.0.2
-    dev: true
-
   /use-memo-one/1.1.2:
     resolution: {integrity: sha512-u2qFKtxLsia/r8qG0ZKkbytbztzRb317XCkT7yP8wxL0tZ/CzK2G+WWie5vWvpyeP7+YoPIwbJoIHJ4Ba4k0oQ==}
     peerDependencies:
@@ -38270,7 +39090,7 @@ packages:
       mime: 2.5.2
       mkdirp: 0.5.5
       range-parser: 1.2.1
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
       webpack-log: 2.0.0
     dev: true
 
@@ -38286,10 +39106,10 @@ packages:
       mime-types: 2.1.34
       range-parser: 1.2.1
       schema-utils: 3.1.1
-      webpack: 5.70.0_webpack-cli@4.9.2
+      webpack: 5.70.0
     dev: true
 
-  /webpack-dev-middleware/5.2.1_webpack@5.64.1:
+  /webpack-dev-middleware/5.2.1_webpack@5.70.0:
     resolution: {integrity: sha512-Kx1X+36Rn9JaZcQMrJ7qN3PMAuKmEDD9ZISjUj3Cgq4A6PtwYsC4mpaKotSRYH3iOF6HsUa8viHKS59FlyVifQ==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -38300,10 +39120,10 @@ packages:
       mime-types: 2.1.34
       range-parser: 1.2.1
       schema-utils: 3.1.1
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
-  /webpack-dev-server/4.5.0_webpack@5.64.1:
+  /webpack-dev-server/4.5.0_webpack@5.70.0:
     resolution: {integrity: sha512-Ss4WptsUjYa+3hPI4iYZYEc8FrtnfkaPrm5WTjk9ux5kiCS718836srs0ppKMHRaCHP5mQ6g4JZGcfDdGbCjpQ==}
     engines: {node: '>= 12.13.0'}
     hasBin: true
@@ -38337,8 +39157,8 @@ packages:
       spdy: 4.0.2
       strip-ansi: 7.0.1
       url: 0.11.0
-      webpack: 5.64.1
-      webpack-dev-middleware: 5.2.1_webpack@5.64.1
+      webpack: 5.70.0
+      webpack-dev-middleware: 5.2.1_webpack@5.70.0
       ws: 8.2.3
     transitivePeerDependencies:
       - bufferutil
@@ -38353,7 +39173,7 @@ packages:
     peerDependencies:
       webpack: ^2.0.0 || ^3.0.0 || ^4.0.0
     dependencies:
-      webpack: 4.46.0_webpack-cli@4.9.2
+      webpack: 4.46.0
     dev: true
 
   /webpack-fix-style-only-entries/0.6.1:
@@ -38439,7 +39259,7 @@ packages:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
 
-  /webpack-subresource-integrity/1.5.2_webpack@5.64.1:
+  /webpack-subresource-integrity/1.5.2_webpack@5.70.0:
     resolution: {integrity: sha512-GBWYBoyalbo5YClwWop9qe6Zclp8CIXYGIz12OPclJhIrSplDxs1Ls1JDMH8xBPPrg1T6ISaTW9Y6zOrwEiAzw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -38449,7 +39269,7 @@ packages:
       html-webpack-plugin:
         optional: true
     dependencies:
-      webpack: 5.64.1
+      webpack: 5.70.0
       webpack-sources: 1.4.3
     dev: true
 
@@ -38502,6 +39322,44 @@ packages:
       webpack-sources: 1.4.3
     dev: true
 
+  /webpack/4.46.0:
+    resolution: {integrity: sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q==}
+    engines: {node: '>=6.11.5'}
+    hasBin: true
+    peerDependencies:
+      webpack-cli: '*'
+      webpack-command: '*'
+    peerDependenciesMeta:
+      webpack-cli:
+        optional: true
+      webpack-command:
+        optional: true
+    dependencies:
+      '@webassemblyjs/ast': 1.9.0
+      '@webassemblyjs/helper-module-context': 1.9.0
+      '@webassemblyjs/wasm-edit': 1.9.0
+      '@webassemblyjs/wasm-parser': 1.9.0
+      acorn: 6.4.2
+      ajv: 6.12.6
+      ajv-keywords: 3.5.2_ajv@6.12.6
+      chrome-trace-event: 1.0.3
+      enhanced-resolve: 4.5.0
+      eslint-scope: 4.0.3
+      json-parse-better-errors: 1.0.2
+      loader-runner: 2.4.0
+      loader-utils: 1.4.0
+      memory-fs: 0.4.1
+      micromatch: 3.1.10
+      mkdirp: 0.5.5
+      neo-async: 2.6.2
+      node-libs-browser: 2.2.1
+      schema-utils: 1.0.0
+      tapable: 1.1.3
+      terser-webpack-plugin: 1.4.5_webpack@4.46.0
+      watchpack: 1.7.5
+      webpack-sources: 1.4.3
+    dev: true
+
   /webpack/4.46.0_webpack-cli@3.3.12:
     resolution: {integrity: sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q==}
     engines: {node: '>=6.11.5'}
@@ -38537,89 +39395,10 @@ packages:
       tapable: 1.1.3
       terser-webpack-plugin: 1.4.5_webpack@4.46.0
       watchpack: 1.7.5
-      webpack-cli: 3.3.12_webpack@4.46.0
+      webpack-cli: 3.3.12_webpack@5.70.0
       webpack-sources: 1.4.3
     dev: true
 
-  /webpack/4.46.0_webpack-cli@4.9.2:
-    resolution: {integrity: sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q==}
-    engines: {node: '>=6.11.5'}
-    hasBin: true
-    peerDependencies:
-      webpack-cli: '*'
-      webpack-command: '*'
-    peerDependenciesMeta:
-      webpack-cli:
-        optional: true
-      webpack-command:
-        optional: true
-    dependencies:
-      '@webassemblyjs/ast': 1.9.0
-      '@webassemblyjs/helper-module-context': 1.9.0
-      '@webassemblyjs/wasm-edit': 1.9.0
-      '@webassemblyjs/wasm-parser': 1.9.0
-      acorn: 6.4.2
-      ajv: 6.12.6
-      ajv-keywords: 3.5.2_ajv@6.12.6
-      chrome-trace-event: 1.0.3
-      enhanced-resolve: 4.5.0
-      eslint-scope: 4.0.3
-      json-parse-better-errors: 1.0.2
-      loader-runner: 2.4.0
-      loader-utils: 1.4.0
-      memory-fs: 0.4.1
-      micromatch: 3.1.10
-      mkdirp: 0.5.5
-      neo-async: 2.6.2
-      node-libs-browser: 2.2.1
-      schema-utils: 1.0.0
-      tapable: 1.1.3
-      terser-webpack-plugin: 1.4.5_webpack@4.46.0
-      watchpack: 1.7.5
-      webpack-cli: 4.9.2_b04de8011015a40c567469bf79798750
-      webpack-sources: 1.4.3
-    dev: true
-
-  /webpack/5.64.1:
-    resolution: {integrity: sha512-b4FHmRgaaAjP+aVOVz41a9Qa5SmkUPQ+u8FntTQ1roPHahSComB6rXnLwc976VhUY4CqTaLu5mCswuHiNhOfVw==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    peerDependencies:
-      webpack-cli: '*'
-    peerDependenciesMeta:
-      webpack-cli:
-        optional: true
-    dependencies:
-      '@types/eslint-scope': 3.7.1
-      '@types/estree': 0.0.50
-      '@webassemblyjs/ast': 1.11.1
-      '@webassemblyjs/wasm-edit': 1.11.1
-      '@webassemblyjs/wasm-parser': 1.11.1
-      acorn: 8.5.0
-      acorn-import-assertions: 1.8.0_acorn@8.5.0
-      browserslist: 4.18.1
-      chrome-trace-event: 1.0.3
-      enhanced-resolve: 5.8.3
-      es-module-lexer: 0.9.3
-      eslint-scope: 5.1.1
-      events: 3.3.0
-      glob-to-regexp: 0.4.1
-      graceful-fs: 4.2.9
-      json-parse-better-errors: 1.0.2
-      loader-runner: 4.2.0
-      mime-types: 2.1.34
-      neo-async: 2.6.2
-      schema-utils: 3.1.1
-      tapable: 2.2.1
-      terser-webpack-plugin: 5.2.5_acorn@8.5.0+webpack@5.64.1
-      watchpack: 2.2.0
-      webpack-sources: 3.2.2
-    transitivePeerDependencies:
-      - '@swc/core'
-      - esbuild
-      - uglify-js
-    dev: true
-
   /webpack/5.70.0:
     resolution: {integrity: sha512-ZMWWy8CeuTTjCxbeaQI21xSswseF2oNOwc70QSKNePvmxE7XW36i7vpBMYZFAUHPwQiEbNGCEYIOOlyRbdGmxw==}
     engines: {node: '>=10.13.0'}
@@ -38886,13 +39665,13 @@ packages:
       errno: 0.1.8
     dev: true
 
-  /worker-plugin/3.2.0_webpack@5.64.1:
+  /worker-plugin/3.2.0_webpack@5.70.0:
     resolution: {integrity: sha512-W5nRkw7+HlbsEt3qRP6MczwDDISjiRj2GYt9+bpe8A2La00TmJdwzG5bpdMXhRt1qcWmwAvl1TiKaHRa+XDS9Q==}
     peerDependencies:
       webpack: '>= 4'
     dependencies:
       loader-utils: 1.4.0
-      webpack: 5.64.1
+      webpack: 5.70.0
     dev: true
 
   /worker-rpc/0.1.1:
diff --git a/plugins/woocommerce-admin/storybook/.storybook/main.js b/tools/storybook/.storybook/main.js
similarity index 88%
rename from plugins/woocommerce-admin/storybook/.storybook/main.js
rename to tools/storybook/.storybook/main.js
index 5e613f04411..fa574a5461d 100644
--- a/plugins/woocommerce-admin/storybook/.storybook/main.js
+++ b/tools/storybook/.storybook/main.js
@@ -6,10 +6,10 @@ module.exports = {
 	},
 	stories: [
 		// WooCommerce Admin / @woocommerce/components components
-		'../../../../packages/js/components/src/**/stories/*.@(js|tsx)',
+		'../../../packages/js/components/src/**/stories/*.@(js|tsx)',
 		// WooCommerce Admin / @woocommerce/experimental components
-		'../../../../packages/js/experimental/src/**/stories/*.@(js|tsx)',
-		'../../client/**/stories/*.js',
+		'../../../packages/js/experimental/src/**/stories/*.@(js|tsx)',
+		'../../../plugins/woocommerce-admin/client/**/stories/*.js',
 	],
 	addons: [
 		'@storybook/addon-docs',
diff --git a/plugins/woocommerce-admin/storybook/.storybook/preview-head.html b/tools/storybook/.storybook/preview-head.html
similarity index 100%
rename from plugins/woocommerce-admin/storybook/.storybook/preview-head.html
rename to tools/storybook/.storybook/preview-head.html
diff --git a/plugins/woocommerce-admin/bin/import-wp-css-storybook.sh b/tools/storybook/import-wp-css-storybook.sh
similarity index 100%
rename from plugins/woocommerce-admin/bin/import-wp-css-storybook.sh
rename to tools/storybook/import-wp-css-storybook.sh
diff --git a/plugins/woocommerce-admin/storybook/manager.js b/tools/storybook/manager.js
similarity index 100%
rename from plugins/woocommerce-admin/storybook/manager.js
rename to tools/storybook/manager.js
diff --git a/plugins/woocommerce-admin/storybook/preview.js b/tools/storybook/preview.js
similarity index 100%
rename from plugins/woocommerce-admin/storybook/preview.js
rename to tools/storybook/preview.js
diff --git a/plugins/woocommerce-admin/storybook/setting.mock.js b/tools/storybook/setting.mock.js
similarity index 100%
rename from plugins/woocommerce-admin/storybook/setting.mock.js
rename to tools/storybook/setting.mock.js
diff --git a/plugins/woocommerce-admin/storybook/tsconfig.json b/tools/storybook/tsconfig.json
similarity index 100%
rename from plugins/woocommerce-admin/storybook/tsconfig.json
rename to tools/storybook/tsconfig.json
diff --git a/plugins/woocommerce-admin/storybook/webpack.config.js b/tools/storybook/webpack.config.js
similarity index 63%
rename from plugins/woocommerce-admin/storybook/webpack.config.js
rename to tools/storybook/webpack.config.js
index dfb3dc58ca9..7751b5a6bfd 100644
--- a/plugins/woocommerce-admin/storybook/webpack.config.js
+++ b/tools/storybook/webpack.config.js
@@ -7,7 +7,7 @@ const CopyWebpackPlugin = require( 'copy-webpack-plugin' );
 /**
  * External dependencies
  */
-const wcAdminWebpackConfig = require( '../webpack.config.js' );
+const wcAdminWebpackConfig = require( '../../plugins/woocommerce-admin/webpack.config.js' );
 
 const wcAdminPackages = [
 	'components',
@@ -25,21 +25,6 @@ module.exports = ( storybookConfig ) => {
 	storybookConfig.module.rules = [
 		...storybookConfig.module.rules,
 		...wcAdminWebpackConfig.module.rules,
-		// We need to expose packages in "peerDependencies" to the global scope for @woocommerce/* to resolve packages.
-		{
-			test: require.resolve( 'moment' ),
-			loader: 'expose-loader',
-			options: {
-				exposes: [ 'moment' ],
-			},
-		},
-		{
-			test: require.resolve( '@wordpress/data' ),
-			loader: 'expose-loader',
-			options: {
-				exposes: [ '_wp_data' ],
-			},
-		},
 	];
 
 	storybookConfig.resolve.alias = wcAdminWebpackConfig.resolve.alias;
@@ -47,7 +32,7 @@ module.exports = ( storybookConfig ) => {
 	wcAdminPackages.forEach( ( name ) => {
 		storybookConfig.resolve.alias[
 			`@woocommerce/${ name }`
-		] = path.resolve( __dirname, `../../../packages/js/${ name }/src` );
+		] = path.resolve( __dirname, `../../packages/js/${ name }/src` );
 	} );
 
 	storybookConfig.resolve.alias[ '@woocommerce/settings' ] = path.resolve(
@@ -56,7 +41,7 @@ module.exports = ( storybookConfig ) => {
 	);
 
 	storybookConfig.resolve.modules = [
-		path.join( __dirname, '../client' ),
+		path.join( __dirname, '../../plugins/woocommerce-admin/client' ),
 		'node_modules',
 	];
 
@@ -71,14 +56,14 @@ module.exports = ( storybookConfig ) => {
 				{
 					from: path.resolve(
 						__dirname,
-						`../../../packages/js/components/build-style/*.css`
+						`../../packages/js/components/build-style/*.css`
 					),
 					to: `./component-css/[name][ext]`,
 				},
 				{
 					from: path.resolve(
 						__dirname,
-						`../../../packages/js/experimental/build-style/*.css`
+						`../../packages/js/experimental/build-style/*.css`
 					),
 					to: `./experimental-css/[name][ext]`,
 				},
@@ -86,10 +71,5 @@ module.exports = ( storybookConfig ) => {
 		} )
 	);
 
-	storybookConfig.externals = {
-		'@wordpress/data': '_wp_data',
-		moment: 'moment',
-	};
-
 	return storybookConfig;
 };
diff --git a/plugins/woocommerce-admin/storybook/woocommerce_logo.png b/tools/storybook/woocommerce_logo.png
similarity index 100%
rename from plugins/woocommerce-admin/storybook/woocommerce_logo.png
rename to tools/storybook/woocommerce_logo.png
diff --git a/tools/storybook/wordpress/css/about-rtl.css b/tools/storybook/wordpress/css/about-rtl.css
new file mode 100644
index 00000000000..2c5efe2afbd
--- /dev/null
+++ b/tools/storybook/wordpress/css/about-rtl.css
@@ -0,0 +1,1473 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  22.0 - About Pages
+
+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+.about__container {
+	/* Section backgrounds */
+	--background: transparent;
+	--subtle-background: #def;
+
+	/* Main text color */
+	--text: #000;
+	--text-light: #fff;
+
+	/* Accent colors: used in header, on special classes. */
+	--accent-1: #3858e9; /* Accent background, link color */
+	--accent-2: #3858e9; /* Header background */
+
+	/* Navigation colors. */
+	--nav-background: #fff;
+	--nav-border: transparent;
+	--nav-color: var(--text);
+	--nav-current: var(--accent-1);
+
+	--gap: 2rem;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Global: About, Credits, Freedoms, Privacy
+------------------------------------------------------------------------------*/
+
+.about-php,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+	background: #f0f7ff;
+}
+
+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+	background: linear-gradient(-180deg, #fff 50%, #f0f7ff 100%);
+	padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+	.about-php.auto-fold #wpcontent,
+	.credits-php.auto-fold #wpcontent,
+	.freedoms-php.auto-fold #wpcontent,
+	.privacy-php.auto-fold #wpcontent {
+		padding-right: 24px;
+	}
+}
+
+.about__container {
+	max-width: 1000px;
+	margin: 24px auto;
+	clear: both;
+}
+
+.about__container .alignleft {
+	float: right;
+}
+
+.about__container .alignright {
+	float: left;
+}
+
+.about__container .aligncenter {
+	text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+.about__section {
+	background: var(--background);
+	clear: both;
+}
+
+.about__container .has-accent-background-color {
+	background-color: var(--accent-1);
+	color: var(--text-light);
+}
+
+.about__container .has-accent-background-color a {
+	color: var(--text-light);
+}
+
+.about__container .has-transparent-background-color {
+	background-color: transparent;
+}
+
+.about__container .has-accent-color {
+	color: var(--accent-1);
+}
+
+.about__container .has-border {
+	border: 3px solid currentColor;
+}
+
+.about__container .has-subtle-background-color {
+	background-color: var(--subtle-background);
+}
+
+.about__container .has-background-image {
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+	margin: 0 0 var(--gap);
+}
+
+.about__section .column:not(.is-edge-to-edge) {
+	padding: var(--gap);
+}
+
+.about__section + .about__section .is-section-header {
+	padding-bottom: var(--gap);
+}
+
+.about__section .column[class*="background-color"],
+.about__section:where([class*="background-color"]) .column,
+.about__section .column.has-border {
+	padding-top: var(--gap);
+	padding-bottom: var(--gap);
+}
+
+.about__section .column p:first-of-type {
+	margin-top: 0;
+}
+
+.about__section .column p:last-of-type {
+	margin-bottom: 0;
+}
+
+.about__section .has-text-columns {
+	columns: 2;
+	column-gap: calc(var(--gap) * 2);
+}
+
+.about__section .is-section-header {
+	margin-bottom: 0;
+	padding: var(--gap) var(--gap) 0;
+}
+
+.about__section .is-section-header p:last-child {
+	margin-bottom: 0;
+}
+
+/* Section header is alone in a container. */
+.about__section .is-section-header:first-child:last-child {
+	padding: 0;
+}
+
+.about__section.is-feature {
+	padding: var(--gap);
+}
+
+.about__section.is-feature p {
+	margin: 0;
+}
+
+.about__section.is-feature p + p {
+	margin-top: calc(var(--gap) / 2);
+}
+
+.about__section.has-1-column {
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 36em;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns,
+.about__section.has-overlap-style {
+	display: grid;
+}
+
+.about__section.has-gutters {
+	gap: var(--gap);
+	margin-bottom: calc(var(--gap) * 2);
+}
+
+.about__section.has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+	grid-template-columns: 2fr 3fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+	grid-template-columns: 3fr 2fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column,
+.about__section.has-overlap-style .is-section-header ~ .column {
+	grid-row-start: 2;
+}
+
+.about__section.has-overlap-style {
+	grid-template-columns: repeat(7, 1fr);
+}
+
+.about__section.has-overlap-style .column {
+	grid-row-start: 1;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n+1) {
+	grid-column-start: 2;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n) {
+	grid-column-start: 4;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column.is-top-layer {
+	z-index: 1;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section.has-2-columns.is-wider-right,
+	.about__section.has-2-columns.is-wider-left,
+	.about__section.has-3-columns {
+		display: block;
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section .column:not(.is-edge-to-edge) {
+		padding-top: var(--gap);
+		padding-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters.is-wider-right,
+	.about__section.has-2-columns.has-gutters.is-wider-left,
+	.about__section.has-3-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-3-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-3-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-3-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns {
+		grid-template-columns: repeat(2, 1fr);
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		grid-column-start: 1;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n) {
+		grid-column-start: 2;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .column:nth-of-type(4n) {
+		grid-row-start: 2;
+	}
+
+	.about__section.has-4-columns .is-section-header {
+		-ms-grid-column-span: 2;
+		grid-column-end: span 2;
+	}
+
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		grid-row-start: 3;
+	}
+
+	.about__section.has-overlap-style {
+		grid-template-columns: 1fr;
+	}
+
+	/* At this size, the two columns fully overlap */
+	.about__section.has-overlap-style .column.column {
+		grid-column-start: 1;
+		-ms-grid-column-span: 1;
+		grid-column-end: 2;
+		grid-row-start: 1;
+		-ms-grid-row-span: 1;
+		grid-row-end: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section.has-2-columns {
+		display: block;
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-2-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature .column {
+		padding: 0;
+	}
+
+	.about__section.has-4-columns {
+		display: block;
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column {
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+	line-height: 1.4;
+	color: var(--text);
+}
+
+.about__container h1 {
+	padding: 0;
+	color: inherit;
+}
+
+.about__container h1,
+.about__container h2,
+.about__container h3.is-larger-heading {
+	margin-top: 0;
+	margin-bottom: 0.5em;
+	font-size: 2em;
+	line-height: 1.2;
+	font-weight: 700;
+}
+
+.about__container h3,
+.about__container h1.is-smaller-heading,
+.about__container h2.is-smaller-heading {
+	margin-top: 0;
+	font-size: 1.6em;
+	line-height: 1.3;
+	font-weight: 400;
+}
+
+.about__container p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.about__container p.is-subheading {
+	margin-top: 0;
+	font-size: 1.8em;
+}
+
+.about__section a {
+	color: var(--accent-1);
+	text-decoration: underline;
+}
+
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+	color: var(--accent-1);
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
+}
+
+.about__container ul {
+	list-style: disc;
+	margin-right: calc(var(--gap) / 2);
+}
+
+.about__container img {
+	margin: 0;
+	max-width: 100%;
+	vertical-align: middle;
+}
+
+.about__container .about__image {
+	margin: 0;
+}
+
+.about__container .about__image img {
+	max-width: 100%;
+	width: 100%;
+	height: auto;
+}
+
+.about__container .about__image figcaption {
+	margin-top: 0.5em;
+	text-align: center;
+}
+
+.about__container .about__image .wp-video {
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.about__container .about__image + h3 {
+	margin-top: 1.5em;
+}
+
+.about__container hr {
+	margin: 0;
+	height: var(--gap);
+	border: none;
+}
+
+.about__container hr.is-small {
+	height: calc(var(--gap) / 4);
+}
+
+.about__container hr.is-large {
+	height: calc(var(--gap) * 2);
+	margin: calc(var(--gap) / 2) auto;
+}
+
+.about__container div.updated,
+.about__container div.error,
+.about__container .notice {
+	display: none !important;
+}
+
+.about__section {
+	font-size: 1.2em;
+}
+
+.about__section.is-feature {
+	font-size: 1.6em;
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature {
+		font-size: 1.4em;
+	}
+
+	.about__container h1,
+	.about__container h2,
+	.about__container h3.is-larger-heading {
+		font-size: 2em;
+	}
+}
+
+/* 1.3 - Header */
+
+.about__header {
+	position: relative;
+	margin-bottom: var(--gap);
+	padding-top: 0;
+	background-image: url('../images/about-texture.png');
+	background-color: var(--accent-2);
+	background-size: 500px 500px;
+	background-blend-mode: overlay;
+	color: var(--text-light);
+}
+
+.about__header::before {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 64px;
+	z-index: 0;
+	width: 300px;
+	height: 382px;
+	background: url(../images/about-header-about.svg) no-repeat center;
+	background-size: contain;
+}
+
+.credits-php .about__header::before {
+	top: auto;
+	bottom: 70px;
+	height: 310px;
+	background-image: url('../images/about-header-credits.svg');
+}
+
+.freedoms-php .about__header::before {
+	top: calc(50% - 182px);
+	left: 32px;
+	width: 375px;
+	height: 300px;
+	background-image: url('../images/about-header-freedoms.svg');
+}
+
+.privacy-php .about__header::before {
+	top: auto;
+	bottom: -16px;
+	background-image: url('../images/about-header-privacy.svg');
+}
+
+.about__header-image {
+	margin: 0 var(--gap) 3em;
+}
+
+.about__header-title {
+	box-sizing: border-box;
+	/* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */
+	padding: 6rem 0 0 380px;
+	margin: 0 2rem;
+}
+
+.about__header-title h1 {
+	margin: 0 0 0.5rem;
+	padding: 0;
+	font-size: 4.5rem;
+	line-height: 1;
+	font-weight: 400;
+}
+
+.about__header-text {
+	box-sizing: border-box;
+	margin: 0 0 7rem;
+	/* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */
+	padding: 0 2rem 0 380px;
+	font-size: 1.6rem;
+	line-height: 1.15;
+}
+
+.freedoms-php .about__header-title,
+.freedoms-php .about__header-text {
+	/* 423px = 375px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+	padding-left: 423px;
+	margin-left: 0;
+}
+
+.about__header-navigation {
+	position: relative;
+	z-index: 1;
+	display: flex;
+	justify-content: center;
+	padding-top: 0;
+	background: var(--nav-background);
+	color: var(--nav-color);
+	border-bottom: 3px solid var(--nav-border);
+}
+
+.about__header-navigation .nav-tab {
+	margin-right: 0;
+	padding: calc(var(--gap) * 0.75) var(--gap);
+	float: none;
+	font-size: 1.4em;
+	line-height: 1;
+	border-width: 0 0 3px;
+	border-style: solid;
+	border-color: transparent;
+	background: transparent;
+	color: inherit;
+}
+
+.about__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+}
+
+.about__header-navigation .nav-tab-active {
+	margin-bottom: -3px;
+	color: var(--nav-current);
+	border-width: 0 0 6px;
+	border-color: var(--nav-current);
+}
+
+.about__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+	border-color: var(--nav-current);
+}
+
+@media screen and (max-width: 960px){
+	.about__header-title h1 {
+		font-size: 4.8em;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.about__header::before {
+		width: 240px;
+		height: 305px;
+		left: 32px;
+	}
+
+	.credits-php .about__header::before {
+		height: 248px;
+	}
+
+	.freedoms-php .about__header::before {
+		top: calc(50% - 132px);
+		height: 192px;
+		width: 240px;
+	}
+
+	.privacy-php .about__header::before {
+		bottom: 0;
+		height: 280px;
+	}
+
+	.about__container .about__header-text {
+		font-size: 1.4em;
+	}
+
+	.about__header-container {
+		display: block;
+	}
+
+	.about__header-title,
+	.about__header-text {
+		/* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+		padding-left: 288px !important;
+	}
+
+	.about__header-title,
+	.about__header-image {
+		margin-right: calc(var(--gap) / 2);
+		margin-left: calc(var(--gap) / 2);
+	}
+
+	.about__header-text {
+		margin-top: 0;
+		margin-left: 0;
+		padding-right: calc(var(--gap) / 2);
+	}
+
+	.about__header-navigation .nav-tab {
+		margin-top: 0;
+		margin-left: 0;
+		padding-right: calc(var(--gap) / 2);
+		padding-left: calc(var(--gap) / 2);
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__header::before {
+		display: none;
+	}
+
+	.about__header-title,
+	.about__header-text {
+		padding-left: calc(var(--gap) / 2) !important;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__header-title p {
+		font-size: 2.4em;
+	}
+
+	.about__header-title {
+		padding-top: 2rem;
+	}
+
+	.about__header-text {
+		margin-bottom: 2rem;
+	}
+
+	.about__header-navigation {
+		display: block;
+	}
+
+	.about__header-navigation .nav-tab {
+		display: block;
+		margin-bottom: 0;
+		padding: calc(var(--gap) / 2);
+		border-right-width: 6px;
+		border-bottom: none;
+	}
+
+	.about__header-navigation .nav-tab-active {
+		border-bottom: none;
+		border-right-width: 6px;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group-title {
+	margin-bottom: calc(var(--gap) * 2);
+	text-align: center;
+
+}
+
+.about__section .wp-people-group {
+	margin: 0;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.about__section .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin-bottom: var(--gap);
+	width: 25%;
+	text-align: center;
+}
+
+.about__section .compact .wp-person {
+	height: auto;
+	width: 20%;
+}
+
+.about__section .wp-person-avatar {
+	display: block;
+	margin: 0 auto calc(var(--gap) / 2);
+	width: 140px;
+	height: 140px;
+	border-radius: 100%;
+	overflow: hidden;
+	background: var(--accent-1);
+}
+
+.about__section .wp-person .gravatar {
+	width: 140px;
+	height: 140px;
+	filter: grayscale(100%);
+	mix-blend-mode: screen;
+}
+
+.about__section .compact .wp-person-avatar,
+.about__section .compact .wp-person .gravatar {
+	width: 80px;
+	height: 80px;
+}
+
+.about__section .wp-person .web {
+	font-size: 1.4em;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.about__section .wp-person .web:hover {
+	text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+	font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+	display: block;
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section .wp-person {
+		width: 33%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 25%;
+	}
+
+	.about__section .wp-person-avatar,
+	.about__section .wp-person .gravatar {
+		width: 120px;
+		height: 120px;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section .wp-person {
+		width: 50%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 33%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1.2em;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section .wp-person {
+		min-width: 100%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1em;
+	}
+
+	.about__section .compact .wp-person .web {
+		font-size: 1em;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedom-image {
+	margin-bottom: var(--gap);
+	max-height: 140px;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
+------------------------------------------------------------------------------*/
+
+.about-wrap {
+	position: relative;
+	margin: 25px 20px 0 40px;
+	max-width: 1050px; /* readability */
+	font-size: 15px;
+}
+
+.about-wrap.full-width-layout {
+	max-width: 1200px;
+}
+
+.about-wrap-content {
+	max-width: 1050px;
+}
+
+.about-wrap div.updated,
+.about-wrap div.error,
+.about-wrap .notice {
+	display: none !important;
+}
+
+.about-wrap hr {
+	border: 0;
+	height: 0;
+	margin: 3em 0 0;
+	border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.about-wrap img {
+	margin: 0;
+	width: 100%;
+	height: auto;
+	vertical-align: middle;
+}
+
+.about-wrap .inline-svg img {
+	max-width: 100%;
+	width: auto;
+	height: auto;
+}
+
+.about-wrap video {
+	margin: 1.5em auto;
+}
+
+/* WordPress Version Badge */
+
+.wp-badge {
+	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
+	background-position: center 25px;
+	background-size: 80px 80px;
+	color: #fff;
+	font-size: 14px;
+	text-align: center;
+	font-weight: 600;
+	margin: 5px 0 0;
+	padding-top: 120px;
+	height: 40px;
+	display: inline-block;
+	width: 140px;
+	text-rendering: optimizeLegibility;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.svg .wp-badge {
+	background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
+}
+
+.about-wrap .wp-badge {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+/* Tabs */
+
+.about-wrap .nav-tab {
+	padding-left: 15px;
+	padding-right: 15px;
+	font-size: 18px;
+	line-height: 1.33333333;
+}
+
+/* x.2.1 - Typography */
+
+.about-wrap h1 {
+	margin: 0.2em 0 0 200px;
+	padding: 0;
+	color: #32373c;
+	line-height: 1.2;
+	font-size: 2.8em;
+	font-weight: 400;
+}
+
+.about-wrap h2 {
+	margin: 40px 0 0.6em;
+	font-size: 2.7em;
+	line-height: 1.3;
+	font-weight: 300;
+	text-align: center;
+}
+
+.about-wrap h3 {
+	margin: 1.25em 0 0.6em;
+	font-size: 1.4em;
+	line-height: 1.5;
+}
+
+.about-wrap h4 {
+	font-size: 16px;
+	color: #23282d;
+}
+
+.about-wrap p {
+	line-height: 1.5;
+	font-size: 16px;
+}
+
+.about-wrap code,
+.about-wrap ol li p {
+	font-size: 14px;
+	font-weight: 400;
+}
+
+.about-wrap figcaption {
+	font-size: 13px;
+	text-align: center;
+	color: white;
+	text-overflow: ellipsis;
+}
+
+.about-wrap .about-description,
+.about-wrap .about-text {
+	margin-top: 1.4em;
+	font-weight: 400;
+	line-height: 1.6;
+	font-size: 19px;
+}
+
+.about-wrap .about-text {
+	margin: 1em 0 1em 200px;
+	color: #555d66;
+}
+
+/* x.2.2 - Structure */
+
+.about-wrap .has-1-columns,
+.about-wrap .has-2-columns,
+.about-wrap .has-3-columns,
+.about-wrap .has-4-columns {
+	display: grid;
+	max-width: 800px;
+	margin-top: 40px;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+.about-wrap .column {
+	margin-left: 20px;
+	margin-right: 20px;
+}
+
+.about-wrap .is-wide {
+	max-width: 760px;
+}
+
+.about-wrap .is-fullwidth {
+	max-width: 100%;
+}
+
+.about-wrap .has-1-columns {
+	display: block;
+	max-width: 680px;
+	margin: 0 auto 40px;
+}
+
+.about-wrap .has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-2-columns.is-wider-right {
+	grid-template-columns: 1fr 2fr;
+}
+
+.about-wrap .has-2-columns.is-wider-left {
+	grid-template-columns: 2fr 1fr;
+}
+
+.about-wrap .has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+.about-wrap .column :first-child {
+	margin-top: 0;
+}
+
+.about-wrap .aligncenter {
+	text-align: center;
+}
+
+.about-wrap .alignleft {
+	float: right;
+	margin-left: 40px;
+}
+
+.about-wrap .alignright {
+	float: left;
+	margin-right: 40px;
+}
+
+.about-wrap .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about-wrap .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about-wrap .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+/* x.2.3 - Point Releases */
+
+.about-wrap .point-releases {
+	margin-top: 5px;
+	border-bottom: 1px solid #ddd;
+}
+
+.about-wrap .changelog {
+	margin-bottom: 40px;
+}
+
+.about-wrap .changelog.point-releases h3 {
+	padding-top: 35px;
+}
+
+.about-wrap .changelog.point-releases h3:first-child {
+	padding-top: 7px;
+}
+
+.about-wrap .changelog.feature-section .col {
+	margin-top: 40px;
+}
+
+/*------------------------------------------------------------------------------
+  x.3.0 - Legacy About Styles: About Page
+------------------------------------------------------------------------------*/
+
+/* x.3.1 - Typography */
+
+.about-wrap .lead-description {
+	font-size: 1.5em;
+	text-align: center;
+}
+
+.about-wrap .feature-section p {
+	margin-top: 0.6em;
+}
+
+/* x.3.2 - Structure */
+
+.about-wrap .headline-feature {
+	margin: 0 auto 40px;
+	max-width: 680px;
+}
+
+.about-wrap .headline-feature h2 {
+	margin: 50px 0 0;
+}
+
+.about-wrap .headline-feature img {
+	max-width: 600px;
+	width: 100%;
+}
+
+/* Go to Dashboard Home link */
+
+.about-wrap .return-to-dashboard {
+	margin: 30px -5px 0 0;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.about-wrap .return-to-dashboard a {
+	text-decoration: none;
+	padding: 0 5px;
+}
+
+/*------------------------------------------------------------------------------
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
+------------------------------------------------------------------------------*/
+
+/* Credits */
+
+.about-wrap h2.wp-people-group {
+	margin: 2.6em 0 1.33em;
+	padding: 0;
+	font-size: 16px;
+	line-height: inherit;
+	font-weight: 600;
+	text-align: right;
+}
+
+.about-wrap .wp-people-group {
+	padding: 0 5px;
+	margin: 0 -5px 0 -15px;
+}
+
+.about-wrap .compact {
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	margin-left: 10px;
+	padding-bottom: 15px;
+	height: 70px;
+	width: 280px;
+}
+
+.about-wrap .compact .wp-person {
+	height: auto;
+	width: 180px;
+	padding-bottom: 0;
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person .gravatar {
+	float: right;
+	margin: 0 0 10px 10px;
+	padding: 1px;
+	width: 60px;
+	height: 60px;
+}
+
+.about-wrap .compact .wp-person .gravatar {
+	width: 30px;
+	height: 30px;
+}
+
+.about-wrap .wp-person .web {
+	margin: 6px 0 2px;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 2;
+	text-decoration: none;
+}
+
+.about-wrap .wp-person .title {
+	display: block;
+}
+
+.about-wrap #wp-people-group-validators + p.wp-credits-list {
+	margin-top: 0;
+}
+
+.about-wrap p.wp-credits-list a {
+	white-space: nowrap;
+}
+
+/* Freedoms */
+
+.freedoms-php .about-wrap ol {
+	margin: 40px 60px;
+}
+
+.freedoms-php .about-wrap ol li {
+	list-style-type: decimal;
+	font-weight: 600;
+}
+
+.freedoms-php .about-wrap ol p {
+	font-weight: 400;
+	margin: 0.6em 0;
+}
+
+.freedoms-php .column .freedoms-image {
+	background-image: url('../images/freedoms.png');
+	background-size: 100%;
+	padding-top: 100%;
+}
+
+.freedoms-php .column:nth-of-type(2) .freedoms-image {
+	background-position: 100% 34%;
+}
+
+.freedoms-php .column:nth-of-type(3) .freedoms-image {
+	background-position: 100% 66%;
+}
+
+.freedoms-php .column:nth-of-type(4) .freedoms-image {
+	background-position: 100% 100%;
+}
+
+/*------------------------------------------------------------------------------
+  x.5.0 - Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+@media screen and (max-width: 782px) {
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		grid-template-columns: 1fr 1fr;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+1),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+		grid-column-start: 1;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+2),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+		grid-column-start: 2;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+		grid-column-start: 1;
+		grid-row-start: 2;
+	}
+
+	.about-wrap .has-4-columns .column:nth-of-type(4n) {
+		grid-column-start: 2;
+		grid-row-start: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about-wrap .has-2-columns,
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		display: block;
+	}
+
+	.about-wrap :not(.is-wider-right):not(.is-wider-left) .column {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: grid;
+	}
+}
+
+@media only screen and (max-width: 500px) {
+	.about-wrap {
+		margin-left: 20px;
+		margin-right: 10px;
+	}
+
+	.about-wrap h1,
+	.about-wrap .about-text {
+		margin-left: 0;
+	}
+
+	.about-wrap .about-text {
+		margin-bottom: 0.25em;
+	}
+
+	.about-wrap .wp-badge {
+		position: relative;
+		margin-bottom: 1.5em;
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: block;
+	}
+
+	.about-wrap .column {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right img,
+	.about-wrap .has-2-columns.is-wider-left img {
+		max-width: 160px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/about-rtl.min.css b/tools/storybook/wordpress/css/about-rtl.min.css
new file mode 100644
index 00000000000..6944d367b35
--- /dev/null
+++ b/tools/storybook/wordpress/css/about-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.about__container{--background:transparent;--subtle-background:#def;--text:#000;--text-light:#fff;--accent-1:#3858e9;--accent-2:#3858e9;--nav-background:#fff;--nav-border:transparent;--nav-color:var(--text);--nav-current:var(--accent-1);--gap:2rem}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#f0f7ff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-php #wpcontent{background:linear-gradient(-180deg,#fff 50%,#f0f7ff 100%);padding:0 24px}@media screen and (max-width:782px){.about-php.auto-fold #wpcontent,.credits-php.auto-fold #wpcontent,.freedoms-php.auto-fold #wpcontent,.privacy-php.auto-fold #wpcontent{padding-right:24px}}.about__container{max-width:1000px;margin:24px auto;clear:both}.about__container .alignleft{float:right}.about__container .alignright{float:left}.about__container .aligncenter{text-align:center}.about__container .is-vertically-aligned-top{align-self:start}.about__container .is-vertically-aligned-center{align-self:center}.about__container .is-vertically-aligned-bottom{align-self:end}.about__section{background:var(--background);clear:both}.about__container .has-accent-background-color{background-color:var(--accent-1);color:var(--text-light)}.about__container .has-accent-background-color a{color:var(--text-light)}.about__container .has-transparent-background-color{background-color:transparent}.about__container .has-accent-color{color:var(--accent-1)}.about__container .has-border{border:3px solid currentColor}.about__container .has-subtle-background-color{background-color:var(--subtle-background)}.about__container .has-background-image{background-size:contain;background-repeat:no-repeat;background-position:center}.about__section{margin:0 0 var(--gap)}.about__section .column:not(.is-edge-to-edge){padding:var(--gap)}.about__section+.about__section .is-section-header{padding-bottom:var(--gap)}.about__section .column.has-border,.about__section .column[class*=background-color],.about__section:where([class*=background-color]) .column{padding-top:var(--gap);padding-bottom:var(--gap)}.about__section .column p:first-of-type{margin-top:0}.about__section .column p:last-of-type{margin-bottom:0}.about__section .has-text-columns{columns:2;column-gap:calc(var(--gap) * 2)}.about__section .is-section-header{margin-bottom:0;padding:var(--gap) var(--gap) 0}.about__section .is-section-header p:last-child{margin-bottom:0}.about__section .is-section-header:first-child:last-child{padding:0}.about__section.is-feature{padding:var(--gap)}.about__section.is-feature p{margin:0}.about__section.is-feature p+p{margin-top:calc(var(--gap)/ 2)}.about__section.has-1-column{margin-right:auto;margin-left:auto;max-width:36em}.about__section.has-2-columns,.about__section.has-3-columns,.about__section.has-4-columns,.about__section.has-overlap-style{display:grid}.about__section.has-gutters{gap:var(--gap);margin-bottom:calc(var(--gap) * 2)}.about__section.has-2-columns{grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{grid-template-columns:2fr 3fr}.about__section.has-2-columns.is-wider-left{grid-template-columns:3fr 2fr}.about__section.has-2-columns .is-section-header{grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){grid-column-start:2}.about__section.has-3-columns{grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){grid-column-start:3}.about__section.has-4-columns{grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column,.about__section.has-overlap-style .is-section-header~.column{grid-row-start:2}.about__section.has-overlap-style{grid-template-columns:repeat(7,1fr)}.about__section.has-overlap-style .column{grid-row-start:1}.about__section.has-overlap-style .column:nth-of-type(2n+1){grid-column-start:2;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column:nth-of-type(2n){grid-column-start:4;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column.is-top-layer{z-index:1}@media screen and (max-width:782px){.about__section.has-2-columns.is-wider-left,.about__section.has-2-columns.is-wider-right,.about__section.has-3-columns{display:block;margin-bottom:calc(var(--gap)/ 2)}.about__section .column:not(.is-edge-to-edge){padding-top:var(--gap);padding-bottom:var(--gap)}.about__section.has-2-columns.has-gutters.is-wider-left,.about__section.has-2-columns.has-gutters.is-wider-right,.about__section.has-3-columns.has-gutters{margin-bottom:calc(var(--gap) * 2)}.about__section.has-2-columns.has-gutters .column,.about__section.has-3-columns.has-gutters .column{margin-bottom:var(--gap)}.about__section.has-2-columns.has-gutters .column:last-child,.about__section.has-3-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-3-columns .column:nth-of-type(n){padding-top:calc(var(--gap)/ 2);padding-bottom:calc(var(--gap)/ 2)}.about__section.has-4-columns{grid-template-columns:repeat(2,1fr)}.about__section.has-4-columns .column:nth-of-type(2n+1){grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(2n){grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n),.about__section.has-4-columns .column:nth-of-type(4n+3){grid-row-start:2}.about__section.has-4-columns .is-section-header{-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n),.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n+3){grid-row-start:3}.about__section.has-overlap-style{grid-template-columns:1fr}.about__section.has-overlap-style .column.column{grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}}@media screen and (max-width:600px){.about__section.has-2-columns{display:block;margin-bottom:var(--gap)}.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n){padding-top:calc(var(--gap)/ 2);padding-bottom:calc(var(--gap)/ 2)}.about__section.has-2-columns.has-gutters{margin-bottom:calc(var(--gap) * 2)}.about__section.has-2-columns.has-gutters .column{margin-bottom:var(--gap)}.about__section.has-2-columns.has-gutters .column:last-child{margin-bottom:0}}@media screen and (max-width:480px){.about__section.is-feature .column{padding:0}.about__section.has-4-columns{display:block;padding-bottom:calc(var(--gap)/ 2)}.about__section.has-4-columns.has-gutters .column{margin-bottom:calc(var(--gap)/ 2)}.about__section.has-4-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-4-columns .column:nth-of-type(n){padding-top:calc(var(--gap)/ 2);padding-bottom:calc(var(--gap)/ 2)}}.about__container{line-height:1.4;color:var(--text)}.about__container h1{padding:0;color:inherit}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{margin-top:0;margin-bottom:.5em;font-size:2em;line-height:1.2;font-weight:700}.about__container h1.is-smaller-heading,.about__container h2.is-smaller-heading,.about__container h3{margin-top:0;font-size:1.6em;line-height:1.3;font-weight:400}.about__container p{font-size:inherit;line-height:inherit}.about__container p.is-subheading{margin-top:0;font-size:1.8em}.about__section a{color:var(--accent-1);text-decoration:underline}.about__section a:active,.about__section a:focus,.about__section a:hover{color:var(--accent-1);text-decoration:none}.wp-credits-list a{text-decoration:none}.wp-credits-list a:active,.wp-credits-list a:focus,.wp-credits-list a:hover{text-decoration:underline}.about__container ul{list-style:disc;margin-right:calc(var(--gap)/ 2)}.about__container img{margin:0;max-width:100%;vertical-align:middle}.about__container .about__image{margin:0}.about__container .about__image img{max-width:100%;width:100%;height:auto}.about__container .about__image figcaption{margin-top:.5em;text-align:center}.about__container .about__image .wp-video{margin-right:auto;margin-left:auto}.about__container .about__image+h3{margin-top:1.5em}.about__container hr{margin:0;height:var(--gap);border:none}.about__container hr.is-small{height:calc(var(--gap)/ 4)}.about__container hr.is-large{height:calc(var(--gap) * 2);margin:calc(var(--gap)/ 2) auto}.about__container .notice,.about__container div.error,.about__container div.updated{display:none!important}.about__section{font-size:1.2em}.about__section.is-feature{font-size:1.6em}@media screen and (max-width:480px){.about__section.is-feature{font-size:1.4em}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{font-size:2em}}.about__header{position:relative;margin-bottom:var(--gap);padding-top:0;background-image:url('../images/about-texture.png');background-color:var(--accent-2);background-size:500px 500px;background-blend-mode:overlay;color:var(--text-light)}.about__header::before{content:"";position:absolute;top:0;left:64px;z-index:0;width:300px;height:382px;background:url(../images/about-header-about.svg) no-repeat center;background-size:contain}.credits-php .about__header::before{top:auto;bottom:70px;height:310px;background-image:url('../images/about-header-credits.svg')}.freedoms-php .about__header::before{top:calc(50% - 182px);left:32px;width:375px;height:300px;background-image:url('../images/about-header-freedoms.svg')}.privacy-php .about__header::before{top:auto;bottom:-16px;background-image:url('../images/about-header-privacy.svg')}.about__header-image{margin:0 var(--gap) 3em}.about__header-title{box-sizing:border-box;padding:6rem 0 0 380px;margin:0 2rem}.about__header-title h1{margin:0 0 .5rem;padding:0;font-size:4.5rem;line-height:1;font-weight:400}.about__header-text{box-sizing:border-box;margin:0 0 7rem;padding:0 2rem 0 380px;font-size:1.6rem;line-height:1.15}.freedoms-php .about__header-text,.freedoms-php .about__header-title{padding-left:423px;margin-left:0}.about__header-navigation{position:relative;z-index:1;display:flex;justify-content:center;padding-top:0;background:var(--nav-background);color:var(--nav-color);border-bottom:3px solid var(--nav-border)}.about__header-navigation .nav-tab{margin-right:0;padding:calc(var(--gap) * .75) var(--gap);float:none;font-size:1.4em;line-height:1;border-width:0 0 3px;border-style:solid;border-color:transparent;background:0 0;color:inherit}.about__header-navigation .nav-tab:active,.about__header-navigation .nav-tab:hover{background-color:var(--nav-current);color:var(--text-light)}.about__header-navigation .nav-tab-active{margin-bottom:-3px;color:var(--nav-current);border-width:0 0 6px;border-color:var(--nav-current)}.about__header-navigation .nav-tab-active:active,.about__header-navigation .nav-tab-active:hover{background-color:var(--nav-current);color:var(--text-light);border-color:var(--nav-current)}@media screen and (max-width:960px){.about__header-title h1{font-size:4.8em}}@media screen and (max-width:782px){.about__header::before{width:240px;height:305px;left:32px}.credits-php .about__header::before{height:248px}.freedoms-php .about__header::before{top:calc(50% - 132px);height:192px;width:240px}.privacy-php .about__header::before{bottom:0;height:280px}.about__container .about__header-text{font-size:1.4em}.about__header-container{display:block}.about__header-text,.about__header-title{padding-left:288px!important}.about__header-image,.about__header-title{margin-right:calc(var(--gap)/ 2);margin-left:calc(var(--gap)/ 2)}.about__header-text{margin-top:0;margin-left:0;padding-right:calc(var(--gap)/ 2)}.about__header-navigation .nav-tab{margin-top:0;margin-left:0;padding-right:calc(var(--gap)/ 2);padding-left:calc(var(--gap)/ 2)}}@media screen and (max-width:600px){.about__header::before{display:none}.about__header-text,.about__header-title{padding-left:calc(var(--gap)/ 2)!important}}@media screen and (max-width:480px){.about__header-title p{font-size:2.4em}.about__header-title{padding-top:2rem}.about__header-text{margin-bottom:2rem}.about__header-navigation{display:block}.about__header-navigation .nav-tab{display:block;margin-bottom:0;padding:calc(var(--gap)/ 2);border-right-width:6px;border-bottom:none}.about__header-navigation .nav-tab-active{border-bottom:none;border-right-width:6px}}.about__section .wp-people-group-title{margin-bottom:calc(var(--gap) * 2);text-align:center}.about__section .wp-people-group{margin:0;display:flex;flex-wrap:wrap}.about__section .wp-person{display:inline-block;vertical-align:top;box-sizing:border-box;margin-bottom:var(--gap);width:25%;text-align:center}.about__section .compact .wp-person{height:auto;width:20%}.about__section .wp-person-avatar{display:block;margin:0 auto calc(var(--gap)/ 2);width:140px;height:140px;border-radius:100%;overflow:hidden;background:var(--accent-1)}.about__section .wp-person .gravatar{width:140px;height:140px;filter:grayscale(100%);mix-blend-mode:screen}.about__section .compact .wp-person .gravatar,.about__section .compact .wp-person-avatar{width:80px;height:80px}.about__section .wp-person .web{font-size:1.4em;font-weight:600;text-decoration:none}.about__section .wp-person .web:hover{text-decoration:underline}.about__section .compact .wp-person .web{font-size:1.2em}.about__section .wp-person .title{display:block;margin-top:.5em}@media screen and (max-width:782px){.about__section .wp-person{width:33%}.about__section .compact .wp-person{width:25%}.about__section .wp-person .gravatar,.about__section .wp-person-avatar{width:120px;height:120px}}@media screen and (max-width:600px){.about__section .wp-person{width:50%}.about__section .compact .wp-person{width:33%}.about__section .wp-person .web{font-size:1.2em}}@media screen and (max-width:480px){.about__section .wp-person{min-width:100%}.about__section .wp-person .web{font-size:1em}.about__section .compact .wp-person .web{font-size:1em}}.about__section .column .freedom-image{margin-bottom:var(--gap);max-height:140px}.about-wrap{position:relative;margin:25px 20px 0 40px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;width:100%;height:auto;vertical-align:middle}.about-wrap .inline-svg img{max-width:100%;width:auto;height:auto}.about-wrap video{margin:1.5em auto}.wp-badge{background:#0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;background-position:center 25px;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;left:0}.about-wrap .nav-tab{padding-left:15px;padding-right:15px;font-size:18px;line-height:1.33333333}.about-wrap h1{margin:.2em 0 0 200px;padding:0;color:#32373c;line-height:1.2;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{font-size:16px;color:#23282d}.about-wrap p{line-height:1.5;font-size:16px}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap figcaption{font-size:13px;text-align:center;color:#fff;text-overflow:ellipsis}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6;font-size:19px}.about-wrap .about-text{margin:1em 0 1em 200px;color:#555d66}.about-wrap .has-1-columns,.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:grid;max-width:800px;margin-top:40px;margin-right:auto;margin-left:auto}.about-wrap .column{margin-left:20px;margin-right:20px}.about-wrap .is-wide{max-width:760px}.about-wrap .is-fullwidth{max-width:100%}.about-wrap .has-1-columns{display:block;max-width:680px;margin:0 auto 40px}.about-wrap .has-2-columns{grid-template-columns:1fr 1fr}.about-wrap .has-2-columns .column:nth-of-type(2n+1){grid-column-start:1}.about-wrap .has-2-columns .column:nth-of-type(2n){grid-column-start:2}.about-wrap .has-2-columns.is-wider-right{grid-template-columns:1fr 2fr}.about-wrap .has-2-columns.is-wider-left{grid-template-columns:2fr 1fr}.about-wrap .has-3-columns{grid-template-columns:repeat(3,1fr)}.about-wrap .has-3-columns .column:nth-of-type(3n+1){grid-column-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2){grid-column-start:2}.about-wrap .has-3-columns .column:nth-of-type(3n){grid-column-start:3}.about-wrap .has-4-columns{grid-template-columns:repeat(4,1fr)}.about-wrap .has-4-columns .column:nth-of-type(4n+1){grid-column-start:1}.about-wrap .has-4-columns .column:nth-of-type(4n+2){grid-column-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n+3){grid-column-start:3}.about-wrap .has-4-columns .column:nth-of-type(4n){grid-column-start:4}.about-wrap .column :first-child{margin-top:0}.about-wrap .aligncenter{text-align:center}.about-wrap .alignleft{float:right;margin-left:40px}.about-wrap .alignright{float:left;margin-right:40px}.about-wrap .is-vertically-aligned-top{align-self:start}.about-wrap .is-vertically-aligned-center{align-self:center}.about-wrap .is-vertically-aligned-bottom{align-self:end}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog{margin-bottom:40px}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .changelog.feature-section .col{margin-top:40px}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .headline-feature{margin:0 auto 40px;max-width:680px}.about-wrap .headline-feature h2{margin:50px 0 0}.about-wrap .headline-feature img{max-width:600px;width:100%}.about-wrap .return-to-dashboard{margin:30px -5px 0 0;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap h2.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit;font-weight:600;text-align:right}.about-wrap .wp-people-group{padding:0 5px;margin:0 -5px 0 -15px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-left:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:right;margin:0 0 10px 10px;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}.freedoms-php .column .freedoms-image{background-image:url('../images/freedoms.png');background-size:100%;padding-top:100%}.freedoms-php .column:nth-of-type(2) .freedoms-image{background-position:100% 34%}.freedoms-php .column:nth-of-type(3) .freedoms-image{background-position:100% 66%}.freedoms-php .column:nth-of-type(4) .freedoms-image{background-position:100% 100%}@media screen and (max-width:782px){.about-wrap .has-3-columns,.about-wrap .has-4-columns{grid-template-columns:1fr 1fr}.about-wrap .has-3-columns .column:nth-of-type(3n+1),.about-wrap .has-4-columns .column:nth-of-type(4n+1){grid-column-start:1;grid-row-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2),.about-wrap .has-4-columns .column:nth-of-type(4n+2){grid-column-start:2;grid-row-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n),.about-wrap .has-4-columns .column:nth-of-type(4n+3){grid-column-start:1;grid-row-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n){grid-column-start:2;grid-row-start:2}}@media screen and (max-width:600px){.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:block}.about-wrap :not(.is-wider-right):not(.is-wider-left) .column{margin-left:0;margin-right:0}.about-wrap .has-2-columns.is-wider-left,.about-wrap .has-2-columns.is-wider-right{display:grid}}@media only screen and (max-width:500px){.about-wrap{margin-left:20px;margin-right:10px}.about-wrap .about-text,.about-wrap h1{margin-left:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}}@media only screen and (max-width:480px){.about-wrap .has-2-columns.is-wider-left,.about-wrap .has-2-columns.is-wider-right{display:block}.about-wrap .column{margin-left:0;margin-right:0}.about-wrap .has-2-columns.is-wider-left img,.about-wrap .has-2-columns.is-wider-right img{max-width:160px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/about.css b/tools/storybook/wordpress/css/about.css
new file mode 100644
index 00000000000..eff4e2940cb
--- /dev/null
+++ b/tools/storybook/wordpress/css/about.css
@@ -0,0 +1,1472 @@
+/*------------------------------------------------------------------------------
+  22.0 - About Pages
+
+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+.about__container {
+	/* Section backgrounds */
+	--background: transparent;
+	--subtle-background: #def;
+
+	/* Main text color */
+	--text: #000;
+	--text-light: #fff;
+
+	/* Accent colors: used in header, on special classes. */
+	--accent-1: #3858e9; /* Accent background, link color */
+	--accent-2: #3858e9; /* Header background */
+
+	/* Navigation colors. */
+	--nav-background: #fff;
+	--nav-border: transparent;
+	--nav-color: var(--text);
+	--nav-current: var(--accent-1);
+
+	--gap: 2rem;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Global: About, Credits, Freedoms, Privacy
+------------------------------------------------------------------------------*/
+
+.about-php,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+	background: #f0f7ff;
+}
+
+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+	background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);
+	padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+	.about-php.auto-fold #wpcontent,
+	.credits-php.auto-fold #wpcontent,
+	.freedoms-php.auto-fold #wpcontent,
+	.privacy-php.auto-fold #wpcontent {
+		padding-left: 24px;
+	}
+}
+
+.about__container {
+	max-width: 1000px;
+	margin: 24px auto;
+	clear: both;
+}
+
+.about__container .alignleft {
+	float: left;
+}
+
+.about__container .alignright {
+	float: right;
+}
+
+.about__container .aligncenter {
+	text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+.about__section {
+	background: var(--background);
+	clear: both;
+}
+
+.about__container .has-accent-background-color {
+	background-color: var(--accent-1);
+	color: var(--text-light);
+}
+
+.about__container .has-accent-background-color a {
+	color: var(--text-light);
+}
+
+.about__container .has-transparent-background-color {
+	background-color: transparent;
+}
+
+.about__container .has-accent-color {
+	color: var(--accent-1);
+}
+
+.about__container .has-border {
+	border: 3px solid currentColor;
+}
+
+.about__container .has-subtle-background-color {
+	background-color: var(--subtle-background);
+}
+
+.about__container .has-background-image {
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+	margin: 0 0 var(--gap);
+}
+
+.about__section .column:not(.is-edge-to-edge) {
+	padding: var(--gap);
+}
+
+.about__section + .about__section .is-section-header {
+	padding-bottom: var(--gap);
+}
+
+.about__section .column[class*="background-color"],
+.about__section:where([class*="background-color"]) .column,
+.about__section .column.has-border {
+	padding-top: var(--gap);
+	padding-bottom: var(--gap);
+}
+
+.about__section .column p:first-of-type {
+	margin-top: 0;
+}
+
+.about__section .column p:last-of-type {
+	margin-bottom: 0;
+}
+
+.about__section .has-text-columns {
+	columns: 2;
+	column-gap: calc(var(--gap) * 2);
+}
+
+.about__section .is-section-header {
+	margin-bottom: 0;
+	padding: var(--gap) var(--gap) 0;
+}
+
+.about__section .is-section-header p:last-child {
+	margin-bottom: 0;
+}
+
+/* Section header is alone in a container. */
+.about__section .is-section-header:first-child:last-child {
+	padding: 0;
+}
+
+.about__section.is-feature {
+	padding: var(--gap);
+}
+
+.about__section.is-feature p {
+	margin: 0;
+}
+
+.about__section.is-feature p + p {
+	margin-top: calc(var(--gap) / 2);
+}
+
+.about__section.has-1-column {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 36em;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns,
+.about__section.has-overlap-style {
+	display: grid;
+}
+
+.about__section.has-gutters {
+	gap: var(--gap);
+	margin-bottom: calc(var(--gap) * 2);
+}
+
+.about__section.has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+	grid-template-columns: 2fr 3fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+	grid-template-columns: 3fr 2fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column,
+.about__section.has-overlap-style .is-section-header ~ .column {
+	grid-row-start: 2;
+}
+
+.about__section.has-overlap-style {
+	grid-template-columns: repeat(7, 1fr);
+}
+
+.about__section.has-overlap-style .column {
+	grid-row-start: 1;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n+1) {
+	grid-column-start: 2;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column:nth-of-type(2n) {
+	grid-column-start: 4;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-overlap-style .column.is-top-layer {
+	z-index: 1;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section.has-2-columns.is-wider-right,
+	.about__section.has-2-columns.is-wider-left,
+	.about__section.has-3-columns {
+		display: block;
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section .column:not(.is-edge-to-edge) {
+		padding-top: var(--gap);
+		padding-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters.is-wider-right,
+	.about__section.has-2-columns.has-gutters.is-wider-left,
+	.about__section.has-3-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-2-columns.has-gutters .column,
+	.about__section.has-3-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-2-columns.has-gutters .column:last-child,
+	.about__section.has-3-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-3-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns {
+		grid-template-columns: repeat(2, 1fr);
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		grid-column-start: 1;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n) {
+		grid-column-start: 2;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .column:nth-of-type(4n) {
+		grid-row-start: 2;
+	}
+
+	.about__section.has-4-columns .is-section-header {
+		-ms-grid-column-span: 2;
+		grid-column-end: span 2;
+	}
+
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		grid-row-start: 3;
+	}
+
+	.about__section.has-overlap-style {
+		grid-template-columns: 1fr;
+	}
+
+	/* At this size, the two columns fully overlap */
+	.about__section.has-overlap-style .column.column {
+		grid-column-start: 1;
+		-ms-grid-column-span: 1;
+		grid-column-end: 2;
+		grid-row-start: 1;
+		-ms-grid-row-span: 1;
+		grid-row-end: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section.has-2-columns {
+		display: block;
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-2-columns.has-gutters {
+		margin-bottom: calc(var(--gap) * 2);
+	}
+
+	.about__section.has-2-columns.has-gutters .column {
+		margin-bottom: var(--gap);
+	}
+
+	.about__section.has-2-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature .column {
+		padding: 0;
+	}
+
+	.about__section.has-4-columns {
+		display: block;
+		padding-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column {
+		margin-bottom: calc(var(--gap) / 2);
+	}
+
+	.about__section.has-4-columns.has-gutters .column:last-child {
+		margin-bottom: 0;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(n) {
+		padding-top: calc(var(--gap) / 2);
+		padding-bottom: calc(var(--gap) / 2);
+	}
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+	line-height: 1.4;
+	color: var(--text);
+}
+
+.about__container h1 {
+	padding: 0;
+	color: inherit;
+}
+
+.about__container h1,
+.about__container h2,
+.about__container h3.is-larger-heading {
+	margin-top: 0;
+	margin-bottom: 0.5em;
+	font-size: 2em;
+	line-height: 1.2;
+	font-weight: 700;
+}
+
+.about__container h3,
+.about__container h1.is-smaller-heading,
+.about__container h2.is-smaller-heading {
+	margin-top: 0;
+	font-size: 1.6em;
+	line-height: 1.3;
+	font-weight: 400;
+}
+
+.about__container p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.about__container p.is-subheading {
+	margin-top: 0;
+	font-size: 1.8em;
+}
+
+.about__section a {
+	color: var(--accent-1);
+	text-decoration: underline;
+}
+
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+	color: var(--accent-1);
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
+}
+
+.about__container ul {
+	list-style: disc;
+	margin-left: calc(var(--gap) / 2);
+}
+
+.about__container img {
+	margin: 0;
+	max-width: 100%;
+	vertical-align: middle;
+}
+
+.about__container .about__image {
+	margin: 0;
+}
+
+.about__container .about__image img {
+	max-width: 100%;
+	width: 100%;
+	height: auto;
+}
+
+.about__container .about__image figcaption {
+	margin-top: 0.5em;
+	text-align: center;
+}
+
+.about__container .about__image .wp-video {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.about__container .about__image + h3 {
+	margin-top: 1.5em;
+}
+
+.about__container hr {
+	margin: 0;
+	height: var(--gap);
+	border: none;
+}
+
+.about__container hr.is-small {
+	height: calc(var(--gap) / 4);
+}
+
+.about__container hr.is-large {
+	height: calc(var(--gap) * 2);
+	margin: calc(var(--gap) / 2) auto;
+}
+
+.about__container div.updated,
+.about__container div.error,
+.about__container .notice {
+	display: none !important;
+}
+
+.about__section {
+	font-size: 1.2em;
+}
+
+.about__section.is-feature {
+	font-size: 1.6em;
+}
+
+@media screen and (max-width: 480px) {
+	.about__section.is-feature {
+		font-size: 1.4em;
+	}
+
+	.about__container h1,
+	.about__container h2,
+	.about__container h3.is-larger-heading {
+		font-size: 2em;
+	}
+}
+
+/* 1.3 - Header */
+
+.about__header {
+	position: relative;
+	margin-bottom: var(--gap);
+	padding-top: 0;
+	background-image: url('../images/about-texture.png');
+	background-color: var(--accent-2);
+	background-size: 500px 500px;
+	background-blend-mode: overlay;
+	color: var(--text-light);
+}
+
+.about__header::before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 64px;
+	z-index: 0;
+	width: 300px;
+	height: 382px;
+	background: url(../images/about-header-about.svg) no-repeat center;
+	background-size: contain;
+}
+
+.credits-php .about__header::before {
+	top: auto;
+	bottom: 70px;
+	height: 310px;
+	background-image: url('../images/about-header-credits.svg');
+}
+
+.freedoms-php .about__header::before {
+	top: calc(50% - 182px);
+	right: 32px;
+	width: 375px;
+	height: 300px;
+	background-image: url('../images/about-header-freedoms.svg');
+}
+
+.privacy-php .about__header::before {
+	top: auto;
+	bottom: -16px;
+	background-image: url('../images/about-header-privacy.svg');
+}
+
+.about__header-image {
+	margin: 0 var(--gap) 3em;
+}
+
+.about__header-title {
+	box-sizing: border-box;
+	/* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */
+	padding: 6rem 380px 0 0;
+	margin: 0 2rem;
+}
+
+.about__header-title h1 {
+	margin: 0 0 0.5rem;
+	padding: 0;
+	font-size: 4.5rem;
+	line-height: 1;
+	font-weight: 400;
+}
+
+.about__header-text {
+	box-sizing: border-box;
+	margin: 0 0 7rem;
+	/* 380px = 300px (balloon width) + 64px (offset from edge) + 16px (spacing). */
+	padding: 0 380px 0 2rem;
+	font-size: 1.6rem;
+	line-height: 1.15;
+}
+
+.freedoms-php .about__header-title,
+.freedoms-php .about__header-text {
+	/* 423px = 375px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+	padding-right: 423px;
+	margin-right: 0;
+}
+
+.about__header-navigation {
+	position: relative;
+	z-index: 1;
+	display: flex;
+	justify-content: center;
+	padding-top: 0;
+	background: var(--nav-background);
+	color: var(--nav-color);
+	border-bottom: 3px solid var(--nav-border);
+}
+
+.about__header-navigation .nav-tab {
+	margin-left: 0;
+	padding: calc(var(--gap) * 0.75) var(--gap);
+	float: none;
+	font-size: 1.4em;
+	line-height: 1;
+	border-width: 0 0 3px;
+	border-style: solid;
+	border-color: transparent;
+	background: transparent;
+	color: inherit;
+}
+
+.about__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+}
+
+.about__header-navigation .nav-tab-active {
+	margin-bottom: -3px;
+	color: var(--nav-current);
+	border-width: 0 0 6px;
+	border-color: var(--nav-current);
+}
+
+.about__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+	background-color: var(--nav-current);
+	color: var(--text-light);
+	border-color: var(--nav-current);
+}
+
+@media screen and (max-width: 960px){
+	.about__header-title h1 {
+		font-size: 4.8em;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.about__header::before {
+		width: 240px;
+		height: 305px;
+		right: 32px;
+	}
+
+	.credits-php .about__header::before {
+		height: 248px;
+	}
+
+	.freedoms-php .about__header::before {
+		top: calc(50% - 132px);
+		height: 192px;
+		width: 240px;
+	}
+
+	.privacy-php .about__header::before {
+		bottom: 0;
+		height: 280px;
+	}
+
+	.about__container .about__header-text {
+		font-size: 1.4em;
+	}
+
+	.about__header-container {
+		display: block;
+	}
+
+	.about__header-title,
+	.about__header-text {
+		/* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+		padding-right: 288px !important;
+	}
+
+	.about__header-title,
+	.about__header-image {
+		margin-left: calc(var(--gap) / 2);
+		margin-right: calc(var(--gap) / 2);
+	}
+
+	.about__header-text {
+		margin-top: 0;
+		margin-right: 0;
+		padding-left: calc(var(--gap) / 2);
+	}
+
+	.about__header-navigation .nav-tab {
+		margin-top: 0;
+		margin-right: 0;
+		padding-left: calc(var(--gap) / 2);
+		padding-right: calc(var(--gap) / 2);
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__header::before {
+		display: none;
+	}
+
+	.about__header-title,
+	.about__header-text {
+		padding-right: calc(var(--gap) / 2) !important;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__header-title p {
+		font-size: 2.4em;
+	}
+
+	.about__header-title {
+		padding-top: 2rem;
+	}
+
+	.about__header-text {
+		margin-bottom: 2rem;
+	}
+
+	.about__header-navigation {
+		display: block;
+	}
+
+	.about__header-navigation .nav-tab {
+		display: block;
+		margin-bottom: 0;
+		padding: calc(var(--gap) / 2);
+		border-left-width: 6px;
+		border-bottom: none;
+	}
+
+	.about__header-navigation .nav-tab-active {
+		border-bottom: none;
+		border-left-width: 6px;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group-title {
+	margin-bottom: calc(var(--gap) * 2);
+	text-align: center;
+
+}
+
+.about__section .wp-people-group {
+	margin: 0;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.about__section .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin-bottom: var(--gap);
+	width: 25%;
+	text-align: center;
+}
+
+.about__section .compact .wp-person {
+	height: auto;
+	width: 20%;
+}
+
+.about__section .wp-person-avatar {
+	display: block;
+	margin: 0 auto calc(var(--gap) / 2);
+	width: 140px;
+	height: 140px;
+	border-radius: 100%;
+	overflow: hidden;
+	background: var(--accent-1);
+}
+
+.about__section .wp-person .gravatar {
+	width: 140px;
+	height: 140px;
+	filter: grayscale(100%);
+	mix-blend-mode: screen;
+}
+
+.about__section .compact .wp-person-avatar,
+.about__section .compact .wp-person .gravatar {
+	width: 80px;
+	height: 80px;
+}
+
+.about__section .wp-person .web {
+	font-size: 1.4em;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.about__section .wp-person .web:hover {
+	text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+	font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+	display: block;
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section .wp-person {
+		width: 33%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 25%;
+	}
+
+	.about__section .wp-person-avatar,
+	.about__section .wp-person .gravatar {
+		width: 120px;
+		height: 120px;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section .wp-person {
+		width: 50%;
+	}
+
+	.about__section .compact .wp-person {
+		width: 33%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1.2em;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__section .wp-person {
+		min-width: 100%;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1em;
+	}
+
+	.about__section .compact .wp-person .web {
+		font-size: 1em;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedom-image {
+	margin-bottom: var(--gap);
+	max-height: 140px;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
+------------------------------------------------------------------------------*/
+
+.about-wrap {
+	position: relative;
+	margin: 25px 40px 0 20px;
+	max-width: 1050px; /* readability */
+	font-size: 15px;
+}
+
+.about-wrap.full-width-layout {
+	max-width: 1200px;
+}
+
+.about-wrap-content {
+	max-width: 1050px;
+}
+
+.about-wrap div.updated,
+.about-wrap div.error,
+.about-wrap .notice {
+	display: none !important;
+}
+
+.about-wrap hr {
+	border: 0;
+	height: 0;
+	margin: 3em 0 0;
+	border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.about-wrap img {
+	margin: 0;
+	width: 100%;
+	height: auto;
+	vertical-align: middle;
+}
+
+.about-wrap .inline-svg img {
+	max-width: 100%;
+	width: auto;
+	height: auto;
+}
+
+.about-wrap video {
+	margin: 1.5em auto;
+}
+
+/* WordPress Version Badge */
+
+.wp-badge {
+	background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
+	background-position: center 25px;
+	background-size: 80px 80px;
+	color: #fff;
+	font-size: 14px;
+	text-align: center;
+	font-weight: 600;
+	margin: 5px 0 0;
+	padding-top: 120px;
+	height: 40px;
+	display: inline-block;
+	width: 140px;
+	text-rendering: optimizeLegibility;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.svg .wp-badge {
+	background-image: url(../images/wordpress-logo-white.svg?ver=20160308);
+}
+
+.about-wrap .wp-badge {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+/* Tabs */
+
+.about-wrap .nav-tab {
+	padding-right: 15px;
+	padding-left: 15px;
+	font-size: 18px;
+	line-height: 1.33333333;
+}
+
+/* x.2.1 - Typography */
+
+.about-wrap h1 {
+	margin: 0.2em 200px 0 0;
+	padding: 0;
+	color: #32373c;
+	line-height: 1.2;
+	font-size: 2.8em;
+	font-weight: 400;
+}
+
+.about-wrap h2 {
+	margin: 40px 0 0.6em;
+	font-size: 2.7em;
+	line-height: 1.3;
+	font-weight: 300;
+	text-align: center;
+}
+
+.about-wrap h3 {
+	margin: 1.25em 0 0.6em;
+	font-size: 1.4em;
+	line-height: 1.5;
+}
+
+.about-wrap h4 {
+	font-size: 16px;
+	color: #23282d;
+}
+
+.about-wrap p {
+	line-height: 1.5;
+	font-size: 16px;
+}
+
+.about-wrap code,
+.about-wrap ol li p {
+	font-size: 14px;
+	font-weight: 400;
+}
+
+.about-wrap figcaption {
+	font-size: 13px;
+	text-align: center;
+	color: white;
+	text-overflow: ellipsis;
+}
+
+.about-wrap .about-description,
+.about-wrap .about-text {
+	margin-top: 1.4em;
+	font-weight: 400;
+	line-height: 1.6;
+	font-size: 19px;
+}
+
+.about-wrap .about-text {
+	margin: 1em 200px 1em 0;
+	color: #555d66;
+}
+
+/* x.2.2 - Structure */
+
+.about-wrap .has-1-columns,
+.about-wrap .has-2-columns,
+.about-wrap .has-3-columns,
+.about-wrap .has-4-columns {
+	display: grid;
+	max-width: 800px;
+	margin-top: 40px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.about-wrap .column {
+	margin-right: 20px;
+	margin-left: 20px;
+}
+
+.about-wrap .is-wide {
+	max-width: 760px;
+}
+
+.about-wrap .is-fullwidth {
+	max-width: 100%;
+}
+
+.about-wrap .has-1-columns {
+	display: block;
+	max-width: 680px;
+	margin: 0 auto 40px;
+}
+
+.about-wrap .has-2-columns {
+	grid-template-columns: 1fr 1fr;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-2-columns.is-wider-right {
+	grid-template-columns: 1fr 2fr;
+}
+
+.about-wrap .has-2-columns.is-wider-left {
+	grid-template-columns: 2fr 1fr;
+}
+
+.about-wrap .has-3-columns {
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about-wrap .has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+.about-wrap .column :first-child {
+	margin-top: 0;
+}
+
+.about-wrap .aligncenter {
+	text-align: center;
+}
+
+.about-wrap .alignleft {
+	float: left;
+	margin-right: 40px;
+}
+
+.about-wrap .alignright {
+	float: right;
+	margin-left: 40px;
+}
+
+.about-wrap .is-vertically-aligned-top {
+	align-self: start;
+}
+
+.about-wrap .is-vertically-aligned-center {
+	align-self: center;
+}
+
+.about-wrap .is-vertically-aligned-bottom {
+	align-self: end;
+}
+
+/* x.2.3 - Point Releases */
+
+.about-wrap .point-releases {
+	margin-top: 5px;
+	border-bottom: 1px solid #ddd;
+}
+
+.about-wrap .changelog {
+	margin-bottom: 40px;
+}
+
+.about-wrap .changelog.point-releases h3 {
+	padding-top: 35px;
+}
+
+.about-wrap .changelog.point-releases h3:first-child {
+	padding-top: 7px;
+}
+
+.about-wrap .changelog.feature-section .col {
+	margin-top: 40px;
+}
+
+/*------------------------------------------------------------------------------
+  x.3.0 - Legacy About Styles: About Page
+------------------------------------------------------------------------------*/
+
+/* x.3.1 - Typography */
+
+.about-wrap .lead-description {
+	font-size: 1.5em;
+	text-align: center;
+}
+
+.about-wrap .feature-section p {
+	margin-top: 0.6em;
+}
+
+/* x.3.2 - Structure */
+
+.about-wrap .headline-feature {
+	margin: 0 auto 40px;
+	max-width: 680px;
+}
+
+.about-wrap .headline-feature h2 {
+	margin: 50px 0 0;
+}
+
+.about-wrap .headline-feature img {
+	max-width: 600px;
+	width: 100%;
+}
+
+/* Go to Dashboard Home link */
+
+.about-wrap .return-to-dashboard {
+	margin: 30px 0 0 -5px;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+.about-wrap .return-to-dashboard a {
+	text-decoration: none;
+	padding: 0 5px;
+}
+
+/*------------------------------------------------------------------------------
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
+------------------------------------------------------------------------------*/
+
+/* Credits */
+
+.about-wrap h2.wp-people-group {
+	margin: 2.6em 0 1.33em;
+	padding: 0;
+	font-size: 16px;
+	line-height: inherit;
+	font-weight: 600;
+	text-align: left;
+}
+
+.about-wrap .wp-people-group {
+	padding: 0 5px;
+	margin: 0 -15px 0 -5px;
+}
+
+.about-wrap .compact {
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	margin-right: 10px;
+	padding-bottom: 15px;
+	height: 70px;
+	width: 280px;
+}
+
+.about-wrap .compact .wp-person {
+	height: auto;
+	width: 180px;
+	padding-bottom: 0;
+	margin-bottom: 0;
+}
+
+.about-wrap .wp-person .gravatar {
+	float: left;
+	margin: 0 10px 10px 0;
+	padding: 1px;
+	width: 60px;
+	height: 60px;
+}
+
+.about-wrap .compact .wp-person .gravatar {
+	width: 30px;
+	height: 30px;
+}
+
+.about-wrap .wp-person .web {
+	margin: 6px 0 2px;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 2;
+	text-decoration: none;
+}
+
+.about-wrap .wp-person .title {
+	display: block;
+}
+
+.about-wrap #wp-people-group-validators + p.wp-credits-list {
+	margin-top: 0;
+}
+
+.about-wrap p.wp-credits-list a {
+	white-space: nowrap;
+}
+
+/* Freedoms */
+
+.freedoms-php .about-wrap ol {
+	margin: 40px 60px;
+}
+
+.freedoms-php .about-wrap ol li {
+	list-style-type: decimal;
+	font-weight: 600;
+}
+
+.freedoms-php .about-wrap ol p {
+	font-weight: 400;
+	margin: 0.6em 0;
+}
+
+.freedoms-php .column .freedoms-image {
+	background-image: url('../images/freedoms.png');
+	background-size: 100%;
+	padding-top: 100%;
+}
+
+.freedoms-php .column:nth-of-type(2) .freedoms-image {
+	background-position: 0 34%;
+}
+
+.freedoms-php .column:nth-of-type(3) .freedoms-image {
+	background-position: 0 66%;
+}
+
+.freedoms-php .column:nth-of-type(4) .freedoms-image {
+	background-position: 0 100%;
+}
+
+/*------------------------------------------------------------------------------
+  x.5.0 - Legacy About Styles: Media Queries
+------------------------------------------------------------------------------*/
+
+@media screen and (max-width: 782px) {
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		grid-template-columns: 1fr 1fr;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+1),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+1) {
+		grid-column-start: 1;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n+2),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+2) {
+		grid-column-start: 2;
+		grid-row-start: 1;
+	}
+
+	.about-wrap .has-3-columns .column:nth-of-type(3n),
+	.about-wrap .has-4-columns .column:nth-of-type(4n+3) {
+		grid-column-start: 1;
+		grid-row-start: 2;
+	}
+
+	.about-wrap .has-4-columns .column:nth-of-type(4n) {
+		grid-column-start: 2;
+		grid-row-start: 2;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about-wrap .has-2-columns,
+	.about-wrap .has-3-columns,
+	.about-wrap .has-4-columns {
+		display: block;
+	}
+
+	.about-wrap :not(.is-wider-right):not(.is-wider-left) .column {
+		margin-right: 0;
+		margin-left: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: grid;
+	}
+}
+
+@media only screen and (max-width: 500px) {
+	.about-wrap {
+		margin-right: 20px;
+		margin-left: 10px;
+	}
+
+	.about-wrap h1,
+	.about-wrap .about-text {
+		margin-right: 0;
+	}
+
+	.about-wrap .about-text {
+		margin-bottom: 0.25em;
+	}
+
+	.about-wrap .wp-badge {
+		position: relative;
+		margin-bottom: 1.5em;
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.about-wrap .has-2-columns.is-wider-right,
+	.about-wrap .has-2-columns.is-wider-left {
+		display: block;
+	}
+
+	.about-wrap .column {
+		margin-right: 0;
+		margin-left: 0;
+	}
+
+	.about-wrap .has-2-columns.is-wider-right img,
+	.about-wrap .has-2-columns.is-wider-left img {
+		max-width: 160px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/about.min.css b/tools/storybook/wordpress/css/about.min.css
new file mode 100644
index 00000000000..20a3773afad
--- /dev/null
+++ b/tools/storybook/wordpress/css/about.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.about__container{--background:transparent;--subtle-background:#def;--text:#000;--text-light:#fff;--accent-1:#3858e9;--accent-2:#3858e9;--nav-background:#fff;--nav-border:transparent;--nav-color:var(--text);--nav-current:var(--accent-1);--gap:2rem}.about-php,.credits-php,.freedoms-php,.privacy-php{background:#f0f7ff}.about-php #wpcontent,.credits-php #wpcontent,.freedoms-php #wpcontent,.privacy-php #wpcontent{background:linear-gradient(180deg,#fff 50%,#f0f7ff 100%);padding:0 24px}@media screen and (max-width:782px){.about-php.auto-fold #wpcontent,.credits-php.auto-fold #wpcontent,.freedoms-php.auto-fold #wpcontent,.privacy-php.auto-fold #wpcontent{padding-left:24px}}.about__container{max-width:1000px;margin:24px auto;clear:both}.about__container .alignleft{float:left}.about__container .alignright{float:right}.about__container .aligncenter{text-align:center}.about__container .is-vertically-aligned-top{align-self:start}.about__container .is-vertically-aligned-center{align-self:center}.about__container .is-vertically-aligned-bottom{align-self:end}.about__section{background:var(--background);clear:both}.about__container .has-accent-background-color{background-color:var(--accent-1);color:var(--text-light)}.about__container .has-accent-background-color a{color:var(--text-light)}.about__container .has-transparent-background-color{background-color:transparent}.about__container .has-accent-color{color:var(--accent-1)}.about__container .has-border{border:3px solid currentColor}.about__container .has-subtle-background-color{background-color:var(--subtle-background)}.about__container .has-background-image{background-size:contain;background-repeat:no-repeat;background-position:center}.about__section{margin:0 0 var(--gap)}.about__section .column:not(.is-edge-to-edge){padding:var(--gap)}.about__section+.about__section .is-section-header{padding-bottom:var(--gap)}.about__section .column.has-border,.about__section .column[class*=background-color],.about__section:where([class*=background-color]) .column{padding-top:var(--gap);padding-bottom:var(--gap)}.about__section .column p:first-of-type{margin-top:0}.about__section .column p:last-of-type{margin-bottom:0}.about__section .has-text-columns{columns:2;column-gap:calc(var(--gap) * 2)}.about__section .is-section-header{margin-bottom:0;padding:var(--gap) var(--gap) 0}.about__section .is-section-header p:last-child{margin-bottom:0}.about__section .is-section-header:first-child:last-child{padding:0}.about__section.is-feature{padding:var(--gap)}.about__section.is-feature p{margin:0}.about__section.is-feature p+p{margin-top:calc(var(--gap)/ 2)}.about__section.has-1-column{margin-left:auto;margin-right:auto;max-width:36em}.about__section.has-2-columns,.about__section.has-3-columns,.about__section.has-4-columns,.about__section.has-overlap-style{display:grid}.about__section.has-gutters{gap:var(--gap);margin-bottom:calc(var(--gap) * 2)}.about__section.has-2-columns{grid-template-columns:1fr 1fr}.about__section.has-2-columns.is-wider-right{grid-template-columns:2fr 3fr}.about__section.has-2-columns.is-wider-left{grid-template-columns:3fr 2fr}.about__section.has-2-columns .is-section-header{grid-column-start:1;-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-2-columns .column:nth-of-type(2n+1){grid-column-start:1}.about__section.has-2-columns .column:nth-of-type(2n){grid-column-start:2}.about__section.has-3-columns{grid-template-columns:repeat(3,1fr)}.about__section.has-3-columns .is-section-header{grid-column-start:1;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-3-columns .column:nth-of-type(3n+1){grid-column-start:1}.about__section.has-3-columns .column:nth-of-type(3n+2){grid-column-start:2}.about__section.has-3-columns .column:nth-of-type(3n){grid-column-start:3}.about__section.has-4-columns{grid-template-columns:repeat(4,1fr)}.about__section.has-4-columns .is-section-header{grid-column-start:1;-ms-grid-column-span:4;grid-column-end:span 4}.about__section.has-4-columns .column:nth-of-type(4n+1){grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(4n+2){grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n+3){grid-column-start:3}.about__section.has-4-columns .column:nth-of-type(4n){grid-column-start:4}.about__section.has-2-columns .is-section-header~.column,.about__section.has-3-columns .is-section-header~.column,.about__section.has-4-columns .is-section-header~.column,.about__section.has-overlap-style .is-section-header~.column{grid-row-start:2}.about__section.has-overlap-style{grid-template-columns:repeat(7,1fr)}.about__section.has-overlap-style .column{grid-row-start:1}.about__section.has-overlap-style .column:nth-of-type(2n+1){grid-column-start:2;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column:nth-of-type(2n){grid-column-start:4;-ms-grid-column-span:3;grid-column-end:span 3}.about__section.has-overlap-style .column.is-top-layer{z-index:1}@media screen and (max-width:782px){.about__section.has-2-columns.is-wider-left,.about__section.has-2-columns.is-wider-right,.about__section.has-3-columns{display:block;margin-bottom:calc(var(--gap)/ 2)}.about__section .column:not(.is-edge-to-edge){padding-top:var(--gap);padding-bottom:var(--gap)}.about__section.has-2-columns.has-gutters.is-wider-left,.about__section.has-2-columns.has-gutters.is-wider-right,.about__section.has-3-columns.has-gutters{margin-bottom:calc(var(--gap) * 2)}.about__section.has-2-columns.has-gutters .column,.about__section.has-3-columns.has-gutters .column{margin-bottom:var(--gap)}.about__section.has-2-columns.has-gutters .column:last-child,.about__section.has-3-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-3-columns .column:nth-of-type(n){padding-top:calc(var(--gap)/ 2);padding-bottom:calc(var(--gap)/ 2)}.about__section.has-4-columns{grid-template-columns:repeat(2,1fr)}.about__section.has-4-columns .column:nth-of-type(2n+1){grid-column-start:1}.about__section.has-4-columns .column:nth-of-type(2n){grid-column-start:2}.about__section.has-4-columns .column:nth-of-type(4n),.about__section.has-4-columns .column:nth-of-type(4n+3){grid-row-start:2}.about__section.has-4-columns .is-section-header{-ms-grid-column-span:2;grid-column-end:span 2}.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n),.about__section.has-4-columns .is-section-header~.column:nth-of-type(4n+3){grid-row-start:3}.about__section.has-overlap-style{grid-template-columns:1fr}.about__section.has-overlap-style .column.column{grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}}@media screen and (max-width:600px){.about__section.has-2-columns{display:block;margin-bottom:var(--gap)}.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n){padding-top:calc(var(--gap)/ 2);padding-bottom:calc(var(--gap)/ 2)}.about__section.has-2-columns.has-gutters{margin-bottom:calc(var(--gap) * 2)}.about__section.has-2-columns.has-gutters .column{margin-bottom:var(--gap)}.about__section.has-2-columns.has-gutters .column:last-child{margin-bottom:0}}@media screen and (max-width:480px){.about__section.is-feature .column{padding:0}.about__section.has-4-columns{display:block;padding-bottom:calc(var(--gap)/ 2)}.about__section.has-4-columns.has-gutters .column{margin-bottom:calc(var(--gap)/ 2)}.about__section.has-4-columns.has-gutters .column:last-child{margin-bottom:0}.about__section.has-4-columns .column:nth-of-type(n){padding-top:calc(var(--gap)/ 2);padding-bottom:calc(var(--gap)/ 2)}}.about__container{line-height:1.4;color:var(--text)}.about__container h1{padding:0;color:inherit}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{margin-top:0;margin-bottom:.5em;font-size:2em;line-height:1.2;font-weight:700}.about__container h1.is-smaller-heading,.about__container h2.is-smaller-heading,.about__container h3{margin-top:0;font-size:1.6em;line-height:1.3;font-weight:400}.about__container p{font-size:inherit;line-height:inherit}.about__container p.is-subheading{margin-top:0;font-size:1.8em}.about__section a{color:var(--accent-1);text-decoration:underline}.about__section a:active,.about__section a:focus,.about__section a:hover{color:var(--accent-1);text-decoration:none}.wp-credits-list a{text-decoration:none}.wp-credits-list a:active,.wp-credits-list a:focus,.wp-credits-list a:hover{text-decoration:underline}.about__container ul{list-style:disc;margin-left:calc(var(--gap)/ 2)}.about__container img{margin:0;max-width:100%;vertical-align:middle}.about__container .about__image{margin:0}.about__container .about__image img{max-width:100%;width:100%;height:auto}.about__container .about__image figcaption{margin-top:.5em;text-align:center}.about__container .about__image .wp-video{margin-left:auto;margin-right:auto}.about__container .about__image+h3{margin-top:1.5em}.about__container hr{margin:0;height:var(--gap);border:none}.about__container hr.is-small{height:calc(var(--gap)/ 4)}.about__container hr.is-large{height:calc(var(--gap) * 2);margin:calc(var(--gap)/ 2) auto}.about__container .notice,.about__container div.error,.about__container div.updated{display:none!important}.about__section{font-size:1.2em}.about__section.is-feature{font-size:1.6em}@media screen and (max-width:480px){.about__section.is-feature{font-size:1.4em}.about__container h1,.about__container h2,.about__container h3.is-larger-heading{font-size:2em}}.about__header{position:relative;margin-bottom:var(--gap);padding-top:0;background-image:url('../images/about-texture.png');background-color:var(--accent-2);background-size:500px 500px;background-blend-mode:overlay;color:var(--text-light)}.about__header::before{content:"";position:absolute;top:0;right:64px;z-index:0;width:300px;height:382px;background:url(../images/about-header-about.svg) no-repeat center;background-size:contain}.credits-php .about__header::before{top:auto;bottom:70px;height:310px;background-image:url('../images/about-header-credits.svg')}.freedoms-php .about__header::before{top:calc(50% - 182px);right:32px;width:375px;height:300px;background-image:url('../images/about-header-freedoms.svg')}.privacy-php .about__header::before{top:auto;bottom:-16px;background-image:url('../images/about-header-privacy.svg')}.about__header-image{margin:0 var(--gap) 3em}.about__header-title{box-sizing:border-box;padding:6rem 380px 0 0;margin:0 2rem}.about__header-title h1{margin:0 0 .5rem;padding:0;font-size:4.5rem;line-height:1;font-weight:400}.about__header-text{box-sizing:border-box;margin:0 0 7rem;padding:0 380px 0 2rem;font-size:1.6rem;line-height:1.15}.freedoms-php .about__header-text,.freedoms-php .about__header-title{padding-right:423px;margin-right:0}.about__header-navigation{position:relative;z-index:1;display:flex;justify-content:center;padding-top:0;background:var(--nav-background);color:var(--nav-color);border-bottom:3px solid var(--nav-border)}.about__header-navigation .nav-tab{margin-left:0;padding:calc(var(--gap) * .75) var(--gap);float:none;font-size:1.4em;line-height:1;border-width:0 0 3px;border-style:solid;border-color:transparent;background:0 0;color:inherit}.about__header-navigation .nav-tab:active,.about__header-navigation .nav-tab:hover{background-color:var(--nav-current);color:var(--text-light)}.about__header-navigation .nav-tab-active{margin-bottom:-3px;color:var(--nav-current);border-width:0 0 6px;border-color:var(--nav-current)}.about__header-navigation .nav-tab-active:active,.about__header-navigation .nav-tab-active:hover{background-color:var(--nav-current);color:var(--text-light);border-color:var(--nav-current)}@media screen and (max-width:960px){.about__header-title h1{font-size:4.8em}}@media screen and (max-width:782px){.about__header::before{width:240px;height:305px;right:32px}.credits-php .about__header::before{height:248px}.freedoms-php .about__header::before{top:calc(50% - 132px);height:192px;width:240px}.privacy-php .about__header::before{bottom:0;height:280px}.about__container .about__header-text{font-size:1.4em}.about__header-container{display:block}.about__header-text,.about__header-title{padding-right:288px!important}.about__header-image,.about__header-title{margin-left:calc(var(--gap)/ 2);margin-right:calc(var(--gap)/ 2)}.about__header-text{margin-top:0;margin-right:0;padding-left:calc(var(--gap)/ 2)}.about__header-navigation .nav-tab{margin-top:0;margin-right:0;padding-left:calc(var(--gap)/ 2);padding-right:calc(var(--gap)/ 2)}}@media screen and (max-width:600px){.about__header::before{display:none}.about__header-text,.about__header-title{padding-right:calc(var(--gap)/ 2)!important}}@media screen and (max-width:480px){.about__header-title p{font-size:2.4em}.about__header-title{padding-top:2rem}.about__header-text{margin-bottom:2rem}.about__header-navigation{display:block}.about__header-navigation .nav-tab{display:block;margin-bottom:0;padding:calc(var(--gap)/ 2);border-left-width:6px;border-bottom:none}.about__header-navigation .nav-tab-active{border-bottom:none;border-left-width:6px}}.about__section .wp-people-group-title{margin-bottom:calc(var(--gap) * 2);text-align:center}.about__section .wp-people-group{margin:0;display:flex;flex-wrap:wrap}.about__section .wp-person{display:inline-block;vertical-align:top;box-sizing:border-box;margin-bottom:var(--gap);width:25%;text-align:center}.about__section .compact .wp-person{height:auto;width:20%}.about__section .wp-person-avatar{display:block;margin:0 auto calc(var(--gap)/ 2);width:140px;height:140px;border-radius:100%;overflow:hidden;background:var(--accent-1)}.about__section .wp-person .gravatar{width:140px;height:140px;filter:grayscale(100%);mix-blend-mode:screen}.about__section .compact .wp-person .gravatar,.about__section .compact .wp-person-avatar{width:80px;height:80px}.about__section .wp-person .web{font-size:1.4em;font-weight:600;text-decoration:none}.about__section .wp-person .web:hover{text-decoration:underline}.about__section .compact .wp-person .web{font-size:1.2em}.about__section .wp-person .title{display:block;margin-top:.5em}@media screen and (max-width:782px){.about__section .wp-person{width:33%}.about__section .compact .wp-person{width:25%}.about__section .wp-person .gravatar,.about__section .wp-person-avatar{width:120px;height:120px}}@media screen and (max-width:600px){.about__section .wp-person{width:50%}.about__section .compact .wp-person{width:33%}.about__section .wp-person .web{font-size:1.2em}}@media screen and (max-width:480px){.about__section .wp-person{min-width:100%}.about__section .wp-person .web{font-size:1em}.about__section .compact .wp-person .web{font-size:1em}}.about__section .column .freedom-image{margin-bottom:var(--gap);max-height:140px}.about-wrap{position:relative;margin:25px 40px 0 20px;max-width:1050px;font-size:15px}.about-wrap.full-width-layout{max-width:1200px}.about-wrap-content{max-width:1050px}.about-wrap .notice,.about-wrap div.error,.about-wrap div.updated{display:none!important}.about-wrap hr{border:0;height:0;margin:3em 0 0;border-top:1px solid rgba(0,0,0,.1)}.about-wrap img{margin:0;width:100%;height:auto;vertical-align:middle}.about-wrap .inline-svg img{max-width:100%;width:auto;height:auto}.about-wrap video{margin:1.5em auto}.wp-badge{background:#0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;background-position:center 25px;background-size:80px 80px;color:#fff;font-size:14px;text-align:center;font-weight:600;margin:5px 0 0;padding-top:120px;height:40px;display:inline-block;width:140px;text-rendering:optimizeLegibility;box-shadow:0 1px 3px rgba(0,0,0,.2)}.svg .wp-badge{background-image:url(../images/wordpress-logo-white.svg?ver=20160308)}.about-wrap .wp-badge{position:absolute;top:0;right:0}.about-wrap .nav-tab{padding-right:15px;padding-left:15px;font-size:18px;line-height:1.33333333}.about-wrap h1{margin:.2em 200px 0 0;padding:0;color:#32373c;line-height:1.2;font-size:2.8em;font-weight:400}.about-wrap h2{margin:40px 0 .6em;font-size:2.7em;line-height:1.3;font-weight:300;text-align:center}.about-wrap h3{margin:1.25em 0 .6em;font-size:1.4em;line-height:1.5}.about-wrap h4{font-size:16px;color:#23282d}.about-wrap p{line-height:1.5;font-size:16px}.about-wrap code,.about-wrap ol li p{font-size:14px;font-weight:400}.about-wrap figcaption{font-size:13px;text-align:center;color:#fff;text-overflow:ellipsis}.about-wrap .about-description,.about-wrap .about-text{margin-top:1.4em;font-weight:400;line-height:1.6;font-size:19px}.about-wrap .about-text{margin:1em 200px 1em 0;color:#555d66}.about-wrap .has-1-columns,.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:grid;max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}.about-wrap .column{margin-right:20px;margin-left:20px}.about-wrap .is-wide{max-width:760px}.about-wrap .is-fullwidth{max-width:100%}.about-wrap .has-1-columns{display:block;max-width:680px;margin:0 auto 40px}.about-wrap .has-2-columns{grid-template-columns:1fr 1fr}.about-wrap .has-2-columns .column:nth-of-type(2n+1){grid-column-start:1}.about-wrap .has-2-columns .column:nth-of-type(2n){grid-column-start:2}.about-wrap .has-2-columns.is-wider-right{grid-template-columns:1fr 2fr}.about-wrap .has-2-columns.is-wider-left{grid-template-columns:2fr 1fr}.about-wrap .has-3-columns{grid-template-columns:repeat(3,1fr)}.about-wrap .has-3-columns .column:nth-of-type(3n+1){grid-column-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2){grid-column-start:2}.about-wrap .has-3-columns .column:nth-of-type(3n){grid-column-start:3}.about-wrap .has-4-columns{grid-template-columns:repeat(4,1fr)}.about-wrap .has-4-columns .column:nth-of-type(4n+1){grid-column-start:1}.about-wrap .has-4-columns .column:nth-of-type(4n+2){grid-column-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n+3){grid-column-start:3}.about-wrap .has-4-columns .column:nth-of-type(4n){grid-column-start:4}.about-wrap .column :first-child{margin-top:0}.about-wrap .aligncenter{text-align:center}.about-wrap .alignleft{float:left;margin-right:40px}.about-wrap .alignright{float:right;margin-left:40px}.about-wrap .is-vertically-aligned-top{align-self:start}.about-wrap .is-vertically-aligned-center{align-self:center}.about-wrap .is-vertically-aligned-bottom{align-self:end}.about-wrap .point-releases{margin-top:5px;border-bottom:1px solid #ddd}.about-wrap .changelog{margin-bottom:40px}.about-wrap .changelog.point-releases h3{padding-top:35px}.about-wrap .changelog.point-releases h3:first-child{padding-top:7px}.about-wrap .changelog.feature-section .col{margin-top:40px}.about-wrap .lead-description{font-size:1.5em;text-align:center}.about-wrap .feature-section p{margin-top:.6em}.about-wrap .headline-feature{margin:0 auto 40px;max-width:680px}.about-wrap .headline-feature h2{margin:50px 0 0}.about-wrap .headline-feature img{max-width:600px;width:100%}.about-wrap .return-to-dashboard{margin:30px 0 0 -5px;font-size:14px;font-weight:600}.about-wrap .return-to-dashboard a{text-decoration:none;padding:0 5px}.about-wrap h2.wp-people-group{margin:2.6em 0 1.33em;padding:0;font-size:16px;line-height:inherit;font-weight:600;text-align:left}.about-wrap .wp-people-group{padding:0 5px;margin:0 -15px 0 -5px}.about-wrap .compact{margin-bottom:0}.about-wrap .wp-person{display:inline-block;vertical-align:top;margin-right:10px;padding-bottom:15px;height:70px;width:280px}.about-wrap .compact .wp-person{height:auto;width:180px;padding-bottom:0;margin-bottom:0}.about-wrap .wp-person .gravatar{float:left;margin:0 10px 10px 0;padding:1px;width:60px;height:60px}.about-wrap .compact .wp-person .gravatar{width:30px;height:30px}.about-wrap .wp-person .web{margin:6px 0 2px;font-size:16px;font-weight:400;line-height:2;text-decoration:none}.about-wrap .wp-person .title{display:block}.about-wrap #wp-people-group-validators+p.wp-credits-list{margin-top:0}.about-wrap p.wp-credits-list a{white-space:nowrap}.freedoms-php .about-wrap ol{margin:40px 60px}.freedoms-php .about-wrap ol li{list-style-type:decimal;font-weight:600}.freedoms-php .about-wrap ol p{font-weight:400;margin:.6em 0}.freedoms-php .column .freedoms-image{background-image:url('../images/freedoms.png');background-size:100%;padding-top:100%}.freedoms-php .column:nth-of-type(2) .freedoms-image{background-position:0 34%}.freedoms-php .column:nth-of-type(3) .freedoms-image{background-position:0 66%}.freedoms-php .column:nth-of-type(4) .freedoms-image{background-position:0 100%}@media screen and (max-width:782px){.about-wrap .has-3-columns,.about-wrap .has-4-columns{grid-template-columns:1fr 1fr}.about-wrap .has-3-columns .column:nth-of-type(3n+1),.about-wrap .has-4-columns .column:nth-of-type(4n+1){grid-column-start:1;grid-row-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n+2),.about-wrap .has-4-columns .column:nth-of-type(4n+2){grid-column-start:2;grid-row-start:1}.about-wrap .has-3-columns .column:nth-of-type(3n),.about-wrap .has-4-columns .column:nth-of-type(4n+3){grid-column-start:1;grid-row-start:2}.about-wrap .has-4-columns .column:nth-of-type(4n){grid-column-start:2;grid-row-start:2}}@media screen and (max-width:600px){.about-wrap .has-2-columns,.about-wrap .has-3-columns,.about-wrap .has-4-columns{display:block}.about-wrap :not(.is-wider-right):not(.is-wider-left) .column{margin-right:0;margin-left:0}.about-wrap .has-2-columns.is-wider-left,.about-wrap .has-2-columns.is-wider-right{display:grid}}@media only screen and (max-width:500px){.about-wrap{margin-right:20px;margin-left:10px}.about-wrap .about-text,.about-wrap h1{margin-right:0}.about-wrap .about-text{margin-bottom:.25em}.about-wrap .wp-badge{position:relative;margin-bottom:1.5em;width:100%}}@media only screen and (max-width:480px){.about-wrap .has-2-columns.is-wider-left,.about-wrap .has-2-columns.is-wider-right{display:block}.about-wrap .column{margin-right:0;margin-left:0}.about-wrap .has-2-columns.is-wider-left img,.about-wrap .has-2-columns.is-wider-right img{max-width:160px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/admin-menu-rtl.css b/tools/storybook/wordpress/css/admin-menu-rtl.css
new file mode 100644
index 00000000000..46b80ee3467
--- /dev/null
+++ b/tools/storybook/wordpress/css/admin-menu-rtl.css
@@ -0,0 +1,944 @@
+/*! This file is auto-generated */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu,
+#adminmenu .wp-submenu {
+	width: 160px;
+	background-color: #1d2327;
+}
+
+#adminmenuback {
+	position: fixed;
+	top: 0;
+	bottom: -120px;
+	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
+}
+
+.php-error #adminmenuback {
+	position: absolute;
+}
+
+.php-error #adminmenuback,
+.php-error #adminmenuwrap {
+	margin-top: 2em;
+}
+
+#adminmenu {
+	clear: right;
+	margin: 12px 0;
+	padding: 0;
+	list-style: none;
+}
+
+.folded #adminmenuback,
+.folded #adminmenuwrap,
+.folded #adminmenu,
+.folded #adminmenu li.menu-top {
+	width: 36px;
+}
+
+.icon16 {
+	height: 18px;
+	width: 18px;
+	padding: 6px;
+	margin: -6px -8px 0 0;
+	float: right;
+}
+
+/* New Menu icons */
+
+.icon16:before {
+	color: #8c8f94; /* same as new icons */
+	font: normal 20px/1 dashicons;
+	speak: never;
+	padding: 6px 0;
+	height: 34px;
+	width: 20px;
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	transition: all .1s ease-in-out;
+}
+
+.icon16.icon-dashboard:before {
+	content: "\f226";
+}
+
+.icon16.icon-post:before {
+	content: "\f109";
+}
+
+.icon16.icon-media:before {
+	content: "\f104";
+}
+
+.icon16.icon-links:before {
+	content: "\f103";
+}
+
+.icon16.icon-page:before {
+	content: "\f105";
+}
+
+.icon16.icon-comments:before {
+	content: "\f101";
+	margin-top: 1px;
+}
+
+.icon16.icon-appearance:before {
+	content: "\f100";
+}
+
+.icon16.icon-plugins:before {
+	content: "\f106";
+}
+
+.icon16.icon-users:before {
+	content: "\f110";
+}
+
+.icon16.icon-tools:before {
+	content: "\f107";
+}
+
+.icon16.icon-settings:before {
+	content: "\f108";
+}
+
+.icon16.icon-site:before {
+	content: "\f541";
+}
+
+.icon16.icon-generic:before {
+	content: "\f111";
+}
+
+/* hide background-image for icons above */
+.icon16.icon-dashboard,
+.menu-icon-dashboard div.wp-menu-image,
+.icon16.icon-post,
+.menu-icon-post div.wp-menu-image,
+.icon16.icon-media,
+.menu-icon-media div.wp-menu-image,
+.icon16.icon-links,
+.menu-icon-links div.wp-menu-image,
+.icon16.icon-page,
+.menu-icon-page div.wp-menu-image,
+.icon16.icon-comments,
+.menu-icon-comments div.wp-menu-image,
+.icon16.icon-appearance,
+.menu-icon-appearance div.wp-menu-image,
+.icon16.icon-plugins,
+.menu-icon-plugins div.wp-menu-image,
+.icon16.icon-users,
+.menu-icon-users div.wp-menu-image,
+.icon16.icon-tools,
+.menu-icon-tools div.wp-menu-image,
+.icon16.icon-settings,
+.menu-icon-settings div.wp-menu-image,
+.icon16.icon-site,
+.menu-icon-site div.wp-menu-image,
+.icon16.icon-generic,
+.menu-icon-generic div.wp-menu-image {
+	background-image: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  7.0 - Main Navigation (Left Menu)
+------------------------------------------------------------------------------*/
+
+#adminmenuwrap {
+	position: relative;
+	float: right;
+	z-index: 9990;
+}
+
+/* side admin menu */
+#adminmenu * {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#adminmenu li {
+	margin: 0;
+	padding: 0;
+}
+
+#adminmenu a {
+	display: block;
+	line-height: 1.3;
+	padding: 2px 5px;
+	color: #f0f0f1;
+}
+
+#adminmenu .wp-submenu a {
+	color: #c3c4c7;
+	color: rgba(240, 246, 252, 0.7);
+	font-size: 13px;
+	line-height: 1.4;
+	margin: 0;
+	padding: 5px 0;
+}
+
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	background: none;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top > a:focus,
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	color: #72aee6;
+}
+
+#adminmenu a:hover,
+#adminmenu a:focus,
+.folded #adminmenu .wp-submenu-head:hover {
+	box-shadow: inset -4px 0 0 0 currentColor;
+	transition: box-shadow .1s linear;
+}
+
+#adminmenu li.menu-top {
+	border: none;
+	min-height: 34px;
+	position: relative;
+}
+
+#adminmenu .wp-submenu {
+	list-style: none;
+	position: absolute;
+	top: -1000em;
+	right: 160px;
+	overflow: visible;
+	word-wrap: break-word;
+	padding: 7px 0 8px;
+	z-index: 9999;
+	background-color: #2c3338;
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+.js #adminmenu .sub-open,
+.js #adminmenu .opensub .wp-submenu,
+#adminmenu a.menu-top:focus + .wp-submenu,
+.no-js li.wp-has-submenu:hover .wp-submenu {
+	top: -1px;
+}
+
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+	top: 0;
+}
+
+#adminmenu .wp-has-current-submenu .wp-submenu,
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
+	position: relative;
+	z-index: 3;
+	top: auto;
+	right: auto;
+	left: auto;
+	bottom: auto;
+	border: 0 none;
+	margin-top: 0;
+	box-shadow: none;
+}
+
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+	position: relative;
+	background-color: #1d2327;
+	color: #72aee6;
+}
+
+.folded #adminmenu li.menu-top:hover,
+.folded #adminmenu li.opensub > a.menu-top,
+.folded #adminmenu li > a.menu-top:focus {
+	z-index: 10000;
+}
+
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.current a.menu-top,
+#adminmenu .wp-menu-arrow,
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
+#adminmenu .wp-menu-arrow div {
+	background: #2271b1;
+	color: #fff;
+}
+
+.folded #adminmenu .wp-submenu.sub-open,
+.folded #adminmenu .opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu a.menu-top:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+	top: 0;
+	right: 36px;
+}
+
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	position: absolute;
+	top: -1000em;
+}
+
+#adminmenu .wp-not-current-submenu .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	min-width: 160px;
+	width: auto;
+	border-right: 5px solid transparent;
+}
+
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .opensub .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus {
+	color: #fff;
+}
+
+#adminmenu .wp-not-current-submenu li > a,
+.folded #adminmenu .wp-has-current-submenu li > a {
+	padding-left: 16px;
+	padding-right: 14px;
+	/* Exclude from the transition the outline for Windows High Contrast mode */
+	transition: all .1s ease-in-out, outline 0s;
+}
+
+#adminmenu .wp-has-current-submenu ul > li > a,
+.folded #adminmenu li.menu-top .wp-submenu > li > a {
+	padding: 5px 12px;
+}
+
+#adminmenu a.menu-top,
+#adminmenu .wp-submenu-head {
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu-head {
+	display: none;
+}
+
+.folded #adminmenu .wp-menu-name {
+	position: absolute;
+	right: -999px;
+}
+
+.folded #adminmenu .wp-submenu-head {
+	display: block;
+}
+
+#adminmenu .wp-submenu li {
+	padding: 0;
+	margin: 0;
+}
+
+#adminmenu .wp-menu-image img {
+	padding: 9px 0 0;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#adminmenu div.wp-menu-name {
+	padding: 8px 36px 8px 8px;
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	-ms-word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+#adminmenu div.wp-menu-image {
+	float: right;
+	width: 36px;
+	height: 34px;
+	margin: 0;
+	text-align: center;
+}
+
+#adminmenu div.wp-menu-image.svg {
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 20px auto;
+}
+
+div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+	padding: 7px 0;
+	transition: all .1s ease-in-out;
+}
+
+#adminmenu div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+}
+
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu .current div.wp-menu-image:before,
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
+	color: #fff;
+}
+
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+	color: #72aee6;
+}
+
+.folded #adminmenu div.wp-menu-image {
+	width: 35px;
+	height: 30px;
+	position: absolute;
+	z-index: 25;
+}
+
+.folded #adminmenu a.menu-top {
+	height: 34px;
+}
+
+/* Sticky admin menu */
+.sticky-menu #adminmenuwrap {
+	position: fixed;
+}
+
+/* A new arrow */
+
+.wp-menu-arrow {
+	display: none !important;
+}
+
+ul#adminmenu a.wp-has-current-submenu {
+	position: relative;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+	left: 0;
+	border: solid 8px transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	border-left-color: #f0f0f1;
+	top: 50%;
+	margin-top: -8px;
+}
+
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
+.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
+	display: none;
+}
+
+.folded ul#adminmenu a.wp-has-current-submenu:after,
+.folded ul#adminmenu > li a.current:after {
+	border-width: 4px;
+	margin-top: -4px;
+}
+
+/* flyout menu arrow */
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	left: 0;
+	border: 8px solid transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	top: 10px;
+	z-index: 10000;
+}
+
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-width: 4px;
+	margin-top: -4px;
+	top: 18px;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-left-color: #2c3338;
+}
+
+#adminmenu li.menu-top:hover .wp-menu-image img,
+#adminmenu li.wp-has-current-submenu .wp-menu-image img {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+#adminmenu li.wp-menu-separator {
+	height: 5px;
+	padding: 0;
+	margin: 0 0 6px;
+	cursor: inherit;
+}
+
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
+#adminmenu div.separator {
+	height: 2px;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+	color: #fff;
+	font-weight: 400;
+	font-size: 14px;
+	padding: 5px 11px 5px 4px;
+	margin: -7px -5px 4px 0;
+	border-width: 3px 5px 3px 0;
+	border-style: solid;
+	border-color: transparent;
+}
+
+#adminmenu li.current,
+.folded #adminmenu li.wp-menu-open {
+	border: 0 none;
+}
+
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin: 1px 2px -1px 0;
+	padding: 0 5px;
+	min-width: 18px;
+	height: 18px;
+	border-radius: 9px;
+	background-color: #d63638;
+	color: #fff;
+	font-size: 11px;
+	line-height: 1.6;
+	text-align: center;
+	z-index: 26;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins {
+	background-color: #d63638;
+	color: #fff;
+}
+
+#adminmenu li span.count-0 {
+	display: none;
+}
+
+#collapse-button {
+	display: block;
+	width: 100%;
+	height: 34px;
+	margin: 0;
+	border: none;
+	padding: 0;
+	position: relative;
+	overflow: visible;
+	background: none;
+	color: #a7aaad;
+	cursor: pointer;
+}
+
+#collapse-button:hover {
+	color: #72aee6;
+}
+
+#collapse-button:focus {
+	color: #72aee6;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+#collapse-button .collapse-button-icon,
+#collapse-button .collapse-button-label {
+	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
+	display: block;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+#collapse-button .collapse-button-label {
+	top: 8px;
+}
+
+#collapse-button .collapse-button-icon {
+	width: 36px;
+	height: 34px;
+}
+
+#collapse-button .collapse-button-label {
+	padding: 0 36px 0 0;
+}
+
+.folded #collapse-button .collapse-button-label {
+	display: none;
+}
+
+#collapse-button .collapse-button-icon:after {
+	content: "\f148";
+	display: block;
+	position: relative;
+	top: 7px;
+	text-align: center;
+	font: normal 20px/1 dashicons !important;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* rtl:ignore */
+.folded #collapse-button .collapse-button-icon:after,
+.rtl #collapse-button .collapse-button-icon:after {
+	transform: rotate(180deg);
+}
+
+.rtl.folded #collapse-button .collapse-button-icon:after {
+	transform: none;
+}
+
+#collapse-button .collapse-button-icon:after,
+#collapse-button .collapse-button-label {
+	transition: all .1s ease-in-out;
+}
+
+/**
+ * Toolbar menu toggle
+ */
+li#wp-admin-bar-menu-toggle {
+	display: none;
+}
+
+/* Hide-if-customize for items we can't add classes to */
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
+	display: none;
+}
+
+/* Auto-folding of the admin menu */
+@media only screen and (max-width: 960px) {
+	.auto-fold #wpcontent,
+	.auto-fold #wpfooter {
+		margin-right: 36px;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap,
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenu li.menu-top {
+		width: 36px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .opensub .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		top: 0;
+		right: 36px;
+	}
+
+	.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		position: absolute;
+		top: -1000em;
+		margin-left: -1px;
+		padding: 7px 0 8px;
+		z-index: 9999;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		min-width: 150px;
+		width: auto;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu li > a {
+		padding-left: 16px;
+		padding-right: 14px;
+	}
+
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding-right: 12px;
+	}
+
+	.auto-fold #adminmenu .wp-menu-name {
+		position: absolute;
+		right: -999px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu-head {
+		display: block;
+	}
+
+	.auto-fold #adminmenu div.wp-menu-image {
+		height: 30px;
+		width: 34px;
+		position: absolute;
+		z-index: 25;
+	}
+
+	.auto-fold #adminmenu a.menu-top {
+		min-height: 34px;
+	}
+
+	.auto-fold #adminmenu li.wp-menu-open {
+		border: 0 none;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
+		margin-bottom: 0;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: none;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		border-width: 4px;
+		margin-top: -4px;
+		top: 16px;
+	}
+
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li a.current:after {
+		border-width: 4px;
+		margin-top: -4px;
+	}
+
+	.auto-fold #adminmenu li.menu-top:hover,
+	.auto-fold #adminmenu li.opensub > a.menu-top,
+	.auto-fold #adminmenu li > a.menu-top:focus {
+		z-index: 10000;
+	}
+
+	.auto-fold #collapse-menu .collapse-button-label {
+		display: none;
+	}
+
+	/* rtl:ignore */
+	.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: rotate(180deg);
+	}
+
+	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: none;
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	.auto-fold #wpcontent {
+		position: relative;
+		margin-right: 0;
+		padding-right: 10px;
+	}
+
+	.sticky-menu #adminmenuwrap {
+		position: relative;
+		z-index: auto;
+		top: 0;
+	}
+
+	/* Sidebar Adjustments */
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		position: absolute;
+		width: 190px;
+		z-index: 100;
+	}
+
+	.auto-fold #adminmenuback {
+		position: fixed;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		display: none;
+	}
+
+	.auto-fold .wp-responsive-open #adminmenuback,
+	.auto-fold .wp-responsive-open #adminmenuwrap {
+		display: block;
+	}
+
+	.auto-fold #adminmenu li.menu-top {
+		width: 100%;
+	}
+
+	/* Resize the admin menu items to a comfortable touch size */
+	.auto-fold #adminmenu li a {
+		font-size: 16px;
+		padding: 5px;
+	}
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding: 10px 20px 10px 10px;
+	}
+
+	/* Restore the menu names */
+	.auto-fold #adminmenu .wp-menu-name {
+		position: static;
+	}
+
+	/* Switch the arrow side */
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li.current > a.current:after {
+		border-width: 8px;
+		margin-top: -8px;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		display: none;
+	}
+
+	/* Make the submenus appear correctly when tapped. */
+	#adminmenu .wp-submenu {
+		position: relative;
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu {
+		position: relative;
+		display: block;
+		top: 0;
+		right: -1px;
+		box-shadow: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu:after,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .opensub .wp-submenu {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu {
+		display: block;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: block;
+	}
+
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		position: relative;
+		right: -1px;
+		left: 0;
+		top: 0;
+	}
+
+	#adminmenu .wp-not-current-submenu .wp-submenu,
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+		border-right: none;
+	}
+
+	/* Remove submenu headers and adjust sub meu*/
+	#adminmenu .wp-submenu .wp-submenu-head {
+		display: none;
+	}
+
+	/* Toolbar menu toggle */
+	#wp-responsive-toggle {
+		position: fixed;
+		top: 5px;
+		right: 4px;
+		padding-left: 10px;
+		z-index: 99999;
+		border: none;
+		box-sizing: border-box;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a {
+		display: block;
+		padding: 0;
+		overflow: hidden;
+		outline: none;
+		text-decoration: none;
+		border: 1px solid transparent;
+		background: none;
+		height: 44px;
+		margin-right: -1px;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+		background: #2c3338;
+	}
+
+	li#wp-admin-bar-menu-toggle {
+		display: block;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a:hover {
+		border: 1px solid transparent;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		content: "\f228";
+		display: inline-block;
+		float: right;
+		font: normal 40px/45px dashicons;
+		vertical-align: middle;
+		outline: none;
+		margin: 0;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		height: 44px;
+		width: 50px;
+		padding: 0;
+		border: none;
+		text-align: center;
+		text-decoration: none;
+		box-sizing: border-box;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		color: #72aee6;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	#adminmenuwrap,
+	#adminmenuback {
+		display: none;
+	}
+
+	.wp-responsive-open #adminmenuwrap,
+	.wp-responsive-open #adminmenuback {
+		display: block;
+	}
+
+	.auto-fold #adminmenu {
+		top: 46px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/admin-menu-rtl.min.css b/tools/storybook/wordpress/css/admin-menu-rtl.min.css
new file mode 100644
index 00000000000..58ebeeaa12b
--- /dev/null
+++ b/tools/storybook/wordpress/css/admin-menu-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#adminmenu,#adminmenu .wp-submenu,#adminmenuback,#adminmenuwrap{width:160px;background-color:#1d2327}#adminmenuback{position:fixed;top:0;bottom:-120px;z-index:1}.php-error #adminmenuback{position:absolute}.php-error #adminmenuback,.php-error #adminmenuwrap{margin-top:2em}#adminmenu{clear:right;margin:12px 0;padding:0;list-style:none}.folded #adminmenu,.folded #adminmenu li.menu-top,.folded #adminmenuback,.folded #adminmenuwrap{width:36px}.icon16{height:18px;width:18px;padding:6px;margin:-6px -8px 0 0;float:right}.icon16:before{color:#8c8f94;font:normal 20px/1 dashicons;speak:never;padding:6px 0;height:34px;width:20px;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .1s ease-in-out}.icon16.icon-dashboard:before{content:"\f226"}.icon16.icon-post:before{content:"\f109"}.icon16.icon-media:before{content:"\f104"}.icon16.icon-links:before{content:"\f103"}.icon16.icon-page:before{content:"\f105"}.icon16.icon-comments:before{content:"\f101";margin-top:1px}.icon16.icon-appearance:before{content:"\f100"}.icon16.icon-plugins:before{content:"\f106"}.icon16.icon-users:before{content:"\f110"}.icon16.icon-tools:before{content:"\f107"}.icon16.icon-settings:before{content:"\f108"}.icon16.icon-site:before{content:"\f541"}.icon16.icon-generic:before{content:"\f111"}.icon16.icon-appearance,.icon16.icon-comments,.icon16.icon-dashboard,.icon16.icon-generic,.icon16.icon-links,.icon16.icon-media,.icon16.icon-page,.icon16.icon-plugins,.icon16.icon-post,.icon16.icon-settings,.icon16.icon-site,.icon16.icon-tools,.icon16.icon-users,.menu-icon-appearance div.wp-menu-image,.menu-icon-comments div.wp-menu-image,.menu-icon-dashboard div.wp-menu-image,.menu-icon-generic div.wp-menu-image,.menu-icon-links div.wp-menu-image,.menu-icon-media div.wp-menu-image,.menu-icon-page div.wp-menu-image,.menu-icon-plugins div.wp-menu-image,.menu-icon-post div.wp-menu-image,.menu-icon-settings div.wp-menu-image,.menu-icon-site div.wp-menu-image,.menu-icon-tools div.wp-menu-image,.menu-icon-users div.wp-menu-image{background-image:none!important}#adminmenuwrap{position:relative;float:right;z-index:9990}#adminmenu *{-webkit-user-select:none;user-select:none}#adminmenu li{margin:0;padding:0}#adminmenu a{display:block;line-height:1.3;padding:2px 5px;color:#f0f0f1}#adminmenu .wp-submenu a{color:#c3c4c7;color:rgba(240,246,252,.7);font-size:13px;line-height:1.4;margin:0;padding:5px 0}#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover{background:0 0}#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a:hover,#adminmenu li.menu-top>a:focus{color:#72aee6}#adminmenu a:focus,#adminmenu a:hover,.folded #adminmenu .wp-submenu-head:hover{box-shadow:inset -4px 0 0 0 currentColor;transition:box-shadow .1s linear}#adminmenu li.menu-top{border:none;min-height:34px;position:relative}#adminmenu .wp-submenu{list-style:none;position:absolute;top:-1000em;right:160px;overflow:visible;word-wrap:break-word;padding:7px 0 8px;z-index:9999;background-color:#2c3338;box-shadow:0 3px 5px rgba(0,0,0,.2)}#adminmenu a.menu-top:focus+.wp-submenu,.js #adminmenu .opensub .wp-submenu,.js #adminmenu .sub-open,.no-js li.wp-has-submenu:hover .wp-submenu{top:-1px}#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{top:0}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,.no-js li.wp-has-current-submenu:hover .wp-submenu{position:relative;z-index:3;top:auto;right:auto;left:auto;bottom:auto;border:0 none;margin-top:0;box-shadow:none}.folded #adminmenu .wp-has-current-submenu .wp-submenu{box-shadow:0 3px 5px rgba(0,0,0,.2)}#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{position:relative;background-color:#1d2327;color:#72aee6}.folded #adminmenu li.menu-top:hover,.folded #adminmenu li.opensub>a.menu-top,.folded #adminmenu li>a.menu-top:focus{z-index:10000}#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu .wp-menu-arrow,#adminmenu .wp-menu-arrow div,#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu{background:#2271b1;color:#fff}.folded #adminmenu .opensub .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,.folded #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu,.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,.folded #adminmenu .wp-submenu.sub-open,.folded #adminmenu a.menu-top:focus+.wp-submenu,.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu{top:0;right:36px}.folded #adminmenu .wp-has-current-submenu .wp-submenu,.folded #adminmenu a.wp-has-current-submenu:focus+.wp-submenu{position:absolute;top:-1000em}#adminmenu .wp-not-current-submenu .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{min-width:160px;width:auto;border-right:5px solid transparent}#adminmenu .opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current,#adminmenu .wp-submenu li.current a,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-not-current-submenu li>a,.folded #adminmenu .wp-has-current-submenu li>a{padding-left:16px;padding-right:14px;transition:all .1s ease-in-out,outline 0s}#adminmenu .wp-has-current-submenu ul>li>a,.folded #adminmenu li.menu-top .wp-submenu>li>a{padding:5px 12px}#adminmenu .wp-submenu-head,#adminmenu a.menu-top{font-size:14px;font-weight:400;line-height:1.3;padding:0}#adminmenu .wp-submenu-head{display:none}.folded #adminmenu .wp-menu-name{position:absolute;right:-999px}.folded #adminmenu .wp-submenu-head{display:block}#adminmenu .wp-submenu li{padding:0;margin:0}#adminmenu .wp-menu-image img{padding:9px 0 0;opacity:.6}#adminmenu div.wp-menu-name{padding:8px 36px 8px 8px;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}#adminmenu div.wp-menu-image{float:right;width:36px;height:34px;margin:0;text-align:center}#adminmenu div.wp-menu-image.svg{background-repeat:no-repeat;background-position:center;background-size:20px auto}div.wp-menu-image:before{color:#a7aaad;color:rgba(240,246,252,.6);padding:7px 0;transition:all .1s ease-in-out}#adminmenu div.wp-menu-image:before{color:#a7aaad;color:rgba(240,246,252,.6)}#adminmenu .current div.wp-menu-image:before,#adminmenu .wp-has-current-submenu div.wp-menu-image:before,#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before{color:#fff}#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#72aee6}.folded #adminmenu div.wp-menu-image{width:35px;height:30px;position:absolute;z-index:25}.folded #adminmenu a.menu-top{height:34px}.sticky-menu #adminmenuwrap{position:fixed}.wp-menu-arrow{display:none!important}ul#adminmenu a.wp-has-current-submenu{position:relative}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{left:0;border:solid 8px transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-left-color:#f0f0f1;top:50%;margin-top:-8px}.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after,.folded ul#adminmenu li:hover a.wp-has-current-submenu:after{display:none}.folded ul#adminmenu a.wp-has-current-submenu:after,.folded ul#adminmenu>li a.current:after{border-width:4px;margin-top:-4px}#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{left:0;border:8px solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;top:10px;z-index:10000}.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{border-width:4px;margin-top:-4px;top:18px}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#2c3338}#adminmenu li.menu-top:hover .wp-menu-image img,#adminmenu li.wp-has-current-submenu .wp-menu-image img{opacity:1}#adminmenu li.wp-menu-separator{height:5px;padding:0;margin:0 0 6px;cursor:inherit}#adminmenu div.separator{height:2px;padding:0}#adminmenu .wp-submenu .wp-submenu-head{color:#fff;font-weight:400;font-size:14px;padding:5px 11px 5px 4px;margin:-7px -5px 4px 0;border-width:3px 5px 3px 0;border-style:solid;border-color:transparent}#adminmenu li.current,.folded #adminmenu li.wp-menu-open{border:0 none}#adminmenu .awaiting-mod,#adminmenu .update-plugins{display:inline-block;vertical-align:top;box-sizing:border-box;margin:1px 2px -1px 0;padding:0 5px;min-width:18px;height:18px;border-radius:9px;background-color:#d63638;color:#fff;font-size:11px;line-height:1.6;text-align:center;z-index:26}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod{background-color:#d63638;color:#fff}#adminmenu li span.count-0{display:none}#collapse-button{display:block;width:100%;height:34px;margin:0;border:none;padding:0;position:relative;overflow:visible;background:0 0;color:#a7aaad;cursor:pointer}#collapse-button:hover{color:#72aee6}#collapse-button:focus{color:#72aee6;outline:1px solid transparent;outline-offset:-1px}#collapse-button .collapse-button-icon,#collapse-button .collapse-button-label{display:block;position:absolute;top:0;right:0}#collapse-button .collapse-button-label{top:8px}#collapse-button .collapse-button-icon{width:36px;height:34px}#collapse-button .collapse-button-label{padding:0 36px 0 0}.folded #collapse-button .collapse-button-label{display:none}#collapse-button .collapse-button-icon:after{content:"\f148";display:block;position:relative;top:7px;text-align:center;font:normal 20px/1 dashicons!important;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.folded #collapse-button .collapse-button-icon:after,.rtl #collapse-button .collapse-button-icon:after{transform:rotate(180deg)}.rtl.folded #collapse-button .collapse-button-icon:after{transform:none}#collapse-button .collapse-button-icon:after,#collapse-button .collapse-button-label{transition:all .1s ease-in-out}li#wp-admin-bar-menu-toggle{display:none}.customize-support #menu-appearance a[href="themes.php?page=custom-background"],.customize-support #menu-appearance a[href="themes.php?page=custom-header"]{display:none}@media only screen and (max-width:960px){.auto-fold #wpcontent,.auto-fold #wpfooter{margin-right:36px}.auto-fold #adminmenu,.auto-fold #adminmenu li.menu-top,.auto-fold #adminmenuback,.auto-fold #adminmenuwrap{width:36px}.auto-fold #adminmenu .opensub .wp-submenu,.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu,.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,.auto-fold #adminmenu .wp-submenu.sub-open,.auto-fold #adminmenu a.menu-top:focus+.wp-submenu{top:0;right:36px}.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu,.auto-fold #adminmenu a.wp-has-current-submenu:focus+.wp-submenu{position:absolute;top:-1000em;margin-left:-1px;padding:7px 0 8px;z-index:9999}.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu{min-width:150px;width:auto}.auto-fold #adminmenu .wp-has-current-submenu li>a{padding-left:16px;padding-right:14px}.auto-fold #adminmenu li.menu-top .wp-submenu>li>a{padding-right:12px}.auto-fold #adminmenu .wp-menu-name{position:absolute;right:-999px}.auto-fold #adminmenu .wp-submenu-head{display:block}.auto-fold #adminmenu div.wp-menu-image{height:30px;width:34px;position:absolute;z-index:25}.auto-fold #adminmenu a.menu-top{min-height:34px}.auto-fold #adminmenu li.wp-menu-open{border:0 none}.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last{margin-bottom:0}.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after,.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after{display:none}.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{border-width:4px;margin-top:-4px;top:16px}.auto-fold ul#adminmenu a.wp-has-current-submenu:after,.auto-fold ul#adminmenu>li a.current:after{border-width:4px;margin-top:-4px}.auto-fold #adminmenu li.menu-top:hover,.auto-fold #adminmenu li.opensub>a.menu-top,.auto-fold #adminmenu li>a.menu-top:focus{z-index:10000}.auto-fold #collapse-menu .collapse-button-label{display:none}.auto-fold #collapse-button .collapse-button-icon:after{transform:rotate(180deg)}.rtl.auto-fold #collapse-button .collapse-button-icon:after{transform:none}}@media screen and (max-width:782px){.auto-fold #wpcontent{position:relative;margin-right:0;padding-right:10px}.sticky-menu #adminmenuwrap{position:relative;z-index:auto;top:0}.auto-fold #adminmenu,.auto-fold #adminmenuback,.auto-fold #adminmenuwrap{position:absolute;width:190px;z-index:100}.auto-fold #adminmenuback{position:fixed}.auto-fold #adminmenuback,.auto-fold #adminmenuwrap{display:none}.auto-fold .wp-responsive-open #adminmenuback,.auto-fold .wp-responsive-open #adminmenuwrap{display:block}.auto-fold #adminmenu li.menu-top{width:100%}.auto-fold #adminmenu li a{font-size:16px;padding:5px}.auto-fold #adminmenu li.menu-top .wp-submenu>li>a{padding:10px 20px 10px 10px}.auto-fold #adminmenu .wp-menu-name{position:static}.auto-fold ul#adminmenu a.wp-has-current-submenu:after,.auto-fold ul#adminmenu>li.current>a.current:after{border-width:8px;margin-top:-8px}.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{display:none}#adminmenu .wp-submenu{position:relative;display:none}.auto-fold #adminmenu .selected .wp-submenu,.auto-fold #adminmenu .wp-menu-open .wp-submenu{position:relative;display:block;top:0;right:-1px;box-shadow:none}.auto-fold #adminmenu .selected .wp-submenu:after,.auto-fold #adminmenu .wp-menu-open .wp-submenu:after{display:none}.auto-fold #adminmenu .opensub .wp-submenu{display:none}.auto-fold #adminmenu .selected .wp-submenu{display:block}.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after,.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after{display:block}.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu,.auto-fold #adminmenu a.menu-top:focus+.wp-submenu{position:relative;right:-1px;left:0;top:0}#adminmenu .wp-not-current-submenu .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{border-right:none}#adminmenu .wp-submenu .wp-submenu-head{display:none}#wp-responsive-toggle{position:fixed;top:5px;right:4px;padding-left:10px;z-index:99999;border:none;box-sizing:border-box}#wpadminbar #wp-admin-bar-menu-toggle a{display:block;padding:0;overflow:hidden;outline:0;text-decoration:none;border:1px solid transparent;background:0 0;height:44px;margin-right:-1px}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#2c3338}li#wp-admin-bar-menu-toggle{display:block}#wpadminbar #wp-admin-bar-menu-toggle a:hover{border:1px solid transparent}#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{content:"\f228";display:inline-block;float:right;font:normal 40px/45px dashicons;vertical-align:middle;outline:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:44px;width:50px;padding:0;border:none;text-align:center;text-decoration:none;box-sizing:border-box}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#72aee6}}@media screen and (max-width:600px){#adminmenuback,#adminmenuwrap{display:none}.wp-responsive-open #adminmenuback,.wp-responsive-open #adminmenuwrap{display:block}.auto-fold #adminmenu{top:46px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/admin-menu.css b/tools/storybook/wordpress/css/admin-menu.css
new file mode 100644
index 00000000000..243dde7daa3
--- /dev/null
+++ b/tools/storybook/wordpress/css/admin-menu.css
@@ -0,0 +1,943 @@
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu,
+#adminmenu .wp-submenu {
+	width: 160px;
+	background-color: #1d2327;
+}
+
+#adminmenuback {
+	position: fixed;
+	top: 0;
+	bottom: -120px;
+	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
+}
+
+.php-error #adminmenuback {
+	position: absolute;
+}
+
+.php-error #adminmenuback,
+.php-error #adminmenuwrap {
+	margin-top: 2em;
+}
+
+#adminmenu {
+	clear: left;
+	margin: 12px 0;
+	padding: 0;
+	list-style: none;
+}
+
+.folded #adminmenuback,
+.folded #adminmenuwrap,
+.folded #adminmenu,
+.folded #adminmenu li.menu-top {
+	width: 36px;
+}
+
+.icon16 {
+	height: 18px;
+	width: 18px;
+	padding: 6px;
+	margin: -6px 0 0 -8px;
+	float: left;
+}
+
+/* New Menu icons */
+
+.icon16:before {
+	color: #8c8f94; /* same as new icons */
+	font: normal 20px/1 dashicons;
+	speak: never;
+	padding: 6px 0;
+	height: 34px;
+	width: 20px;
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	transition: all .1s ease-in-out;
+}
+
+.icon16.icon-dashboard:before {
+	content: "\f226";
+}
+
+.icon16.icon-post:before {
+	content: "\f109";
+}
+
+.icon16.icon-media:before {
+	content: "\f104";
+}
+
+.icon16.icon-links:before {
+	content: "\f103";
+}
+
+.icon16.icon-page:before {
+	content: "\f105";
+}
+
+.icon16.icon-comments:before {
+	content: "\f101";
+	margin-top: 1px;
+}
+
+.icon16.icon-appearance:before {
+	content: "\f100";
+}
+
+.icon16.icon-plugins:before {
+	content: "\f106";
+}
+
+.icon16.icon-users:before {
+	content: "\f110";
+}
+
+.icon16.icon-tools:before {
+	content: "\f107";
+}
+
+.icon16.icon-settings:before {
+	content: "\f108";
+}
+
+.icon16.icon-site:before {
+	content: "\f541";
+}
+
+.icon16.icon-generic:before {
+	content: "\f111";
+}
+
+/* hide background-image for icons above */
+.icon16.icon-dashboard,
+.menu-icon-dashboard div.wp-menu-image,
+.icon16.icon-post,
+.menu-icon-post div.wp-menu-image,
+.icon16.icon-media,
+.menu-icon-media div.wp-menu-image,
+.icon16.icon-links,
+.menu-icon-links div.wp-menu-image,
+.icon16.icon-page,
+.menu-icon-page div.wp-menu-image,
+.icon16.icon-comments,
+.menu-icon-comments div.wp-menu-image,
+.icon16.icon-appearance,
+.menu-icon-appearance div.wp-menu-image,
+.icon16.icon-plugins,
+.menu-icon-plugins div.wp-menu-image,
+.icon16.icon-users,
+.menu-icon-users div.wp-menu-image,
+.icon16.icon-tools,
+.menu-icon-tools div.wp-menu-image,
+.icon16.icon-settings,
+.menu-icon-settings div.wp-menu-image,
+.icon16.icon-site,
+.menu-icon-site div.wp-menu-image,
+.icon16.icon-generic,
+.menu-icon-generic div.wp-menu-image {
+	background-image: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  7.0 - Main Navigation (Left Menu)
+------------------------------------------------------------------------------*/
+
+#adminmenuwrap {
+	position: relative;
+	float: left;
+	z-index: 9990;
+}
+
+/* side admin menu */
+#adminmenu * {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#adminmenu li {
+	margin: 0;
+	padding: 0;
+}
+
+#adminmenu a {
+	display: block;
+	line-height: 1.3;
+	padding: 2px 5px;
+	color: #f0f0f1;
+}
+
+#adminmenu .wp-submenu a {
+	color: #c3c4c7;
+	color: rgba(240, 246, 252, 0.7);
+	font-size: 13px;
+	line-height: 1.4;
+	margin: 0;
+	padding: 5px 0;
+}
+
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	background: none;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top > a:focus,
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus {
+	color: #72aee6;
+}
+
+#adminmenu a:hover,
+#adminmenu a:focus,
+.folded #adminmenu .wp-submenu-head:hover {
+	box-shadow: inset 4px 0 0 0 currentColor;
+	transition: box-shadow .1s linear;
+}
+
+#adminmenu li.menu-top {
+	border: none;
+	min-height: 34px;
+	position: relative;
+}
+
+#adminmenu .wp-submenu {
+	list-style: none;
+	position: absolute;
+	top: -1000em;
+	left: 160px;
+	overflow: visible;
+	word-wrap: break-word;
+	padding: 7px 0 8px;
+	z-index: 9999;
+	background-color: #2c3338;
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+.js #adminmenu .sub-open,
+.js #adminmenu .opensub .wp-submenu,
+#adminmenu a.menu-top:focus + .wp-submenu,
+.no-js li.wp-has-submenu:hover .wp-submenu {
+	top: -1px;
+}
+
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+	top: 0;
+}
+
+#adminmenu .wp-has-current-submenu .wp-submenu,
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
+	position: relative;
+	z-index: 3;
+	top: auto;
+	left: auto;
+	right: auto;
+	bottom: auto;
+	border: 0 none;
+	margin-top: 0;
+	box-shadow: none;
+}
+
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
+}
+
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+	position: relative;
+	background-color: #1d2327;
+	color: #72aee6;
+}
+
+.folded #adminmenu li.menu-top:hover,
+.folded #adminmenu li.opensub > a.menu-top,
+.folded #adminmenu li > a.menu-top:focus {
+	z-index: 10000;
+}
+
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.current a.menu-top,
+#adminmenu .wp-menu-arrow,
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
+#adminmenu .wp-menu-arrow div {
+	background: #2271b1;
+	color: #fff;
+}
+
+.folded #adminmenu .wp-submenu.sub-open,
+.folded #adminmenu .opensub .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+.folded #adminmenu a.menu-top:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+	top: 0;
+	left: 36px;
+}
+
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	position: absolute;
+	top: -1000em;
+}
+
+#adminmenu .wp-not-current-submenu .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+	min-width: 160px;
+	width: auto;
+	border-left: 5px solid transparent;
+}
+
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .opensub .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus {
+	color: #fff;
+}
+
+#adminmenu .wp-not-current-submenu li > a,
+.folded #adminmenu .wp-has-current-submenu li > a {
+	padding-right: 16px;
+	padding-left: 14px;
+	/* Exclude from the transition the outline for Windows High Contrast mode */
+	transition: all .1s ease-in-out, outline 0s;
+}
+
+#adminmenu .wp-has-current-submenu ul > li > a,
+.folded #adminmenu li.menu-top .wp-submenu > li > a {
+	padding: 5px 12px;
+}
+
+#adminmenu a.menu-top,
+#adminmenu .wp-submenu-head {
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.3;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu-head {
+	display: none;
+}
+
+.folded #adminmenu .wp-menu-name {
+	position: absolute;
+	left: -999px;
+}
+
+.folded #adminmenu .wp-submenu-head {
+	display: block;
+}
+
+#adminmenu .wp-submenu li {
+	padding: 0;
+	margin: 0;
+}
+
+#adminmenu .wp-menu-image img {
+	padding: 9px 0 0;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#adminmenu div.wp-menu-name {
+	padding: 8px 8px 8px 36px;
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	-ms-word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+#adminmenu div.wp-menu-image {
+	float: left;
+	width: 36px;
+	height: 34px;
+	margin: 0;
+	text-align: center;
+}
+
+#adminmenu div.wp-menu-image.svg {
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 20px auto;
+}
+
+div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+	padding: 7px 0;
+	transition: all .1s ease-in-out;
+}
+
+#adminmenu div.wp-menu-image:before {
+	color: #a7aaad;
+	color: rgba(240, 246, 252, 0.6);
+}
+
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu .current div.wp-menu-image:before,
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
+	color: #fff;
+}
+
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+	color: #72aee6;
+}
+
+.folded #adminmenu div.wp-menu-image {
+	width: 35px;
+	height: 30px;
+	position: absolute;
+	z-index: 25;
+}
+
+.folded #adminmenu a.menu-top {
+	height: 34px;
+}
+
+/* Sticky admin menu */
+.sticky-menu #adminmenuwrap {
+	position: fixed;
+}
+
+/* A new arrow */
+
+.wp-menu-arrow {
+	display: none !important;
+}
+
+ul#adminmenu a.wp-has-current-submenu {
+	position: relative;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+	right: 0;
+	border: solid 8px transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	border-right-color: #f0f0f1;
+	top: 50%;
+	margin-top: -8px;
+}
+
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
+.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
+	display: none;
+}
+
+.folded ul#adminmenu a.wp-has-current-submenu:after,
+.folded ul#adminmenu > li a.current:after {
+	border-width: 4px;
+	margin-top: -4px;
+}
+
+/* flyout menu arrow */
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	right: 0;
+	border: 8px solid transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	top: 10px;
+	z-index: 10000;
+}
+
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-width: 4px;
+	margin-top: -4px;
+	top: 18px;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-right-color: #2c3338;
+}
+
+#adminmenu li.menu-top:hover .wp-menu-image img,
+#adminmenu li.wp-has-current-submenu .wp-menu-image img {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+#adminmenu li.wp-menu-separator {
+	height: 5px;
+	padding: 0;
+	margin: 0 0 6px;
+	cursor: inherit;
+}
+
+/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
+#adminmenu div.separator {
+	height: 2px;
+	padding: 0;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+	color: #fff;
+	font-weight: 400;
+	font-size: 14px;
+	padding: 5px 4px 5px 11px;
+	margin: -7px 0 4px -5px;
+	border-width: 3px 0 3px 5px;
+	border-style: solid;
+	border-color: transparent;
+}
+
+#adminmenu li.current,
+.folded #adminmenu li.wp-menu-open {
+	border: 0 none;
+}
+
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	margin: 1px 0 -1px 2px;
+	padding: 0 5px;
+	min-width: 18px;
+	height: 18px;
+	border-radius: 9px;
+	background-color: #d63638;
+	color: #fff;
+	font-size: 11px;
+	line-height: 1.6;
+	text-align: center;
+	z-index: 26;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins {
+	background-color: #d63638;
+	color: #fff;
+}
+
+#adminmenu li span.count-0 {
+	display: none;
+}
+
+#collapse-button {
+	display: block;
+	width: 100%;
+	height: 34px;
+	margin: 0;
+	border: none;
+	padding: 0;
+	position: relative;
+	overflow: visible;
+	background: none;
+	color: #a7aaad;
+	cursor: pointer;
+}
+
+#collapse-button:hover {
+	color: #72aee6;
+}
+
+#collapse-button:focus {
+	color: #72aee6;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+#collapse-button .collapse-button-icon,
+#collapse-button .collapse-button-label {
+	/* absolutely positioned to avoid 1px shift in IE when button is pressed */
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+#collapse-button .collapse-button-label {
+	top: 8px;
+}
+
+#collapse-button .collapse-button-icon {
+	width: 36px;
+	height: 34px;
+}
+
+#collapse-button .collapse-button-label {
+	padding: 0 0 0 36px;
+}
+
+.folded #collapse-button .collapse-button-label {
+	display: none;
+}
+
+#collapse-button .collapse-button-icon:after {
+	content: "\f148";
+	display: block;
+	position: relative;
+	top: 7px;
+	text-align: center;
+	font: normal 20px/1 dashicons !important;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* rtl:ignore */
+.folded #collapse-button .collapse-button-icon:after,
+.rtl #collapse-button .collapse-button-icon:after {
+	transform: rotate(180deg);
+}
+
+.rtl.folded #collapse-button .collapse-button-icon:after {
+	transform: none;
+}
+
+#collapse-button .collapse-button-icon:after,
+#collapse-button .collapse-button-label {
+	transition: all .1s ease-in-out;
+}
+
+/**
+ * Toolbar menu toggle
+ */
+li#wp-admin-bar-menu-toggle {
+	display: none;
+}
+
+/* Hide-if-customize for items we can't add classes to */
+.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
+.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
+	display: none;
+}
+
+/* Auto-folding of the admin menu */
+@media only screen and (max-width: 960px) {
+	.auto-fold #wpcontent,
+	.auto-fold #wpfooter {
+		margin-left: 36px;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap,
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenu li.menu-top {
+		width: 36px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .opensub .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		top: 0;
+		left: 36px;
+	}
+
+	.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		position: absolute;
+		top: -1000em;
+		margin-right: -1px;
+		padding: 7px 0 8px;
+		z-index: 9999;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		min-width: 150px;
+		width: auto;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu li > a {
+		padding-right: 16px;
+		padding-left: 14px;
+	}
+
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding-left: 12px;
+	}
+
+	.auto-fold #adminmenu .wp-menu-name {
+		position: absolute;
+		left: -999px;
+	}
+
+	.auto-fold #adminmenu .wp-submenu-head {
+		display: block;
+	}
+
+	.auto-fold #adminmenu div.wp-menu-image {
+		height: 30px;
+		width: 34px;
+		position: absolute;
+		z-index: 25;
+	}
+
+	.auto-fold #adminmenu a.menu-top {
+		min-height: 34px;
+	}
+
+	.auto-fold #adminmenu li.wp-menu-open {
+		border: 0 none;
+	}
+
+	.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
+		margin-bottom: 0;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: none;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		border-width: 4px;
+		margin-top: -4px;
+		top: 16px;
+	}
+
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li a.current:after {
+		border-width: 4px;
+		margin-top: -4px;
+	}
+
+	.auto-fold #adminmenu li.menu-top:hover,
+	.auto-fold #adminmenu li.opensub > a.menu-top,
+	.auto-fold #adminmenu li > a.menu-top:focus {
+		z-index: 10000;
+	}
+
+	.auto-fold #collapse-menu .collapse-button-label {
+		display: none;
+	}
+
+	/* rtl:ignore */
+	.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: rotate(180deg);
+	}
+
+	.rtl.auto-fold #collapse-button .collapse-button-icon:after {
+		transform: none;
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	.auto-fold #wpcontent {
+		position: relative;
+		margin-left: 0;
+		padding-left: 10px;
+	}
+
+	.sticky-menu #adminmenuwrap {
+		position: relative;
+		z-index: auto;
+		top: 0;
+	}
+
+	/* Sidebar Adjustments */
+	.auto-fold #adminmenu,
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		position: absolute;
+		width: 190px;
+		z-index: 100;
+	}
+
+	.auto-fold #adminmenuback {
+		position: fixed;
+	}
+
+	.auto-fold #adminmenuback,
+	.auto-fold #adminmenuwrap {
+		display: none;
+	}
+
+	.auto-fold .wp-responsive-open #adminmenuback,
+	.auto-fold .wp-responsive-open #adminmenuwrap {
+		display: block;
+	}
+
+	.auto-fold #adminmenu li.menu-top {
+		width: 100%;
+	}
+
+	/* Resize the admin menu items to a comfortable touch size */
+	.auto-fold #adminmenu li a {
+		font-size: 16px;
+		padding: 5px;
+	}
+
+	.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+		padding: 10px 10px 10px 20px;
+	}
+
+	/* Restore the menu names */
+	.auto-fold #adminmenu .wp-menu-name {
+		position: static;
+	}
+
+	/* Switch the arrow side */
+	.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu > li.current > a.current:after {
+		border-width: 8px;
+		margin-top: -8px;
+	}
+
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+	.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+		display: none;
+	}
+
+	/* Make the submenus appear correctly when tapped. */
+	#adminmenu .wp-submenu {
+		position: relative;
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu {
+		position: relative;
+		display: block;
+		top: 0;
+		left: -1px;
+		box-shadow: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu:after,
+	.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .opensub .wp-submenu {
+		display: none;
+	}
+
+	.auto-fold #adminmenu .selected .wp-submenu {
+		display: block;
+	}
+
+	.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
+	.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
+		display: block;
+	}
+
+	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+		position: relative;
+		left: -1px;
+		right: 0;
+		top: 0;
+	}
+
+	#adminmenu .wp-not-current-submenu .wp-submenu,
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+		border-left: none;
+	}
+
+	/* Remove submenu headers and adjust sub meu*/
+	#adminmenu .wp-submenu .wp-submenu-head {
+		display: none;
+	}
+
+	/* Toolbar menu toggle */
+	#wp-responsive-toggle {
+		position: fixed;
+		top: 5px;
+		left: 4px;
+		padding-right: 10px;
+		z-index: 99999;
+		border: none;
+		box-sizing: border-box;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a {
+		display: block;
+		padding: 0;
+		overflow: hidden;
+		outline: none;
+		text-decoration: none;
+		border: 1px solid transparent;
+		background: none;
+		height: 44px;
+		margin-left: -1px;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+		background: #2c3338;
+	}
+
+	li#wp-admin-bar-menu-toggle {
+		display: block;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle a:hover {
+		border: 1px solid transparent;
+	}
+
+	#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		content: "\f228";
+		display: inline-block;
+		float: left;
+		font: normal 40px/45px dashicons;
+		vertical-align: middle;
+		outline: none;
+		margin: 0;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		height: 44px;
+		width: 50px;
+		padding: 0;
+		border: none;
+		text-align: center;
+		text-decoration: none;
+		box-sizing: border-box;
+	}
+
+	.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+		color: #72aee6;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	#adminmenuwrap,
+	#adminmenuback {
+		display: none;
+	}
+
+	.wp-responsive-open #adminmenuwrap,
+	.wp-responsive-open #adminmenuback {
+		display: block;
+	}
+
+	.auto-fold #adminmenu {
+		top: 46px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/admin-menu.min.css b/tools/storybook/wordpress/css/admin-menu.min.css
new file mode 100644
index 00000000000..5f12ce44935
--- /dev/null
+++ b/tools/storybook/wordpress/css/admin-menu.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#adminmenu,#adminmenu .wp-submenu,#adminmenuback,#adminmenuwrap{width:160px;background-color:#1d2327}#adminmenuback{position:fixed;top:0;bottom:-120px;z-index:1}.php-error #adminmenuback{position:absolute}.php-error #adminmenuback,.php-error #adminmenuwrap{margin-top:2em}#adminmenu{clear:left;margin:12px 0;padding:0;list-style:none}.folded #adminmenu,.folded #adminmenu li.menu-top,.folded #adminmenuback,.folded #adminmenuwrap{width:36px}.icon16{height:18px;width:18px;padding:6px;margin:-6px 0 0 -8px;float:left}.icon16:before{color:#8c8f94;font:normal 20px/1 dashicons;speak:never;padding:6px 0;height:34px;width:20px;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .1s ease-in-out}.icon16.icon-dashboard:before{content:"\f226"}.icon16.icon-post:before{content:"\f109"}.icon16.icon-media:before{content:"\f104"}.icon16.icon-links:before{content:"\f103"}.icon16.icon-page:before{content:"\f105"}.icon16.icon-comments:before{content:"\f101";margin-top:1px}.icon16.icon-appearance:before{content:"\f100"}.icon16.icon-plugins:before{content:"\f106"}.icon16.icon-users:before{content:"\f110"}.icon16.icon-tools:before{content:"\f107"}.icon16.icon-settings:before{content:"\f108"}.icon16.icon-site:before{content:"\f541"}.icon16.icon-generic:before{content:"\f111"}.icon16.icon-appearance,.icon16.icon-comments,.icon16.icon-dashboard,.icon16.icon-generic,.icon16.icon-links,.icon16.icon-media,.icon16.icon-page,.icon16.icon-plugins,.icon16.icon-post,.icon16.icon-settings,.icon16.icon-site,.icon16.icon-tools,.icon16.icon-users,.menu-icon-appearance div.wp-menu-image,.menu-icon-comments div.wp-menu-image,.menu-icon-dashboard div.wp-menu-image,.menu-icon-generic div.wp-menu-image,.menu-icon-links div.wp-menu-image,.menu-icon-media div.wp-menu-image,.menu-icon-page div.wp-menu-image,.menu-icon-plugins div.wp-menu-image,.menu-icon-post div.wp-menu-image,.menu-icon-settings div.wp-menu-image,.menu-icon-site div.wp-menu-image,.menu-icon-tools div.wp-menu-image,.menu-icon-users div.wp-menu-image{background-image:none!important}#adminmenuwrap{position:relative;float:left;z-index:9990}#adminmenu *{-webkit-user-select:none;user-select:none}#adminmenu li{margin:0;padding:0}#adminmenu a{display:block;line-height:1.3;padding:2px 5px;color:#f0f0f1}#adminmenu .wp-submenu a{color:#c3c4c7;color:rgba(240,246,252,.7);font-size:13px;line-height:1.4;margin:0;padding:5px 0}#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover{background:0 0}#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a:hover,#adminmenu li.menu-top>a:focus{color:#72aee6}#adminmenu a:focus,#adminmenu a:hover,.folded #adminmenu .wp-submenu-head:hover{box-shadow:inset 4px 0 0 0 currentColor;transition:box-shadow .1s linear}#adminmenu li.menu-top{border:none;min-height:34px;position:relative}#adminmenu .wp-submenu{list-style:none;position:absolute;top:-1000em;left:160px;overflow:visible;word-wrap:break-word;padding:7px 0 8px;z-index:9999;background-color:#2c3338;box-shadow:0 3px 5px rgba(0,0,0,.2)}#adminmenu a.menu-top:focus+.wp-submenu,.js #adminmenu .opensub .wp-submenu,.js #adminmenu .sub-open,.no-js li.wp-has-submenu:hover .wp-submenu{top:-1px}#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{top:0}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,.no-js li.wp-has-current-submenu:hover .wp-submenu{position:relative;z-index:3;top:auto;left:auto;right:auto;bottom:auto;border:0 none;margin-top:0;box-shadow:none}.folded #adminmenu .wp-has-current-submenu .wp-submenu{box-shadow:0 3px 5px rgba(0,0,0,.2)}#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{position:relative;background-color:#1d2327;color:#72aee6}.folded #adminmenu li.menu-top:hover,.folded #adminmenu li.opensub>a.menu-top,.folded #adminmenu li>a.menu-top:focus{z-index:10000}#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu .wp-menu-arrow,#adminmenu .wp-menu-arrow div,#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu{background:#2271b1;color:#fff}.folded #adminmenu .opensub .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,.folded #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu,.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,.folded #adminmenu .wp-submenu.sub-open,.folded #adminmenu a.menu-top:focus+.wp-submenu,.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu{top:0;left:36px}.folded #adminmenu .wp-has-current-submenu .wp-submenu,.folded #adminmenu a.wp-has-current-submenu:focus+.wp-submenu{position:absolute;top:-1000em}#adminmenu .wp-not-current-submenu .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{min-width:160px;width:auto;border-left:5px solid transparent}#adminmenu .opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current,#adminmenu .wp-submenu li.current a,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-not-current-submenu li>a,.folded #adminmenu .wp-has-current-submenu li>a{padding-right:16px;padding-left:14px;transition:all .1s ease-in-out,outline 0s}#adminmenu .wp-has-current-submenu ul>li>a,.folded #adminmenu li.menu-top .wp-submenu>li>a{padding:5px 12px}#adminmenu .wp-submenu-head,#adminmenu a.menu-top{font-size:14px;font-weight:400;line-height:1.3;padding:0}#adminmenu .wp-submenu-head{display:none}.folded #adminmenu .wp-menu-name{position:absolute;left:-999px}.folded #adminmenu .wp-submenu-head{display:block}#adminmenu .wp-submenu li{padding:0;margin:0}#adminmenu .wp-menu-image img{padding:9px 0 0;opacity:.6}#adminmenu div.wp-menu-name{padding:8px 8px 8px 36px;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}#adminmenu div.wp-menu-image{float:left;width:36px;height:34px;margin:0;text-align:center}#adminmenu div.wp-menu-image.svg{background-repeat:no-repeat;background-position:center;background-size:20px auto}div.wp-menu-image:before{color:#a7aaad;color:rgba(240,246,252,.6);padding:7px 0;transition:all .1s ease-in-out}#adminmenu div.wp-menu-image:before{color:#a7aaad;color:rgba(240,246,252,.6)}#adminmenu .current div.wp-menu-image:before,#adminmenu .wp-has-current-submenu div.wp-menu-image:before,#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before{color:#fff}#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#72aee6}.folded #adminmenu div.wp-menu-image{width:35px;height:30px;position:absolute;z-index:25}.folded #adminmenu a.menu-top{height:34px}.sticky-menu #adminmenuwrap{position:fixed}.wp-menu-arrow{display:none!important}ul#adminmenu a.wp-has-current-submenu{position:relative}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{right:0;border:solid 8px transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#f0f0f1;top:50%;margin-top:-8px}.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after,.folded ul#adminmenu li:hover a.wp-has-current-submenu:after{display:none}.folded ul#adminmenu a.wp-has-current-submenu:after,.folded ul#adminmenu>li a.current:after{border-width:4px;margin-top:-4px}#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{right:0;border:8px solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;top:10px;z-index:10000}.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{border-width:4px;margin-top:-4px;top:18px}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#2c3338}#adminmenu li.menu-top:hover .wp-menu-image img,#adminmenu li.wp-has-current-submenu .wp-menu-image img{opacity:1}#adminmenu li.wp-menu-separator{height:5px;padding:0;margin:0 0 6px;cursor:inherit}#adminmenu div.separator{height:2px;padding:0}#adminmenu .wp-submenu .wp-submenu-head{color:#fff;font-weight:400;font-size:14px;padding:5px 4px 5px 11px;margin:-7px 0 4px -5px;border-width:3px 0 3px 5px;border-style:solid;border-color:transparent}#adminmenu li.current,.folded #adminmenu li.wp-menu-open{border:0 none}#adminmenu .awaiting-mod,#adminmenu .update-plugins{display:inline-block;vertical-align:top;box-sizing:border-box;margin:1px 0 -1px 2px;padding:0 5px;min-width:18px;height:18px;border-radius:9px;background-color:#d63638;color:#fff;font-size:11px;line-height:1.6;text-align:center;z-index:26}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod{background-color:#d63638;color:#fff}#adminmenu li span.count-0{display:none}#collapse-button{display:block;width:100%;height:34px;margin:0;border:none;padding:0;position:relative;overflow:visible;background:0 0;color:#a7aaad;cursor:pointer}#collapse-button:hover{color:#72aee6}#collapse-button:focus{color:#72aee6;outline:1px solid transparent;outline-offset:-1px}#collapse-button .collapse-button-icon,#collapse-button .collapse-button-label{display:block;position:absolute;top:0;left:0}#collapse-button .collapse-button-label{top:8px}#collapse-button .collapse-button-icon{width:36px;height:34px}#collapse-button .collapse-button-label{padding:0 0 0 36px}.folded #collapse-button .collapse-button-label{display:none}#collapse-button .collapse-button-icon:after{content:"\f148";display:block;position:relative;top:7px;text-align:center;font:normal 20px/1 dashicons!important;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.folded #collapse-button .collapse-button-icon:after,.rtl #collapse-button .collapse-button-icon:after{transform:rotate(180deg)}.rtl.folded #collapse-button .collapse-button-icon:after{transform:none}#collapse-button .collapse-button-icon:after,#collapse-button .collapse-button-label{transition:all .1s ease-in-out}li#wp-admin-bar-menu-toggle{display:none}.customize-support #menu-appearance a[href="themes.php?page=custom-background"],.customize-support #menu-appearance a[href="themes.php?page=custom-header"]{display:none}@media only screen and (max-width:960px){.auto-fold #wpcontent,.auto-fold #wpfooter{margin-left:36px}.auto-fold #adminmenu,.auto-fold #adminmenu li.menu-top,.auto-fold #adminmenuback,.auto-fold #adminmenuwrap{width:36px}.auto-fold #adminmenu .opensub .wp-submenu,.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu,.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,.auto-fold #adminmenu .wp-submenu.sub-open,.auto-fold #adminmenu a.menu-top:focus+.wp-submenu{top:0;left:36px}.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu,.auto-fold #adminmenu a.wp-has-current-submenu:focus+.wp-submenu{position:absolute;top:-1000em;margin-right:-1px;padding:7px 0 8px;z-index:9999}.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu{min-width:150px;width:auto}.auto-fold #adminmenu .wp-has-current-submenu li>a{padding-right:16px;padding-left:14px}.auto-fold #adminmenu li.menu-top .wp-submenu>li>a{padding-left:12px}.auto-fold #adminmenu .wp-menu-name{position:absolute;left:-999px}.auto-fold #adminmenu .wp-submenu-head{display:block}.auto-fold #adminmenu div.wp-menu-image{height:30px;width:34px;position:absolute;z-index:25}.auto-fold #adminmenu a.menu-top{min-height:34px}.auto-fold #adminmenu li.wp-menu-open{border:0 none}.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last{margin-bottom:0}.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after,.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after{display:none}.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{border-width:4px;margin-top:-4px;top:16px}.auto-fold ul#adminmenu a.wp-has-current-submenu:after,.auto-fold ul#adminmenu>li a.current:after{border-width:4px;margin-top:-4px}.auto-fold #adminmenu li.menu-top:hover,.auto-fold #adminmenu li.opensub>a.menu-top,.auto-fold #adminmenu li>a.menu-top:focus{z-index:10000}.auto-fold #collapse-menu .collapse-button-label{display:none}.auto-fold #collapse-button .collapse-button-icon:after{transform:rotate(180deg)}.rtl.auto-fold #collapse-button .collapse-button-icon:after{transform:none}}@media screen and (max-width:782px){.auto-fold #wpcontent{position:relative;margin-left:0;padding-left:10px}.sticky-menu #adminmenuwrap{position:relative;z-index:auto;top:0}.auto-fold #adminmenu,.auto-fold #adminmenuback,.auto-fold #adminmenuwrap{position:absolute;width:190px;z-index:100}.auto-fold #adminmenuback{position:fixed}.auto-fold #adminmenuback,.auto-fold #adminmenuwrap{display:none}.auto-fold .wp-responsive-open #adminmenuback,.auto-fold .wp-responsive-open #adminmenuwrap{display:block}.auto-fold #adminmenu li.menu-top{width:100%}.auto-fold #adminmenu li a{font-size:16px;padding:5px}.auto-fold #adminmenu li.menu-top .wp-submenu>li>a{padding:10px 10px 10px 20px}.auto-fold #adminmenu .wp-menu-name{position:static}.auto-fold ul#adminmenu a.wp-has-current-submenu:after,.auto-fold ul#adminmenu>li.current>a.current:after{border-width:8px;margin-top:-8px}.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after,.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{display:none}#adminmenu .wp-submenu{position:relative;display:none}.auto-fold #adminmenu .selected .wp-submenu,.auto-fold #adminmenu .wp-menu-open .wp-submenu{position:relative;display:block;top:0;left:-1px;box-shadow:none}.auto-fold #adminmenu .selected .wp-submenu:after,.auto-fold #adminmenu .wp-menu-open .wp-submenu:after{display:none}.auto-fold #adminmenu .opensub .wp-submenu{display:none}.auto-fold #adminmenu .selected .wp-submenu{display:block}.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after,.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after{display:block}.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus+.wp-submenu,.auto-fold #adminmenu a.menu-top:focus+.wp-submenu{position:relative;left:-1px;right:0;top:0}#adminmenu .wp-not-current-submenu .wp-submenu,.folded #adminmenu .wp-has-current-submenu .wp-submenu{border-left:none}#adminmenu .wp-submenu .wp-submenu-head{display:none}#wp-responsive-toggle{position:fixed;top:5px;left:4px;padding-right:10px;z-index:99999;border:none;box-sizing:border-box}#wpadminbar #wp-admin-bar-menu-toggle a{display:block;padding:0;overflow:hidden;outline:0;text-decoration:none;border:1px solid transparent;background:0 0;height:44px;margin-left:-1px}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#2c3338}li#wp-admin-bar-menu-toggle{display:block}#wpadminbar #wp-admin-bar-menu-toggle a:hover{border:1px solid transparent}#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{content:"\f228";display:inline-block;float:left;font:normal 40px/45px dashicons;vertical-align:middle;outline:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:44px;width:50px;padding:0;border:none;text-align:center;text-decoration:none;box-sizing:border-box}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#72aee6}}@media screen and (max-width:600px){#adminmenuback,#adminmenuwrap{display:none}.wp-responsive-open #adminmenuback,.wp-responsive-open #adminmenuwrap{display:block}.auto-fold #adminmenu{top:46px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/code-editor-rtl.css b/tools/storybook/wordpress/css/code-editor-rtl.css
new file mode 100644
index 00000000000..a485e6c6c35
--- /dev/null
+++ b/tools/storybook/wordpress/css/code-editor-rtl.css
@@ -0,0 +1,77 @@
+/*! This file is auto-generated */
+.wrap [class*="CodeMirror-lint-marker"],
+.wp-core-ui [class*="CodeMirror-lint-message"],
+.wrap .CodeMirror-lint-marker-multiple {
+	background-image: none;
+}
+
+.wp-core-ui .CodeMirror-lint-marker-error,
+.wp-core-ui .CodeMirror-lint-marker-warning {
+	cursor: help;
+}
+
+.wrap .CodeMirror-lint-marker-multiple {
+	position: absolute;
+	top: 0;
+}
+
+.wrap [class*="CodeMirror-lint-marker"]:before {
+	font: normal 18px/1 dashicons;
+	position: relative;
+	top: -2px;
+}
+
+.wp-core-ui [class*="CodeMirror-lint-message"]:before {
+	font: normal 16px/1 dashicons;
+	right: 16px;
+	position: absolute;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error,
+.wp-core-ui .CodeMirror-lint-message-warning {
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	margin: 5px 0 2px;
+	padding: 3px 28px 3px 12px;
+}
+
+.wp-core-ui .CodeMirror-lint-message-warning {
+	background-color: #fcf9e8;
+	border-right: 4px solid #dba617;
+}
+
+.wrap .CodeMirror-lint-marker-warning:before,
+.wp-core-ui .CodeMirror-lint-message-warning:before {
+	content: "\f534";
+	color: #dba617;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error {
+	background-color: #fcf0f1;
+	border-right: 4px solid #d63638;
+}
+
+.wrap .CodeMirror-lint-marker-error:before,
+.wp-core-ui .CodeMirror-lint-message-error:before {
+	content: "\f153";
+	color: #d63638;
+}
+
+.wp-core-ui .CodeMirror-lint-tooltip {
+	background: none;
+	border: none;
+	border-radius: 0;
+	direction: rtl;
+}
+
+.wrap .CodeMirror .CodeMirror-matchingbracket {
+	background: rgba(219, 166, 23, 0.3);
+	color: inherit;
+}
+
+.CodeMirror {
+	text-align: right;
+}
+
+.wrap .CodeMirror .CodeMirror-linenumber {
+	color: #646970;
+}
diff --git a/tools/storybook/wordpress/css/code-editor-rtl.min.css b/tools/storybook/wordpress/css/code-editor-rtl.min.css
new file mode 100644
index 00000000000..d746eb2089e
--- /dev/null
+++ b/tools/storybook/wordpress/css/code-editor-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-right:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-right:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:right}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/code-editor.css b/tools/storybook/wordpress/css/code-editor.css
new file mode 100644
index 00000000000..92c39405ba1
--- /dev/null
+++ b/tools/storybook/wordpress/css/code-editor.css
@@ -0,0 +1,76 @@
+.wrap [class*="CodeMirror-lint-marker"],
+.wp-core-ui [class*="CodeMirror-lint-message"],
+.wrap .CodeMirror-lint-marker-multiple {
+	background-image: none;
+}
+
+.wp-core-ui .CodeMirror-lint-marker-error,
+.wp-core-ui .CodeMirror-lint-marker-warning {
+	cursor: help;
+}
+
+.wrap .CodeMirror-lint-marker-multiple {
+	position: absolute;
+	top: 0;
+}
+
+.wrap [class*="CodeMirror-lint-marker"]:before {
+	font: normal 18px/1 dashicons;
+	position: relative;
+	top: -2px;
+}
+
+.wp-core-ui [class*="CodeMirror-lint-message"]:before {
+	font: normal 16px/1 dashicons;
+	left: 16px;
+	position: absolute;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error,
+.wp-core-ui .CodeMirror-lint-message-warning {
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	margin: 5px 0 2px;
+	padding: 3px 12px 3px 28px;
+}
+
+.wp-core-ui .CodeMirror-lint-message-warning {
+	background-color: #fcf9e8;
+	border-left: 4px solid #dba617;
+}
+
+.wrap .CodeMirror-lint-marker-warning:before,
+.wp-core-ui .CodeMirror-lint-message-warning:before {
+	content: "\f534";
+	color: #dba617;
+}
+
+.wp-core-ui .CodeMirror-lint-message-error {
+	background-color: #fcf0f1;
+	border-left: 4px solid #d63638;
+}
+
+.wrap .CodeMirror-lint-marker-error:before,
+.wp-core-ui .CodeMirror-lint-message-error:before {
+	content: "\f153";
+	color: #d63638;
+}
+
+.wp-core-ui .CodeMirror-lint-tooltip {
+	background: none;
+	border: none;
+	border-radius: 0;
+	direction: ltr;
+}
+
+.wrap .CodeMirror .CodeMirror-matchingbracket {
+	background: rgba(219, 166, 23, 0.3);
+	color: inherit;
+}
+
+.CodeMirror {
+	text-align: left;
+}
+
+.wrap .CodeMirror .CodeMirror-linenumber {
+	color: #646970;
+}
diff --git a/tools/storybook/wordpress/css/code-editor.min.css b/tools/storybook/wordpress/css/code-editor.min.css
new file mode 100644
index 00000000000..fc08821a855
--- /dev/null
+++ b/tools/storybook/wordpress/css/code-editor.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-left:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-left:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:left}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/color-picker-rtl.css b/tools/storybook/wordpress/css/color-picker-rtl.css
new file mode 100644
index 00000000000..7b8e1842bf5
--- /dev/null
+++ b/tools/storybook/wordpress/css/color-picker-rtl.css
@@ -0,0 +1,183 @@
+/*! This file is auto-generated */
+/* rtl:ignore */
+.wp-color-picker {
+	width: 80px;
+	direction: ltr;
+}
+
+.wp-picker-container .hidden {
+	display: none;
+}
+
+/* Needs higher specificiity. */
+.wp-picker-container .wp-color-result.button {
+	min-height: 30px;
+	margin: 0 0 6px 6px;
+	padding: 0 30px 0 0;
+	font-size: 11px;
+}
+
+.wp-color-result-text {
+	background: #f6f7f7;
+	border-radius: 2px 0 0 2px;
+	border-right: 1px solid #c3c4c7;
+	color: #50575e;
+	display: block;
+	line-height: 2.54545455; /* 28px */
+	padding: 0 6px;
+	text-align: center;
+}
+
+.wp-color-result:hover,
+.wp-color-result:focus {
+	background: #f6f7f7;
+	border-color: #8c8f94;
+	color: #1d2327;
+}
+
+.wp-color-result:hover:after,
+.wp-color-result:focus:after {
+	color: #1d2327;
+	border-color: #a7aaad;
+	border-right: 1px solid #8c8f94;
+}
+
+.wp-picker-container {
+	display: inline-block;
+}
+
+.wp-color-result:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+.wp-color-result:active {
+	/* See Trac ticket #39662 */
+	transform: none !important;
+}
+
+.wp-picker-open + .wp-picker-input-wrap {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.wp-picker-input-wrap label {
+	display: inline-block;
+	vertical-align: top;
+}
+
+/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
+.form-table .wp-picker-input-wrap label {
+	margin: 0 !important;
+}
+
+.wp-picker-input-wrap .button.wp-picker-default,
+.wp-picker-input-wrap .button.wp-picker-clear,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+	margin-right: 6px;
+	padding: 0 8px;
+	line-height: 2.54545455; /* 28px */
+	min-height: 30px;
+}
+
+.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
+	background-color: #50575e
+}
+
+.wp-picker-container .iris-picker {
+	border-radius: 0;
+	border-color: #dcdcde;
+	margin-top: 6px;
+}
+
+.wp-picker-container input[type="text"].wp-color-picker {
+	width: 4rem;
+	font-size: 12px;
+	font-family: monospace;
+	line-height: 2.33333333; /* 28px */
+	margin: 0;
+	padding: 0 5px;
+	vertical-align: top;
+	min-height: 30px;
+}
+
+.wp-color-picker::-webkit-input-placeholder {
+	color: #646970;
+}
+
+.wp-color-picker::-moz-placeholder {
+	color: #646970;
+	opacity: 1;
+}
+
+.wp-color-picker:-ms-input-placeholder {
+	color: #646970;
+}
+
+.wp-picker-container input[type="text"].iris-error {
+	background-color: #fcf0f1;
+	border-color: #d63638;
+	color: #000;
+}
+
+.iris-picker .ui-square-handle:focus,
+.iris-picker .iris-strip .ui-slider-handle:focus {
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	outline: 2px solid transparent;
+}
+
+.iris-picker .iris-palette:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+}
+
+@media screen and (max-width: 782px) {
+	.wp-picker-container input[type="text"].wp-color-picker {
+		width: 5rem;
+		font-size: 16px;
+		line-height: 1.875; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
+		padding: 0 5px;
+	}
+
+	.wp-picker-input-wrap .button.wp-picker-default,
+	.wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-picker-container .wp-color-result.button {
+		padding: 0 40px 0 0;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result.button {
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-picker-container .wp-color-result-text {
+		padding: 0 14px;
+		font-size: inherit;
+		line-height: inherit;
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result-text {
+		padding: 0 10px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/color-picker-rtl.min.css b/tools/storybook/wordpress/css/color-picker-rtl.min.css
new file mode 100644
index 00000000000..63f4ff7b73c
--- /dev/null
+++ b/tools/storybook/wordpress/css/color-picker-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:2px 0 0 2px;border-right:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-right:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/color-picker.css b/tools/storybook/wordpress/css/color-picker.css
new file mode 100644
index 00000000000..89513949579
--- /dev/null
+++ b/tools/storybook/wordpress/css/color-picker.css
@@ -0,0 +1,182 @@
+/* rtl:ignore */
+.wp-color-picker {
+	width: 80px;
+	direction: ltr;
+}
+
+.wp-picker-container .hidden {
+	display: none;
+}
+
+/* Needs higher specificiity. */
+.wp-picker-container .wp-color-result.button {
+	min-height: 30px;
+	margin: 0 6px 6px 0;
+	padding: 0 0 0 30px;
+	font-size: 11px;
+}
+
+.wp-color-result-text {
+	background: #f6f7f7;
+	border-radius: 0 2px 2px 0;
+	border-left: 1px solid #c3c4c7;
+	color: #50575e;
+	display: block;
+	line-height: 2.54545455; /* 28px */
+	padding: 0 6px;
+	text-align: center;
+}
+
+.wp-color-result:hover,
+.wp-color-result:focus {
+	background: #f6f7f7;
+	border-color: #8c8f94;
+	color: #1d2327;
+}
+
+.wp-color-result:hover:after,
+.wp-color-result:focus:after {
+	color: #1d2327;
+	border-color: #a7aaad;
+	border-left: 1px solid #8c8f94;
+}
+
+.wp-picker-container {
+	display: inline-block;
+}
+
+.wp-color-result:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+.wp-color-result:active {
+	/* See Trac ticket #39662 */
+	transform: none !important;
+}
+
+.wp-picker-open + .wp-picker-input-wrap {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.wp-picker-input-wrap label {
+	display: inline-block;
+	vertical-align: top;
+}
+
+/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
+.form-table .wp-picker-input-wrap label {
+	margin: 0 !important;
+}
+
+.wp-picker-input-wrap .button.wp-picker-default,
+.wp-picker-input-wrap .button.wp-picker-clear,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+	margin-left: 6px;
+	padding: 0 8px;
+	line-height: 2.54545455; /* 28px */
+	min-height: 30px;
+}
+
+.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
+	background-color: #50575e
+}
+
+.wp-picker-container .iris-picker {
+	border-radius: 0;
+	border-color: #dcdcde;
+	margin-top: 6px;
+}
+
+.wp-picker-container input[type="text"].wp-color-picker {
+	width: 4rem;
+	font-size: 12px;
+	font-family: monospace;
+	line-height: 2.33333333; /* 28px */
+	margin: 0;
+	padding: 0 5px;
+	vertical-align: top;
+	min-height: 30px;
+}
+
+.wp-color-picker::-webkit-input-placeholder {
+	color: #646970;
+}
+
+.wp-color-picker::-moz-placeholder {
+	color: #646970;
+	opacity: 1;
+}
+
+.wp-color-picker:-ms-input-placeholder {
+	color: #646970;
+}
+
+.wp-picker-container input[type="text"].iris-error {
+	background-color: #fcf0f1;
+	border-color: #d63638;
+	color: #000;
+}
+
+.iris-picker .ui-square-handle:focus,
+.iris-picker .iris-strip .ui-slider-handle:focus {
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	outline: 2px solid transparent;
+}
+
+.iris-picker .iris-palette:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+}
+
+@media screen and (max-width: 782px) {
+	.wp-picker-container input[type="text"].wp-color-picker {
+		width: 5rem;
+		font-size: 16px;
+		line-height: 1.875; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
+		padding: 0 5px;
+	}
+
+	.wp-picker-input-wrap .button.wp-picker-default,
+	.wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
+		padding: 0 8px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-picker-container .wp-color-result.button {
+		padding: 0 0 0 40px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result.button {
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+	}
+
+	.wp-picker-container .wp-color-result-text {
+		padding: 0 14px;
+		font-size: inherit;
+		line-height: inherit;
+	}
+
+	.wp-customizer .wp-picker-container .wp-color-result-text {
+		padding: 0 10px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/color-picker.min.css b/tools/storybook/wordpress/css/color-picker.min.css
new file mode 100644
index 00000000000..a0c81489ed7
--- /dev/null
+++ b/tools/storybook/wordpress/css/color-picker.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/_admin.scss b/tools/storybook/wordpress/css/colors/_admin.scss
new file mode 100644
index 00000000000..cb241905a02
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/_admin.scss
@@ -0,0 +1,797 @@
+
+@import 'variables';
+@import 'mixins';
+
+@function url-friendly-colour( $color ) {
+	@return '%23' + str-slice( '#{ $color }', 2, -1 );
+}
+
+body {
+	background: $body-background;
+}
+
+
+/* Links */
+
+a {
+	color: $link;
+
+	&:hover,
+	&:active,
+	&:focus {
+		color: $link-focus;
+	}
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+	color: currentColor;
+}
+
+.wp-core-ui .button-link {
+	color: $link;
+
+	&:hover,
+	&:active,
+	&:focus {
+		color: $link-focus;
+	}
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+	color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+	color: #dc3232;
+}
+
+/* Forms */
+
+input[type=checkbox]:checked::before {
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+	background: $form-checked;
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+	color: $link-focus;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+select:focus,
+textarea:focus {
+	border-color: $highlight-color;
+	box-shadow: 0 0 0 1px $highlight-color;
+}
+
+
+/* Core UI */
+
+.wp-core-ui {
+
+	.button {
+		border-color: #7e8993;
+		color: #32373c;
+	}
+
+	.button.hover,
+	.button:hover,
+	.button.focus,
+	.button:focus {
+		border-color: darken( #7e8993, 5% );
+		color: darken( #32373c, 5% );
+	}
+
+	.button.focus,
+	.button:focus {
+		border-color: #7e8993;
+		color: darken( #32373c, 5% );
+		box-shadow: 0 0 0 1px #32373c;
+	}
+
+	.button:active {
+		border-color: #7e8993;
+		color: darken( #32373c, 5% );
+		box-shadow: none;
+	}
+
+	.button.active,
+	.button.active:focus,
+	.button.active:hover {
+		border-color: $button-color;
+		color: darken( #32373c, 5% );
+		box-shadow: inset 0 2px 5px -3px $button-color;
+	}
+
+	.button.active:focus {
+		box-shadow: 0 0 0 1px #32373c;
+	}
+
+	@if ( $low-contrast-theme != "true" ) {
+		.button,
+		.button-secondary {
+			color: $highlight-color;
+			border-color: $highlight-color;
+		}
+
+		.button.hover,
+		.button:hover,
+		.button-secondary:hover{
+			border-color: darken($highlight-color, 10);
+			color: darken($highlight-color, 10);
+		}
+
+		.button.focus,
+		.button:focus,
+		.button-secondary:focus {
+			border-color: lighten($highlight-color, 10);
+			color: darken($highlight-color, 20);;
+			box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+		}
+
+		.button-primary {
+			&:hover {
+				color: #fff;
+			}
+		}
+	}
+
+	.button-primary {
+		@include button( $button-color );
+	}
+
+	.button-group > .button.active {
+		border-color: $button-color;
+	}
+
+	.wp-ui-primary {
+		color: $text-color;
+		background-color: $base-color;
+	}
+	.wp-ui-text-primary {
+		color: $base-color;
+	}
+
+	.wp-ui-highlight {
+		color: $menu-highlight-text;
+		background-color: $menu-highlight-background;
+	}
+	.wp-ui-text-highlight {
+		color: $menu-highlight-background;
+	}
+
+	.wp-ui-notification {
+		color: $menu-bubble-text;
+		background-color: $menu-bubble-background;
+	}
+	.wp-ui-text-notification {
+		color: $menu-bubble-background;
+	}
+
+	.wp-ui-text-icon {
+		color: $menu-icon;
+	}
+}
+
+
+/* List tables */
+@if $low-contrast-theme == "true" {
+	.wrap .page-title-action:hover {
+		color: $menu-text;
+		background-color: $menu-background;
+	}
+} @else {
+	.wrap .page-title-action,
+	.wrap .page-title-action:active {
+		border: 1px solid $highlight-color;
+		color: $highlight-color;
+	}
+
+	.wrap .page-title-action:hover {
+		color: darken($highlight-color, 10);
+		border-color: darken($highlight-color, 10);
+	}
+
+	.wrap .page-title-action:focus {
+		border-color: lighten($highlight-color, 10);
+		color: darken($highlight-color, 20);;
+		box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+	}
+}
+
+.view-switch a.current:before {
+	color: $menu-background;
+}
+
+.view-switch a:hover:before {
+	color: $menu-bubble-background;
+}
+
+
+/* Admin Menu */
+
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+	background: $menu-background;
+}
+
+#adminmenu a {
+	color: $menu-text;
+}
+
+#adminmenu div.wp-menu-image:before {
+	color: $menu-icon;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+	color: $menu-highlight-text;
+	background-color: $menu-highlight-background;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+	color: $menu-highlight-icon;
+}
+
+
+/* Active tabs use a bottom border color that matches the page background color. */
+
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+	background-color: $body-background;
+	border-bottom-color: $body-background;
+}
+
+
+/* Admin Menu: submenu */
+
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+	background: $menu-submenu-background;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+	border-right-color: $menu-submenu-background;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+	color: $menu-submenu-text;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+	color: $menu-submenu-text;
+
+	&:focus, &:hover {
+		color: $menu-submenu-focus-text;
+	}
+}
+
+
+/* Admin Menu: current */
+
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+	color: $menu-submenu-current-text;
+
+	&:hover, &:focus {
+		color: $menu-submenu-focus-text;
+	}
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+    border-right-color: $body-background;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+	color: $menu-current-text;
+	background: $menu-current-background;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+	color: $menu-current-icon;
+}
+
+
+/* Admin Menu: bubble */
+
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+	color: $menu-bubble-text;
+	background: $menu-bubble-background;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+	color: $menu-bubble-current-text;
+	background: $menu-bubble-current-background;
+}
+
+
+/* Admin Menu: collapse button */
+
+#collapse-button {
+    color: $menu-collapse-text;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+    color: $menu-submenu-focus-text;
+}
+
+/* Admin Bar */
+
+#wpadminbar {
+	color: $menu-text;
+	background: $menu-background;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+	color: $menu-text;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+	color: $menu-icon;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+	color: $menu-submenu-focus-text;
+	background: $menu-submenu-background;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+	color: $menu-submenu-focus-text;
+}
+
+
+/* Admin Bar: submenu */
+
+#wpadminbar .menupop .ab-sub-wrapper {
+	background: $menu-submenu-background;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+	background: $menu-submenu-background-alt;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+	color: $menu-submenu-text;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+	color: $menu-icon;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+	color: $menu-icon;
+}
+
+
+/* Admin Bar: search */
+
+#wpadminbar #adminbarsearch:before {
+	color: $menu-icon;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+	color: $menu-text;
+	background: $adminbar-input-background;
+}
+
+/* Admin Bar: recovery mode */
+
+#wpadminbar #wp-admin-bar-recovery-mode {
+	color: $adminbar-recovery-exit-text;
+	background-color: $adminbar-recovery-exit-background;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+	color: $adminbar-recovery-exit-text;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+	color: $adminbar-recovery-exit-text;
+	background-color: $adminbar-recovery-exit-background-alt;
+}
+
+/* Admin Bar: my account */
+
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+	border-color: $adminbar-avatar-frame;
+	background-color: $adminbar-avatar-frame;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+	color: $menu-text;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+	color: $menu-submenu-focus-text;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+	color: $menu-submenu-text;
+}
+
+
+/* Pointers */
+
+.wp-pointer .wp-pointer-content h3 {
+	background-color: $highlight-color;
+	border-color: darken( $highlight-color, 5% );
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+	color: $highlight-color;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+	border-bottom-color: $highlight-color;
+}
+
+
+/* Media */
+
+.media-item .bar,
+.media-progress-bar div {
+	background-color: $highlight-color;
+}
+
+.details.attachment {
+	box-shadow:
+		inset 0 0 0 3px #fff,
+		inset 0 0 0 7px $highlight-color;
+}
+
+.attachment.details .check {
+	background-color: $highlight-color;
+	box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
+}
+
+
+/* Themes */
+
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+	background: $highlight-color;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+	color: $highlight-color;
+}
+
+.theme-section.current,
+.theme-filter.current {
+	border-bottom-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters {
+	color: $menu-text;
+	background-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters:before {
+	color: $menu-text;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+	background-color: $menu-highlight-background;
+	color: $menu-highlight-text;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+	color: $menu-highlight-text;
+}
+
+/* Widgets */
+
+.widgets-chooser li.widgets-chooser-selected {
+	background-color: $menu-highlight-background;
+	color: $menu-highlight-text;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+	color: $menu-highlight-text;
+}
+
+
+/* Nav Menus */
+
+.nav-menus-php .item-edit:focus:before {
+	box-shadow:
+		0 0 0 1px lighten($button-color, 10),
+		0 0 2px 1px $button-color;
+}
+
+
+/* Responsive Component */
+
+div#wp-responsive-toggle a:before {
+	color: $menu-icon;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+	// ToDo: make inset border
+	border-color: transparent;
+	background: $menu-highlight-background;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+	background: $menu-submenu-background;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+	color: $menu-icon;
+}
+
+/* TinyMCE */
+
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+	background: $highlight-color;
+}
+
+/* Customizer */
+.wp-core-ui {
+	#customize-controls .control-section:hover > .accordion-section-title,
+	#customize-controls .control-section .accordion-section-title:hover,
+	#customize-controls .control-section.open .accordion-section-title,
+	#customize-controls .control-section .accordion-section-title:focus {
+		color: $link;
+		border-left-color: $button-color;
+	}
+
+	.customize-controls-close:focus,
+	.customize-controls-close:hover,
+	.customize-controls-preview-toggle:focus,
+	.customize-controls-preview-toggle:hover {
+		color: $link;
+		border-top-color: $button-color;
+	}
+
+	.customize-panel-back:hover,
+	.customize-panel-back:focus,
+	.customize-section-back:hover,
+	.customize-section-back:focus {
+		color: $link;
+		border-left-color: $button-color;
+	}
+
+	.customize-screen-options-toggle:hover,
+	.customize-screen-options-toggle:active,
+	.customize-screen-options-toggle:focus,
+	.active-menu-screen-options .customize-screen-options-toggle,
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+		color: $link;
+	}
+
+	.customize-screen-options-toggle:focus:before,
+	#customize-controls .customize-info .customize-help-toggle:focus:before,
+	&.wp-customizer button:focus .toggle-indicator:before,
+	.menu-item-bar .item-delete:focus:before,
+	#available-menu-items .item-add:focus:before,
+	#customize-save-button-wrapper .save:focus,
+	#publish-settings:focus {
+		box-shadow:
+			0 0 0 1px lighten($button-color, 10),
+			0 0 2px 1px $button-color;
+	}
+
+	#customize-controls .customize-info.open .customize-help-toggle,
+	#customize-controls .customize-info .customize-help-toggle:focus,
+	#customize-controls .customize-info .customize-help-toggle:hover {
+		color: $link;
+	}
+
+	.control-panel-themes .customize-themes-section-title:focus,
+	.control-panel-themes .customize-themes-section-title:hover {
+		border-left-color: $button-color;
+		color: $link;
+	}
+
+	.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+		background: $button-color;
+	}
+
+	.control-panel-themes .customize-themes-section-title.selected {
+		color: $link;
+	}
+
+	#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+	#customize-theme-controls .control-section .accordion-section-title:hover:after,
+	#customize-theme-controls .control-section.open .accordion-section-title:after,
+	#customize-theme-controls .control-section .accordion-section-title:focus:after,
+	#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+	#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+	#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+	#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+		color: $link;
+	}
+
+	.customize-control .attachment-media-view .button-add-media:focus {
+		background-color: #fbfbfc;
+		border-color: $button-color;
+		border-style: solid;
+		box-shadow: 0 0 0 1px $button-color;
+		outline: 2px solid transparent;
+	}
+
+	.wp-full-overlay-footer .devices button:focus,
+	.wp-full-overlay-footer .devices button.active:hover {
+		border-bottom-color: $button-color;
+	}
+
+	.wp-full-overlay-footer .devices button:hover:before,
+	.wp-full-overlay-footer .devices button:focus:before {
+		color: $button-color;
+	}
+
+	.wp-full-overlay .collapse-sidebar:hover,
+	.wp-full-overlay .collapse-sidebar:focus {
+		color: $button-color;
+	}
+
+	.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+	.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+		box-shadow:
+			0 0 0 1px lighten($button-color, 10),
+			0 0 2px 1px $button-color;
+	}
+
+	&.wp-customizer .theme-overlay .theme-header .close:focus,
+	&.wp-customizer .theme-overlay .theme-header .close:hover,
+	&.wp-customizer .theme-overlay .theme-header .right:focus,
+	&.wp-customizer .theme-overlay .theme-header .right:hover,
+	&.wp-customizer .theme-overlay .theme-header .left:focus,
+	&.wp-customizer .theme-overlay .theme-header .left:hover {
+		border-bottom-color: $button-color;
+		color: $link;
+	}
+}
+
+/* Welcome Panel */
+
+.welcome-panel {
+	background-color: $highlight-color;
+}
+
+[class*="welcome-panel-icon"] {
+	@if ( $scheme-name == "light" ) {
+		background-color: $icon-color;
+	} @else {
+		background-color: $base-color;
+	}
+}
diff --git a/tools/storybook/wordpress/css/colors/_mixins.scss b/tools/storybook/wordpress/css/colors/_mixins.scss
new file mode 100644
index 00000000000..9744a20a0e3
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/_mixins.scss
@@ -0,0 +1,37 @@
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+@mixin button( $button-color, $button-text-color: #fff ) {
+	background: $button-color;
+	border-color: $button-color;
+	color: $button-text-color;
+
+	&:hover,
+	&:focus {
+		background: lighten( $button-color, 3% );
+		border-color: darken( $button-color, 3% );
+		color: $button-text-color;
+	}
+
+	&:focus {
+		box-shadow:
+			0 0 0 1px #fff,
+			0 0 0 3px $button-color;
+	}
+
+	&:active {
+		background: darken( $button-color, 5% );
+		border-color: darken( $button-color, 5% );
+		color: $button-text-color;
+	}
+
+	&.active,
+	&.active:focus,
+	&.active:hover {
+		background: $button-color;
+		color: $button-text-color;
+		border-color: darken( $button-color, 15% );
+		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
+	}
+}
diff --git a/tools/storybook/wordpress/css/colors/_variables.scss b/tools/storybook/wordpress/css/colors/_variables.scss
new file mode 100644
index 00000000000..21621342a42
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/_variables.scss
@@ -0,0 +1,66 @@
+// assign default value to all undefined variables
+
+$scheme-name: "default" !default;
+
+// core variables
+
+$text-color: #fff !default;
+$base-color: #23282d !default;
+$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
+$highlight-color: #0073aa !default;
+$notification-color: #d54e21 !default;
+
+
+// global
+
+$body-background: #f1f1f1 !default;
+
+$link: #0073aa !default;
+$link-focus: lighten( $link, 10% ) !default;
+
+$button-color: $highlight-color !default;
+$button-text-color: $text-color !default;
+
+$form-checked: #7e8993 !default;
+
+// admin menu & admin-bar
+
+$menu-text: $text-color !default;
+$menu-icon: $icon-color !default;
+$menu-background: $base-color !default;
+
+$menu-highlight-text: $text-color !default;
+$menu-highlight-icon: $text-color !default;
+$menu-highlight-background: $highlight-color !default;
+
+$menu-current-text: $menu-highlight-text !default;
+$menu-current-icon: $menu-highlight-icon !default;
+$menu-current-background: $menu-highlight-background !default;
+
+$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
+$menu-submenu-background: darken( $base-color, 7% ) !default;
+$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
+
+$menu-submenu-focus-text: $highlight-color !default;
+$menu-submenu-current-text: $text-color !default;
+
+$menu-bubble-text: $text-color !default;
+$menu-bubble-background: $notification-color !default;
+$menu-bubble-current-text: $text-color !default;
+$menu-bubble-current-background: $menu-submenu-background !default;
+
+$menu-collapse-text: $menu-icon !default;
+$menu-collapse-icon: $menu-icon !default;
+$menu-collapse-focus-text: $text-color !default;
+$menu-collapse-focus-icon: $menu-highlight-icon !default;
+
+$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
+$adminbar-input-background: lighten( $menu-background, 7% ) !default;
+
+$adminbar-recovery-exit-text: $menu-bubble-text !default;
+$adminbar-recovery-exit-background: $menu-bubble-background !default;
+$adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-background, 10%) !default;
+
+$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
+
+$low-contrast-theme: "false" !default;
diff --git a/tools/storybook/wordpress/css/colors/blue/colors-rtl.css b/tools/storybook/wordpress/css/colors/blue/colors-rtl.css
new file mode 100644
index 00000000000..44fd5ddff9d
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/blue/colors-rtl.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #096484;
+  box-shadow: 0 0 0 1px #096484;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e1a948;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e1a948;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #096484;
+  border-color: #096484;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #064054;
+  color: #064054;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e1a948;
+  border-color: #e1a948;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e3af55;
+  border-color: #dfa33b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd9f32;
+  border-color: #dd9f32;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e1a948;
+  color: #fff;
+  border-color: #bd831f;
+  box-shadow: inset 0 2px 5px -3px #241906;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e1a948;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #52accc;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #52accc;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #096484;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #096484;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #e5f8ff;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #096484;
+  color: #096484;
+}
+
+.wrap .page-title-action:hover {
+  color: #064054;
+  border-color: #064054;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+
+.view-switch a.current:before {
+  color: #52accc;
+}
+
+.view-switch a:hover:before {
+  color: #e1a948;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #52accc;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #e5f8ff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #096484;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #4796b3;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #4796b3;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #e2ecf1;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #e2ecf1;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #fff;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #fff;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #096484;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #e1a948;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #4796b3;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #e5f8ff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #fff;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #52accc;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #e5f8ff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #fff;
+  background: #4796b3;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #fff;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #fff;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #4796b3;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #74b6ce;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #e2ecf1;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #fff;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #fff;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #e5f8ff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6eb9d4;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #e1a948;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #cb9841;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6eb9d4;
+  background-color: #6eb9d4;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #e2ecf1;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #096484;
+  border-color: #07526c;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #096484;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #096484;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #096484;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
+}
+
+.attachment.details .check {
+  background-color: #096484;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #096484;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #096484;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #52accc;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #52accc;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #096484;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #096484;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #e5f8ff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #096484;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #4796b3;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #e5f8ff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #096484;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #e1a948;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e1a948;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #e1a948;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #e1a948;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e1a948;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e1a948;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e1a948;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e1a948;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #096484;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #52accc;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/blue/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/blue/colors-rtl.min.css
new file mode 100644
index 00000000000..27b7cbdac63
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/blue/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#096484;box-shadow:0 0 0 1px #096484}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#e1a948;color:#262a2e;box-shadow:inset 0 2px 5px -3px #e1a948}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#096484;border-color:#096484}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#064054;color:#064054}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#0c88b4;color:#021c25;box-shadow:0 0 0 1px #0c88b4}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#e1a948;border-color:#e1a948;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#e3af55;border-color:#dfa33b;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #e1a948}.wp-core-ui .button-primary:active{background:#dd9f32;border-color:#dd9f32;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#e1a948;color:#fff;border-color:#bd831f;box-shadow:inset 0 2px 5px -3px #241906}.wp-core-ui .button-group>.button.active{border-color:#e1a948}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#52accc}.wp-core-ui .wp-ui-text-primary{color:#52accc}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#096484}.wp-core-ui .wp-ui-text-highlight{color:#096484}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#e1a948}.wp-core-ui .wp-ui-text-notification{color:#e1a948}.wp-core-ui .wp-ui-text-icon{color:#e5f8ff}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #096484;color:#096484}.wrap .page-title-action:hover{color:#064054;border-color:#064054}.wrap .page-title-action:focus{border-color:#0c88b4;color:#021c25;box-shadow:0 0 0 1px #0c88b4}.view-switch a.current:before{color:#52accc}.view-switch a:hover:before{color:#e1a948}#adminmenu,#adminmenuback,#adminmenuwrap{background:#52accc}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:#e5f8ff}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#096484}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#4796b3}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#4796b3}#adminmenu .wp-submenu .wp-submenu-head{color:#e2ecf1}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#e2ecf1}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#fff}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#096484}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#e1a948}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#4796b3}#collapse-button{color:#e5f8ff}#collapse-button:focus,#collapse-button:hover{color:#fff}#wpadminbar{color:#fff;background:#52accc}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#e5f8ff}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#fff;background:#4796b3}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#fff}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#fff}#wpadminbar .menupop .ab-sub-wrapper{background:#4796b3}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#74b6ce}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#e2ecf1}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#e5f8ff}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#fff}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#fff}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#e5f8ff}#wpadminbar #adminbarsearch:before{color:#e5f8ff}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#6eb9d4}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#e1a948}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#cb9841}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#6eb9d4;background-color:#6eb9d4}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info .username{color:#e2ecf1}.wp-pointer .wp-pointer-content h3{background-color:#096484;border-color:#07526c}.wp-pointer .wp-pointer-content h3:before{color:#096484}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#096484}.media-item .bar,.media-progress-bar div{background-color:#096484}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #096484}.attachment.details .check{background-color:#096484;box-shadow:0 0 0 1px #fff,0 0 0 2px #096484}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #096484}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#096484}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#096484}.theme-filter.current,.theme-section.current{border-bottom-color:#52accc}body.more-filters-opened .more-filters{color:#fff;background-color:#52accc}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#096484;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#096484;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #e8be74,0 0 2px 1px #e1a948}div#wp-responsive-toggle a:before{color:#e5f8ff}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#096484}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#4796b3}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#e5f8ff}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#096484}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#e1a948}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#e1a948}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#e1a948}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #e8be74,0 0 2px 1px #e1a948}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#e1a948;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#e1a948}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#e1a948;border-style:solid;box-shadow:0 0 0 1px #e1a948;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#e1a948}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#e1a948}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#e1a948}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #e8be74,0 0 2px 1px #e1a948}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#e1a948;color:#0073aa}.welcome-panel{background-color:#096484}[class*=welcome-panel-icon]{background-color:#52accc}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/blue/colors.css b/tools/storybook/wordpress/css/colors/blue/colors.css
new file mode 100644
index 00000000000..367415de3cf
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/blue/colors.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #096484;
+  box-shadow: 0 0 0 1px #096484;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e1a948;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e1a948;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #096484;
+  border-color: #096484;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #064054;
+  color: #064054;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e1a948;
+  border-color: #e1a948;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e3af55;
+  border-color: #dfa33b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd9f32;
+  border-color: #dd9f32;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e1a948;
+  color: #fff;
+  border-color: #bd831f;
+  box-shadow: inset 0 2px 5px -3px #241906;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e1a948;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #52accc;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #52accc;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #096484;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #096484;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #e1a948;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #e5f8ff;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #096484;
+  color: #096484;
+}
+
+.wrap .page-title-action:hover {
+  color: #064054;
+  border-color: #064054;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #0c88b4;
+  color: #021c25;
+  box-shadow: 0 0 0 1px #0c88b4;
+}
+
+.view-switch a.current:before {
+  color: #52accc;
+}
+
+.view-switch a:hover:before {
+  color: #e1a948;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #52accc;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #e5f8ff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #096484;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #4796b3;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #4796b3;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #e2ecf1;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #e2ecf1;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #fff;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #fff;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #096484;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #e1a948;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #4796b3;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #e5f8ff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #fff;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #52accc;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #e5f8ff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #fff;
+  background: #4796b3;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #fff;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #fff;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #4796b3;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #74b6ce;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #e2ecf1;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #fff;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #fff;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #e5f8ff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #e5f8ff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6eb9d4;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #e1a948;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #cb9841;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6eb9d4;
+  background-color: #6eb9d4;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #e2ecf1;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #096484;
+  border-color: #07526c;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #096484;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #096484;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #096484;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
+}
+
+.attachment.details .check {
+  background-color: #096484;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #096484;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #096484;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #52accc;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #52accc;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #096484;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #096484;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #e5f8ff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #096484;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #4796b3;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #e5f8ff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #096484;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #e1a948;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e1a948;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #e1a948;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #e1a948;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e1a948;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e1a948;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e1a948;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e1a948;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e1a948;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #096484;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #52accc;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/blue/colors.min.css b/tools/storybook/wordpress/css/colors/blue/colors.min.css
new file mode 100644
index 00000000000..c005b655654
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/blue/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#096484;box-shadow:0 0 0 1px #096484}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#e1a948;color:#262a2e;box-shadow:inset 0 2px 5px -3px #e1a948}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#096484;border-color:#096484}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#064054;color:#064054}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#0c88b4;color:#021c25;box-shadow:0 0 0 1px #0c88b4}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#e1a948;border-color:#e1a948;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#e3af55;border-color:#dfa33b;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #e1a948}.wp-core-ui .button-primary:active{background:#dd9f32;border-color:#dd9f32;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#e1a948;color:#fff;border-color:#bd831f;box-shadow:inset 0 2px 5px -3px #241906}.wp-core-ui .button-group>.button.active{border-color:#e1a948}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#52accc}.wp-core-ui .wp-ui-text-primary{color:#52accc}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#096484}.wp-core-ui .wp-ui-text-highlight{color:#096484}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#e1a948}.wp-core-ui .wp-ui-text-notification{color:#e1a948}.wp-core-ui .wp-ui-text-icon{color:#e5f8ff}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #096484;color:#096484}.wrap .page-title-action:hover{color:#064054;border-color:#064054}.wrap .page-title-action:focus{border-color:#0c88b4;color:#021c25;box-shadow:0 0 0 1px #0c88b4}.view-switch a.current:before{color:#52accc}.view-switch a:hover:before{color:#e1a948}#adminmenu,#adminmenuback,#adminmenuwrap{background:#52accc}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:#e5f8ff}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#096484}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#4796b3}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#4796b3}#adminmenu .wp-submenu .wp-submenu-head{color:#e2ecf1}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#e2ecf1}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#fff}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#096484}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#e1a948}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#4796b3}#collapse-button{color:#e5f8ff}#collapse-button:focus,#collapse-button:hover{color:#fff}#wpadminbar{color:#fff;background:#52accc}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#e5f8ff}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#fff;background:#4796b3}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#fff}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#fff}#wpadminbar .menupop .ab-sub-wrapper{background:#4796b3}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#74b6ce}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#e2ecf1}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#e5f8ff}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#fff}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#fff}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#e5f8ff}#wpadminbar #adminbarsearch:before{color:#e5f8ff}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#6eb9d4}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#e1a948}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#cb9841}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#6eb9d4;background-color:#6eb9d4}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info .username{color:#e2ecf1}.wp-pointer .wp-pointer-content h3{background-color:#096484;border-color:#07526c}.wp-pointer .wp-pointer-content h3:before{color:#096484}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#096484}.media-item .bar,.media-progress-bar div{background-color:#096484}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #096484}.attachment.details .check{background-color:#096484;box-shadow:0 0 0 1px #fff,0 0 0 2px #096484}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #096484}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#096484}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#096484}.theme-filter.current,.theme-section.current{border-bottom-color:#52accc}body.more-filters-opened .more-filters{color:#fff;background-color:#52accc}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#096484;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#096484;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #e8be74,0 0 2px 1px #e1a948}div#wp-responsive-toggle a:before{color:#e5f8ff}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#096484}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#4796b3}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#e5f8ff}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#096484}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#e1a948}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#e1a948}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#e1a948}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #e8be74,0 0 2px 1px #e1a948}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#e1a948;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#e1a948}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#e1a948;border-style:solid;box-shadow:0 0 0 1px #e1a948;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#e1a948}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#e1a948}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#e1a948}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #e8be74,0 0 2px 1px #e1a948}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#e1a948;color:#0073aa}.welcome-panel{background-color:#096484}[class*=welcome-panel-icon]{background-color:#52accc}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/blue/colors.scss b/tools/storybook/wordpress/css/colors/blue/colors.scss
new file mode 100644
index 00000000000..f44e540adf1
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/blue/colors.scss
@@ -0,0 +1,12 @@
+$scheme-name: "blue";
+$base-color: #52accc;
+$icon-color: #e5f8ff;
+$highlight-color: #096484;
+$notification-color: #e1a948;
+$button-color: #e1a948;
+
+$menu-submenu-text: #e2ecf1;
+$menu-submenu-focus-text: #fff;
+$menu-submenu-background: #4796b3;
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/colors/coffee/colors-rtl.css b/tools/storybook/wordpress/css/colors/coffee/colors-rtl.css
new file mode 100644
index 00000000000..7f9996da908
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/coffee/colors-rtl.css
@@ -0,0 +1,681 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #59524c;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #c7a589;
+  box-shadow: 0 0 0 1px #c7a589;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #c7a589;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #c7a589;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #c7a589;
+  border-color: #c7a589;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #ccad93;
+  border-color: #c29d7f;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+.wp-core-ui .button-primary:active {
+  background: #bf9878;
+  border-color: #bf9878;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #c7a589;
+  color: #fff;
+  border-color: #ae7d55;
+  box-shadow: inset 0 2px 5px -3px #37271a;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #c7a589;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #59524c;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #59524c;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #c7a589;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #c7a589;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #59524c;
+}
+
+.view-switch a.current:before {
+  color: #59524c;
+}
+
+.view-switch a:hover:before {
+  color: #9ea476;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #59524c;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #c7a589;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #46403c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #46403c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cdcbc9;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cdcbc9;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #c7a589;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #c7a589;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #c7a589;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #9ea476;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #46403c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #c7a589;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #59524c;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #c7a589;
+  background: #46403c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #c7a589;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #c7a589;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #46403c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #656463;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cdcbc9;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #c7a589;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #c7a589;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6c645c;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #9ea476;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #8e946a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6c645c;
+  background-color: #6c645c;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #c7a589;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cdcbc9;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #c7a589;
+  border-color: #bf9878;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #c7a589;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #c7a589;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #c7a589;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
+}
+
+.attachment.details .check {
+  background-color: #c7a589;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #c7a589;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #c7a589;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #59524c;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #59524c;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #c7a589;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #46403c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #c7a589;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #c7a589;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #c7a589;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #c7a589;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #c7a589;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #c7a589;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #c7a589;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #c7a589;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #c7a589;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #c7a589;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #59524c;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/coffee/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/coffee/colors-rtl.min.css
new file mode 100644
index 00000000000..ead04fd6694
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/coffee/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#59524c}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#c7a589;box-shadow:0 0 0 1px #c7a589}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#c7a589;color:#262a2e;box-shadow:inset 0 2px 5px -3px #c7a589}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button-primary{background:#c7a589;border-color:#c7a589;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#ccad93;border-color:#c29d7f;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #c7a589}.wp-core-ui .button-primary:active{background:#bf9878;border-color:#bf9878;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#c7a589;color:#fff;border-color:#ae7d55;box-shadow:inset 0 2px 5px -3px #37271a}.wp-core-ui .button-group>.button.active{border-color:#c7a589}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#59524c}.wp-core-ui .wp-ui-text-primary{color:#59524c}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#c7a589}.wp-core-ui .wp-ui-text-highlight{color:#c7a589}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#9ea476}.wp-core-ui .wp-ui-text-notification{color:#9ea476}.wp-core-ui .wp-ui-text-icon{color:hsl(27.6923076923deg,7%,95%)}.wrap .page-title-action:hover{color:#fff;background-color:#59524c}.view-switch a.current:before{color:#59524c}.view-switch a:hover:before{color:#9ea476}#adminmenu,#adminmenuback,#adminmenuwrap{background:#59524c}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(27.6923076923deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#c7a589}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#46403c}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#46403c}#adminmenu .wp-submenu .wp-submenu-head{color:#cdcbc9}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#cdcbc9}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#c7a589}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#c7a589}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#c7a589}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#9ea476}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#46403c}#collapse-button{color:hsl(27.6923076923deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#c7a589}#wpadminbar{color:#fff;background:#59524c}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#c7a589;background:#46403c}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#c7a589}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#c7a589}#wpadminbar .menupop .ab-sub-wrapper{background:#46403c}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#656463}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#cdcbc9}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#c7a589}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#c7a589}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#6c645c}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#9ea476}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#8e946a}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#6c645c;background-color:#6c645c}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#c7a589}#wpadminbar #wp-admin-bar-user-info .username{color:#cdcbc9}.wp-pointer .wp-pointer-content h3{background-color:#c7a589;border-color:#bf9878}.wp-pointer .wp-pointer-content h3:before{color:#c7a589}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#c7a589}.media-item .bar,.media-progress-bar div{background-color:#c7a589}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #c7a589}.attachment.details .check{background-color:#c7a589;box-shadow:0 0 0 1px #fff,0 0 0 2px #c7a589}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #c7a589}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#c7a589}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#c7a589}.theme-filter.current,.theme-section.current{border-bottom-color:#59524c}body.more-filters-opened .more-filters{color:#fff;background-color:#59524c}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#c7a589;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#c7a589;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #d7bfac,0 0 2px 1px #c7a589}div#wp-responsive-toggle a:before{color:hsl(27.6923076923deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#c7a589}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#46403c}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(27.6923076923deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#c7a589}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#c7a589}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#c7a589}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#c7a589}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #d7bfac,0 0 2px 1px #c7a589}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#c7a589;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#c7a589}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#c7a589;border-style:solid;box-shadow:0 0 0 1px #c7a589;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#c7a589}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#c7a589}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#c7a589}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #d7bfac,0 0 2px 1px #c7a589}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#c7a589;color:#0073aa}.welcome-panel{background-color:#c7a589}[class*=welcome-panel-icon]{background-color:#59524c}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/coffee/colors.css b/tools/storybook/wordpress/css/colors/coffee/colors.css
new file mode 100644
index 00000000000..4390f44dede
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/coffee/colors.css
@@ -0,0 +1,681 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #59524c;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #c7a589;
+  box-shadow: 0 0 0 1px #c7a589;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #c7a589;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #c7a589;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #c7a589;
+  border-color: #c7a589;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #ccad93;
+  border-color: #c29d7f;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+.wp-core-ui .button-primary:active {
+  background: #bf9878;
+  border-color: #bf9878;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #c7a589;
+  color: #fff;
+  border-color: #ae7d55;
+  box-shadow: inset 0 2px 5px -3px #37271a;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #c7a589;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #59524c;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #59524c;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #c7a589;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #c7a589;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #9ea476;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #59524c;
+}
+
+.view-switch a.current:before {
+  color: #59524c;
+}
+
+.view-switch a:hover:before {
+  color: #9ea476;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #59524c;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #c7a589;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #46403c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #46403c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cdcbc9;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cdcbc9;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #c7a589;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #c7a589;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #c7a589;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #9ea476;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #46403c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #c7a589;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #59524c;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #c7a589;
+  background: #46403c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #c7a589;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #c7a589;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #46403c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #656463;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cdcbc9;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #c7a589;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #c7a589;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #6c645c;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #9ea476;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #8e946a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #6c645c;
+  background-color: #6c645c;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #c7a589;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cdcbc9;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #c7a589;
+  border-color: #bf9878;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #c7a589;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #c7a589;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #c7a589;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
+}
+
+.attachment.details .check {
+  background-color: #c7a589;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #c7a589;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #c7a589;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #59524c;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #59524c;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #c7a589;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #c7a589;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #46403c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(27.6923076923deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #c7a589;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #c7a589;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #c7a589;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #c7a589;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #c7a589;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #c7a589;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #c7a589;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #c7a589;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #c7a589;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #c7a589;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #c7a589;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #59524c;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/coffee/colors.min.css b/tools/storybook/wordpress/css/colors/coffee/colors.min.css
new file mode 100644
index 00000000000..62dd6ac4868
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/coffee/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2359524c%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#59524c}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#c7a589;box-shadow:0 0 0 1px #c7a589}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#c7a589;color:#262a2e;box-shadow:inset 0 2px 5px -3px #c7a589}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button-primary{background:#c7a589;border-color:#c7a589;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#ccad93;border-color:#c29d7f;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #c7a589}.wp-core-ui .button-primary:active{background:#bf9878;border-color:#bf9878;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#c7a589;color:#fff;border-color:#ae7d55;box-shadow:inset 0 2px 5px -3px #37271a}.wp-core-ui .button-group>.button.active{border-color:#c7a589}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#59524c}.wp-core-ui .wp-ui-text-primary{color:#59524c}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#c7a589}.wp-core-ui .wp-ui-text-highlight{color:#c7a589}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#9ea476}.wp-core-ui .wp-ui-text-notification{color:#9ea476}.wp-core-ui .wp-ui-text-icon{color:hsl(27.6923076923deg,7%,95%)}.wrap .page-title-action:hover{color:#fff;background-color:#59524c}.view-switch a.current:before{color:#59524c}.view-switch a:hover:before{color:#9ea476}#adminmenu,#adminmenuback,#adminmenuwrap{background:#59524c}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(27.6923076923deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#c7a589}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#46403c}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#46403c}#adminmenu .wp-submenu .wp-submenu-head{color:#cdcbc9}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#cdcbc9}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#c7a589}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#c7a589}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#c7a589}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#9ea476}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#46403c}#collapse-button{color:hsl(27.6923076923deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#c7a589}#wpadminbar{color:#fff;background:#59524c}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#c7a589;background:#46403c}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#c7a589}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#c7a589}#wpadminbar .menupop .ab-sub-wrapper{background:#46403c}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#656463}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#cdcbc9}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#c7a589}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#c7a589}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(27.6923076923deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#6c645c}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#9ea476}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#8e946a}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#6c645c;background-color:#6c645c}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#c7a589}#wpadminbar #wp-admin-bar-user-info .username{color:#cdcbc9}.wp-pointer .wp-pointer-content h3{background-color:#c7a589;border-color:#bf9878}.wp-pointer .wp-pointer-content h3:before{color:#c7a589}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#c7a589}.media-item .bar,.media-progress-bar div{background-color:#c7a589}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #c7a589}.attachment.details .check{background-color:#c7a589;box-shadow:0 0 0 1px #fff,0 0 0 2px #c7a589}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #c7a589}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#c7a589}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#c7a589}.theme-filter.current,.theme-section.current{border-bottom-color:#59524c}body.more-filters-opened .more-filters{color:#fff;background-color:#59524c}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#c7a589;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#c7a589;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #d7bfac,0 0 2px 1px #c7a589}div#wp-responsive-toggle a:before{color:hsl(27.6923076923deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#c7a589}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#46403c}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(27.6923076923deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#c7a589}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#c7a589}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#c7a589}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#c7a589}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #d7bfac,0 0 2px 1px #c7a589}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#c7a589;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#c7a589}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#c7a589;border-style:solid;box-shadow:0 0 0 1px #c7a589;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#c7a589}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#c7a589}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#c7a589}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #d7bfac,0 0 2px 1px #c7a589}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#c7a589;color:#0073aa}.welcome-panel{background-color:#c7a589}[class*=welcome-panel-icon]{background-color:#59524c}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/coffee/colors.scss b/tools/storybook/wordpress/css/colors/coffee/colors.scss
new file mode 100644
index 00000000000..a52491d57de
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/coffee/colors.scss
@@ -0,0 +1,9 @@
+$scheme-name: "coffee";
+$base-color: #59524c;
+$highlight-color: #c7a589;
+$notification-color: #9ea476;
+$low-contrast-theme: "true";
+
+$form-checked: $base-color;
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.css b/tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.css
new file mode 100644
index 00000000000..bf63bc4595d
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #523f6d;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #a3b745;
+  box-shadow: 0 0 0 1px #a3b745;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #a3b745;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #a3b745;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #a3b745;
+  border-color: #a3b745;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #829237;
+  color: #829237;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #a3b745;
+  border-color: #a3b745;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a9bd4f;
+  border-color: #99ac41;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+.wp-core-ui .button-primary:active {
+  background: #93a43e;
+  border-color: #93a43e;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #a3b745;
+  color: #fff;
+  border-color: #727f30;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #a3b745;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #523f6d;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #523f6d;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #a3b745;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #a3b745;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #ece6f6;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #a3b745;
+  color: #a3b745;
+}
+
+.wrap .page-title-action:hover {
+  color: #829237;
+  border-color: #829237;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+
+.view-switch a.current:before {
+  color: #523f6d;
+}
+
+.view-switch a:hover:before {
+  color: #d46f15;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #523f6d;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #ece6f6;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #a3b745;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #413256;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #413256;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cbc5d3;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cbc5d3;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #a3b745;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #a3b745;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #a3b745;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d46f15;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #413256;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #ece6f6;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #a3b745;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #523f6d;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #ece6f6;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #a3b745;
+  background: #413256;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #a3b745;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #a3b745;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #413256;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #64537c;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cbc5d3;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #ece6f6;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #a3b745;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #a3b745;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #ece6f6;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #ece6f6;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #634c84;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d46f15;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #bf6413;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #634c84;
+  background-color: #634c84;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #a3b745;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cbc5d3;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #a3b745;
+  border-color: #93a43e;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #a3b745;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #a3b745;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #a3b745;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
+}
+
+.attachment.details .check {
+  background-color: #a3b745;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #a3b745;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #a3b745;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #ece6f6;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #a3b745;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #413256;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #ece6f6;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #a3b745;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #a3b745;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #a3b745;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #a3b745;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #a3b745;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #a3b745;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #a3b745;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #a3b745;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #a3b745;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #a3b745;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #523f6d;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.min.css
new file mode 100644
index 00000000000..85903941917
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ectoplasm/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#523f6d}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#a3b745;box-shadow:0 0 0 1px #a3b745}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#a3b745;color:#262a2e;box-shadow:inset 0 2px 5px -3px #a3b745}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#a3b745;border-color:#a3b745}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#829237;color:#829237}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#b6c669;color:#616d29;box-shadow:0 0 0 1px #b6c669}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#a3b745;border-color:#a3b745;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#a9bd4f;border-color:#99ac41;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #a3b745}.wp-core-ui .button-primary:active{background:#93a43e;border-color:#93a43e;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#a3b745;color:#fff;border-color:#727f30;box-shadow:inset 0 2px 5px -3px #000}.wp-core-ui .button-group>.button.active{border-color:#a3b745}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#523f6d}.wp-core-ui .wp-ui-text-primary{color:#523f6d}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#a3b745}.wp-core-ui .wp-ui-text-highlight{color:#a3b745}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#d46f15}.wp-core-ui .wp-ui-text-notification{color:#d46f15}.wp-core-ui .wp-ui-text-icon{color:#ece6f6}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #a3b745;color:#a3b745}.wrap .page-title-action:hover{color:#829237;border-color:#829237}.wrap .page-title-action:focus{border-color:#b6c669;color:#616d29;box-shadow:0 0 0 1px #b6c669}.view-switch a.current:before{color:#523f6d}.view-switch a:hover:before{color:#d46f15}#adminmenu,#adminmenuback,#adminmenuwrap{background:#523f6d}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:#ece6f6}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#a3b745}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#413256}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#413256}#adminmenu .wp-submenu .wp-submenu-head{color:#cbc5d3}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#cbc5d3}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#a3b745}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#a3b745}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#a3b745}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#d46f15}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#413256}#collapse-button{color:#ece6f6}#collapse-button:focus,#collapse-button:hover{color:#a3b745}#wpadminbar{color:#fff;background:#523f6d}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#ece6f6}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#a3b745;background:#413256}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#a3b745}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#a3b745}#wpadminbar .menupop .ab-sub-wrapper{background:#413256}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#64537c}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#cbc5d3}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#ece6f6}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#a3b745}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#a3b745}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#ece6f6}#wpadminbar #adminbarsearch:before{color:#ece6f6}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#634c84}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#d46f15}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#bf6413}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#634c84;background-color:#634c84}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#a3b745}#wpadminbar #wp-admin-bar-user-info .username{color:#cbc5d3}.wp-pointer .wp-pointer-content h3{background-color:#a3b745;border-color:#93a43e}.wp-pointer .wp-pointer-content h3:before{color:#a3b745}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#a3b745}.media-item .bar,.media-progress-bar div{background-color:#a3b745}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #a3b745}.attachment.details .check{background-color:#a3b745;box-shadow:0 0 0 1px #fff,0 0 0 2px #a3b745}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #a3b745}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#a3b745}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#a3b745}.theme-filter.current,.theme-section.current{border-bottom-color:#523f6d}body.more-filters-opened .more-filters{color:#fff;background-color:#523f6d}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#a3b745;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#a3b745;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #b6c669,0 0 2px 1px #a3b745}div#wp-responsive-toggle a:before{color:#ece6f6}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#a3b745}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#413256}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#ece6f6}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#a3b745}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#a3b745}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#a3b745}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#a3b745}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #b6c669,0 0 2px 1px #a3b745}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#a3b745;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#a3b745}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#a3b745;border-style:solid;box-shadow:0 0 0 1px #a3b745;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#a3b745}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#a3b745}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#a3b745}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #b6c669,0 0 2px 1px #a3b745}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#a3b745;color:#0073aa}.welcome-panel{background-color:#a3b745}[class*=welcome-panel-icon]{background-color:#523f6d}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ectoplasm/colors.css b/tools/storybook/wordpress/css/colors/ectoplasm/colors.css
new file mode 100644
index 00000000000..322980a9545
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ectoplasm/colors.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #523f6d;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #a3b745;
+  box-shadow: 0 0 0 1px #a3b745;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #a3b745;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #a3b745;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #a3b745;
+  border-color: #a3b745;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #829237;
+  color: #829237;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #a3b745;
+  border-color: #a3b745;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a9bd4f;
+  border-color: #99ac41;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+.wp-core-ui .button-primary:active {
+  background: #93a43e;
+  border-color: #93a43e;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #a3b745;
+  color: #fff;
+  border-color: #727f30;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #a3b745;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #523f6d;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #523f6d;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #a3b745;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #a3b745;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d46f15;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #ece6f6;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #a3b745;
+  color: #a3b745;
+}
+
+.wrap .page-title-action:hover {
+  color: #829237;
+  border-color: #829237;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #b6c669;
+  color: #616d29;
+  box-shadow: 0 0 0 1px #b6c669;
+}
+
+.view-switch a.current:before {
+  color: #523f6d;
+}
+
+.view-switch a:hover:before {
+  color: #d46f15;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #523f6d;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #ece6f6;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #a3b745;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #413256;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #413256;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #cbc5d3;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #cbc5d3;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #a3b745;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #a3b745;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #a3b745;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d46f15;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #413256;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #ece6f6;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #a3b745;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #523f6d;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #ece6f6;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #a3b745;
+  background: #413256;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #a3b745;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #a3b745;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #413256;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #64537c;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #cbc5d3;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #ece6f6;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #a3b745;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #a3b745;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #ece6f6;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #ece6f6;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #634c84;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d46f15;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #bf6413;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #634c84;
+  background-color: #634c84;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #a3b745;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #cbc5d3;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #a3b745;
+  border-color: #93a43e;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #a3b745;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #a3b745;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #a3b745;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
+}
+
+.attachment.details .check {
+  background-color: #a3b745;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #a3b745;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #a3b745;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #523f6d;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #a3b745;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #ece6f6;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #a3b745;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #413256;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #ece6f6;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #a3b745;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #a3b745;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #a3b745;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #a3b745;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #a3b745;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #a3b745;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #a3b745;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #a3b745;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #a3b745;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #a3b745;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #a3b745;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #523f6d;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ectoplasm/colors.min.css b/tools/storybook/wordpress/css/colors/ectoplasm/colors.min.css
new file mode 100644
index 00000000000..e460f58853f
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ectoplasm/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23523f6d%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#523f6d}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#a3b745;box-shadow:0 0 0 1px #a3b745}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#a3b745;color:#262a2e;box-shadow:inset 0 2px 5px -3px #a3b745}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#a3b745;border-color:#a3b745}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#829237;color:#829237}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#b6c669;color:#616d29;box-shadow:0 0 0 1px #b6c669}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#a3b745;border-color:#a3b745;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#a9bd4f;border-color:#99ac41;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #a3b745}.wp-core-ui .button-primary:active{background:#93a43e;border-color:#93a43e;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#a3b745;color:#fff;border-color:#727f30;box-shadow:inset 0 2px 5px -3px #000}.wp-core-ui .button-group>.button.active{border-color:#a3b745}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#523f6d}.wp-core-ui .wp-ui-text-primary{color:#523f6d}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#a3b745}.wp-core-ui .wp-ui-text-highlight{color:#a3b745}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#d46f15}.wp-core-ui .wp-ui-text-notification{color:#d46f15}.wp-core-ui .wp-ui-text-icon{color:#ece6f6}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #a3b745;color:#a3b745}.wrap .page-title-action:hover{color:#829237;border-color:#829237}.wrap .page-title-action:focus{border-color:#b6c669;color:#616d29;box-shadow:0 0 0 1px #b6c669}.view-switch a.current:before{color:#523f6d}.view-switch a:hover:before{color:#d46f15}#adminmenu,#adminmenuback,#adminmenuwrap{background:#523f6d}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:#ece6f6}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#a3b745}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#413256}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#413256}#adminmenu .wp-submenu .wp-submenu-head{color:#cbc5d3}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#cbc5d3}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#a3b745}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#a3b745}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#a3b745}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#d46f15}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#413256}#collapse-button{color:#ece6f6}#collapse-button:focus,#collapse-button:hover{color:#a3b745}#wpadminbar{color:#fff;background:#523f6d}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#ece6f6}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#a3b745;background:#413256}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#a3b745}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#a3b745}#wpadminbar .menupop .ab-sub-wrapper{background:#413256}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#64537c}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#cbc5d3}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#ece6f6}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#a3b745}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#a3b745}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#ece6f6}#wpadminbar #adminbarsearch:before{color:#ece6f6}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#634c84}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#d46f15}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#bf6413}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#634c84;background-color:#634c84}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#a3b745}#wpadminbar #wp-admin-bar-user-info .username{color:#cbc5d3}.wp-pointer .wp-pointer-content h3{background-color:#a3b745;border-color:#93a43e}.wp-pointer .wp-pointer-content h3:before{color:#a3b745}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#a3b745}.media-item .bar,.media-progress-bar div{background-color:#a3b745}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #a3b745}.attachment.details .check{background-color:#a3b745;box-shadow:0 0 0 1px #fff,0 0 0 2px #a3b745}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #a3b745}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#a3b745}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#a3b745}.theme-filter.current,.theme-section.current{border-bottom-color:#523f6d}body.more-filters-opened .more-filters{color:#fff;background-color:#523f6d}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#a3b745;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#a3b745;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #b6c669,0 0 2px 1px #a3b745}div#wp-responsive-toggle a:before{color:#ece6f6}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#a3b745}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#413256}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#ece6f6}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#a3b745}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#a3b745}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#a3b745}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#a3b745}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #b6c669,0 0 2px 1px #a3b745}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#a3b745;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#a3b745}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#a3b745;border-style:solid;box-shadow:0 0 0 1px #a3b745;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#a3b745}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#a3b745}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#a3b745}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #b6c669,0 0 2px 1px #a3b745}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#a3b745;color:#0073aa}.welcome-panel{background-color:#a3b745}[class*=welcome-panel-icon]{background-color:#523f6d}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ectoplasm/colors.scss b/tools/storybook/wordpress/css/colors/ectoplasm/colors.scss
new file mode 100644
index 00000000000..230ff9efb49
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ectoplasm/colors.scss
@@ -0,0 +1,9 @@
+$scheme-name: "ectoplasm";
+$base-color: #523f6d;
+$icon-color: #ece6f6;
+$highlight-color: #a3b745;
+$notification-color: #d46f15;
+
+$form-checked: $base-color;
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/colors/light/colors-rtl.css b/tools/storybook/wordpress/css/colors/light/colors-rtl.css
new file mode 100644
index 00000000000..019547a169a
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/light/colors-rtl.css
@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f5f5f5;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #04a4cc;
+  box-shadow: 0 0 0 1px #04a4cc;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #04a4cc;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #04a4cc;
+  border-color: #04a4cc;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #037c9a;
+  color: #037c9a;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #04a4cc;
+  border-color: #04a4cc;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #04b0db;
+  border-color: #0498bd;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+.wp-core-ui .button-primary:active {
+  background: #0490b3;
+  border-color: #0490b3;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #04a4cc;
+  color: #fff;
+  border-color: #036881;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #04a4cc;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #333;
+  background-color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #888;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #888;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #999;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #04a4cc;
+  color: #04a4cc;
+}
+
+.wrap .page-title-action:hover {
+  color: #037c9a;
+  border-color: #037c9a;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+
+.view-switch a.current:before {
+  color: #e5e5e5;
+}
+
+.view-switch a:hover:before {
+  color: #d64e07;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #e5e5e5;
+}
+
+#adminmenu a {
+  color: #333;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #999;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #888;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f5f5f5;
+  border-bottom-color: #f5f5f5;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #fff;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #fff;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #686868;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #686868;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #04a4cc;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #333;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #04a4cc;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f5f5f5;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #888;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d64e07;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #333;
+  background: #fff;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #777;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #04a4cc;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #333;
+  background: #e5e5e5;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #333;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #999;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #04a4cc;
+  background: #fff;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #04a4cc;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #04a4cc;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #fff;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #f7f7f7;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #686868;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #999;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #04a4cc;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #04a4cc;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #999;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #999;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #333;
+  background: #f7f7f7;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d64e07;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #c14606;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #f7f7f7;
+  background-color: #f7f7f7;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #333;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #04a4cc;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #686868;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #04a4cc;
+  border-color: #0490b3;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #04a4cc;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #04a4cc;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #04a4cc;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
+}
+
+.attachment.details .check {
+  background-color: #04a4cc;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #04a4cc;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #04a4cc;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters {
+  color: #333;
+  background-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #333;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #888;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #888;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #999;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #888;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #fff;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #999;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #04a4cc;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #04a4cc;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #04a4cc;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #04a4cc;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #04a4cc;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #04a4cc;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #04a4cc;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #04a4cc;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #04a4cc;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #04a4cc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #999;
+}
+
+/* Override the theme filter highlight color for this scheme */
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #04a4cc;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/light/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/light/colors-rtl.min.css
new file mode 100644
index 00000000000..6811263bea9
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/light/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f5f5f5}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#04a4cc;box-shadow:0 0 0 1px #04a4cc}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#04a4cc;color:#262a2e;box-shadow:inset 0 2px 5px -3px #04a4cc}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#04a4cc;border-color:#04a4cc}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#037c9a;color:#037c9a}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#09cafa;color:#025468;box-shadow:0 0 0 1px #09cafa}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#04a4cc;border-color:#04a4cc;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#04b0db;border-color:#0498bd;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #04a4cc}.wp-core-ui .button-primary:active{background:#0490b3;border-color:#0490b3;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#04a4cc;color:#fff;border-color:#036881;box-shadow:inset 0 2px 5px -3px #000}.wp-core-ui .button-group>.button.active{border-color:#04a4cc}.wp-core-ui .wp-ui-primary{color:#333;background-color:#e5e5e5}.wp-core-ui .wp-ui-text-primary{color:#e5e5e5}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#888}.wp-core-ui .wp-ui-text-highlight{color:#888}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#d64e07}.wp-core-ui .wp-ui-text-notification{color:#d64e07}.wp-core-ui .wp-ui-text-icon{color:#999}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #04a4cc;color:#04a4cc}.wrap .page-title-action:hover{color:#037c9a;border-color:#037c9a}.wrap .page-title-action:focus{border-color:#09cafa;color:#025468;box-shadow:0 0 0 1px #09cafa}.view-switch a.current:before{color:#e5e5e5}.view-switch a:hover:before{color:#d64e07}#adminmenu,#adminmenuback,#adminmenuwrap{background:#e5e5e5}#adminmenu a{color:#333}#adminmenu div.wp-menu-image:before{color:#999}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#888}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#ccc}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f5f5f5;border-bottom-color:#f5f5f5}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#fff}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#fff}#adminmenu .wp-submenu .wp-submenu-head{color:#686868}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#686868}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#04a4cc}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#333}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#04a4cc}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f5f5f5}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#888}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#ccc}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#d64e07}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#333;background:#fff}#collapse-button{color:#777}#collapse-button:focus,#collapse-button:hover{color:#04a4cc}#wpadminbar{color:#333;background:#e5e5e5}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#333}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#999}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#04a4cc;background:#fff}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#04a4cc}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#04a4cc}#wpadminbar .menupop .ab-sub-wrapper{background:#fff}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#f7f7f7}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#686868}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#999}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#04a4cc}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#04a4cc}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#999}#wpadminbar #adminbarsearch:before{color:#999}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#333;background:#f7f7f7}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#d64e07}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#c14606}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#f7f7f7;background-color:#f7f7f7}#wpadminbar #wp-admin-bar-user-info .display-name{color:#333}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#04a4cc}#wpadminbar #wp-admin-bar-user-info .username{color:#686868}.wp-pointer .wp-pointer-content h3{background-color:#04a4cc;border-color:#0490b3}.wp-pointer .wp-pointer-content h3:before{color:#04a4cc}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#04a4cc}.media-item .bar,.media-progress-bar div{background-color:#04a4cc}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #04a4cc}.attachment.details .check{background-color:#04a4cc;box-shadow:0 0 0 1px #fff,0 0 0 2px #04a4cc}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #04a4cc}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#04a4cc}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#04a4cc}.theme-filter.current,.theme-section.current{border-bottom-color:#e5e5e5}body.more-filters-opened .more-filters{color:#333;background-color:#e5e5e5}body.more-filters-opened .more-filters:before{color:#333}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#888;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#888;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #09cafa,0 0 2px 1px #04a4cc}div#wp-responsive-toggle a:before{color:#999}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#888}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#fff}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#999}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#04a4cc}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#04a4cc}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#04a4cc}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#04a4cc}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #09cafa,0 0 2px 1px #04a4cc}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#04a4cc;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#04a4cc}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#04a4cc;border-style:solid;box-shadow:0 0 0 1px #04a4cc;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#04a4cc}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#04a4cc}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#04a4cc}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #09cafa,0 0 2px 1px #04a4cc}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#04a4cc;color:#0073aa}.welcome-panel{background-color:#04a4cc}[class*=welcome-panel-icon]{background-color:#999}.theme-filter.current,.theme-section.current{border-bottom-color:#04a4cc}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/light/colors.css b/tools/storybook/wordpress/css/colors/light/colors.css
new file mode 100644
index 00000000000..9293f6b85a9
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/light/colors.css
@@ -0,0 +1,720 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f5f5f5;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #04a4cc;
+  box-shadow: 0 0 0 1px #04a4cc;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #04a4cc;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #04a4cc;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #04a4cc;
+  border-color: #04a4cc;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #037c9a;
+  color: #037c9a;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #04a4cc;
+  border-color: #04a4cc;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #04b0db;
+  border-color: #0498bd;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+.wp-core-ui .button-primary:active {
+  background: #0490b3;
+  border-color: #0490b3;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #04a4cc;
+  color: #fff;
+  border-color: #036881;
+  box-shadow: inset 0 2px 5px -3px black;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #04a4cc;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #333;
+  background-color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #e5e5e5;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #888;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #888;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #d64e07;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #999;
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #04a4cc;
+  color: #04a4cc;
+}
+
+.wrap .page-title-action:hover {
+  color: #037c9a;
+  border-color: #037c9a;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #09cafa;
+  color: #025468;
+  box-shadow: 0 0 0 1px #09cafa;
+}
+
+.view-switch a.current:before {
+  color: #e5e5e5;
+}
+
+.view-switch a:hover:before {
+  color: #d64e07;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #e5e5e5;
+}
+
+#adminmenu a {
+  color: #333;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #999;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #888;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f5f5f5;
+  border-bottom-color: #f5f5f5;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #fff;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #fff;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #686868;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #686868;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #04a4cc;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #333;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #04a4cc;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f5f5f5;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #888;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #ccc;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #d64e07;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #333;
+  background: #fff;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #777;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #04a4cc;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #333;
+  background: #e5e5e5;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #333;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #999;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #04a4cc;
+  background: #fff;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #04a4cc;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #04a4cc;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #fff;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #f7f7f7;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #686868;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #999;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #04a4cc;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #04a4cc;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #999;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #999;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #333;
+  background: #f7f7f7;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #d64e07;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #c14606;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #f7f7f7;
+  background-color: #f7f7f7;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #333;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #04a4cc;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #686868;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #04a4cc;
+  border-color: #0490b3;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #04a4cc;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #04a4cc;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #04a4cc;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
+}
+
+.attachment.details .check {
+  background-color: #04a4cc;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #04a4cc;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #04a4cc;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters {
+  color: #333;
+  background-color: #e5e5e5;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #333;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #888;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #888;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #999;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #888;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #fff;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #999;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #04a4cc;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #04a4cc;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #04a4cc;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #04a4cc;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #04a4cc;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #04a4cc;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #04a4cc;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #04a4cc;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #04a4cc;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #04a4cc;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #04a4cc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #999;
+}
+
+/* Override the theme filter highlight color for this scheme */
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #04a4cc;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/light/colors.min.css b/tools/storybook/wordpress/css/colors/light/colors.min.css
new file mode 100644
index 00000000000..bc2ad8144fe
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/light/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f5f5f5}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#04a4cc;box-shadow:0 0 0 1px #04a4cc}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#04a4cc;color:#262a2e;box-shadow:inset 0 2px 5px -3px #04a4cc}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#04a4cc;border-color:#04a4cc}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#037c9a;color:#037c9a}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#09cafa;color:#025468;box-shadow:0 0 0 1px #09cafa}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#04a4cc;border-color:#04a4cc;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#04b0db;border-color:#0498bd;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #04a4cc}.wp-core-ui .button-primary:active{background:#0490b3;border-color:#0490b3;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#04a4cc;color:#fff;border-color:#036881;box-shadow:inset 0 2px 5px -3px #000}.wp-core-ui .button-group>.button.active{border-color:#04a4cc}.wp-core-ui .wp-ui-primary{color:#333;background-color:#e5e5e5}.wp-core-ui .wp-ui-text-primary{color:#e5e5e5}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#888}.wp-core-ui .wp-ui-text-highlight{color:#888}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#d64e07}.wp-core-ui .wp-ui-text-notification{color:#d64e07}.wp-core-ui .wp-ui-text-icon{color:#999}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #04a4cc;color:#04a4cc}.wrap .page-title-action:hover{color:#037c9a;border-color:#037c9a}.wrap .page-title-action:focus{border-color:#09cafa;color:#025468;box-shadow:0 0 0 1px #09cafa}.view-switch a.current:before{color:#e5e5e5}.view-switch a:hover:before{color:#d64e07}#adminmenu,#adminmenuback,#adminmenuwrap{background:#e5e5e5}#adminmenu a{color:#333}#adminmenu div.wp-menu-image:before{color:#999}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#888}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#ccc}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f5f5f5;border-bottom-color:#f5f5f5}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#fff}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#fff}#adminmenu .wp-submenu .wp-submenu-head{color:#686868}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#686868}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#04a4cc}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#333}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#04a4cc}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f5f5f5}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#888}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#ccc}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#d64e07}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#333;background:#fff}#collapse-button{color:#777}#collapse-button:focus,#collapse-button:hover{color:#04a4cc}#wpadminbar{color:#333;background:#e5e5e5}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#333}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#999}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#04a4cc;background:#fff}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#04a4cc}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#04a4cc}#wpadminbar .menupop .ab-sub-wrapper{background:#fff}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#f7f7f7}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#686868}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#999}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#04a4cc}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#04a4cc}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#999}#wpadminbar #adminbarsearch:before{color:#999}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#333;background:#f7f7f7}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#d64e07}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#c14606}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#f7f7f7;background-color:#f7f7f7}#wpadminbar #wp-admin-bar-user-info .display-name{color:#333}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#04a4cc}#wpadminbar #wp-admin-bar-user-info .username{color:#686868}.wp-pointer .wp-pointer-content h3{background-color:#04a4cc;border-color:#0490b3}.wp-pointer .wp-pointer-content h3:before{color:#04a4cc}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#04a4cc}.media-item .bar,.media-progress-bar div{background-color:#04a4cc}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #04a4cc}.attachment.details .check{background-color:#04a4cc;box-shadow:0 0 0 1px #fff,0 0 0 2px #04a4cc}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #04a4cc}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#04a4cc}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#04a4cc}.theme-filter.current,.theme-section.current{border-bottom-color:#e5e5e5}body.more-filters-opened .more-filters{color:#333;background-color:#e5e5e5}body.more-filters-opened .more-filters:before{color:#333}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#888;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#888;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #09cafa,0 0 2px 1px #04a4cc}div#wp-responsive-toggle a:before{color:#999}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#888}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#fff}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#999}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#04a4cc}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#04a4cc}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#04a4cc}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#04a4cc}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #09cafa,0 0 2px 1px #04a4cc}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#04a4cc;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#04a4cc}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#04a4cc;border-style:solid;box-shadow:0 0 0 1px #04a4cc;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#04a4cc}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#04a4cc}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#04a4cc}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #09cafa,0 0 2px 1px #04a4cc}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#04a4cc;color:#0073aa}.welcome-panel{background-color:#04a4cc}[class*=welcome-panel-icon]{background-color:#999}.theme-filter.current,.theme-section.current{border-bottom-color:#04a4cc}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/light/colors.scss b/tools/storybook/wordpress/css/colors/light/colors.scss
new file mode 100644
index 00000000000..817bd345499
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/light/colors.scss
@@ -0,0 +1,27 @@
+$scheme-name: "light";
+$base-color: #e5e5e5;
+$icon-color: #999;
+$text-color: #333;
+$highlight-color: #04a4cc;
+$notification-color: #d64e07;
+
+$body-background: #f5f5f5;
+
+$menu-highlight-text: #fff;
+$menu-highlight-icon: #ccc;
+$menu-highlight-background: #888;
+
+$menu-bubble-text: #fff;
+$menu-avatar-frame: #aaa;
+$menu-submenu-background: #fff;
+
+$menu-collapse-text: #777;
+$menu-collapse-focus-icon: #555;
+
+@import "../_admin.scss";
+
+/* Override the theme filter highlight color for this scheme */
+.theme-section.current,
+.theme-filter.current {
+	border-bottom-color: $highlight-color;
+}
diff --git a/tools/storybook/wordpress/css/colors/midnight/colors-rtl.css b/tools/storybook/wordpress/css/colors/midnight/colors-rtl.css
new file mode 100644
index 00000000000..057798b26b8
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/midnight/colors-rtl.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #e14d43;
+  box-shadow: 0 0 0 1px #e14d43;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e14d43;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e14d43;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #e14d43;
+  border-color: #e14d43;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #d02c21;
+  color: #d02c21;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e14d43;
+  border-color: #e14d43;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e35950;
+  border-color: #df4136;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd382d;
+  border-color: #dd382d;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e14d43;
+  color: #fff;
+  border-color: #ba281e;
+  box-shadow: inset 0 2px 5px -3px #200705;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e14d43;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #363b3f;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #363b3f;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #e14d43;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #e14d43;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #e14d43;
+  color: #e14d43;
+}
+
+.wrap .page-title-action:hover {
+  color: #d02c21;
+  border-color: #d02c21;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+
+.view-switch a.current:before {
+  color: #363b3f;
+}
+
+.view-switch a:hover:before {
+  color: #69a8bb;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #363b3f;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #e14d43;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #26292c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #26292c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #c3c4c5;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #c3c4c5;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #e14d43;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #e14d43;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #e14d43;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #69a8bb;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #26292c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #e14d43;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #363b3f;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #e14d43;
+  background: #26292c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #e14d43;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #e14d43;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #26292c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #4c4c4d;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #c3c4c5;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #e14d43;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #e14d43;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #464d52;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #69a8bb;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #5f97a8;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #464d52;
+  background-color: #464d52;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #e14d43;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #c3c4c5;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #e14d43;
+  border-color: #dd382d;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #e14d43;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #e14d43;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #e14d43;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
+}
+
+.attachment.details .check {
+  background-color: #e14d43;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #e14d43;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #e14d43;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #e14d43;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #26292c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #e14d43;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #e14d43;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e14d43;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #e14d43;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #e14d43;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e14d43;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e14d43;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e14d43;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e14d43;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e14d43;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #363b3f;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/midnight/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/midnight/colors-rtl.min.css
new file mode 100644
index 00000000000..260a2db8164
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/midnight/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#e14d43;box-shadow:0 0 0 1px #e14d43}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#e14d43;color:#262a2e;box-shadow:inset 0 2px 5px -3px #e14d43}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#e14d43;border-color:#e14d43}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#d02c21;color:#d02c21}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#e8776f;color:#a4231a;box-shadow:0 0 0 1px #e8776f}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#e14d43;border-color:#e14d43;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#e35950;border-color:#df4136;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #e14d43}.wp-core-ui .button-primary:active{background:#dd382d;border-color:#dd382d;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#e14d43;color:#fff;border-color:#ba281e;box-shadow:inset 0 2px 5px -3px #200705}.wp-core-ui .button-group>.button.active{border-color:#e14d43}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#363b3f}.wp-core-ui .wp-ui-text-primary{color:#363b3f}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#e14d43}.wp-core-ui .wp-ui-text-highlight{color:#e14d43}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#69a8bb}.wp-core-ui .wp-ui-text-notification{color:#69a8bb}.wp-core-ui .wp-ui-text-icon{color:hsl(206.6666666667deg,7%,95%)}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #e14d43;color:#e14d43}.wrap .page-title-action:hover{color:#d02c21;border-color:#d02c21}.wrap .page-title-action:focus{border-color:#e8776f;color:#a4231a;box-shadow:0 0 0 1px #e8776f}.view-switch a.current:before{color:#363b3f}.view-switch a:hover:before{color:#69a8bb}#adminmenu,#adminmenuback,#adminmenuwrap{background:#363b3f}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(206.6666666667deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#e14d43}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#26292c}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#26292c}#adminmenu .wp-submenu .wp-submenu-head{color:#c3c4c5}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#c3c4c5}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#e14d43}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#e14d43}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#e14d43}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#69a8bb}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#26292c}#collapse-button{color:hsl(206.6666666667deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#e14d43}#wpadminbar{color:#fff;background:#363b3f}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#e14d43;background:#26292c}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#e14d43}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#e14d43}#wpadminbar .menupop .ab-sub-wrapper{background:#26292c}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#4c4c4d}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#c3c4c5}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#e14d43}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#e14d43}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#464d52}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#69a8bb}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#5f97a8}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#464d52;background-color:#464d52}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#e14d43}#wpadminbar #wp-admin-bar-user-info .username{color:#c3c4c5}.wp-pointer .wp-pointer-content h3{background-color:#e14d43;border-color:#dd382d}.wp-pointer .wp-pointer-content h3:before{color:#e14d43}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#e14d43}.media-item .bar,.media-progress-bar div{background-color:#e14d43}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #e14d43}.attachment.details .check{background-color:#e14d43;box-shadow:0 0 0 1px #fff,0 0 0 2px #e14d43}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #e14d43}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#e14d43}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#e14d43}.theme-filter.current,.theme-section.current{border-bottom-color:#363b3f}body.more-filters-opened .more-filters{color:#fff;background-color:#363b3f}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#e14d43;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#e14d43;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #e8776f,0 0 2px 1px #e14d43}div#wp-responsive-toggle a:before{color:hsl(206.6666666667deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#e14d43}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#26292c}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(206.6666666667deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#e14d43}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#e14d43}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#e14d43}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#e14d43}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #e8776f,0 0 2px 1px #e14d43}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#e14d43;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#e14d43}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#e14d43;border-style:solid;box-shadow:0 0 0 1px #e14d43;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#e14d43}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#e14d43}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#e14d43}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #e8776f,0 0 2px 1px #e14d43}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#e14d43;color:#0073aa}.welcome-panel{background-color:#e14d43}[class*=welcome-panel-icon]{background-color:#363b3f}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/midnight/colors.css b/tools/storybook/wordpress/css/colors/midnight/colors.css
new file mode 100644
index 00000000000..1ef551d5f06
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/midnight/colors.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #e14d43;
+  box-shadow: 0 0 0 1px #e14d43;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #e14d43;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #e14d43;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #e14d43;
+  border-color: #e14d43;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #d02c21;
+  color: #d02c21;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #e14d43;
+  border-color: #e14d43;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #e35950;
+  border-color: #df4136;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+.wp-core-ui .button-primary:active {
+  background: #dd382d;
+  border-color: #dd382d;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #e14d43;
+  color: #fff;
+  border-color: #ba281e;
+  box-shadow: inset 0 2px 5px -3px #200705;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #e14d43;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #363b3f;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #363b3f;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #e14d43;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #e14d43;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #69a8bb;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #e14d43;
+  color: #e14d43;
+}
+
+.wrap .page-title-action:hover {
+  color: #d02c21;
+  border-color: #d02c21;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e8776f;
+  color: #a4231a;
+  box-shadow: 0 0 0 1px #e8776f;
+}
+
+.view-switch a.current:before {
+  color: #363b3f;
+}
+
+.view-switch a:hover:before {
+  color: #69a8bb;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #363b3f;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #e14d43;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #26292c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #26292c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #c3c4c5;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #c3c4c5;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #e14d43;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #e14d43;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #e14d43;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #69a8bb;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #26292c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #e14d43;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #363b3f;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #e14d43;
+  background: #26292c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #e14d43;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #e14d43;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #26292c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #4c4c4d;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #c3c4c5;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #e14d43;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #e14d43;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #464d52;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #69a8bb;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #5f97a8;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #464d52;
+  background-color: #464d52;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #e14d43;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #c3c4c5;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #e14d43;
+  border-color: #dd382d;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #e14d43;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #e14d43;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #e14d43;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
+}
+
+.attachment.details .check {
+  background-color: #e14d43;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #e14d43;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #e14d43;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #363b3f;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #e14d43;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #e14d43;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #26292c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(206.6666666667deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #e14d43;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #e14d43;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #e14d43;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #e14d43;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #e14d43;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #e14d43;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #e14d43;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #e14d43;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #e14d43;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #e14d43;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e14d43;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #363b3f;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/midnight/colors.min.css b/tools/storybook/wordpress/css/colors/midnight/colors.min.css
new file mode 100644
index 00000000000..bf804f1ce55
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/midnight/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#e14d43;box-shadow:0 0 0 1px #e14d43}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#e14d43;color:#262a2e;box-shadow:inset 0 2px 5px -3px #e14d43}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#e14d43;border-color:#e14d43}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#d02c21;color:#d02c21}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#e8776f;color:#a4231a;box-shadow:0 0 0 1px #e8776f}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#e14d43;border-color:#e14d43;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#e35950;border-color:#df4136;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #e14d43}.wp-core-ui .button-primary:active{background:#dd382d;border-color:#dd382d;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#e14d43;color:#fff;border-color:#ba281e;box-shadow:inset 0 2px 5px -3px #200705}.wp-core-ui .button-group>.button.active{border-color:#e14d43}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#363b3f}.wp-core-ui .wp-ui-text-primary{color:#363b3f}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#e14d43}.wp-core-ui .wp-ui-text-highlight{color:#e14d43}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#69a8bb}.wp-core-ui .wp-ui-text-notification{color:#69a8bb}.wp-core-ui .wp-ui-text-icon{color:hsl(206.6666666667deg,7%,95%)}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #e14d43;color:#e14d43}.wrap .page-title-action:hover{color:#d02c21;border-color:#d02c21}.wrap .page-title-action:focus{border-color:#e8776f;color:#a4231a;box-shadow:0 0 0 1px #e8776f}.view-switch a.current:before{color:#363b3f}.view-switch a:hover:before{color:#69a8bb}#adminmenu,#adminmenuback,#adminmenuwrap{background:#363b3f}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(206.6666666667deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#e14d43}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#26292c}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#26292c}#adminmenu .wp-submenu .wp-submenu-head{color:#c3c4c5}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#c3c4c5}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#e14d43}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#e14d43}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#e14d43}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#69a8bb}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#26292c}#collapse-button{color:hsl(206.6666666667deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#e14d43}#wpadminbar{color:#fff;background:#363b3f}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#e14d43;background:#26292c}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#e14d43}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#e14d43}#wpadminbar .menupop .ab-sub-wrapper{background:#26292c}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#4c4c4d}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#c3c4c5}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#e14d43}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#e14d43}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(206.6666666667deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#464d52}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#69a8bb}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#5f97a8}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#464d52;background-color:#464d52}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#e14d43}#wpadminbar #wp-admin-bar-user-info .username{color:#c3c4c5}.wp-pointer .wp-pointer-content h3{background-color:#e14d43;border-color:#dd382d}.wp-pointer .wp-pointer-content h3:before{color:#e14d43}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#e14d43}.media-item .bar,.media-progress-bar div{background-color:#e14d43}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #e14d43}.attachment.details .check{background-color:#e14d43;box-shadow:0 0 0 1px #fff,0 0 0 2px #e14d43}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #e14d43}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#e14d43}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#e14d43}.theme-filter.current,.theme-section.current{border-bottom-color:#363b3f}body.more-filters-opened .more-filters{color:#fff;background-color:#363b3f}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#e14d43;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#e14d43;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #e8776f,0 0 2px 1px #e14d43}div#wp-responsive-toggle a:before{color:hsl(206.6666666667deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#e14d43}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#26292c}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(206.6666666667deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#e14d43}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#e14d43}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#e14d43}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#e14d43}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #e8776f,0 0 2px 1px #e14d43}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#e14d43;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#e14d43}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#e14d43;border-style:solid;box-shadow:0 0 0 1px #e14d43;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#e14d43}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#e14d43}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#e14d43}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #e8776f,0 0 2px 1px #e14d43}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#e14d43;color:#0073aa}.welcome-panel{background-color:#e14d43}[class*=welcome-panel-icon]{background-color:#363b3f}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/midnight/colors.scss b/tools/storybook/wordpress/css/colors/midnight/colors.scss
new file mode 100644
index 00000000000..8570c9526eb
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/midnight/colors.scss
@@ -0,0 +1,6 @@
+$scheme-name: "midnight";
+$base-color: #363b3f;
+$highlight-color: #e14d43;
+$notification-color: #69a8bb;
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/colors/modern/colors-rtl.css b/tools/storybook/wordpress/css/colors/modern/colors-rtl.css
new file mode 100644
index 00000000000..7c5cae613f1
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/modern/colors-rtl.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #3858e9;
+}
+a:hover, a:active, a:focus {
+  color: #183ad6;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #3858e9;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #183ad6;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #183ad6;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #3858e9;
+  box-shadow: 0 0 0 1px #3858e9;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #3858e9;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #3858e9;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #3858e9;
+  border-color: #3858e9;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #183ad6;
+  color: #183ad6;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #3858e9;
+  border-color: #3858e9;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #4664eb;
+  border-color: #2a4ce7;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+.wp-core-ui .button-primary:active {
+  background: #2145e6;
+  border-color: #2145e6;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #3858e9;
+  color: #fff;
+  border-color: #1534bf;
+  box-shadow: inset 0 2px 5px -3px #03081f;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #3858e9;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #3858e9;
+  color: #3858e9;
+}
+
+.wrap .page-title-action:hover {
+  color: #183ad6;
+  border-color: #183ad6;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+
+.view-switch a.current:before {
+  color: #1e1e1e;
+}
+
+.view-switch a:hover:before {
+  color: #3858e9;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #1e1e1e;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #0c0c0c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #0c0c0c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #bcbcbc;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #bcbcbc;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #33f078;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #33f078;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #0c0c0c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #33f078;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #1e1e1e;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #33f078;
+  background: #0c0c0c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #33f078;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #33f078;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #0c0c0c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #303030;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #bcbcbc;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #33f078;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #33f078;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #303030;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #324fd2;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #303030;
+  background-color: #303030;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #33f078;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #bcbcbc;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #3858e9;
+  border-color: #2145e6;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #3858e9;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #3858e9;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #3858e9;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
+}
+
+.attachment.details .check {
+  background-color: #3858e9;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #3858e9;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #3858e9;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #3858e9;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #0c0c0c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #3858e9;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #3858e9;
+  border-right-color: #3858e9;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #3858e9;
+  border-top-color: #3858e9;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #3858e9;
+  border-right-color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #3858e9;
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #3858e9;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #3858e9;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #3858e9;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #3858e9;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #3858e9;
+  color: #3858e9;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #3858e9;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #1e1e1e;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/modern/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/modern/colors-rtl.min.css
new file mode 100644
index 00000000000..bf1605dbca8
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/modern/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#3858e9}a:active,a:focus,a:hover{color:#183ad6}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#3858e9}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#183ad6}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#183ad6}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#3858e9;box-shadow:0 0 0 1px #3858e9}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#3858e9;color:#262a2e;box-shadow:inset 0 2px 5px -3px #3858e9}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#3858e9;border-color:#3858e9}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#183ad6;color:#183ad6}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#667fee;color:#132ea8;box-shadow:0 0 0 1px #667fee}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#3858e9;border-color:#3858e9;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#4664eb;border-color:#2a4ce7;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #3858e9}.wp-core-ui .button-primary:active{background:#2145e6;border-color:#2145e6;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#3858e9;color:#fff;border-color:#1534bf;box-shadow:inset 0 2px 5px -3px #03081f}.wp-core-ui .button-group>.button.active{border-color:#3858e9}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#1e1e1e}.wp-core-ui .wp-ui-text-primary{color:#1e1e1e}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#3858e9}.wp-core-ui .wp-ui-text-highlight{color:#3858e9}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#3858e9}.wp-core-ui .wp-ui-text-notification{color:#3858e9}.wp-core-ui .wp-ui-text-icon{color:hsl(0deg,7%,95%)}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #3858e9;color:#3858e9}.wrap .page-title-action:hover{color:#183ad6;border-color:#183ad6}.wrap .page-title-action:focus{border-color:#667fee;color:#132ea8;box-shadow:0 0 0 1px #667fee}.view-switch a.current:before{color:#1e1e1e}.view-switch a:hover:before{color:#3858e9}#adminmenu,#adminmenuback,#adminmenuwrap{background:#1e1e1e}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(0deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#3858e9}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#0c0c0c}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#0c0c0c}#adminmenu .wp-submenu .wp-submenu-head{color:#bcbcbc}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#bcbcbc}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#33f078}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#33f078}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#3858e9}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#3858e9}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#0c0c0c}#collapse-button{color:hsl(0deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#33f078}#wpadminbar{color:#fff;background:#1e1e1e}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(0deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#33f078;background:#0c0c0c}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#33f078}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#33f078}#wpadminbar .menupop .ab-sub-wrapper{background:#0c0c0c}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#303030}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#bcbcbc}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(0deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#33f078}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#33f078}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(0deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(0deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#303030}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#3858e9}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#324fd2}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#303030;background-color:#303030}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#33f078}#wpadminbar #wp-admin-bar-user-info .username{color:#bcbcbc}.wp-pointer .wp-pointer-content h3{background-color:#3858e9;border-color:#2145e6}.wp-pointer .wp-pointer-content h3:before{color:#3858e9}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#3858e9}.media-item .bar,.media-progress-bar div{background-color:#3858e9}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #3858e9}.attachment.details .check{background-color:#3858e9;box-shadow:0 0 0 1px #fff,0 0 0 2px #3858e9}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #3858e9}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#3858e9}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#3858e9}.theme-filter.current,.theme-section.current{border-bottom-color:#1e1e1e}body.more-filters-opened .more-filters{color:#fff;background-color:#1e1e1e}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#3858e9;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#3858e9;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #667fee,0 0 2px 1px #3858e9}div#wp-responsive-toggle a:before{color:hsl(0deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#3858e9}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#0c0c0c}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(0deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#3858e9}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#3858e9;border-right-color:#3858e9}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#3858e9;border-top-color:#3858e9}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#3858e9;border-right-color:#3858e9}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#3858e9}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #667fee,0 0 2px 1px #3858e9}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#3858e9}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#3858e9;color:#3858e9}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#3858e9}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#3858e9}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#3858e9}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#3858e9;border-style:solid;box-shadow:0 0 0 1px #3858e9;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#3858e9}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#3858e9}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#3858e9}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #667fee,0 0 2px 1px #3858e9}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#3858e9;color:#3858e9}.welcome-panel{background-color:#3858e9}[class*=welcome-panel-icon]{background-color:#1e1e1e}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/modern/colors.css b/tools/storybook/wordpress/css/colors/modern/colors.css
new file mode 100644
index 00000000000..4e8032ab8b7
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/modern/colors.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #3858e9;
+}
+a:hover, a:active, a:focus {
+  color: #183ad6;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #3858e9;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #183ad6;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #183ad6;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #3858e9;
+  box-shadow: 0 0 0 1px #3858e9;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #3858e9;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #3858e9;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #3858e9;
+  border-color: #3858e9;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #183ad6;
+  color: #183ad6;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #3858e9;
+  border-color: #3858e9;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #4664eb;
+  border-color: #2a4ce7;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+.wp-core-ui .button-primary:active {
+  background: #2145e6;
+  border-color: #2145e6;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #3858e9;
+  color: #fff;
+  border-color: #1534bf;
+  box-shadow: inset 0 2px 5px -3px #03081f;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #3858e9;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #1e1e1e;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #3858e9;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #3858e9;
+  color: #3858e9;
+}
+
+.wrap .page-title-action:hover {
+  color: #183ad6;
+  border-color: #183ad6;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #667fee;
+  color: #132ea8;
+  box-shadow: 0 0 0 1px #667fee;
+}
+
+.view-switch a.current:before {
+  color: #1e1e1e;
+}
+
+.view-switch a:hover:before {
+  color: #3858e9;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #1e1e1e;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #0c0c0c;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #0c0c0c;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #bcbcbc;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #bcbcbc;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #33f078;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #33f078;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #3858e9;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #0c0c0c;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #33f078;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #1e1e1e;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #33f078;
+  background: #0c0c0c;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #33f078;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #33f078;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #0c0c0c;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #303030;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #bcbcbc;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #33f078;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #33f078;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #303030;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #3858e9;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #324fd2;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #303030;
+  background-color: #303030;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #33f078;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #bcbcbc;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #3858e9;
+  border-color: #2145e6;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #3858e9;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #3858e9;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #3858e9;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
+}
+
+.attachment.details .check {
+  background-color: #3858e9;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #3858e9;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #3858e9;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #1e1e1e;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #3858e9;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #3858e9;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #0c0c0c;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(0deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #3858e9;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #3858e9;
+  border-left-color: #3858e9;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #3858e9;
+  border-top-color: #3858e9;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #3858e9;
+  border-left-color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #3858e9;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #3858e9;
+  color: #3858e9;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #3858e9;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #3858e9;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #3858e9;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #3858e9;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #3858e9;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #3858e9;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #3858e9;
+  color: #3858e9;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #3858e9;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #1e1e1e;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/modern/colors.min.css b/tools/storybook/wordpress/css/colors/modern/colors.min.css
new file mode 100644
index 00000000000..a4f2c4cb1e9
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/modern/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#3858e9}a:active,a:focus,a:hover{color:#183ad6}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#3858e9}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#183ad6}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#183ad6}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#3858e9;box-shadow:0 0 0 1px #3858e9}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#3858e9;color:#262a2e;box-shadow:inset 0 2px 5px -3px #3858e9}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#3858e9;border-color:#3858e9}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#183ad6;color:#183ad6}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#667fee;color:#132ea8;box-shadow:0 0 0 1px #667fee}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#3858e9;border-color:#3858e9;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#4664eb;border-color:#2a4ce7;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #3858e9}.wp-core-ui .button-primary:active{background:#2145e6;border-color:#2145e6;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#3858e9;color:#fff;border-color:#1534bf;box-shadow:inset 0 2px 5px -3px #03081f}.wp-core-ui .button-group>.button.active{border-color:#3858e9}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#1e1e1e}.wp-core-ui .wp-ui-text-primary{color:#1e1e1e}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#3858e9}.wp-core-ui .wp-ui-text-highlight{color:#3858e9}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#3858e9}.wp-core-ui .wp-ui-text-notification{color:#3858e9}.wp-core-ui .wp-ui-text-icon{color:hsl(0deg,7%,95%)}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #3858e9;color:#3858e9}.wrap .page-title-action:hover{color:#183ad6;border-color:#183ad6}.wrap .page-title-action:focus{border-color:#667fee;color:#132ea8;box-shadow:0 0 0 1px #667fee}.view-switch a.current:before{color:#1e1e1e}.view-switch a:hover:before{color:#3858e9}#adminmenu,#adminmenuback,#adminmenuwrap{background:#1e1e1e}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(0deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#3858e9}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#0c0c0c}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#0c0c0c}#adminmenu .wp-submenu .wp-submenu-head{color:#bcbcbc}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#bcbcbc}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#33f078}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#33f078}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#3858e9}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#3858e9}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#0c0c0c}#collapse-button{color:hsl(0deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#33f078}#wpadminbar{color:#fff;background:#1e1e1e}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(0deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#33f078;background:#0c0c0c}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#33f078}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#33f078}#wpadminbar .menupop .ab-sub-wrapper{background:#0c0c0c}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#303030}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#bcbcbc}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(0deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#33f078}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#33f078}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(0deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(0deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#303030}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#3858e9}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#324fd2}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#303030;background-color:#303030}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#33f078}#wpadminbar #wp-admin-bar-user-info .username{color:#bcbcbc}.wp-pointer .wp-pointer-content h3{background-color:#3858e9;border-color:#2145e6}.wp-pointer .wp-pointer-content h3:before{color:#3858e9}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#3858e9}.media-item .bar,.media-progress-bar div{background-color:#3858e9}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #3858e9}.attachment.details .check{background-color:#3858e9;box-shadow:0 0 0 1px #fff,0 0 0 2px #3858e9}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #3858e9}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#3858e9}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#3858e9}.theme-filter.current,.theme-section.current{border-bottom-color:#1e1e1e}body.more-filters-opened .more-filters{color:#fff;background-color:#1e1e1e}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#3858e9;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#3858e9;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #667fee,0 0 2px 1px #3858e9}div#wp-responsive-toggle a:before{color:hsl(0deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#3858e9}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#0c0c0c}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(0deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#3858e9}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#3858e9;border-left-color:#3858e9}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#3858e9;border-top-color:#3858e9}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#3858e9;border-left-color:#3858e9}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#3858e9}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #667fee,0 0 2px 1px #3858e9}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#3858e9}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#3858e9;color:#3858e9}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#3858e9}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#3858e9}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#3858e9}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#3858e9;border-style:solid;box-shadow:0 0 0 1px #3858e9;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#3858e9}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#3858e9}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#3858e9}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #667fee,0 0 2px 1px #3858e9}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#3858e9;color:#3858e9}.welcome-panel{background-color:#3858e9}[class*=welcome-panel-icon]{background-color:#1e1e1e}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/modern/colors.scss b/tools/storybook/wordpress/css/colors/modern/colors.scss
new file mode 100644
index 00000000000..7b7918174cd
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/modern/colors.scss
@@ -0,0 +1,10 @@
+$scheme-name: "modern";
+$base-color: #1e1e1e;
+$highlight-color: #3858e9;
+$menu-submenu-focus-text: #33f078;
+$notification-color: $highlight-color;
+
+$link: $highlight-color;
+$link-focus: darken($highlight-color, 10%);
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/colors/ocean/colors-rtl.css b/tools/storybook/wordpress/css/colors/ocean/colors-rtl.css
new file mode 100644
index 00000000000..adb0eca15ec
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ocean/colors-rtl.css
@@ -0,0 +1,681 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #738e96;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #9ebaa0;
+  box-shadow: 0 0 0 1px #9ebaa0;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #9ebaa0;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #9ebaa0;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #9ebaa0;
+  border-color: #9ebaa0;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a7c0a9;
+  border-color: #95b497;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+.wp-core-ui .button-primary:active {
+  background: #8faf91;
+  border-color: #8faf91;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #9ebaa0;
+  color: #fff;
+  border-color: #719a74;
+  box-shadow: inset 0 2px 5px -3px #253426;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #738e96;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #738e96;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #f2fcff;
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #738e96;
+}
+
+.view-switch a.current:before {
+  color: #738e96;
+}
+
+.view-switch a:hover:before {
+  color: #aa9d88;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #738e96;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #f2fcff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #627c83;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #627c83;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #d5dde0;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #d5dde0;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #9ebaa0;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #9ebaa0;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #9ebaa0;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #aa9d88;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #627c83;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #f2fcff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #9ebaa0;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #738e96;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #f2fcff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #9ebaa0;
+  background: #627c83;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #9ebaa0;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #9ebaa0;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #627c83;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #8f9a9e;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #d5dde0;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #f2fcff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #f2fcff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #f2fcff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #879ea5;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #aa9d88;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #998d7a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #879ea5;
+  background-color: #879ea5;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #9ebaa0;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #d5dde0;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #9ebaa0;
+  border-color: #8faf91;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #9ebaa0;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #9ebaa0;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #9ebaa0;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
+}
+
+.attachment.details .check {
+  background-color: #9ebaa0;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #9ebaa0;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #9ebaa0;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #738e96;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #738e96;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #f2fcff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #9ebaa0;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #627c83;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #f2fcff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #9ebaa0;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #9ebaa0;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #9ebaa0;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #9ebaa0;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #9ebaa0;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #9ebaa0;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #9ebaa0;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #9ebaa0;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #9ebaa0;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #9ebaa0;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #738e96;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ocean/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/ocean/colors-rtl.min.css
new file mode 100644
index 00000000000..7458450b893
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ocean/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#738e96}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#9ebaa0;box-shadow:0 0 0 1px #9ebaa0}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#9ebaa0;color:#262a2e;box-shadow:inset 0 2px 5px -3px #9ebaa0}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button-primary{background:#9ebaa0;border-color:#9ebaa0;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#a7c0a9;border-color:#95b497;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #9ebaa0}.wp-core-ui .button-primary:active{background:#8faf91;border-color:#8faf91;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#9ebaa0;color:#fff;border-color:#719a74;box-shadow:inset 0 2px 5px -3px #253426}.wp-core-ui .button-group>.button.active{border-color:#9ebaa0}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#738e96}.wp-core-ui .wp-ui-text-primary{color:#738e96}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#9ebaa0}.wp-core-ui .wp-ui-text-highlight{color:#9ebaa0}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#aa9d88}.wp-core-ui .wp-ui-text-notification{color:#aa9d88}.wp-core-ui .wp-ui-text-icon{color:#f2fcff}.wrap .page-title-action:hover{color:#fff;background-color:#738e96}.view-switch a.current:before{color:#738e96}.view-switch a:hover:before{color:#aa9d88}#adminmenu,#adminmenuback,#adminmenuwrap{background:#738e96}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:#f2fcff}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#9ebaa0}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#627c83}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#627c83}#adminmenu .wp-submenu .wp-submenu-head{color:#d5dde0}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#d5dde0}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#9ebaa0}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#9ebaa0}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#9ebaa0}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#aa9d88}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#627c83}#collapse-button{color:#f2fcff}#collapse-button:focus,#collapse-button:hover{color:#9ebaa0}#wpadminbar{color:#fff;background:#738e96}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#f2fcff}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#9ebaa0;background:#627c83}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#9ebaa0}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#9ebaa0}#wpadminbar .menupop .ab-sub-wrapper{background:#627c83}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#8f9a9e}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#d5dde0}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#f2fcff}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#9ebaa0}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#9ebaa0}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#f2fcff}#wpadminbar #adminbarsearch:before{color:#f2fcff}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#879ea5}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#aa9d88}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#998d7a}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#879ea5;background-color:#879ea5}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#9ebaa0}#wpadminbar #wp-admin-bar-user-info .username{color:#d5dde0}.wp-pointer .wp-pointer-content h3{background-color:#9ebaa0;border-color:#8faf91}.wp-pointer .wp-pointer-content h3:before{color:#9ebaa0}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#9ebaa0}.media-item .bar,.media-progress-bar div{background-color:#9ebaa0}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #9ebaa0}.attachment.details .check{background-color:#9ebaa0;box-shadow:0 0 0 1px #fff,0 0 0 2px #9ebaa0}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #9ebaa0}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#9ebaa0}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#9ebaa0}.theme-filter.current,.theme-section.current{border-bottom-color:#738e96}body.more-filters-opened .more-filters{color:#fff;background-color:#738e96}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#9ebaa0;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#9ebaa0;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #bccfbd,0 0 2px 1px #9ebaa0}div#wp-responsive-toggle a:before{color:#f2fcff}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#9ebaa0}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#627c83}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#f2fcff}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#9ebaa0}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#9ebaa0}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#9ebaa0}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#9ebaa0}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #bccfbd,0 0 2px 1px #9ebaa0}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#9ebaa0;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#9ebaa0}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#9ebaa0;border-style:solid;box-shadow:0 0 0 1px #9ebaa0;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#9ebaa0}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#9ebaa0}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#9ebaa0}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #bccfbd,0 0 2px 1px #9ebaa0}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#9ebaa0;color:#0073aa}.welcome-panel{background-color:#9ebaa0}[class*=welcome-panel-icon]{background-color:#738e96}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ocean/colors.css b/tools/storybook/wordpress/css/colors/ocean/colors.css
new file mode 100644
index 00000000000..12e55e6088b
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ocean/colors.css
@@ -0,0 +1,681 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #738e96;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #9ebaa0;
+  box-shadow: 0 0 0 1px #9ebaa0;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #9ebaa0;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #9ebaa0;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button-primary {
+  background: #9ebaa0;
+  border-color: #9ebaa0;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #a7c0a9;
+  border-color: #95b497;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+.wp-core-ui .button-primary:active {
+  background: #8faf91;
+  border-color: #8faf91;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #9ebaa0;
+  color: #fff;
+  border-color: #719a74;
+  box-shadow: inset 0 2px 5px -3px #253426;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #738e96;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #738e96;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #aa9d88;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: #f2fcff;
+}
+
+/* List tables */
+.wrap .page-title-action:hover {
+  color: #fff;
+  background-color: #738e96;
+}
+
+.view-switch a.current:before {
+  color: #738e96;
+}
+
+.view-switch a:hover:before {
+  color: #aa9d88;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #738e96;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: #f2fcff;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #9ebaa0;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #627c83;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #627c83;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #d5dde0;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #d5dde0;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #9ebaa0;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #9ebaa0;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #9ebaa0;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #aa9d88;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #627c83;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: #f2fcff;
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #9ebaa0;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #738e96;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: #f2fcff;
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #9ebaa0;
+  background: #627c83;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #9ebaa0;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #9ebaa0;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #627c83;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #8f9a9e;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #d5dde0;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: #f2fcff;
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #9ebaa0;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: #f2fcff;
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: #f2fcff;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #879ea5;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #aa9d88;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #998d7a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #879ea5;
+  background-color: #879ea5;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #9ebaa0;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #d5dde0;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #9ebaa0;
+  border-color: #8faf91;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #9ebaa0;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #9ebaa0;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #9ebaa0;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
+}
+
+.attachment.details .check {
+  background-color: #9ebaa0;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #9ebaa0;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #9ebaa0;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #738e96;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #738e96;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #9ebaa0;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: #f2fcff;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #9ebaa0;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #627c83;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: #f2fcff;
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #9ebaa0;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #9ebaa0;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #9ebaa0;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #9ebaa0;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #9ebaa0;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #9ebaa0;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #9ebaa0;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #9ebaa0;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #9ebaa0;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #9ebaa0;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #9ebaa0;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #738e96;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ocean/colors.min.css b/tools/storybook/wordpress/css/colors/ocean/colors.min.css
new file mode 100644
index 00000000000..2ce9b71d998
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ocean/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23738e96%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#738e96}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#9ebaa0;box-shadow:0 0 0 1px #9ebaa0}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#9ebaa0;color:#262a2e;box-shadow:inset 0 2px 5px -3px #9ebaa0}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button-primary{background:#9ebaa0;border-color:#9ebaa0;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#a7c0a9;border-color:#95b497;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #9ebaa0}.wp-core-ui .button-primary:active{background:#8faf91;border-color:#8faf91;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#9ebaa0;color:#fff;border-color:#719a74;box-shadow:inset 0 2px 5px -3px #253426}.wp-core-ui .button-group>.button.active{border-color:#9ebaa0}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#738e96}.wp-core-ui .wp-ui-text-primary{color:#738e96}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#9ebaa0}.wp-core-ui .wp-ui-text-highlight{color:#9ebaa0}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#aa9d88}.wp-core-ui .wp-ui-text-notification{color:#aa9d88}.wp-core-ui .wp-ui-text-icon{color:#f2fcff}.wrap .page-title-action:hover{color:#fff;background-color:#738e96}.view-switch a.current:before{color:#738e96}.view-switch a:hover:before{color:#aa9d88}#adminmenu,#adminmenuback,#adminmenuwrap{background:#738e96}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:#f2fcff}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#9ebaa0}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#627c83}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#627c83}#adminmenu .wp-submenu .wp-submenu-head{color:#d5dde0}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#d5dde0}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#9ebaa0}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#9ebaa0}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#9ebaa0}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#aa9d88}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#627c83}#collapse-button{color:#f2fcff}#collapse-button:focus,#collapse-button:hover{color:#9ebaa0}#wpadminbar{color:#fff;background:#738e96}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:#f2fcff}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#9ebaa0;background:#627c83}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#9ebaa0}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#9ebaa0}#wpadminbar .menupop .ab-sub-wrapper{background:#627c83}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#8f9a9e}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#d5dde0}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:#f2fcff}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#9ebaa0}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#9ebaa0}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:#f2fcff}#wpadminbar #adminbarsearch:before{color:#f2fcff}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#879ea5}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#aa9d88}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#998d7a}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#879ea5;background-color:#879ea5}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#9ebaa0}#wpadminbar #wp-admin-bar-user-info .username{color:#d5dde0}.wp-pointer .wp-pointer-content h3{background-color:#9ebaa0;border-color:#8faf91}.wp-pointer .wp-pointer-content h3:before{color:#9ebaa0}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#9ebaa0}.media-item .bar,.media-progress-bar div{background-color:#9ebaa0}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #9ebaa0}.attachment.details .check{background-color:#9ebaa0;box-shadow:0 0 0 1px #fff,0 0 0 2px #9ebaa0}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #9ebaa0}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#9ebaa0}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#9ebaa0}.theme-filter.current,.theme-section.current{border-bottom-color:#738e96}body.more-filters-opened .more-filters{color:#fff;background-color:#738e96}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#9ebaa0;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#9ebaa0;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #bccfbd,0 0 2px 1px #9ebaa0}div#wp-responsive-toggle a:before{color:#f2fcff}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#9ebaa0}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#627c83}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:#f2fcff}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#9ebaa0}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#9ebaa0}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#9ebaa0}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#9ebaa0}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #bccfbd,0 0 2px 1px #9ebaa0}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#9ebaa0;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#9ebaa0}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#9ebaa0;border-style:solid;box-shadow:0 0 0 1px #9ebaa0;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#9ebaa0}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#9ebaa0}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#9ebaa0}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #bccfbd,0 0 2px 1px #9ebaa0}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#9ebaa0;color:#0073aa}.welcome-panel{background-color:#9ebaa0}[class*=welcome-panel-icon]{background-color:#738e96}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/ocean/colors.scss b/tools/storybook/wordpress/css/colors/ocean/colors.scss
new file mode 100644
index 00000000000..027c27d470a
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/ocean/colors.scss
@@ -0,0 +1,10 @@
+$scheme-name: "ocean";
+$base-color: #738e96;
+$icon-color: #f2fcff;
+$highlight-color: #9ebaa0;
+$notification-color: #aa9d88;
+$low-contrast-theme: "true";
+
+$form-checked: $base-color;
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/colors/sunrise/colors-rtl.css b/tools/storybook/wordpress/css/colors/sunrise/colors-rtl.css
new file mode 100644
index 00000000000..faa6154292a
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/sunrise/colors-rtl.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #dd823b;
+  box-shadow: 0 0 0 1px #dd823b;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #dd823b;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #dd823b;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #dd823b;
+  border-color: #dd823b;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #c36922;
+  color: #c36922;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #dd823b;
+  border-color: #dd823b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #df8a48;
+  border-color: #db7a2e;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+.wp-core-ui .button-primary:active {
+  background: #d97426;
+  border-color: #d97426;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #dd823b;
+  color: #fff;
+  border-color: #ad5d1e;
+  box-shadow: inset 0 2px 5px -3px #150b04;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #dd823b;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #cf4944;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #cf4944;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #dd823b;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #dd823b;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #dd823b;
+  color: #dd823b;
+}
+
+.wrap .page-title-action:hover {
+  color: #c36922;
+  border-color: #c36922;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+
+.view-switch a.current:before {
+  color: #cf4944;
+}
+
+.view-switch a:hover:before {
+  color: #ccaf0b;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #cf4944;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #dd823b;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #be3631;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-left-color: #be3631;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #f1c8c7;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #f1c8c7;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #f7e3d3;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #f7e3d3;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-left-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #dd823b;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #ccaf0b;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #be3631;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #f7e3d3;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #cf4944;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #f7e3d3;
+  background: #be3631;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #f7e3d3;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #f7e3d3;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #be3631;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #cf6b67;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #f1c8c7;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #d66560;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #b89e0a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #d66560;
+  background-color: #d66560;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #f7e3d3;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #f1c8c7;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #dd823b;
+  border-color: #d97426;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #dd823b;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #dd823b;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #dd823b;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
+}
+
+.attachment.details .check {
+  background-color: #dd823b;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #dd823b;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #dd823b;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #dd823b;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #be3631;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #dd823b;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-right-color: #dd823b;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #dd823b;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-right-color: #dd823b;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-right-color: #dd823b;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #dd823b;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #dd823b;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #dd823b;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #dd823b;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #dd823b;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #cf4944;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/sunrise/colors-rtl.min.css b/tools/storybook/wordpress/css/colors/sunrise/colors-rtl.min.css
new file mode 100644
index 00000000000..d434427d75a
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/sunrise/colors-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#dd823b;box-shadow:0 0 0 1px #dd823b}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#dd823b;color:#262a2e;box-shadow:inset 0 2px 5px -3px #dd823b}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#dd823b;border-color:#dd823b}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#c36922;color:#c36922}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#e59e66;color:#98511a;box-shadow:0 0 0 1px #e59e66}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#dd823b;border-color:#dd823b;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#df8a48;border-color:#db7a2e;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #dd823b}.wp-core-ui .button-primary:active{background:#d97426;border-color:#d97426;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#dd823b;color:#fff;border-color:#ad5d1e;box-shadow:inset 0 2px 5px -3px #150b04}.wp-core-ui .button-group>.button.active{border-color:#dd823b}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#cf4944}.wp-core-ui .wp-ui-text-primary{color:#cf4944}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#dd823b}.wp-core-ui .wp-ui-text-highlight{color:#dd823b}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#ccaf0b}.wp-core-ui .wp-ui-text-notification{color:#ccaf0b}.wp-core-ui .wp-ui-text-icon{color:hsl(2.1582733813deg,7%,95%)}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #dd823b;color:#dd823b}.wrap .page-title-action:hover{color:#c36922;border-color:#c36922}.wrap .page-title-action:focus{border-color:#e59e66;color:#98511a;box-shadow:0 0 0 1px #e59e66}.view-switch a.current:before{color:#cf4944}.view-switch a:hover:before{color:#ccaf0b}#adminmenu,#adminmenuback,#adminmenuwrap{background:#cf4944}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(2.1582733813deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#dd823b}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#be3631}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-left-color:#be3631}#adminmenu .wp-submenu .wp-submenu-head{color:#f1c8c7}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#f1c8c7}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#f7e3d3}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#f7e3d3}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-left-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#dd823b}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#ccaf0b}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#be3631}#collapse-button{color:hsl(2.1582733813deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#f7e3d3}#wpadminbar{color:#fff;background:#cf4944}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#f7e3d3;background:#be3631}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#f7e3d3}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#f7e3d3}#wpadminbar .menupop .ab-sub-wrapper{background:#be3631}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#cf6b67}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#f1c8c7}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#f7e3d3}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#f7e3d3}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#d66560}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#ccaf0b}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#b89e0a}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#d66560;background-color:#d66560}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#f7e3d3}#wpadminbar #wp-admin-bar-user-info .username{color:#f1c8c7}.wp-pointer .wp-pointer-content h3{background-color:#dd823b;border-color:#d97426}.wp-pointer .wp-pointer-content h3:before{color:#dd823b}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#dd823b}.media-item .bar,.media-progress-bar div{background-color:#dd823b}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #dd823b}.attachment.details .check{background-color:#dd823b;box-shadow:0 0 0 1px #fff,0 0 0 2px #dd823b}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #dd823b}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#dd823b}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#dd823b}.theme-filter.current,.theme-section.current{border-bottom-color:#cf4944}body.more-filters-opened .more-filters{color:#fff;background-color:#cf4944}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#dd823b;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#dd823b;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #e59e66,0 0 2px 1px #dd823b}div#wp-responsive-toggle a:before{color:hsl(2.1582733813deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#dd823b}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#be3631}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(2.1582733813deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#dd823b}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-right-color:#dd823b}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#dd823b}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-right-color:#dd823b}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #e59e66,0 0 2px 1px #dd823b}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-right-color:#dd823b;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#dd823b}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#dd823b;border-style:solid;box-shadow:0 0 0 1px #dd823b;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#dd823b}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#dd823b}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#dd823b}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #e59e66,0 0 2px 1px #dd823b}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#dd823b;color:#0073aa}.welcome-panel{background-color:#dd823b}[class*=welcome-panel-icon]{background-color:#cf4944}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/sunrise/colors.css b/tools/storybook/wordpress/css/colors/sunrise/colors.css
new file mode 100644
index 00000000000..1c8fb4afabb
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/sunrise/colors.css
@@ -0,0 +1,714 @@
+/*! This file is auto-generated */
+/*
+ * Button mixin- creates a button effect with correct
+ * highlights/shadows, based on a base color.
+ */
+body {
+  background: #f1f1f1;
+}
+
+/* Links */
+a {
+  color: #0073aa;
+}
+a:hover, a:active, a:focus {
+  color: #0096dd;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+  color: currentColor;
+}
+
+.wp-core-ui .button-link {
+  color: #0073aa;
+}
+.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
+  color: #0096dd;
+}
+
+.media-modal .delete-attachment,
+.media-modal .trash-attachment,
+.media-modal .untrash-attachment,
+.wp-core-ui .button-link-delete {
+  color: #a00;
+}
+
+.media-modal .delete-attachment:hover,
+.media-modal .trash-attachment:hover,
+.media-modal .untrash-attachment:hover,
+.media-modal .delete-attachment:focus,
+.media-modal .trash-attachment:focus,
+.media-modal .untrash-attachment:focus,
+.wp-core-ui .button-link-delete:hover,
+.wp-core-ui .button-link-delete:focus {
+  color: #dc3232;
+}
+
+/* Forms */
+input[type=checkbox]:checked::before {
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
+}
+
+input[type=radio]:checked::before {
+  background: #7e8993;
+}
+
+.wp-core-ui input[type=reset]:hover,
+.wp-core-ui input[type=reset]:active {
+  color: #0096dd;
+}
+
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime]:focus,
+input[type=datetime-local]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus,
+select:focus,
+textarea:focus {
+  border-color: #dd823b;
+  box-shadow: 0 0 0 1px #dd823b;
+}
+
+/* Core UI */
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button:active {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
+}
+.wp-core-ui .button.active,
+.wp-core-ui .button.active:focus,
+.wp-core-ui .button.active:hover {
+  border-color: #dd823b;
+  color: #262a2e;
+  box-shadow: inset 0 2px 5px -3px #dd823b;
+}
+.wp-core-ui .button.active:focus {
+  box-shadow: 0 0 0 1px #32373c;
+}
+.wp-core-ui .button,
+.wp-core-ui .button-secondary {
+  color: #dd823b;
+  border-color: #dd823b;
+}
+.wp-core-ui .button.hover,
+.wp-core-ui .button:hover,
+.wp-core-ui .button-secondary:hover {
+  border-color: #c36922;
+  color: #c36922;
+}
+.wp-core-ui .button.focus,
+.wp-core-ui .button:focus,
+.wp-core-ui .button-secondary:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+.wp-core-ui .button-primary:hover {
+  color: #fff;
+}
+.wp-core-ui .button-primary {
+  background: #dd823b;
+  border-color: #dd823b;
+  color: #fff;
+}
+.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
+  background: #df8a48;
+  border-color: #db7a2e;
+  color: #fff;
+}
+.wp-core-ui .button-primary:focus {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+.wp-core-ui .button-primary:active {
+  background: #d97426;
+  border-color: #d97426;
+  color: #fff;
+}
+.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
+  background: #dd823b;
+  color: #fff;
+  border-color: #ad5d1e;
+  box-shadow: inset 0 2px 5px -3px #150b04;
+}
+.wp-core-ui .button-group > .button.active {
+  border-color: #dd823b;
+}
+.wp-core-ui .wp-ui-primary {
+  color: #fff;
+  background-color: #cf4944;
+}
+.wp-core-ui .wp-ui-text-primary {
+  color: #cf4944;
+}
+.wp-core-ui .wp-ui-highlight {
+  color: #fff;
+  background-color: #dd823b;
+}
+.wp-core-ui .wp-ui-text-highlight {
+  color: #dd823b;
+}
+.wp-core-ui .wp-ui-notification {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-notification {
+  color: #ccaf0b;
+}
+.wp-core-ui .wp-ui-text-icon {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* List tables */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+  border: 1px solid #dd823b;
+  color: #dd823b;
+}
+
+.wrap .page-title-action:hover {
+  color: #c36922;
+  border-color: #c36922;
+}
+
+.wrap .page-title-action:focus {
+  border-color: #e59e66;
+  color: #98511a;
+  box-shadow: 0 0 0 1px #e59e66;
+}
+
+.view-switch a.current:before {
+  color: #cf4944;
+}
+
+.view-switch a:hover:before {
+  color: #ccaf0b;
+}
+
+/* Admin Menu */
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+  background: #cf4944;
+}
+
+#adminmenu a {
+  color: #fff;
+}
+
+#adminmenu div.wp-menu-image:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+  color: #fff;
+  background-color: #dd823b;
+}
+
+#adminmenu li.menu-top:hover div.wp-menu-image:before,
+#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Active tabs use a bottom border color that matches the page background color. */
+.about-wrap .nav-tab-active,
+.nav-tab-active,
+.nav-tab-active:hover {
+  background-color: #f1f1f1;
+  border-bottom-color: #f1f1f1;
+}
+
+/* Admin Menu: submenu */
+#adminmenu .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
+  background: #be3631;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
+  border-right-color: #be3631;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+  color: #f1c8c7;
+}
+
+#adminmenu .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+  color: #f1c8c7;
+}
+#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
+  color: #f7e3d3;
+}
+
+/* Admin Menu: current */
+#adminmenu .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
+  color: #fff;
+}
+#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
+  color: #f7e3d3;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+  border-right-color: #f1f1f1;
+}
+
+#adminmenu li.current a.menu-top,
+#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
+#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
+.folded #adminmenu li.current.menu-top {
+  color: #fff;
+  background: #dd823b;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before,
+#adminmenu li.current div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
+#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
+#adminmenu li:hover div.wp-menu-image:before,
+#adminmenu li a:focus div.wp-menu-image:before,
+#adminmenu li.opensub div.wp-menu-image:before {
+  color: #fff;
+}
+
+/* Admin Menu: bubble */
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+  color: #fff;
+  background: #ccaf0b;
+}
+
+#adminmenu li.current a .awaiting-mod,
+#adminmenu li a.wp-has-current-submenu .update-plugins,
+#adminmenu li:hover a .awaiting-mod,
+#adminmenu li.menu-top:hover > a .update-plugins {
+  color: #fff;
+  background: #be3631;
+}
+
+/* Admin Menu: collapse button */
+#collapse-button {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#collapse-button:hover,
+#collapse-button:focus {
+  color: #f7e3d3;
+}
+
+/* Admin Bar */
+#wpadminbar {
+  color: #fff;
+  background: #cf4944;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+  color: #fff;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
+#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
+#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
+  color: #f7e3d3;
+  background: #be3631;
+}
+
+#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
+#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
+  color: #f7e3d3;
+}
+
+#wpadminbar:not(.mobile) li:hover .ab-icon:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:before,
+#wpadminbar:not(.mobile) li:hover .ab-item:after,
+#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
+  color: #f7e3d3;
+}
+
+/* Admin Bar: submenu */
+#wpadminbar .menupop .ab-sub-wrapper {
+  background: #be3631;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+  background: #cf6b67;
+}
+
+#wpadminbar .ab-submenu .ab-item,
+#wpadminbar .quicklinks .menupop ul li a,
+#wpadminbar .quicklinks .menupop.hover ul li a,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
+  color: #f1c8c7;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar .quicklinks .menupop ul li a:hover,
+#wpadminbar .quicklinks .menupop ul li a:focus,
+#wpadminbar .quicklinks .menupop ul li a:hover strong,
+#wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
+#wpadminbar .quicklinks .menupop.hover ul li a:hover,
+#wpadminbar .quicklinks .menupop.hover ul li a:focus,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
+#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li a:focus .ab-icon:before,
+#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
+#wpadminbar li.hover .ab-icon:before,
+#wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover #adminbarsearch:before,
+#wpadminbar li #adminbarsearch.adminbar-focused:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before,
+#wpadminbar.mobile .quicklinks .ab-icon:before,
+#wpadminbar.mobile .quicklinks .ab-item:before {
+  color: #f7e3d3;
+}
+
+#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
+#wpadminbar.mobile .quicklinks .hover .ab-item:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* Admin Bar: search */
+#wpadminbar #adminbarsearch:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+  color: #fff;
+  background: #d66560;
+}
+
+/* Admin Bar: recovery mode */
+#wpadminbar #wp-admin-bar-recovery-mode {
+  color: #fff;
+  background-color: #ccaf0b;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+  color: #fff;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+  color: #fff;
+  background-color: #b89e0a;
+}
+
+/* Admin Bar: my account */
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+  border-color: #d66560;
+  background-color: #d66560;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+  color: #fff;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+  color: #f7e3d3;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+  color: #f1c8c7;
+}
+
+/* Pointers */
+.wp-pointer .wp-pointer-content h3 {
+  background-color: #dd823b;
+  border-color: #d97426;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+  color: #dd823b;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
+  border-bottom-color: #dd823b;
+}
+
+/* Media */
+.media-item .bar,
+.media-progress-bar div {
+  background-color: #dd823b;
+}
+
+.details.attachment {
+  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
+}
+
+.attachment.details .check {
+  background-color: #dd823b;
+  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
+}
+
+.media-selection .attachment.selection.details .thumbnail {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
+}
+
+/* Themes */
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+  background: #dd823b;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+  color: #dd823b;
+}
+
+.theme-section.current,
+.theme-filter.current {
+  border-bottom-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters {
+  color: #fff;
+  background-color: #cf4944;
+}
+
+body.more-filters-opened .more-filters:before {
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+  color: #fff;
+}
+
+/* Widgets */
+.widgets-chooser li.widgets-chooser-selected {
+  background-color: #dd823b;
+  color: #fff;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+  color: #fff;
+}
+
+/* Nav Menus */
+.nav-menus-php .item-edit:focus:before {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+
+/* Responsive Component */
+div#wp-responsive-toggle a:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+  border-color: transparent;
+  background: #dd823b;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+  background: #be3631;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+  color: hsl(2.1582733813deg, 7%, 95%);
+}
+
+/* TinyMCE */
+.mce-container.mce-menu .mce-menu-item:hover,
+.mce-container.mce-menu .mce-menu-item.mce-selected,
+.mce-container.mce-menu .mce-menu-item:focus,
+.mce-container.mce-menu .mce-menu-item-normal.mce-active,
+.mce-container.mce-menu .mce-menu-item-preview.mce-active {
+  background: #dd823b;
+}
+
+/* Customizer */
+.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
+.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
+.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
+  color: #0073aa;
+  border-left-color: #dd823b;
+}
+.wp-core-ui .customize-controls-close:focus,
+.wp-core-ui .customize-controls-close:hover,
+.wp-core-ui .customize-controls-preview-toggle:focus,
+.wp-core-ui .customize-controls-preview-toggle:hover {
+  color: #0073aa;
+  border-top-color: #dd823b;
+}
+.wp-core-ui .customize-panel-back:hover,
+.wp-core-ui .customize-panel-back:focus,
+.wp-core-ui .customize-section-back:hover,
+.wp-core-ui .customize-section-back:focus {
+  color: #0073aa;
+  border-left-color: #dd823b;
+}
+.wp-core-ui .customize-screen-options-toggle:hover,
+.wp-core-ui .customize-screen-options-toggle:active,
+.wp-core-ui .customize-screen-options-toggle:focus,
+.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+  color: #0073aa;
+}
+.wp-core-ui .customize-screen-options-toggle:focus:before,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
+.wp-core-ui .menu-item-bar .item-delete:focus:before,
+.wp-core-ui #available-menu-items .item-add:focus:before,
+.wp-core-ui #customize-save-button-wrapper .save:focus,
+.wp-core-ui #publish-settings:focus {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
+.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
+.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
+  border-left-color: #dd823b;
+  color: #0073aa;
+}
+.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+  background: #dd823b;
+}
+.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
+  color: #0073aa;
+}
+.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
+.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+  color: #0073aa;
+}
+.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
+  background-color: #fbfbfc;
+  border-color: #dd823b;
+  border-style: solid;
+  box-shadow: 0 0 0 1px #dd823b;
+  outline: 2px solid transparent;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:focus,
+.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
+  border-bottom-color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
+.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+  color: #dd823b;
+}
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+}
+.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
+  border-bottom-color: #dd823b;
+  color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #dd823b;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #cf4944;
+}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/sunrise/colors.min.css b/tools/storybook/wordpress/css/colors/sunrise/colors.min.css
new file mode 100644
index 00000000000..c118ab235f2
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/sunrise/colors.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{background:#f1f1f1}a{color:#0073aa}a:active,a:focus,a:hover{color:#0096dd}#post-body #visibility:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-revisions:before,.curtime #timestamp:before,span.wp-media-buttons-icon:before{color:currentColor}.wp-core-ui .button-link{color:#0073aa}.wp-core-ui .button-link:active,.wp-core-ui .button-link:focus,.wp-core-ui .button-link:hover{color:#0096dd}.media-modal .delete-attachment,.media-modal .trash-attachment,.media-modal .untrash-attachment,.wp-core-ui .button-link-delete{color:#a00}.media-modal .delete-attachment:focus,.media-modal .delete-attachment:hover,.media-modal .trash-attachment:focus,.media-modal .trash-attachment:hover,.media-modal .untrash-attachment:focus,.media-modal .untrash-attachment:hover,.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#dc3232}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")}input[type=radio]:checked::before{background:#7e8993}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#0096dd}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#dd823b;box-shadow:0 0 0 1px #dd823b}.wp-core-ui .button{border-color:#7e8993;color:#32373c}.wp-core-ui .button.focus,.wp-core-ui .button.hover,.wp-core-ui .button:focus,.wp-core-ui .button:hover{border-color:#717c87;color:#262a2e}.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#7e8993;color:#262a2e;box-shadow:0 0 0 1px #32373c}.wp-core-ui .button:active{border-color:#7e8993;color:#262a2e;box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:focus,.wp-core-ui .button.active:hover{border-color:#dd823b;color:#262a2e;box-shadow:inset 0 2px 5px -3px #dd823b}.wp-core-ui .button.active:focus{box-shadow:0 0 0 1px #32373c}.wp-core-ui .button,.wp-core-ui .button-secondary{color:#dd823b;border-color:#dd823b}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{border-color:#c36922;color:#c36922}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#e59e66;color:#98511a;box-shadow:0 0 0 1px #e59e66}.wp-core-ui .button-primary:hover{color:#fff}.wp-core-ui .button-primary{background:#dd823b;border-color:#dd823b;color:#fff}.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background:#df8a48;border-color:#db7a2e;color:#fff}.wp-core-ui .button-primary:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #dd823b}.wp-core-ui .button-primary:active{background:#d97426;border-color:#d97426;color:#fff}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover{background:#dd823b;color:#fff;border-color:#ad5d1e;box-shadow:inset 0 2px 5px -3px #150b04}.wp-core-ui .button-group>.button.active{border-color:#dd823b}.wp-core-ui .wp-ui-primary{color:#fff;background-color:#cf4944}.wp-core-ui .wp-ui-text-primary{color:#cf4944}.wp-core-ui .wp-ui-highlight{color:#fff;background-color:#dd823b}.wp-core-ui .wp-ui-text-highlight{color:#dd823b}.wp-core-ui .wp-ui-notification{color:#fff;background-color:#ccaf0b}.wp-core-ui .wp-ui-text-notification{color:#ccaf0b}.wp-core-ui .wp-ui-text-icon{color:hsl(2.1582733813deg,7%,95%)}.wrap .page-title-action,.wrap .page-title-action:active{border:1px solid #dd823b;color:#dd823b}.wrap .page-title-action:hover{color:#c36922;border-color:#c36922}.wrap .page-title-action:focus{border-color:#e59e66;color:#98511a;box-shadow:0 0 0 1px #e59e66}.view-switch a.current:before{color:#cf4944}.view-switch a:hover:before{color:#ccaf0b}#adminmenu,#adminmenuback,#adminmenuwrap{background:#cf4944}#adminmenu a{color:#fff}#adminmenu div.wp-menu-image:before{color:hsl(2.1582733813deg,7%,95%)}#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus{color:#fff;background-color:#dd823b}#adminmenu li.menu-top:hover div.wp-menu-image:before,#adminmenu li.opensub>a.menu-top div.wp-menu-image:before{color:#fff}.about-wrap .nav-tab-active,.nav-tab-active,.nav-tab-active:hover{background-color:#f1f1f1;border-bottom-color:#f1f1f1}#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-has-current-submenu.opensub .wp-submenu,#adminmenu .wp-submenu,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu{background:#be3631}#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:#be3631}#adminmenu .wp-submenu .wp-submenu-head{color:#f1c8c7}#adminmenu .wp-has-current-submenu .wp-submenu a,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,#adminmenu .wp-submenu a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a{color:#f1c8c7}#adminmenu .wp-has-current-submenu .wp-submenu a:focus,#adminmenu .wp-has-current-submenu .wp-submenu a:hover,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,#adminmenu .wp-submenu a:focus,#adminmenu .wp-submenu a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover{color:#f7e3d3}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,#adminmenu .wp-submenu li.current a,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a{color:#fff}#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,#adminmenu .wp-submenu li.current a:focus,#adminmenu .wp-submenu li.current a:hover,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover{color:#f7e3d3}ul#adminmenu a.wp-has-current-submenu:after,ul#adminmenu>li.current>a.current:after{border-right-color:#f1f1f1}#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{color:#fff;background:#dd823b}#adminmenu a.current:hover div.wp-menu-image:before,#adminmenu li a:focus div.wp-menu-image:before,#adminmenu li.current div.wp-menu-image:before,#adminmenu li.opensub div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,#adminmenu li:hover div.wp-menu-image:before{color:#fff}#adminmenu .awaiting-mod,#adminmenu .update-plugins{color:#fff;background:#ccaf0b}#adminmenu li a.wp-has-current-submenu .update-plugins,#adminmenu li.current a .awaiting-mod,#adminmenu li.menu-top:hover>a .update-plugins,#adminmenu li:hover a .awaiting-mod{color:#fff;background:#be3631}#collapse-button{color:hsl(2.1582733813deg,7%,95%)}#collapse-button:focus,#collapse-button:hover{color:#f7e3d3}#wpadminbar{color:#fff;background:#cf4944}#wpadminbar .ab-item,#wpadminbar a.ab-item,#wpadminbar>#wp-toolbar span.ab-label,#wpadminbar>#wp-toolbar span.noticon{color:#fff}#wpadminbar .ab-icon,#wpadminbar .ab-icon:before,#wpadminbar .ab-item:after,#wpadminbar .ab-item:before{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus{color:#f7e3d3;background:#be3631}#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label{color:#f7e3d3}#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,#wpadminbar:not(.mobile) li:hover .ab-icon:before,#wpadminbar:not(.mobile) li:hover .ab-item:after,#wpadminbar:not(.mobile) li:hover .ab-item:before{color:#f7e3d3}#wpadminbar .menupop .ab-sub-wrapper{background:#be3631}#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{background:#cf6b67}#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs .quicklinks .menupop:hover ul li a{color:#f1c8c7}#wpadminbar .menupop .menupop>.ab-item:before,#wpadminbar .quicklinks li .blavatar{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,#wpadminbar .quicklinks .menupop ul li a:focus,#wpadminbar .quicklinks .menupop ul li a:focus strong,#wpadminbar .quicklinks .menupop ul li a:hover,#wpadminbar .quicklinks .menupop ul li a:hover strong,#wpadminbar .quicklinks .menupop.hover ul li a:focus,#wpadminbar .quicklinks .menupop.hover ul li a:hover,#wpadminbar li #adminbarsearch.adminbar-focused:before,#wpadminbar li .ab-item:focus .ab-icon:before,#wpadminbar li .ab-item:focus:before,#wpadminbar li a:focus .ab-icon:before,#wpadminbar li.hover .ab-icon:before,#wpadminbar li.hover .ab-item:before,#wpadminbar li:hover #adminbarsearch:before,#wpadminbar li:hover .ab-icon:before,#wpadminbar li:hover .ab-item:before,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover{color:#f7e3d3}#wpadminbar .menupop .menupop>.ab-item:hover:before,#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,#wpadminbar .quicklinks li a:focus .blavatar,#wpadminbar .quicklinks li a:hover .blavatar,#wpadminbar.mobile .quicklinks .ab-icon:before,#wpadminbar.mobile .quicklinks .ab-item:before{color:#f7e3d3}#wpadminbar.mobile .quicklinks .hover .ab-icon:before,#wpadminbar.mobile .quicklinks .hover .ab-item:before{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar #adminbarsearch:before{color:hsl(2.1582733813deg,7%,95%)}#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus{color:#fff;background:#d66560}#wpadminbar #wp-admin-bar-recovery-mode{color:#fff;background-color:#ccaf0b}#wpadminbar #wp-admin-bar-recovery-mode .ab-item,#wpadminbar #wp-admin-bar-recovery-mode a.ab-item{color:#fff}#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus{color:#fff;background-color:#b89e0a}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:#d66560;background-color:#d66560}#wpadminbar #wp-admin-bar-user-info .display-name{color:#fff}#wpadminbar #wp-admin-bar-user-info a:hover .display-name{color:#f7e3d3}#wpadminbar #wp-admin-bar-user-info .username{color:#f1c8c7}.wp-pointer .wp-pointer-content h3{background-color:#dd823b;border-color:#d97426}.wp-pointer .wp-pointer-content h3:before{color:#dd823b}.wp-pointer.wp-pointer-top .wp-pointer-arrow,.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner{border-bottom-color:#dd823b}.media-item .bar,.media-progress-bar div{background-color:#dd823b}.details.attachment{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #dd823b}.attachment.details .check{background-color:#dd823b;box-shadow:0 0 0 1px #fff,0 0 0 2px #dd823b}.media-selection .attachment.selection.details .thumbnail{box-shadow:0 0 0 1px #fff,0 0 0 3px #dd823b}.theme-browser .theme.active .theme-name,.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{background:#dd823b}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{color:#dd823b}.theme-filter.current,.theme-section.current{border-bottom-color:#cf4944}body.more-filters-opened .more-filters{color:#fff;background-color:#cf4944}body.more-filters-opened .more-filters:before{color:#fff}body.more-filters-opened .more-filters:focus,body.more-filters-opened .more-filters:hover{background-color:#dd823b;color:#fff}body.more-filters-opened .more-filters:focus:before,body.more-filters-opened .more-filters:hover:before{color:#fff}.widgets-chooser li.widgets-chooser-selected{background-color:#dd823b;color:#fff}.widgets-chooser li.widgets-chooser-selected:before,.widgets-chooser li.widgets-chooser-selected:focus:before{color:#fff}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #e59e66,0 0 2px 1px #dd823b}div#wp-responsive-toggle a:before{color:hsl(2.1582733813deg,7%,95%)}.wp-responsive-open div#wp-responsive-toggle a{border-color:transparent;background:#dd823b}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a{background:#be3631}.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before{color:hsl(2.1582733813deg,7%,95%)}.mce-container.mce-menu .mce-menu-item-normal.mce-active,.mce-container.mce-menu .mce-menu-item-preview.mce-active,.mce-container.mce-menu .mce-menu-item.mce-selected,.mce-container.mce-menu .mce-menu-item:focus,.mce-container.mce-menu .mce-menu-item:hover{background:#dd823b}.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,.wp-core-ui #customize-controls .control-section.open .accordion-section-title,.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title{color:#0073aa;border-left-color:#dd823b}.wp-core-ui .customize-controls-close:focus,.wp-core-ui .customize-controls-close:hover,.wp-core-ui .customize-controls-preview-toggle:focus,.wp-core-ui .customize-controls-preview-toggle:hover{color:#0073aa;border-top-color:#dd823b}.wp-core-ui .customize-panel-back:focus,.wp-core-ui .customize-panel-back:hover,.wp-core-ui .customize-section-back:focus,.wp-core-ui .customize-section-back:hover{color:#0073aa;border-left-color:#dd823b}.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,.wp-core-ui .customize-screen-options-toggle:active,.wp-core-ui .customize-screen-options-toggle:focus,.wp-core-ui .customize-screen-options-toggle:hover{color:#0073aa}.wp-core-ui #available-menu-items .item-add:focus:before,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,.wp-core-ui #customize-save-button-wrapper .save:focus,.wp-core-ui #publish-settings:focus,.wp-core-ui .customize-screen-options-toggle:focus:before,.wp-core-ui .menu-item-bar .item-delete:focus:before,.wp-core-ui.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #e59e66,0 0 2px 1px #dd823b}.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle{color:#0073aa}.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,.wp-core-ui .control-panel-themes .customize-themes-section-title:hover{border-left-color:#dd823b;color:#0073aa}.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after{background:#dd823b}.wp-core-ui .control-panel-themes .customize-themes-section-title.selected{color:#0073aa}.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#0073aa}.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus{background-color:#fbfbfc;border-color:#dd823b;border-style:solid;box-shadow:0 0 0 1px #dd823b;outline:2px solid transparent}.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,.wp-core-ui .wp-full-overlay-footer .devices button:focus{border-bottom-color:#dd823b}.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,.wp-core-ui .wp-full-overlay-footer .devices button:hover:before{color:#dd823b}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#dd823b}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #e59e66,0 0 2px 1px #dd823b}.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover{border-bottom-color:#dd823b;color:#0073aa}.welcome-panel{background-color:#dd823b}[class*=welcome-panel-icon]{background-color:#cf4944}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/colors/sunrise/colors.scss b/tools/storybook/wordpress/css/colors/sunrise/colors.scss
new file mode 100644
index 00000000000..75d74d86706
--- /dev/null
+++ b/tools/storybook/wordpress/css/colors/sunrise/colors.scss
@@ -0,0 +1,7 @@
+$scheme-name: "sunrise";
+$base-color: #cf4944;
+$highlight-color: #dd823b;
+$notification-color: #ccaf0b;
+$menu-submenu-focus-text: lighten( $highlight-color, 35% );
+
+@import "../_admin.scss";
diff --git a/tools/storybook/wordpress/css/common-rtl.css b/tools/storybook/wordpress/css/common-rtl.css
new file mode 100644
index 00000000000..4efd986de61
--- /dev/null
+++ b/tools/storybook/wordpress/css/common-rtl.css
@@ -0,0 +1,4123 @@
+/*! This file is auto-generated */
+/* 2 column liquid layout */
+#wpwrap {
+	height: auto;
+	min-height: 100%;
+	width: 100%;
+	position: relative;
+	-webkit-font-smoothing: subpixel-antialiased;
+}
+
+#wpcontent {
+	height: 100%;
+	padding-right: 20px;
+}
+
+#wpcontent,
+#wpfooter {
+	margin-right: 160px;
+}
+
+.folded #wpcontent,
+.folded #wpfooter {
+	margin-right: 36px;
+}
+
+#wpbody-content {
+	padding-bottom: 65px;
+	float: right;
+	width: 100%;
+	overflow: visible;
+}
+
+/* inner 2 column liquid layout */
+
+.inner-sidebar {
+	float: left;
+	clear: left;
+	display: none;
+	width: 281px;
+	position: relative;
+}
+
+.columns-2 .inner-sidebar {
+	margin-left: auto;
+	width: 286px;
+	display: block;
+}
+
+.inner-sidebar #side-sortables,
+.columns-2 .inner-sidebar #side-sortables {
+	min-height: 300px;
+	width: 280px;
+	padding: 0;
+}
+
+.has-right-sidebar .inner-sidebar {
+	display: block;
+}
+
+.has-right-sidebar #post-body {
+	float: right;
+	clear: right;
+	width: 100%;
+	margin-left: -2000px;
+}
+
+.has-right-sidebar #post-body-content {
+	margin-left: 300px;
+	float: none;
+	width: auto;
+}
+
+/* 2 columns main area */
+
+#col-left {
+	float: right;
+	width: 35%;
+}
+
+#col-right {
+	float: left;
+	width: 65%;
+}
+
+#col-left .col-wrap {
+	padding: 0 0 0 6px;
+}
+
+#col-right .col-wrap {
+	padding: 0 6px 0 0;
+}
+
+/* utility classes */
+.alignleft {
+	float: right;
+}
+
+.alignright {
+	float: left;
+}
+
+.textleft {
+	text-align: right;
+}
+
+.textright {
+	text-align: left;
+}
+
+.clear {
+	clear: both;
+}
+
+/* modern clearfix */
+.wp-clearfix:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span,
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+.button .screen-reader-text {
+	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
+}
+
+.screen-reader-shortcut {
+	position: absolute;
+	top: -1000em;
+}
+
+.screen-reader-shortcut:focus {
+	right: 6px;
+	top: -25px;
+	height: auto;
+	width: auto;
+	display: block;
+	font-size: 14px;
+	font-weight: 600;
+	padding: 15px 23px 14px;
+	background: #f0f0f1;
+	color: #2271b1;
+	z-index: 100000;
+	line-height: normal;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	text-decoration: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.hidden,
+.js .closed .inside,
+.js .hide-if-js,
+.no-js .hide-if-no-js,
+.js.wp-core-ui .hide-if-js,
+.js .wp-core-ui .hide-if-js,
+.no-js.wp-core-ui .hide-if-no-js,
+.no-js .wp-core-ui .hide-if-no-js {
+	display: none;
+}
+
+/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
+.widget-top,
+.menu-item-handle,
+.widget-inside,
+#menu-settings-column .accordion-container,
+#menu-management .menu-edit,
+.manage-menus,
+table.widefat,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.wp-editor-container,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+table.widefat,
+.wp-editor-container,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	background: #fff;
+}
+
+/* general */
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #f0f0f1;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 13px;
+	line-height: 1.4em;
+	min-width: 600px;
+}
+
+body.iframe {
+	min-width: 0;
+	padding-top: 1px;
+}
+
+body.modal-open {
+	overflow: hidden;
+}
+
+body.mobile.modal-open #wpwrap {
+	overflow: hidden;
+	position: fixed;
+	height: 100%;
+}
+
+iframe,
+img {
+	border: 0;
+}
+
+td {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+}
+
+/* Any change to the default link style must be applied to button-link too. */
+a {
+	color: #2271b1;
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+a,
+div {
+	outline: 0;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus,
+a:focus .media-icon img,
+a:focus .plugin-icon,
+.wp-person a:focus .gravatar {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+		/* Only visible in Windows High Contrast mode */
+		outline: 1px solid transparent;
+}
+
+#adminmenu a:focus {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+.screen-reader-text:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+blockquote,
+q {
+	quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: "";
+	content: none;
+}
+
+p,
+.wp-die-message {
+	font-size: 13px;
+	line-height: 1.5;
+	margin: 1em 0;
+}
+
+blockquote {
+	margin: 1em;
+}
+
+li,
+dd {
+	margin-bottom: 6px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	display: block;
+	font-weight: 600;
+}
+
+h1 {
+	color: #1d2327;
+	font-size: 2em;
+	margin: .67em 0;
+}
+
+h2,
+h3 {
+	color: #1d2327;
+	font-size: 1.3em;
+	margin: 1em 0;
+}
+
+.update-core-php h2 {
+	margin-top: 4em;
+}
+
+.update-php h2,
+.update-messages h2,
+h4 {
+	font-size: 1em;
+	margin: 1.33em 0;
+}
+
+h5 {
+	font-size: 0.83em;
+	margin: 1.67em 0;
+}
+
+h6 {
+	font-size: 0.67em;
+	margin: 2.33em 0;
+}
+
+ul,
+ol {
+	padding: 0;
+}
+
+ul {
+	list-style: none;
+}
+
+ol {
+	list-style-type: decimal;
+	margin-right: 2em;
+}
+
+ul.ul-disc {
+	list-style: disc outside;
+}
+
+ul.ul-square {
+	list-style: square outside;
+}
+
+ol.ol-decimal {
+	list-style: decimal outside;
+}
+
+ul.ul-disc,
+ul.ul-square,
+ol.ol-decimal {
+	margin-right: 1.8em;
+}
+
+ul.ul-disc > li,
+ul.ul-square > li,
+ol.ol-decimal > li {
+	margin: 0 0 0.5em;
+}
+
+/* rtl:ignore */
+.ltr {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+.code,
+code {
+	font-family: Consolas, Monaco, monospace;
+	direction: ltr;
+	unicode-bidi: embed;
+}
+
+kbd,
+code {
+	padding: 3px 5px 2px;
+	margin: 0 1px;
+	background: #f0f0f1;
+	background: rgba(0, 0, 0, 0.07);
+	font-size: 13px;
+}
+
+.subsubsub {
+	list-style: none;
+	margin: 8px 0 0;
+	padding: 0;
+	font-size: 13px;
+	float: right;
+	color: #646970;
+}
+
+.subsubsub a {
+	line-height: 2;
+	padding: .2em;
+	text-decoration: none;
+}
+
+.subsubsub a .count,
+.subsubsub a.current .count {
+	color: #50575e; /* #f1f1f1 background */
+	font-weight: 400;
+}
+
+.subsubsub a.current {
+	font-weight: 600;
+	border: none;
+}
+
+.subsubsub li {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* .widefat - main style for tables */
+.widefat {
+	border-spacing: 0;
+	width: 100%;
+	clear: both;
+	margin: 0;
+}
+
+.widefat * {
+	word-wrap: break-word;
+}
+
+.widefat a,
+.widefat button.button-link {
+	text-decoration: none;
+}
+
+.widefat td,
+.widefat th {
+	padding: 8px 10px;
+}
+
+.widefat thead th,
+.widefat thead td {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.widefat tfoot th,
+.widefat tfoot td {
+	border-top: 1px solid #c3c4c7;
+	border-bottom: none;
+}
+
+.widefat .no-items td {
+	border-bottom-width: 0;
+}
+
+.widefat td {
+	vertical-align: top;
+}
+
+.widefat td,
+.widefat td p,
+.widefat td ol,
+.widefat td ul {
+	font-size: 13px;
+	line-height: 1.5em;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	text-align: right;
+	line-height: 1.3em;
+	font-size: 14px;
+}
+
+.widefat th input,
+.updates-table td input,
+.widefat thead td input,
+.widefat tfoot td input {
+	margin: 0 8px 0 0;
+	padding: 0;
+	vertical-align: text-top;
+}
+
+.widefat .check-column {
+	width: 2.2em;
+	padding: 6px 0 25px;
+	vertical-align: top;
+}
+
+.widefat tbody th.check-column {
+	padding: 9px 0 22px;
+}
+
+.widefat thead td.check-column,
+.widefat tbody th.check-column,
+.updates-table tbody td.check-column,
+.widefat tfoot td.check-column {
+	padding: 11px 3px 0 0;
+}
+
+.widefat thead td.check-column,
+.widefat tfoot td.check-column {
+	padding-top: 4px;
+	vertical-align: middle;
+}
+
+.update-php div.updated,
+.update-php div.error {
+	margin-right: 0;
+}
+
+.no-js .widefat thead .check-column input,
+.no-js .widefat tfoot .check-column input {
+	display: none;
+}
+
+.widefat .num,
+.column-comments,
+.column-links,
+.column-posts {
+	text-align: center;
+}
+
+.widefat th#comments {
+	vertical-align: middle;
+}
+
+.wrap {
+	margin: 10px 2px 0 20px;
+}
+
+.wrap.block-editor-no-js {
+	padding-right: 20px;
+}
+
+.wrap > h2:first-child, /* Back-compat for pre-4.4 */
+.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
+.postbox .inside h2, /* Back-compat for pre-4.4 */
+.wrap h1 {
+	font-size: 23px;
+	font-weight: 400;
+	margin: 0;
+	padding: 9px 0 4px;
+	line-height: 1.3;
+}
+
+.wrap h1.wp-heading-inline {
+	display: inline-block;
+	margin-left: 5px;
+}
+
+.wp-header-end {
+	visibility: hidden;
+	margin: -2px 0 0;
+}
+
+.subtitle {
+	margin: 0;
+	padding-right: 25px;
+	color: #50575e;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1;
+}
+
+.subtitle strong {
+	word-break: break-all;
+}
+
+.wrap .add-new-h2, /* deprecated */
+.wrap .add-new-h2:active, /* deprecated */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+	margin-right: 4px;
+	padding: 4px 8px;
+	position: relative;
+	top: -3px;
+	text-decoration: none;
+	border: 1px solid #2271b1;
+	border-radius: 2px;
+	text-shadow: none;
+	font-weight: 600;
+	font-size: 13px;
+	line-height: normal; /* IE8-IE11 need this for buttons */
+	color: #2271b1; /* use the standard color used for buttons */
+	background: #f6f7f7;
+	cursor: pointer;
+}
+
+.wrap .wp-heading-inline + .page-title-action {
+	margin-right: 0;
+}
+
+.wrap .add-new-h2:hover, /* deprecated */
+.wrap .page-title-action:hover {
+	background: #f0f0f1;
+	border-color: #0a4b78;
+	color: #0a4b78;
+}
+
+/* lower specificity: color needs to be overridden by :hover and :active */
+.page-title-action:focus {
+	color: #0a4b78;
+}
+
+/* Dashicon for language options on General Settings and Profile screens */
+.form-table th label[for="locale"] .dashicons,
+.form-table th label[for="WPLANG"] .dashicons {
+	margin-right: 5px;
+}
+
+.wrap .page-title-action:focus {
+	border-color: #3582c4;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.wrap h1.long-header {
+	padding-left: 0;
+}
+
+.wp-dialog {
+	background-color: #fff;
+}
+
+.widgets-chooser ul,
+#widgets-left .widget-in-question .widget-top,
+#available-widgets .widget-top:hover,
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+	border-color: #8c8f94;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.sorthelper {
+	background-color: #c5d9ed;
+}
+
+.ac_match,
+.subsubsub a.current {
+	color: #000;
+}
+
+.striped > tbody > :nth-child(odd),
+ul.striped > :nth-child(odd),
+.alternate {
+	background-color: #f6f7f7;
+}
+
+.bar {
+	background-color: #f0f0f1;
+	border-left-color: #4f94d4;
+}
+
+/* Helper classes for plugins to leverage the active WordPress color scheme */
+
+.highlight {
+	background-color: #f0f6fc;
+	color: #3c434a;
+}
+
+.wp-ui-primary {
+	color: #fff;
+	background-color: #2c3338;
+}
+.wp-ui-text-primary {
+	color: #2c3338;
+}
+
+.wp-ui-highlight {
+	color: #fff;
+	background-color: #2271b1;
+}
+.wp-ui-text-highlight {
+	color: #2271b1;
+}
+
+.wp-ui-notification {
+	color: #fff;
+	background-color: #d63638;
+}
+.wp-ui-text-notification {
+	color: #d63638;
+}
+
+.wp-ui-text-icon {
+	color: #8c8f94; /* same as new icons */
+}
+
+/* For emoji replacement images */
+img.emoji {
+	display: inline !important;
+	border: none !important;
+	height: 1em !important;
+	width: 1em !important;
+	margin: 0 .07em !important;
+	vertical-align: -0.1em !important;
+	background: none !important;
+	padding: 0 !important;
+	box-shadow: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Text Styles
+------------------------------------------------------------------------------*/
+
+.widget .widget-top,
+.postbox .hndle,
+.stuffbox .hndle,
+.control-section .accordion-section-title,
+.sidebar-name,
+#nav-menu-header,
+#nav-menu-footer,
+.menu-item-handle,
+.checkbox,
+.side-info,
+#your-profile #rich_editing,
+.widefat thead th,
+.widefat thead td,
+.widefat tfoot th,
+.widefat tfoot td {
+	line-height: 1.4em;
+}
+
+.widget .widget-top,
+.menu-item-handle {
+	background: #f6f7f7;
+	color: #1d2327;
+}
+
+.stuffbox .hndle {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.quicktags {
+	background-color: #c3c4c7;
+	color: #000;
+	font-size: 12px;
+}
+
+.icon32 {
+	display: none;
+}
+
+/* @todo can we combine these into a class or use an existing dashicon one? */
+.welcome-panel .welcome-panel-close:before,
+.tagchecklist .ntdelbutton .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:before,
+.notice-dismiss:before {
+	background: none;
+	color: #787c82;
+	content: "\f153";
+	display: block;
+	font: normal 16px/20px dashicons;
+	speak: never;
+	height: 20px;
+	text-align: center;
+	width: 20px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.welcome-panel .welcome-panel-close:before {
+	margin: 0;
+}
+
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
+	margin-right: 2px;
+	border-radius: 50%;
+	color: #2271b1;
+	/* vertically center the icon cross browsers */
+	line-height: 1.28;
+}
+
+.tagchecklist .ntdelbutton:focus {
+	outline: 0;
+}
+
+.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:hover:before,
+#bulk-titles .ntdelbutton:focus:before {
+	color: #d63638;
+}
+
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.key-labels label {
+	line-height: 24px;
+}
+
+strong, b {
+	font-weight: 600;
+}
+
+.pre {
+	/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
+	white-space: pre-wrap; /* css-3 */
+	word-wrap: break-word; /* IE 5.5 - 7 */
+}
+
+.howto {
+	color: #646970;
+	display: block;
+}
+
+p.install-help {
+	margin: 8px 0;
+	font-style: italic;
+}
+
+.no-break {
+	white-space: nowrap;
+}
+
+hr {
+	border: 0;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #f6f7f7;
+}
+
+.row-actions span.delete a,
+.row-actions span.trash a,
+.row-actions span.spam a,
+.plugins a.delete,
+#all-plugins-table .plugins a.delete,
+#search-plugins-table .plugins a.delete,
+.submitbox .submitdelete,
+#media-items a.delete,
+#media-items a.delete-permanently,
+#nav-menu-footer .menu-delete,
+#delete-link a.delete,
+a#remove-post-thumbnail,
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
+	color: #b32d2e;
+}
+
+abbr.required,
+span.required,
+.file-error,
+.row-actions .delete a:hover,
+.row-actions .trash a:hover,
+.row-actions .spam a:hover,
+.plugins a.delete:hover,
+#all-plugins-table .plugins a.delete:hover,
+#search-plugins-table .plugins a.delete:hover,
+.submitbox .submitdelete:hover,
+#media-items a.delete:hover,
+#media-items a.delete-permanently:hover,
+#nav-menu-footer .menu-delete:hover,
+#delete-link a.delete:hover,
+a#remove-post-thumbnail:hover,
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
+	color: #b32d2e;
+	border: none;
+}
+
+/*------------------------------------------------------------------------------
+  3.0 - Actions
+------------------------------------------------------------------------------*/
+
+#major-publishing-actions {
+	padding: 10px;
+	clear: both;
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#delete-action {
+	float: right;
+	line-height: 2.30769231; /* 30px */
+}
+
+#delete-link {
+	line-height: 2.30769231; /* 30px */
+	vertical-align: middle;
+	text-align: right;
+	margin-right: 8px;
+}
+
+#delete-link a {
+	text-decoration: none;
+}
+
+#publishing-action {
+	text-align: left;
+	float: left;
+	line-height: 1.9;
+}
+
+#publishing-action .spinner {
+	float: none;
+	margin-top: 5px;
+}
+
+#misc-publishing-actions {
+	padding: 6px 0 0;
+}
+
+.misc-pub-section {
+	padding: 6px 10px 8px;
+}
+
+.misc-pub-filename {
+	word-wrap: break-word;
+}
+
+#minor-publishing-actions {
+	padding: 10px 10px 0;
+	text-align: left;
+}
+
+#save-post {
+	float: right;
+}
+
+.preview {
+	float: left;
+}
+
+#sticky-span {
+	margin-right: 18px;
+}
+
+.approve,
+.unapproved .unapprove {
+	display: none;
+}
+
+.unapproved .approve,
+.spam .approve,
+.trash .approve {
+	display: inline;
+}
+
+td.action-links,
+th.action-links {
+	text-align: left;
+}
+
+#misc-publishing-actions .notice {
+	margin-right: 10px;
+	margin-left: 10px;
+}
+
+/* Filter bar */
+.wp-filter {
+	display: inline-block;
+	position: relative;
+	box-sizing: border-box;
+	margin: 12px 0 25px;
+	padding: 0 10px;
+	width: 100%;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	border: 1px solid #c3c4c7;
+	background: #fff;
+	color: #50575e;
+	font-size: 13px;
+}
+
+.wp-filter a {
+	text-decoration: none;
+}
+
+.filter-count {
+	display: inline-block;
+	vertical-align: middle;
+	min-width: 4em;
+}
+
+.title-count,
+.filter-count .count {
+	display: inline-block;
+	position: relative;
+	top: -1px;
+	padding: 4px 10px;
+	border-radius: 30px;
+	background: #646970;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+/* not a part of filter bar, but derived from it, so here for now */
+.title-count {
+	display: inline;
+	top: -3px;
+	margin-right: 5px;
+	margin-left: 20px;
+}
+
+.filter-items {
+	float: right;
+}
+
+.filter-links {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li > a {
+	display: inline-block;
+	margin: 0 10px;
+	padding: 15px 0;
+	border-bottom: 4px solid #fff;
+	color: #646970;
+	cursor: pointer;
+}
+
+.filter-links .current {
+	box-shadow: none;
+	border-bottom: 4px solid #646970;
+	color: #1d2327;
+}
+
+.filter-links li > a:hover,
+.filter-links li > a:focus,
+.show-filters .filter-links a.current:hover,
+.show-filters .filter-links a.current:focus {
+	color: #135e96;
+}
+
+.wp-filter .search-form {
+	float: left;
+	margin: 10px 0;
+}
+
+.wp-filter .search-form input[type="search"] {
+	margin: 1px 0;
+	width: 280px;
+	max-width: 100%;
+}
+
+.wp-filter .search-form select {
+	margin: 0;
+}
+
+/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
+.plugin-install-php .wp-filter {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.wp-filter .search-form.search-plugins {
+	/* This element is a flex item: the inherited float won't have any effect. */
+	margin-top: 0;
+}
+
+.wp-filter .search-form.search-plugins select,
+.wp-filter .search-form.search-plugins .wp-filter-search {
+	display: inline-block;
+	margin-top: 10px;
+	vertical-align: top;
+}
+
+.wp-filter .button.drawer-toggle {
+	margin: 10px 9px 0;
+	padding: 0 6px 0 10px;
+	border-color: transparent;
+	background-color: transparent;
+	color: #646970;
+	vertical-align: baseline;
+	box-shadow: none;
+}
+
+.wp-filter .drawer-toggle:before {
+	content: "\f111";
+	margin: 0 0 0 5px;
+	color: #646970;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .drawer-toggle:hover:before,
+.wp-filter .button.drawer-toggle:focus,
+.wp-filter .drawer-toggle:focus:before {
+	background-color: transparent;
+	color: #135e96;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .button.drawer-toggle:focus:active {
+	border-color: transparent;
+}
+
+.wp-filter .button.drawer-toggle:focus {
+	border-color: #4f94d4;
+}
+
+.wp-filter .button.drawer-toggle:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
+}
+
+.wp-filter .drawer-toggle.current:before {
+	color: #fff;
+}
+
+.filter-drawer,
+.wp-filter .favorites-form {
+	display: none;
+	margin: 0 -20px 0 -10px;
+	padding: 20px;
+	border-top: 1px solid #f0f0f1;
+	background: #f6f7f7;
+	overflow: hidden;
+}
+
+.show-filters .filter-drawer,
+.show-favorites-form .favorites-form {
+	display: block;
+}
+
+.show-filters .filter-links a.current {
+	border-bottom: none;
+}
+
+.show-filters .wp-filter .button.drawer-toggle {
+	border-radius: 2px;
+	background: #646970;
+	color: #fff;
+}
+
+.show-filters .wp-filter .drawer-toggle:hover,
+.show-filters .wp-filter .drawer-toggle:focus {
+	background: #2271b1;
+}
+
+.show-filters .wp-filter .drawer-toggle:before {
+	color: #fff;
+}
+
+.filter-group {
+	box-sizing: border-box;
+	position: relative;
+	float: right;
+	margin: 0 0 0 1%;
+	padding: 20px 10px 10px;
+	width: 24%;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.filter-group legend {
+	position: absolute;
+	top: 10px;
+	display: block;
+	margin: 0;
+	padding: 0;
+	font-size: 1em;
+	font-weight: 600;
+}
+
+.filter-drawer .filter-group-feature {
+	margin: 28px 0 0;
+	list-style-type: none;
+	font-size: 12px;
+}
+
+.filter-drawer .filter-group-feature input,
+.filter-drawer .filter-group-feature label {
+	line-height: 1.4;
+}
+
+.filter-drawer .filter-group-feature input {
+	position: absolute;
+	margin: 0;
+}
+
+.filter-group .filter-group-feature label {
+	display: block;
+	margin: 14px 23px 14px 0;
+}
+
+.filter-drawer .buttons {
+	clear: both;
+	margin-bottom: 20px;
+}
+
+.filter-drawer .filter-group + .buttons {
+	margin-bottom: 0;
+	padding-top: 20px;
+}
+
+.filter-drawer .buttons .button span {
+	display: inline-block;
+	opacity: 0.8;
+	font-size: 12px;
+	text-indent: 10px;
+}
+
+.wp-filter .button.clear-filters {
+	display: none;
+	margin-right: 10px;
+}
+
+.wp-filter .button-link.edit-filters {
+	padding: 0 5px;
+	line-height: 2.2;
+}
+
+.filtered-by {
+	display: none;
+	margin: 0;
+}
+
+.filtered-by > span {
+	font-weight: 600;
+}
+
+.filtered-by a {
+	margin-right: 10px;
+}
+
+.filtered-by .tags {
+	display: inline;
+}
+
+.filtered-by .tag {
+	margin: 0 5px;
+	padding: 4px 8px;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+	font-size: 11px;
+}
+
+.filters-applied .filter-group,
+.filters-applied .filter-drawer .buttons,
+.filters-applied .filter-drawer br {
+	display: none;
+}
+
+.filters-applied .filtered-by {
+	display: block;
+}
+
+.filters-applied .filter-drawer {
+	padding: 20px;
+}
+
+.show-filters .favorites-form,
+.show-filters .content-filterable,
+.show-filters.filters-applied.loading-content .content-filterable,
+.loading-content .content-filterable,
+.error .content-filterable {
+	display: none;
+}
+
+.show-filters.filters-applied .content-filterable {
+	display: block;
+}
+
+.loading-content .spinner {
+	display: block;
+	margin: 40px auto 0;
+	float: none;
+}
+
+@media only screen and (max-width: 1120px) {
+	.filter-drawer {
+		border-bottom: 1px solid #f0f0f1;
+	}
+
+	.filter-group {
+		margin-bottom: 0;
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.filter-group li {
+		margin: 10px 0;
+	}
+}
+
+@media only screen and (max-width: 1000px) {
+	.filter-items {
+		float: none;
+	}
+
+	.wp-filter .media-toolbar-primary,
+	.wp-filter .media-toolbar-secondary,
+	.wp-filter .search-form {
+		float: none; /* Remove float from media-views.css */
+		position: relative;
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 782px) {
+	.filter-group li {
+		padding: 0;
+		width: 50%;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	.filter-count {
+		display: none;
+	}
+
+	.wp-filter .drawer-toggle {
+		margin: 10px 0;
+	}
+
+	.filter-group li,
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+/*------------------------------------------------------------------------------
+  4.0 - Notifications
+------------------------------------------------------------------------------*/
+
+.notice,
+div.updated,
+div.error {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-right-width: 4px;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	margin: 5px 15px 2px;
+	padding: 1px 12px;
+}
+
+div[class="update-message"] { /* back-compat for pre-4.6 */
+	padding: 0.5em 0 0.5em 12px;
+}
+
+.notice p,
+.notice-title,
+div.updated p,
+div.error p,
+.form-table td .notice p {
+	margin: 0.5em 0;
+	padding: 2px;
+}
+
+.error a {
+	text-decoration: underline;
+}
+
+.updated a {
+	padding-bottom: 2px;
+}
+
+.notice-alt {
+	box-shadow: none;
+}
+
+.notice-large {
+	padding: 10px 20px;
+}
+
+.notice-title {
+	display: inline-block;
+	color: #1d2327;
+	font-size: 18px;
+}
+
+.wp-core-ui .notice.is-dismissible {
+	padding-left: 38px;
+	position: relative;
+}
+
+.notice-dismiss {
+	position: absolute;
+	top: 0;
+	left: 1px;
+	border: none;
+	margin: 0;
+	padding: 9px;
+	background: none;
+	color: #787c82;
+	cursor: pointer;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+	color: #d63638;
+}
+
+.notice-dismiss:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.notice-success,
+div.updated {
+	border-right-color: #00a32a;
+}
+
+.notice-success.notice-alt {
+	background-color: #edfaef;
+}
+
+.notice-warning {
+	border-right-color: #dba617;
+}
+
+.notice-warning.notice-alt {
+	background-color: #fcf9e8;
+}
+
+.notice-error,
+div.error {
+	border-right-color: #d63638;
+}
+
+.notice-error.notice-alt {
+	background-color: #fcf0f1;
+}
+
+.notice-info {
+	border-right-color: #72aee6;
+}
+
+.notice-info.notice-alt {
+	background-color: #f0f6fc;
+}
+
+.update-message p:before,
+.updating-message p:before,
+.updated-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.wrap .notice,
+.wrap div.updated,
+.wrap div.error,
+.media-upload-form .notice,
+.media-upload-form div.error {
+	margin: 5px 0 15px;
+}
+
+.wrap #templateside .notice {
+	display: block;
+	margin: 0;
+	padding: 5px 8px;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.wrap #templateside span.notice {
+	margin-right: -12px;
+}
+
+#templateside li.notice a {
+	padding: 0;
+}
+
+/* Update icon. */
+.update-message p:before,
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+	color: #d63638;
+	content: "\f463";
+}
+
+/* Spins the update icon. */
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before,
+.plugins .column-auto-updates .dashicons-update.spin,
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	animation: rotation 2s infinite linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.updating-message p:before,
+	.import-php .updating-message:before,
+	.button.updating-message:before,
+	.button.installing:before,
+	.plugins .column-auto-updates .dashicons-update.spin,
+	.theme-overlay .theme-autoupdate .dashicons-update.spin {
+		animation: none;
+	}
+}
+
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	margin-left: 3px;
+}
+
+/* Updated icon (check mark). */
+.updated-message p:before,
+.installed p:before,
+.button.updated-message:before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+/* Error icon. */
+.update-message.notice-error p:before {
+	color: #d63638;
+	content: "\f534";
+}
+
+.wrap .notice p:before,
+.import-php .updating-message:before {
+	margin-left: 6px;
+	vertical-align: bottom;
+}
+
+#update-nag,
+.update-nag {
+	display: inline-block;
+	line-height: 1.4;
+	padding: 11px 15px;
+	font-size: 14px;
+	margin: 25px 2px 0 20px;
+}
+
+ul#dismissed-updates {
+	display: none;
+}
+
+#dismissed-updates li > p {
+	margin-top: 0;
+}
+
+#dismiss,
+#undismiss {
+	margin-right: 0.5em;
+}
+
+form.upgrade {
+	margin-top: 8px;
+}
+
+form.upgrade .hint {
+	font-style: italic;
+	font-size: 85%;
+	margin: -0.5em 0 2em;
+}
+
+.update-php .spinner {
+	float: none;
+	margin: -4px 0;
+}
+
+h2.wp-current-version {
+	margin-bottom: .3em;
+}
+
+p.update-last-checked {
+	margin-top: 0;
+}
+
+p.auto-update-status {
+	margin-top: 2em;
+	line-height: 1.8;
+}
+
+#ajax-loading,
+.ajax-loading,
+.ajax-feedback,
+.imgedit-wait-spin,
+.list-ajax-loading { /* deprecated */
+	visibility: hidden;
+}
+
+#ajax-response.alignleft {
+	margin-right: 2em;
+}
+
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	margin: 3px -2px 0 5px;
+}
+
+.button-primary.updating-message:before {
+	color: #fff;
+}
+
+.button-primary.updated-message:before {
+	color: #9ec2e6;
+}
+
+.button.updated-message {
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+@media aural {
+	.wrap .notice p:before,
+	.button.installing:before,
+	.button.installed:before,
+	.update-message p:before {
+		speak: never;
+	}
+}
+
+
+/* @todo: this does not need its own section anymore */
+/*------------------------------------------------------------------------------
+  6.0 - Admin Header
+------------------------------------------------------------------------------*/
+#adminmenu a,
+#taglist a,
+#catlist a {
+	text-decoration: none;
+}
+
+/*------------------------------------------------------------------------------
+  6.1 - Screen Options Tabs
+------------------------------------------------------------------------------*/
+
+#screen-options-wrap,
+#contextual-help-wrap {
+	margin: 0;
+	padding: 8px 20px 12px;
+	position: relative;
+}
+
+#contextual-help-wrap {
+	overflow: auto;
+	margin-right: 0;
+}
+
+#screen-meta-links {
+	float: left;
+	margin: 0 0 0 20px;
+}
+
+/* screen options and help tabs revert */
+#screen-meta {
+	display: none;
+	margin: 0 0 -1px 20px;
+	position: relative;
+	background-color: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	box-shadow: 0 0 0 transparent;
+}
+
+#screen-options-link-wrap,
+#contextual-help-link-wrap {
+	float: right;
+	margin: 0 6px 0 0;
+}
+
+#screen-meta-links .screen-meta-toggle {
+	position: relative;
+	top: 0;
+}
+
+#screen-meta-links .show-settings {
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	height: auto;
+	margin-bottom: 0;
+	padding: 3px 16px 3px 6px;
+	background: #fff;
+	border-radius: 0 0 4px 4px;
+	color: #646970;
+	line-height: 1.7;
+	box-shadow: 0 0 0 transparent;
+	transition: box-shadow 0.1s linear;
+}
+
+#screen-meta-links .show-settings:hover,
+#screen-meta-links .show-settings:active,
+#screen-meta-links .show-settings:focus {
+	color: #2c3338;
+}
+
+#screen-meta-links .show-settings:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+#screen-meta-links .show-settings:active {
+	transform: none;
+}
+
+#screen-meta-links .show-settings:after {
+	left: 0;
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 0 0 5px;
+	bottom: 2px;
+	position: relative;
+	vertical-align: bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+#screen-meta-links .screen-meta-active:after {
+	content: "\f142";
+}
+
+/* end screen options and help tabs */
+
+.toggle-arrow {
+	background-repeat: no-repeat;
+	background-position: top right;
+	background-color: transparent;
+	height: 22px;
+	line-height: 22px;
+	display: block;
+}
+
+.toggle-arrow-active {
+	background-position: bottom right;
+}
+
+#screen-options-wrap h5, /* Back-compat for old plugins */
+#screen-options-wrap legend,
+#contextual-help-wrap h5 {
+	margin: 0;
+	padding: 8px 0;
+	font-size: 13px;
+	font-weight: 600;
+}
+
+.metabox-prefs label {
+	display: inline-block;
+	padding-left: 15px;
+	line-height: 2.35;
+}
+
+#number-of-columns {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 30px;
+}
+
+.metabox-prefs input[type=checkbox] {
+	margin-top: 0;
+	margin-left: 6px;
+}
+
+.metabox-prefs label input,
+.metabox-prefs label input[type=checkbox] {
+	margin: -4px 0 0 5px;
+}
+
+.metabox-prefs .columns-prefs label input {
+	margin: -1px 0 0 2px;
+}
+
+.metabox-prefs label a {
+	display: none;
+}
+
+.metabox-prefs .screen-options input,
+.metabox-prefs .screen-options label {
+	margin-top: 0;
+	margin-bottom: 0;
+	vertical-align: middle;
+}
+
+.metabox-prefs .screen-options .screen-per-page {
+	margin-left: 15px;
+	padding-left: 0;
+}
+
+.metabox-prefs .screen-options label {
+	line-height: 2.2;
+	padding-left: 0;
+}
+
+.screen-options + .screen-options {
+	margin-top: 10px;
+}
+
+.metabox-prefs .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+/*------------------------------------------------------------------------------
+  6.2 - Help Menu
+------------------------------------------------------------------------------*/
+
+#contextual-help-wrap {
+	padding: 0;
+}
+
+#contextual-help-columns {
+	position: relative;
+}
+
+#contextual-help-back {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 150px;
+	left: 170px;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	border-bottom: none;
+	background: #f0f6fc;
+}
+
+#contextual-help-wrap.no-sidebar #contextual-help-back {
+	left: 0;
+	border-left-width: 0;
+	border-bottom-left-radius: 2px;
+}
+
+.contextual-help-tabs {
+	float: right;
+	width: 150px;
+	margin: 0;
+}
+
+.contextual-help-tabs ul {
+	margin: 1em 0;
+}
+
+.contextual-help-tabs li {
+	margin-bottom: 0;
+	list-style-type: none;
+	border-style: solid;
+	border-width: 0 2px 0 0;
+	border-color: transparent;
+}
+
+.contextual-help-tabs a {
+	display: block;
+	padding: 5px 12px 5px 5px;
+	line-height: 1.4;
+	text-decoration: none;
+	border: 1px solid transparent;
+	border-left: none;
+	border-right: none;
+}
+
+.contextual-help-tabs a:hover {
+	color: #2c3338;
+}
+
+.contextual-help-tabs .active {
+	padding: 0;
+	margin: 0 0 0 -1px;
+	border-right: 2px solid #72aee6;
+	background: #f0f6fc;
+	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
+}
+
+.contextual-help-tabs .active a {
+	border-color: #c3c4c7;
+	color: #2c3338;
+}
+
+.contextual-help-tabs-wrap {
+	padding: 0 20px;
+	overflow: auto;
+}
+
+.help-tab-content {
+	display: none;
+	margin: 0 0 12px 22px;
+	line-height: 1.6;
+}
+
+.help-tab-content.active {
+	display: block;
+}
+
+.help-tab-content ul li {
+	list-style-type: disc;
+	margin-right: 18px;
+}
+
+.contextual-help-sidebar {
+	width: 150px;
+	float: left;
+	padding: 0 12px 0 8px;
+	overflow: auto;
+}
+
+/*------------------------------------------------------------------------------
+  8.0 - Layout Blocks
+------------------------------------------------------------------------------*/
+
+html.wp-toolbar {
+	padding-top: 32px;
+	box-sizing: border-box;
+	-ms-overflow-style: scrollbar; /* See ticket #48545 */
+}
+
+.widefat th,
+.widefat td {
+	color: #50575e;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	font-weight: 400;
+}
+
+.widefat thead tr th,
+.widefat thead tr td,
+.widefat tfoot tr th,
+.widefat tfoot tr td {
+	color: #2c3338;
+}
+
+.widefat td p {
+	margin: 2px 0 0.8em;
+}
+
+.widefat p,
+.widefat ol,
+.widefat ul {
+	color: #2c3338;
+}
+
+.widefat .column-comment p {
+	margin: 0.6em 0;
+}
+
+.widefat .column-comment ul {
+	list-style: initial;
+	margin-right: 2em;
+}
+
+/* Screens with postboxes */
+.postbox-container {
+	float: right;
+}
+
+.postbox-container .meta-box-sortables {
+	box-sizing: border-box;
+}
+
+#wpbody-content .metabox-holder {
+	padding-top: 10px;
+}
+
+.metabox-holder .postbox-container .meta-box-sortables {
+	/* The jQuery UI Sortables need some initial height to work properly. */
+	min-height: 1px;
+	position: relative;
+}
+
+#post-body-content {
+	width: 100%;
+	min-width: 463px;
+	float: right;
+}
+
+#post-body.columns-2 #postbox-container-1 {
+	float: left;
+	margin-left: -300px;
+	width: 280px;
+}
+
+#post-body.columns-2 #side-sortables {
+	min-height: 250px;
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content .metabox-holder .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+}
+
+.js .widget .widget-top,
+.js .postbox .hndle {
+	cursor: move;
+}
+
+.js .widget .widget-top.is-non-sortable,
+.js .postbox .hndle.is-non-sortable {
+	cursor: auto;
+}
+
+/* Configurable dashboard widgets "Configure" edit-box link. */
+.hndle a {
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.postbox-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.postbox-header .hndle {
+	flex-grow: 1;
+	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.postbox-header .handle-actions {
+	flex-shrink: 0;
+}
+
+/* Post box order and toggle buttons. */
+.postbox .handle-order-higher,
+.postbox .handle-order-lower,
+.postbox .handlediv {
+	width: 36px;
+	height: 36px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	cursor: pointer;
+}
+
+.postbox .handle-order-higher,
+.postbox .handle-order-lower {
+	color: #787c82;
+	width: 1.62rem;
+}
+
+/* Post box order buttons in the block editor meta boxes area. */
+.edit-post-meta-boxes-area .postbox .handle-order-higher,
+.edit-post-meta-boxes-area .postbox .handle-order-lower {
+	width: 44px;
+	height: 44px;
+	color: #1d2327
+}
+
+.postbox .handle-order-higher[aria-disabled="true"],
+.postbox .handle-order-lower[aria-disabled="true"] {
+	cursor: default;
+	color: #a7aaad;
+}
+
+.sortable-placeholder {
+	border: 1px dashed #c3c4c7;
+	margin-bottom: 20px;
+}
+
+.postbox,
+.stuffbox {
+	margin-bottom: 20px;
+	padding: 0;
+	line-height: 1;
+}
+
+.postbox.closed {
+	border-bottom: 0;
+}
+
+/* user-select is not a part of the CSS standard - may change behavior in the future */
+.postbox .hndle,
+.stuffbox .hndle {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.postbox .inside {
+	padding: 0 12px 12px;
+	line-height: 1.4;
+	font-size: 13px;
+}
+
+.stuffbox .inside {
+	padding: 0;
+	line-height: 1.4;
+	font-size: 13px;
+	margin-top: 0;
+}
+
+.postbox .inside {
+	margin: 11px 0;
+	position: relative;
+}
+
+.postbox .inside > p:last-child,
+.rss-widget ul li:last-child {
+	margin-bottom: 1px !important;
+}
+
+.postbox.closed h3 {
+	border: none;
+	box-shadow: none;
+}
+
+.postbox table.form-table {
+	margin-bottom: 0;
+}
+
+.postbox table.widefat {
+	box-shadow: none;
+}
+
+.temp-border {
+	border: 1px dotted #c3c4c7;
+}
+
+.columns-prefs label {
+	padding: 0 0 0 10px;
+}
+
+/* @todo: what is this doing here */
+#dashboard_right_now .versions .b,
+#post-status-display,
+#post-visibility-display,
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+.media-item .percent,
+.plugins .name,
+#pass-strength-result.strong,
+#pass-strength-result.short,
+#ed_reply_toolbar #ed_reply_strong,
+.item-controls .item-order a,
+.feature-filter .feature-name,
+#comment-status-display {
+	font-weight: 600;
+}
+
+/*------------------------------------------------------------------------------
+  21.0 - Admin Footer
+------------------------------------------------------------------------------*/
+
+#wpfooter {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	padding: 10px 20px;
+	color: #50575e;
+}
+
+#wpfooter p {
+	font-size: 13px;
+	margin: 0;
+	line-height: 1.55;
+}
+
+#footer-thankyou {
+	font-style: italic;
+}
+
+/*------------------------------------------------------------------------------
+  25.0 - Tabbed Admin Screen Interface (Experimental)
+------------------------------------------------------------------------------*/
+
+.nav-tab {
+	float: right;
+	border: 1px solid #c3c4c7;
+	border-bottom: none;
+	margin-right: 0.5em; /* half the font size so set the font size properly */
+	padding: 5px 10px;
+	font-size: 14px;
+	line-height: 1.71428571;
+	font-weight: 600;
+	background: #dcdcde;
+	color: #50575e;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+h3 .nav-tab, /* Back-compat for pre-4.4 */
+.nav-tab-small .nav-tab {
+	padding: 5px 14px;
+	font-size: 12px;
+	line-height: 1.33;
+}
+
+.nav-tab:hover,
+.nav-tab:focus {
+	background-color: #fff;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab:focus:active {
+	box-shadow: none;
+}
+
+.nav-tab-active {
+	margin-bottom: -1px;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab-active:hover,
+.nav-tab-active:focus,
+.nav-tab-active:focus:active {
+	border-bottom: 1px solid #f0f0f1;
+	background: #f0f0f1;
+	color: #000;
+}
+
+h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
+.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
+.nav-tab-wrapper {
+	border-bottom: 1px solid #c3c4c7;
+	margin: 0;
+	padding-top: 9px;
+	padding-bottom: 0;
+	line-height: inherit;
+}
+
+/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
+.nav-tab-wrapper:not(.wp-clearfix):after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/*------------------------------------------------------------------------------
+  26.0 - Misc
+------------------------------------------------------------------------------*/
+
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	background-size: 20px 20px;
+	display: inline-block;
+	visibility: hidden;
+	float: left;
+	vertical-align: middle;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 4px 10px 0;
+}
+
+.spinner.is-active,
+.loading-content .spinner {
+	visibility: visible;
+}
+
+#template > div {
+	margin-left: 16em;
+}
+#template .notice {
+	margin-top: 1em;
+	margin-left: 3%;
+}
+#template .notice p {
+	width: auto;
+}
+#template .submit .spinner {
+	float: none;
+}
+
+.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+.metabox-holder h2.hndle {
+	font-size: 14px;
+	padding: 8px 12px;
+	margin: 0;
+	line-height: 1.4;
+}
+
+/* Back-compat for nav-menus screen */
+.nav-menus-php .metabox-holder h3 {
+	padding: 10px 14px 11px 10px;
+	line-height: 1.5;
+}
+
+#templateside ul li a {
+	text-decoration: none;
+}
+
+.plugin-install #description,
+.plugin-install-network #description {
+	width: 60%;
+}
+
+table .vers,
+table .column-visible,
+table .column-rating {
+	text-align: right;
+}
+
+.attention,
+.error-message {
+	color: #d63638;
+	font-weight: 600;
+}
+
+/* Scrollbar fix for bulk upgrade iframe */
+body.iframe {
+	height: 98%;
+}
+
+/* Upgrader styles, Specific to Language Packs */
+.lp-show-latest p {
+	display: none;
+}
+.lp-show-latest p:last-child,
+.lp-show-latest .lp-error p {
+	display: block;
+}
+
+/* - Only used once or twice in all of WP - deprecate for global style
+------------------------------------------------------------------------------*/
+.media-icon {
+	width: 62px; /* icon + border */
+	text-align: center;
+}
+
+.media-icon img {
+	border: 1px solid #dcdcde;
+	border: 1px solid rgba(0, 0, 0, 0.07);
+}
+
+#howto {
+	font-size: 11px;
+	margin: 0 5px;
+	display: block;
+}
+
+.importers {
+	font-size: 16px;
+	width: auto;
+}
+
+.importers td {
+	padding-left: 14px;
+	line-height: 1.4;
+}
+
+.importers .import-system {
+	max-width: 250px;
+}
+
+.importers td.desc {
+	max-width: 500px;
+}
+
+.importer-title,
+.importer-desc,
+.importer-action {
+	display: block;
+}
+
+.importer-title {
+	color: #000;
+	font-size: 14px;
+	font-weight: 400;
+	margin-bottom: .2em;
+}
+
+.importer-action {
+	line-height: 1.55; /* Same as with .updating-message */
+	color: #50575e;
+	margin-bottom: 1em;
+}
+
+#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
+#post-body #post-body-content #namediv h2 {
+	margin-top: 0;
+}
+
+.edit-comment-author {
+	color: #1d2327;
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#namediv h3 label, /* Back-compat for pre-4.4 */
+#namediv h2 label {
+	vertical-align: baseline;
+}
+
+#namediv table {
+	width: 100%;
+}
+
+#namediv td.first {
+	width: 10px;
+	white-space: nowrap;
+}
+
+#namediv input {
+	width: 100%;
+}
+
+#namediv p {
+	margin: 10px 0;
+}
+
+/* - Used - but could/should be deprecated with a CSS reset
+------------------------------------------------------------------------------*/
+.zerosize {
+	height: 0;
+	width: 0;
+	margin: 0;
+	border: 0;
+	padding: 0;
+	overflow: hidden;
+	position: absolute;
+}
+
+br.clear {
+	height: 2px;
+	line-height: 0.15;
+}
+
+.checkbox {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+.post-categories {
+	display: inline;
+	margin: 0;
+	padding: 0;
+}
+
+.post-categories li {
+	display: inline;
+}
+
+/* Star Ratings - Back-compat for pre-3.8 */
+div.star-holder {
+	position: relative;
+	height: 17px;
+	width: 100px;
+	background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
+}
+
+div.star-holder .star-rating {
+	background: url(../images/stars.png?ver=20121108) repeat-x top right;
+	height: 17px;
+	float: right;
+}
+
+/* Star Ratings */
+.star-rating {
+	white-space: nowrap;
+}
+.star-rating .star {
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	-webkit-font-smoothing: antialiased;
+	font-size: 20px;
+	line-height: 1;
+	font-family: dashicons;
+	text-decoration: inherit;
+	font-weight: 400;
+	font-style: normal;
+	vertical-align: top;
+	transition: color .1s ease-in;
+	text-align: center;
+	color: #dba617;
+}
+
+.star-rating .star-full:before {
+	content: "\f155";
+}
+
+.star-rating .star-half:before {
+	content: "\f459";
+}
+
+.rtl .star-rating .star-half {
+	transform: rotateY(-180deg);
+}
+
+.star-rating .star-empty:before {
+	content: "\f154";
+}
+
+div.action-links {
+	font-weight: 400;
+	margin: 6px 0 0;
+}
+
+/* Plugin install thickbox */
+#plugin-information {
+	background: #fff;
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	height: 100%;
+	padding: 0;
+}
+
+#plugin-information-scrollable {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 100%;
+}
+
+#plugin-information-title {
+	padding: 0 26px;
+	background: #f6f7f7;
+	font-size: 22px;
+	font-weight: 600;
+	line-height: 2.4;
+	position: relative;
+	height: 56px;
+}
+
+#plugin-information-title.with-banner {
+	margin-left: 0;
+	height: 250px;
+	background-size: cover;
+}
+
+#plugin-information-title h2 {
+	font-size: 1em;
+	font-weight: 600;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h2 {
+	position: relative;
+	font-family: "Helvetica Neue", sans-serif;
+	display: inline-block;
+	font-size: 30px;
+	line-height: 1.68;
+	box-sizing: border-box;
+	max-width: 100%;
+	padding: 0 15px;
+	margin-top: 174px;
+	color: #fff;
+	background: rgba(29, 35, 39, 0.9);
+	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+	box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+	border-radius: 8px;
+}
+
+#plugin-information-title div.vignette {
+	display: none;
+}
+
+#plugin-information-title.with-banner div.vignette {
+	position: absolute;
+	display: block;
+	top: 0;
+	right: 0;
+	height: 250px;
+	width: 100%;
+	background: transparent;
+	box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#plugin-information-tabs {
+	padding: 0 16px;
+	position: relative;
+	left: 0;
+	right: 0;
+	min-height: 36px;
+	font-size: 0;
+	z-index: 1;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#plugin-information-tabs a {
+	position: relative;
+	display: inline-block;
+	padding: 9px 10px;
+	margin: 0;
+	height: 18px;
+	line-height: 1.3;
+	font-size: 14px;
+	text-decoration: none;
+	transition: none;
+}
+
+#plugin-information-tabs a.current {
+	margin: 0 -1px -1px;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #fff;
+	padding-top: 8px;
+	color: #2c3338;
+}
+
+#plugin-information-tabs.with-banner a.current {
+	border-top: none;
+	padding-top: 9px;
+}
+
+#plugin-information-tabs a:active,
+#plugin-information-tabs a:focus {
+	outline: none;
+}
+
+#plugin-information-content {
+	overflow: hidden; /* equal height column trick */
+	background: #fff;
+	position: relative;
+	top: 0;
+	left: 0;
+	right: 0;
+	min-height: 100%;
+	/* Height of title + tabs + install now */
+	min-height: calc( 100% - 152px );
+}
+
+#plugin-information-content.with-banner {
+	/* Height of banner + tabs + install now */
+	min-height: calc( 100% - 346px );
+}
+
+#section-holder {
+	position: relative;
+	top: 0;
+	left: 250px;
+	bottom: 0;
+	right: 0;
+	margin-top: 10px;
+	margin-left: 250px; /* FYI box */
+	padding: 10px 26px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+}
+
+#section-holder .notice {
+	margin: 5px 0 15px;
+}
+
+#section-holder .updated {
+	margin: 16px 0;
+}
+
+#plugin-information .fyi {
+	float: left;
+	position: relative;
+	top: 0;
+	left: 0;
+	padding: 16px 16px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+	width: 217px;
+	border-right: 1px solid #dcdcde;
+	background: #f6f7f7;
+	color: #646970;
+}
+
+#plugin-information .fyi strong {
+	color: #3c434a;
+}
+
+#plugin-information .fyi h3 {
+	font-weight: 600;
+	text-transform: uppercase;
+	font-size: 12px;
+	color: #646970;
+	margin: 24px 0 8px;
+}
+
+#plugin-information .fyi h2 {
+	font-size: 0.9em;
+	margin-bottom: 0;
+	margin-left: 0;
+}
+
+#plugin-information .fyi ul {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+
+#plugin-information .fyi li {
+	margin: 0 0 10px;
+}
+
+#plugin-information .fyi-description {
+	margin-top: 0;
+}
+
+#plugin-information .counter-container {
+	margin: 3px 0;
+}
+
+#plugin-information .counter-label {
+	float: right;
+	margin-left: 5px;
+	min-width: 55px;
+}
+
+#plugin-information .counter-back {
+	height: 17px;
+	width: 92px;
+	background-color: #dcdcde;
+	float: right;
+}
+
+#plugin-information .counter-bar {
+	height: 17px;
+	background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
+	float: right;
+}
+
+#plugin-information .counter-count {
+	margin-right: 5px;
+}
+
+#plugin-information .fyi ul.contributors {
+	margin-top: 10px;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-left: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-left: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li img {
+	vertical-align: middle;
+	margin-left: 4px;
+}
+
+#plugin-information-footer {
+	padding: 13px 16px;
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	height: 40px; /* actual height: 40+13+13+1=67 */
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+/* rtl:ignore */
+#plugin-information .section {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+#plugin-information .section ul,
+#plugin-information .section ol {
+	list-style-type: disc;
+	margin-left: 24px;
+}
+
+#plugin-information .section,
+#plugin-information .section p {
+	font-size: 14px;
+	line-height: 1.7;
+}
+
+#plugin-information #section-screenshots ol {
+	list-style: none;
+	margin: 0;
+}
+
+#plugin-information #section-screenshots li img {
+	vertical-align: text-top;
+	margin-top: 16px;
+	max-width: 100%;
+	width: auto;
+	height: auto;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* rtl:ignore */
+#plugin-information #section-screenshots li p {
+	font-style: italic;
+	padding-left: 20px;
+}
+
+#plugin-information pre {
+	padding: 7px;
+	overflow: auto;
+	border: 1px solid #c3c4c7;
+}
+
+#plugin-information blockquote {
+	border-right: 2px solid #dcdcde;
+	color: #646970;
+	font-style: italic;
+	margin: 1em 0;
+	padding: 0 1em 0 0;
+}
+
+/* rtl:ignore */
+#plugin-information .review {
+	overflow: hidden; /* clearfix */
+	width: 100%;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+#plugin-information .review-title-section {
+	overflow: hidden; /* clearfix */
+}
+
+/* rtl:ignore */
+#plugin-information .review-title-section h4 {
+	display: inline-block;
+	float: left;
+	margin: 0 6px 0 0;
+}
+
+#plugin-information .reviewer-info p {
+	clear: both;
+	margin: 0;
+	padding-top: 2px;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .avatar {
+	float: left;
+	margin: 4px 6px 0 0;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .star-rating {
+	float: left;
+}
+
+/* rtl:ignore */
+#plugin-information .review-meta {
+	float: left;
+	margin-left: 0.75em;
+}
+
+/* rtl:ignore */
+#plugin-information .review-body {
+	float: left;
+	width: 100%;
+}
+
+.plugin-version-author-uri {
+	font-size: 13px;
+}
+
+/* For non-js plugin installation screen ticket #36430. */
+.update-php .button.button-primary {
+	margin-left: 1em;
+}
+
+@media screen and (max-width: 771px) {
+	#plugin-information-title.with-banner {
+		height: 100px;
+	}
+
+	#plugin-information-title.with-banner h2 {
+		margin-top: 30px;
+		font-size: 20px;
+		line-height: 2;
+		max-width: 85%;
+	}
+
+	#plugin-information-title.with-banner div.vignette {
+		height: 100px;
+	}
+
+	#plugin-information-tabs {
+		overflow: hidden; /* clearfix */
+		padding: 0;
+		height: auto; /* let tabs wrap */
+	}
+
+	#plugin-information-tabs a.current {
+		margin-bottom: 0;
+		border-bottom: none;
+	}
+
+	#plugin-information .fyi {
+		float: none;
+		border: 1px solid #dcdcde;
+		position: static;
+		width: auto;
+		margin: 26px 26px 0;
+		padding-bottom: 0; /* reset from the two column height fix */
+	}
+
+	#section-holder {
+		position: static;
+		margin: 0;
+		padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
+	}
+
+	#plugin-information .fyi h3,
+	#plugin-information .fyi small {
+		display: none;
+	}
+
+	#plugin-information-footer {
+		padding: 12px 16px 0;
+		height: 46px;
+	}
+}
+
+/* Thickbox for the Plugin details modal. */
+#TB_window.plugin-details-modal {
+	background: #fff;
+}
+
+#TB_window.plugin-details-modal.thickbox-loading:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	right: 50%;
+	top: 50%;
+	z-index: -1;
+	margin: -10px -10px 0 0;
+	background: #fff url(../images/spinner.gif) no-repeat center;
+	background-size: 20px 20px;
+	transform: translateZ(0);
+}
+
+@media print,
+	(-webkit-min-device-pixel-ratio: 1.25),
+	(min-resolution: 120dpi) {
+
+	#TB_window.plugin-details-modal.thickbox-loading:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+.plugin-details-modal #TB_title {
+	float: right;
+	height: 1px;
+}
+
+.plugin-details-modal #TB_ajaxWindowTitle {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton {
+	right: auto;
+	left: -30px;
+	color: #f0f0f1;
+}
+
+.plugin-details-modal #TB_closeWindowButton:hover,
+.plugin-details-modal #TB_closeWindowButton:focus {
+	color: #135e96;
+	outline: none;
+	box-shadow: none;
+}
+
+.plugin-details-modal .tb-close-icon {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton:after {
+	content: "\f335";
+	font: normal 32px/29px 'dashicons';
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* move plugin install close icon to top on narrow screens */
+@media screen and (max-width: 830px) {
+	.plugin-details-modal #TB_closeWindowButton {
+		left: 0;
+		top: -30px;
+	}
+}
+
+/* @todo: move this. */
+img {
+	border: none;
+}
+
+/* Metabox collapse arrow indicators */
+.sidebar-name .toggle-indicator::before,
+.meta-box-sortables .postbox .toggle-indicator::before,
+.meta-box-sortables .postbox .order-higher-indicator::before,
+.meta-box-sortables .postbox .order-lower-indicator::before,
+.bulk-action-notice .toggle-indicator::before,
+.privacy-text-box .toggle-indicator::before {
+	content: "\f142";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.js .widgets-holder-wrap.closed .toggle-indicator::before,
+.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
+.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
+.privacy-text-box.closed .toggle-indicator::before {
+	content: "\f140";
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before {
+	content: "\f343";
+	color: inherit;
+}
+
+.postbox .handle-order-lower .order-lower-indicator::before {
+	content: "\f347";
+	color: inherit;
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before,
+.postbox .handle-order-lower .order-lower-indicator::before {
+	position: relative;
+    top: 0.11rem;
+	width: 20px;
+	height: 20px;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	width: 20px;
+	border-radius: 50%;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	position: relative;
+	top: 0.05rem;
+	text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.rtl .postbox .handlediv .toggle-indicator::before {
+	text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.bulk-action-notice .toggle-indicator::before {
+	line-height: 16px;
+	vertical-align: top;
+	color: #787c82;
+}
+
+.postbox .handle-order-higher:focus,
+.postbox .handle-order-lower:focus,
+.postbox .handlediv:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.postbox .handle-order-higher:focus .order-higher-indicator::before,
+.postbox .handle-order-lower:focus .order-lower-indicator::before,
+.postbox .handlediv:focus .toggle-indicator::before {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+/* @todo: appears to be Press This only and overridden */
+#photo-add-url-div input[type="text"] {
+	width: 300px;
+}
+
+/* Theme/Plugin file editor */
+.alignleft h2 {
+	margin: 0;
+}
+
+#template textarea {
+	font-family: Consolas, Monaco, monospace;
+	font-size: 13px;
+	background: #f6f7f7;
+	-o-tab-size: 4;
+	tab-size: 4;
+}
+
+#template textarea,
+#template .CodeMirror {
+	width: 100%;
+	min-height: 60vh;
+	height: calc( 100vh - 295px );
+	border: 1px solid #dcdcde;
+	box-sizing: border-box;
+}
+
+#templateside > h2 {
+	padding-top: 6px;
+	padding-bottom: 7px;
+	margin: 0;
+}
+
+#templateside ol,
+#templateside ul {
+	margin: 0;
+	padding: 0;
+}
+#templateside > ul {
+	box-sizing: border-box;
+	margin-top: 0;
+	overflow: auto;
+	padding: 0;
+	min-height: 60vh;
+	height: calc(100vh - 295px);
+	background-color: #f6f7f7;
+	border: 1px solid #dcdcde;
+	border-right: none;
+}
+#templateside ul ul {
+	padding-right: 12px;
+}
+#templateside > ul > li > ul[role=group] {
+	padding-right: 0;
+}
+
+/*
+ * Styles for Theme and Plugin file editors.
+ */
+
+/* Hide collapsed items. */
+[role="treeitem"][aria-expanded="false"] > ul {
+	display: none;
+}
+
+/* Use arrow dashicons for folder states, but hide from screen readers. */
+[role="treeitem"] span[aria-hidden] {
+	display: inline;
+	font-family: dashicons;
+	font-size: 20px;
+	position: absolute;
+	pointer-events: none;
+}
+[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
+	content: "\f141";
+}
+[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
+	content: "\f140";
+}
+[role="treeitem"] .folder-label {
+	display: block;
+	padding: 3px 12px 3px 3px;
+	cursor: pointer;
+}
+
+/* Remove outline, and create our own focus and hover styles */
+[role="treeitem"] {
+	outline: 0;
+}
+[role="treeitem"] .folder-label.focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+[role="treeitem"].hover,
+[role="treeitem"] .folder-label.hover {
+	background-color: #f0f0f1;
+}
+
+.tree-folder {
+	margin: 0;
+	position: relative;
+}
+[role="treeitem"] li {
+	position: relative;
+}
+
+/* Styles for folder indicators/depth */
+.tree-folder .tree-folder::after {
+	content: "";
+	display: block;
+	position: absolute;
+	right: 2px;
+	border-right: 1px solid #c3c4c7;
+	top: -13px;
+	bottom: 10px;
+}
+.tree-folder > li::before {
+	content: "";
+	position: absolute;
+	display: block;
+	border-right: 1px solid #c3c4c7;
+	right: 2px;
+	top: -5px;
+	height: 18px;
+	width: 7px;
+	border-bottom: 1px solid #c3c4c7;
+}
+.tree-folder > li::after {
+	content: "";
+	position: absolute;
+	display: block;
+	border-right: 1px solid #c3c4c7;
+	right: 2px;
+	bottom: -7px;
+	top: 0;
+}
+
+/* current-file needs to adjustment for .notice styles */
+#templateside .current-file {
+	margin: -4px 0 -2px;
+}
+.tree-folder > .current-file::before {
+	right: 4px;
+	height: 15px;
+	width: 0;
+	border-right: none;
+	top: 3px;
+}
+.tree-folder > .current-file::after {
+	bottom: -4px;
+	height: 7px;
+	right: 2px;
+	top: auto;
+}
+
+/* Lines shouldn't continue on last item */
+.tree-folder > li:last-child::after,
+.tree-folder li:last-child > .tree-folder::after {
+	display: none;
+}
+
+#theme-plugin-editor-selector,
+#theme-plugin-editor-label,
+#documentation label {
+	font-weight: 600;
+}
+
+#theme-plugin-editor-label {
+	display: inline-block;
+	margin-bottom: 1em;
+}
+
+/* rtl:ignore */
+#template textarea,
+#docs-list {
+	direction: ltr;
+}
+
+.fileedit-sub #theme,
+.fileedit-sub #plugin {
+	max-width: 40%;
+}
+.fileedit-sub .alignright {
+	text-align: left;
+}
+
+#template p {
+	width: 97%;
+}
+
+#file-editor-linting-error {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+#file-editor-linting-error > .notice {
+	margin: 0;
+	display: inline-block;
+}
+#file-editor-linting-error > .notice > p {
+	width: auto;
+}
+#template .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+#template .submit input[type=submit][disabled] {
+	cursor: not-allowed;
+}
+#templateside {
+	float: left;
+	width: 16em;
+	word-wrap: break-word;
+}
+
+#postcustomstuff p.submit {
+	margin: 0;
+}
+
+#templateside h4 {
+	margin: 1em 0 0;
+}
+
+#templateside li {
+	margin: 4px 0;
+}
+
+#templateside li:not(.howto) a,
+.theme-editor-php .highlight {
+	display: block;
+	padding: 3px 12px 3px 0;
+	text-decoration: none;
+}
+
+#templateside li:not(.howto) > a:first-of-type {
+	padding-top: 0;
+}
+
+#templateside li.howto {
+	padding: 6px 12px 12px;
+}
+
+.theme-editor-php .highlight {
+	margin: -3px -12px -3px 3px;
+}
+
+#templateside .highlight {
+	border: none;
+	font-weight: 600;
+}
+
+.nonessential {
+	color: #646970;
+	font-size: 11px;
+	font-style: italic;
+	padding-right: 12px;
+}
+
+#documentation {
+	margin-top: 10px;
+}
+
+#documentation label {
+	line-height: 1.8;
+	vertical-align: baseline;
+}
+
+.fileedit-sub {
+	padding: 10px 0 8px;
+	line-height: 180%;
+}
+
+#file-editor-warning .file-editor-warning-content {
+	margin: 25px;
+}
+
+/* @todo: can we use a common class for these? */
+.nav-menus-php .item-edit:before,
+.widget-top .widget-action .toggle-indicator:before,
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.widget-top .widget-action .toggle-indicator:before {
+	padding: 1px 0 1px 2px;
+	border-radius: 50%;
+}
+
+.handlediv,
+.postbox .handlediv.button-link,
+.item-edit,
+.toggle-indicator,
+.accordion-section-title:after {
+	color: #787c82;
+}
+
+.widget-action {
+	color: #50575e; /* #fafafa background in the Widgets screen */
+}
+
+.widget-top:hover .widget-action,
+.widget-action:focus,
+.handlediv:hover,
+.handlediv:focus,
+.postbox .handlediv.button-link:hover,
+.postbox .handlediv.button-link:focus,
+.item-edit:hover,
+.item-edit:focus,
+.sidebar-name:hover .toggle-indicator,
+.accordion-section-title:hover:after {
+	color: #1d2327;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.widget-top .widget-action:focus .toggle-indicator:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	float: left;
+	left: 20px;
+	top: -2px;
+}
+
+.control-section.open .accordion-section-title:after,
+#customize-info.open .accordion-section-title:after,
+.nav-menus-php .menu-item-edit-active .item-edit:before,
+.widget.open .widget-top .widget-action .toggle-indicator:before,
+.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+/*!
+ * jQuery UI Draggable/Sortable 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+.ui-draggable-handle,
+.ui-sortable-handle {
+	touch-action: none;
+}
+
+/* Accordion */
+.accordion-section {
+	border-bottom: 1px solid #dcdcde;
+	margin: 0;
+}
+
+.accordion-section.open .accordion-section-content,
+.no-js .accordion-section .accordion-section-content {
+	display: block;
+}
+
+.accordion-section.open:hover {
+	border-bottom-color: #dcdcde;
+}
+
+.accordion-section-content {
+	display: none;
+	padding: 10px 20px 15px;
+	overflow: hidden;
+	background: #fff;
+}
+
+.accordion-section-title {
+	margin: 0;
+	padding: 12px 15px 15px;
+	position: relative;
+	border-right: 1px solid #dcdcde;
+	border-left: 1px solid #dcdcde;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.js .accordion-section-title {
+	cursor: pointer;
+}
+
+.js .accordion-section-title:after {
+	position: absolute;
+	top: 12px;
+	left: 10px;
+	z-index: 1;
+}
+
+.accordion-section-title:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.accordion-section-title:hover:after,
+.accordion-section-title:focus:after {
+	border-color: #a7aaad transparent;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.cannot-expand .accordion-section-title {
+	cursor: auto;
+}
+
+.cannot-expand .accordion-section-title:after {
+	display: none;
+}
+
+.control-section .accordion-section-title,
+.customize-pane-child .accordion-section-title {
+	border-right: none;
+	border-left: none;
+	padding: 10px 14px 11px 10px;
+	line-height: 1.55;
+	background: #fff;
+}
+
+.control-section .accordion-section-title:after,
+.customize-pane-child .accordion-section-title:after {
+	top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	color: #1d2327;
+	background: #f6f7f7;
+}
+
+.control-section.open .accordion-section-title {
+	/* When expanded */
+	border-bottom: 1px solid #dcdcde;
+}
+
+/* Edit Site */
+.network-admin .edit-site-actions {
+	margin-top: 0;
+}
+
+/* My Sites */
+.my-sites {
+	display: block;
+	overflow: auto;
+	zoom: 1;
+}
+
+.my-sites li {
+	display: block;
+	padding: 8px 3%;
+	min-height: 130px;
+	margin: 0;
+}
+
+@media only screen and (max-width: 599px) {
+	.my-sites li {
+		min-height: 0;
+	}
+}
+
+@media only screen and (min-width: 600px) {
+	.my-sites.striped li {
+		background-color: #fff;
+		position: relative;
+	}
+	.my-sites.striped li:after {
+		content: "";
+		width: 1px;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		background: #c3c4c7;
+	}
+
+}
+@media only screen and (min-width: 600px) and (max-width: 699px) {
+	.my-sites li{
+		float: right;
+		width: 44%;
+	}
+	.my-sites.striped li {
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(2n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(2n+2):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(4n+1),
+	.my-sites li:nth-of-type(4n+2) {
+		background-color: #f6f7f7;
+	}
+
+}
+
+@media only screen and (min-width: 700px) and (max-width: 1199px) {
+	.my-sites li {
+		float: right;
+		width: 27.333333%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(3n+3):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(6n+1),
+	.my-sites li:nth-of-type(6n+2),
+	.my-sites li:nth-of-type(6n+3) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1399px) {
+	.my-sites li {
+		float: right;
+		width: 21%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(4n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(4n+4):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(8n+1),
+	.my-sites li:nth-of-type(8n+2),
+	.my-sites li:nth-of-type(8n+3),
+	.my-sites li:nth-of-type(8n+4) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1400px) and (max-width: 1599px) {
+	.my-sites li {
+		float: right;
+		width: 16%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(5n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(5n+5):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(10n+1),
+	.my-sites li:nth-of-type(10n+2),
+	.my-sites li:nth-of-type(10n+3),
+	.my-sites li:nth-of-type(10n+4),
+	.my-sites li:nth-of-type(10n+5) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1600px) {
+	.my-sites li {
+		float: right;
+		width: 12.666666%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(6n+1) {
+		clear: right;
+	}
+	.my-sites.striped li:nth-of-type(6n+6):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(12n+1),
+	.my-sites li:nth-of-type(12n+2),
+	.my-sites li:nth-of-type(12n+3),
+	.my-sites li:nth-of-type(12n+4),
+	.my-sites li:nth-of-type(12n+5),
+	.my-sites li:nth-of-type(12n+6) {
+		background-color: #f6f7f7;
+	}
+}
+
+.my-sites li a {
+	text-decoration: none;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	/* Back-compat for pre-3.8 */
+	div.star-holder,
+	div.star-holder .star-rating {
+		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
+		background-size: 21px 37px;
+	}
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	html.wp-toolbar {
+		padding-top: 46px;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: -39px;
+	}
+
+	body {
+		min-width: 240px;
+		overflow-x: hidden;
+	}
+
+	body * {
+		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+	}
+
+	#wpcontent {
+		position: relative;
+		margin-right: 0;
+		padding-right: 10px;
+	}
+
+	#wpbody-content {
+		padding-bottom: 100px;
+	}
+
+	.wrap {
+		clear: both;
+		margin-left: 12px;
+		margin-right: 0;
+	}
+
+	/* categories */
+	#col-left,
+	#col-right {
+		float: none;
+		width: auto;
+	}
+
+	#col-left .col-wrap,
+	#col-right .col-wrap {
+		padding: 0;
+	}
+
+	/* Hidden Elements */
+	#collapse-menu,
+	.post-format-select {
+		display: none !important;
+	}
+
+	.wrap h1.wp-heading-inline {
+		margin-bottom: 0.5em;
+	}
+
+	.wrap .add-new-h2, /* deprecated */
+	.wrap .add-new-h2:active, /* deprecated */
+	.wrap .page-title-action,
+	.wrap .page-title-action:active {
+		padding: 10px 15px;
+		font-size: 14px;
+		white-space: nowrap;
+	}
+
+	/* Feedback Messages */
+	.notice,
+	.wrap div.updated,
+	.wrap div.error,
+	.media-upload-form div.error {
+		margin: 20px 0 10px;
+		padding: 5px 10px;
+		font-size: 14px;
+		line-height: 175%;
+	}
+
+	.wp-core-ui .notice.is-dismissible {
+		padding-left: 46px;
+	}
+
+	.notice-dismiss {
+		padding: 13px;
+	}
+
+	.wrap .icon32 + h2 {
+		margin-top: -2px;
+	}
+
+	.wp-responsive-open #wpbody {
+		left: -16em;
+	}
+
+	code {
+		word-wrap: break-word;
+		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
+		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
+	}
+
+	/* General Metabox */
+	.postbox {
+		font-size: 14px;
+	}
+
+	.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+	.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder h2 {
+		padding: 12px;
+	}
+
+	.postbox .handlediv {
+		margin-top: 3px;
+	}
+
+	/* Subsubsub Nav */
+	.subsubsub {
+		font-size: 16px;
+		text-align: center;
+		margin-bottom: 15px;
+	}
+
+	/* Theme/Plugin File Editor */
+
+	#template textarea,
+	#template .CodeMirror {
+		box-sizing: border-box;
+	}
+
+	#templateside {
+		float: none;
+		width: auto;
+	}
+
+	#templateside > ul {
+		border-right: 1px solid #dcdcde;
+	}
+
+	#templateside li {
+		margin: 0;
+	}
+
+	#templateside li:not(.howto) a {
+		display: block;
+		padding: 5px;
+	}
+	#templateside li.howto {
+		padding: 12px;
+	}
+
+	#templateside .highlight {
+		padding: 5px;
+		margin-right: -5px;
+		margin-top: -5px;
+	}
+
+	#template > div,
+	#template .notice {
+		float: none;
+		margin: 1em 0;
+		width: auto;
+	}
+
+	#template .CodeMirror,
+	#template textarea {
+		width: 100%;
+	}
+
+	#templateside ul ul {
+		padding-right: 1.5em;
+	}
+	[role="treeitem"] .folder-label {
+		display: block;
+		padding: 5px;
+	}
+	.tree-folder > li::before,
+	.tree-folder > li::after,
+	.tree-folder .tree-folder::after {
+		right: -8px;
+	}
+	.tree-folder > li::before {
+		top: 0;
+		height: 13px;
+	}
+	.tree-folder > .current-file::before {
+		right: -5px;
+		top: 7px;
+		width: 4px;
+	}
+	.tree-folder > .current-file::after {
+		height: 9px;
+		right: -8px;
+	}
+	.wrap #templateside span.notice {
+		margin-right: -5px;
+		width: 100%;
+	}
+
+	.fileedit-sub .alignright {
+		float: right;
+		margin-top: 15px;
+		width: 100%;
+		text-align: right;
+	}
+
+	.fileedit-sub .alignright label {
+		display: block;
+	}
+
+	.fileedit-sub #theme,
+	.fileedit-sub #plugin {
+		margin-right: 0;
+		max-width: 70%;
+	}
+
+	.fileedit-sub input[type="submit"] {
+		margin-bottom: 0;
+	}
+
+	#documentation label[for="docs-list"] {
+		display: block;
+	}
+
+	#documentation select[name="docs-list"] {
+		margin-right: 0;
+		max-width: 60%;
+	}
+
+	#documentation input[type="button"] {
+		margin-bottom: 0;
+	}
+
+	#wpfooter {
+		display: none;
+	}
+
+	#comments-form .checkforspam {
+		display: none;
+	}
+
+	.edit-comment-author {
+		margin: 2px 0 0;
+	}
+
+	.filter-drawer .filter-group-feature input,
+	.filter-drawer .filter-group-feature label {
+		line-height: 2.1;
+	}
+
+	.filter-drawer .filter-group-feature label {
+		margin-right: 32px;
+	}
+
+	.wp-filter .button.drawer-toggle {
+		font-size: 13px;
+		line-height: 2;
+		height: 28px;
+	}
+
+	/* Fix help tab columns for smaller screens */
+	#screen-meta #contextual-help-wrap {
+		overflow: visible;
+	}
+
+	#screen-meta #contextual-help-back,
+	#screen-meta .contextual-help-sidebar {
+		display: none;
+	}
+
+	#screen-meta .contextual-help-tabs {
+		clear: both;
+		width: 100%;
+		float: none;
+	}
+
+	#screen-meta .contextual-help-tabs ul {
+		margin: 0 0 1em;
+		padding: 1em 0 0;
+	}
+
+	#screen-meta .contextual-help-tabs .active {
+		margin: 0;
+	}
+
+	#screen-meta .contextual-help-tabs-wrap {
+		clear: both;
+		max-width: 100%;
+		float: none;
+	}
+
+	#screen-meta,
+	#screen-meta-links {
+		margin-left: 10px;
+	}
+
+	#screen-meta-links {
+		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		font-size: 1rem;
+	}
+
+	.wp-filter .search-form.search-plugins {
+		/* This element is a flex item. */
+		min-width: 100%;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	/* Disable horizontal scroll when responsive menu is open
+	   since we push the main content off to the right. */
+	#wpwrap.wp-responsive-open {
+		overflow-x: hidden;
+	}
+
+	html.wp-toolbar {
+		padding-top: 0;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: 7px;
+	}
+
+	#wpbody {
+		padding-top: 46px;
+	}
+
+	/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
+	div#post-body.metabox-holder.columns-1 {
+		overflow-x: hidden;
+	}
+
+	h1.nav-tab-wrapper,
+	.wrap h2.nav-tab-wrapper,
+	.nav-tab-wrapper {
+		border-bottom: 0;
+	}
+
+	h1 .nav-tab,
+	h2 .nav-tab,
+	h3 .nav-tab,
+	nav .nav-tab {
+		margin: 10px 0 0 10px;
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.nav-tab-active:hover,
+	.nav-tab-active:focus,
+	.nav-tab-active:focus:active {
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	/* Prevent default center alignment and larger font for the Right Now widget when
+	   the network dashboard is viewed on a small mobile device. */
+	#network_dashboard_right_now .subsubsub {
+		font-size: 14px;
+		text-align: right;
+	}
+}
diff --git a/tools/storybook/wordpress/css/common-rtl.min.css b/tools/storybook/wordpress/css/common-rtl.min.css
new file mode 100644
index 00000000000..26e4422ffe4
--- /dev/null
+++ b/tools/storybook/wordpress/css/common-rtl.min.css
@@ -0,0 +1,9 @@
+/*! This file is auto-generated */
+#wpwrap{height:auto;min-height:100%;width:100%;position:relative;-webkit-font-smoothing:subpixel-antialiased}#wpcontent{height:100%;padding-right:20px}#wpcontent,#wpfooter{margin-right:160px}.folded #wpcontent,.folded #wpfooter{margin-right:36px}#wpbody-content{padding-bottom:65px;float:right;width:100%;overflow:visible}.inner-sidebar{float:left;clear:left;display:none;width:281px;position:relative}.columns-2 .inner-sidebar{margin-left:auto;width:286px;display:block}.columns-2 .inner-sidebar #side-sortables,.inner-sidebar #side-sortables{min-height:300px;width:280px;padding:0}.has-right-sidebar .inner-sidebar{display:block}.has-right-sidebar #post-body{float:right;clear:right;width:100%;margin-left:-2000px}.has-right-sidebar #post-body-content{margin-left:300px;float:none;width:auto}#col-left{float:right;width:35%}#col-right{float:left;width:65%}#col-left .col-wrap{padding:0 0 0 6px}#col-right .col-wrap{padding:0 6px 0 0}.alignleft{float:right}.alignright{float:left}.textleft{text-align:right}.textright{text-align:left}.clear{clear:both}.wp-clearfix:after{content:"";display:table;clear:both}.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.button .screen-reader-text{height:auto}.screen-reader-shortcut{position:absolute;top:-1000em}.screen-reader-shortcut:focus{right:6px;top:-25px;height:auto;width:auto;display:block;font-size:14px;font-weight:600;padding:15px 23px 14px;background:#f0f0f1;color:#2271b1;z-index:100000;line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:2px solid transparent;outline-offset:-2px}.hidden,.js .closed .inside,.js .hide-if-js,.js .wp-core-ui .hide-if-js,.js.wp-core-ui .hide-if-js,.no-js .hide-if-no-js,.no-js .wp-core-ui .hide-if-no-js,.no-js.wp-core-ui .hide-if-no-js{display:none}#menu-management .menu-edit,#menu-settings-column .accordion-container,.comment-ays,.feature-filter,.imgedit-group,.manage-menus,.menu-item-handle,.popular-tags,.stuffbox,.widget-inside,.widget-top,.widgets-holder-wrap,.wp-editor-container,p.popular-tags,table.widefat{border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04)}.comment-ays,.feature-filter,.imgedit-group,.popular-tags,.stuffbox,.widgets-holder-wrap,.wp-editor-container,p.popular-tags,table.widefat{background:#fff}body,html{height:100%;margin:0;padding:0}body{background:#f0f0f1;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4em;min-width:600px}body.iframe{min-width:0;padding-top:1px}body.modal-open{overflow:hidden}body.mobile.modal-open #wpwrap{overflow:hidden;position:fixed;height:100%}iframe,img{border:0}td{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}a{color:#2271b1;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a,div{outline:0}a:active,a:hover{color:#135e96}.wp-person a:focus .gravatar,a:focus,a:focus .media-icon img,a:focus .plugin-icon{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);outline:1px solid transparent}#adminmenu a:focus{box-shadow:none;outline:1px solid transparent;outline-offset:-1px}.screen-reader-text:focus{box-shadow:none;outline:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}.wp-die-message,p{font-size:13px;line-height:1.5;margin:1em 0}blockquote{margin:1em}dd,li{margin-bottom:6px}h1,h2,h3,h4,h5,h6{display:block;font-weight:600}h1{color:#1d2327;font-size:2em;margin:.67em 0}h2,h3{color:#1d2327;font-size:1.3em;margin:1em 0}.update-core-php h2{margin-top:4em}.update-messages h2,.update-php h2,h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}ol,ul{padding:0}ul{list-style:none}ol{list-style-type:decimal;margin-right:2em}ul.ul-disc{list-style:disc outside}ul.ul-square{list-style:square outside}ol.ol-decimal{list-style:decimal outside}ol.ol-decimal,ul.ul-disc,ul.ul-square{margin-right:1.8em}ol.ol-decimal>li,ul.ul-disc>li,ul.ul-square>li{margin:0 0 .5em}.ltr{direction:ltr}.code,code{font-family:Consolas,Monaco,monospace;direction:ltr;unicode-bidi:embed}code,kbd{padding:3px 5px 2px;margin:0 1px;background:#f0f0f1;background:rgba(0,0,0,.07);font-size:13px}.subsubsub{list-style:none;margin:8px 0 0;padding:0;font-size:13px;float:right;color:#646970}.subsubsub a{line-height:2;padding:.2em;text-decoration:none}.subsubsub a .count,.subsubsub a.current .count{color:#50575e;font-weight:400}.subsubsub a.current{font-weight:600;border:none}.subsubsub li{display:inline-block;margin:0;padding:0;white-space:nowrap}.widefat{border-spacing:0;width:100%;clear:both;margin:0}.widefat *{word-wrap:break-word}.widefat a,.widefat button.button-link{text-decoration:none}.widefat td,.widefat th{padding:8px 10px}.widefat thead td,.widefat thead th{border-bottom:1px solid #c3c4c7}.widefat tfoot td,.widefat tfoot th{border-top:1px solid #c3c4c7;border-bottom:none}.widefat .no-items td{border-bottom-width:0}.widefat td{vertical-align:top}.widefat td,.widefat td ol,.widefat td p,.widefat td ul{font-size:13px;line-height:1.5em}.widefat tfoot td,.widefat th,.widefat thead td{text-align:right;line-height:1.3em;font-size:14px}.updates-table td input,.widefat tfoot td input,.widefat th input,.widefat thead td input{margin:0 8px 0 0;padding:0;vertical-align:text-top}.widefat .check-column{width:2.2em;padding:6px 0 25px;vertical-align:top}.widefat tbody th.check-column{padding:9px 0 22px}.updates-table tbody td.check-column,.widefat tbody th.check-column,.widefat tfoot td.check-column,.widefat thead td.check-column{padding:11px 3px 0 0}.widefat tfoot td.check-column,.widefat thead td.check-column{padding-top:4px;vertical-align:middle}.update-php div.error,.update-php div.updated{margin-right:0}.no-js .widefat tfoot .check-column input,.no-js .widefat thead .check-column input{display:none}.column-comments,.column-links,.column-posts,.widefat .num{text-align:center}.widefat th#comments{vertical-align:middle}.wrap{margin:10px 2px 0 20px}.wrap.block-editor-no-js{padding-right:20px}.postbox .inside h2,.wrap [class$=icon32]+h2,.wrap h1,.wrap>h2:first-child{font-size:23px;font-weight:400;margin:0;padding:9px 0 4px;line-height:1.3}.wrap h1.wp-heading-inline{display:inline-block;margin-left:5px}.wp-header-end{visibility:hidden;margin:-2px 0 0}.subtitle{margin:0;padding-right:25px;color:#50575e;font-size:14px;font-weight:400;line-height:1}.subtitle strong{word-break:break-all}.wrap .add-new-h2,.wrap .add-new-h2:active,.wrap .page-title-action,.wrap .page-title-action:active{margin-right:4px;padding:4px 8px;position:relative;top:-3px;text-decoration:none;border:1px solid #2271b1;border-radius:2px;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#2271b1;background:#f6f7f7;cursor:pointer}.wrap .wp-heading-inline+.page-title-action{margin-right:0}.wrap .add-new-h2:hover,.wrap .page-title-action:hover{background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}.page-title-action:focus{color:#0a4b78}.form-table th label[for=WPLANG] .dashicons,.form-table th label[for=locale] .dashicons{margin-right:5px}.wrap .page-title-action:focus{border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.wrap h1.long-header{padding-left:0}.wp-dialog{background-color:#fff}#available-widgets .widget-top:hover,#widgets-left .widget-in-question .widget-top,#widgets-left .widget-top:hover,.widgets-chooser ul,div#widgets-right .widget-top:hover{border-color:#8c8f94;box-shadow:0 1px 2px rgba(0,0,0,.1)}.sorthelper{background-color:#c5d9ed}.ac_match,.subsubsub a.current{color:#000}.alternate,.striped>tbody>:nth-child(odd),ul.striped>:nth-child(odd){background-color:#f6f7f7}.bar{background-color:#f0f0f1;border-left-color:#4f94d4}.highlight{background-color:#f0f6fc;color:#3c434a}.wp-ui-primary{color:#fff;background-color:#2c3338}.wp-ui-text-primary{color:#2c3338}.wp-ui-highlight{color:#fff;background-color:#2271b1}.wp-ui-text-highlight{color:#2271b1}.wp-ui-notification{color:#fff;background-color:#d63638}.wp-ui-text-notification{color:#d63638}.wp-ui-text-icon{color:#8c8f94}img.emoji{display:inline!important;border:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important;box-shadow:none!important}#nav-menu-footer,#nav-menu-header,#your-profile #rich_editing,.checkbox,.control-section .accordion-section-title,.menu-item-handle,.postbox .hndle,.side-info,.sidebar-name,.stuffbox .hndle,.widefat tfoot td,.widefat tfoot th,.widefat thead td,.widefat thead th,.widget .widget-top{line-height:1.4em}.menu-item-handle,.widget .widget-top{background:#f6f7f7;color:#1d2327}.stuffbox .hndle{border-bottom:1px solid #c3c4c7}.quicktags{background-color:#c3c4c7;color:#000;font-size:12px}.icon32{display:none}#bulk-titles .ntdelbutton:before,.notice-dismiss:before,.tagchecklist .ntdelbutton .remove-tag-icon:before,.welcome-panel .welcome-panel-close:before{background:0 0;color:#787c82;content:"\f153";display:block;font:normal 16px/20px dashicons;speak:never;height:20px;text-align:center;width:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.welcome-panel .welcome-panel-close:before{margin:0}.tagchecklist .ntdelbutton .remove-tag-icon:before{margin-right:2px;border-radius:50%;color:#2271b1;line-height:1.28}.tagchecklist .ntdelbutton:focus{outline:0}#bulk-titles .ntdelbutton:focus:before,#bulk-titles .ntdelbutton:hover:before,.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,.tagchecklist .ntdelbutton:hover .remove-tag-icon:before{color:#d63638}.tagchecklist .ntdelbutton:focus .remove-tag-icon:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.key-labels label{line-height:24px}b,strong{font-weight:600}.pre{white-space:pre-wrap;word-wrap:break-word}.howto{color:#646970;display:block}p.install-help{margin:8px 0;font-style:italic}.no-break{white-space:nowrap}hr{border:0;border-top:1px solid #dcdcde;border-bottom:1px solid #f6f7f7}#all-plugins-table .plugins a.delete,#delete-link a.delete,#media-items a.delete,#media-items a.delete-permanently,#nav-menu-footer .menu-delete,#search-plugins-table .plugins a.delete,.plugins a.delete,.privacy_requests .remove-personal-data .remove-personal-data-handle,.row-actions span.delete a,.row-actions span.spam a,.row-actions span.trash a,.submitbox .submitdelete,a#remove-post-thumbnail{color:#b32d2e}#all-plugins-table .plugins a.delete:hover,#delete-link a.delete:hover,#media-items a.delete-permanently:hover,#media-items a.delete:hover,#nav-menu-footer .menu-delete:hover,#search-plugins-table .plugins a.delete:hover,.file-error,.plugins a.delete:hover,.privacy_requests .remove-personal-data .remove-personal-data-handle:hover,.row-actions .delete a:hover,.row-actions .spam a:hover,.row-actions .trash a:hover,.submitbox .submitdelete:hover,a#remove-post-thumbnail:hover,abbr.required,span.required{color:#b32d2e;border:none}#major-publishing-actions{padding:10px;clear:both;border-top:1px solid #dcdcde;background:#f6f7f7}#delete-action{float:right;line-height:2.30769231}#delete-link{line-height:2.30769231;vertical-align:middle;text-align:right;margin-right:8px}#delete-link a{text-decoration:none}#publishing-action{text-align:left;float:left;line-height:1.9}#publishing-action .spinner{float:none;margin-top:5px}#misc-publishing-actions{padding:6px 0 0}.misc-pub-section{padding:6px 10px 8px}.misc-pub-filename{word-wrap:break-word}#minor-publishing-actions{padding:10px 10px 0;text-align:left}#save-post{float:right}.preview{float:left}#sticky-span{margin-right:18px}.approve,.unapproved .unapprove{display:none}.spam .approve,.trash .approve,.unapproved .approve{display:inline}td.action-links,th.action-links{text-align:left}#misc-publishing-actions .notice{margin-right:10px;margin-left:10px}.wp-filter{display:inline-block;position:relative;box-sizing:border-box;margin:12px 0 25px;padding:0 10px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.04);border:1px solid #c3c4c7;background:#fff;color:#50575e;font-size:13px}.wp-filter a{text-decoration:none}.filter-count{display:inline-block;vertical-align:middle;min-width:4em}.filter-count .count,.title-count{display:inline-block;position:relative;top:-1px;padding:4px 10px;border-radius:30px;background:#646970;color:#fff;font-size:14px;font-weight:600}.title-count{display:inline;top:-3px;margin-right:5px;margin-left:20px}.filter-items{float:right}.filter-links{display:inline-block;margin:0}.filter-links li{display:inline-block;margin:0}.filter-links li>a{display:inline-block;margin:0 10px;padding:15px 0;border-bottom:4px solid #fff;color:#646970;cursor:pointer}.filter-links .current{box-shadow:none;border-bottom:4px solid #646970;color:#1d2327}.filter-links li>a:focus,.filter-links li>a:hover,.show-filters .filter-links a.current:focus,.show-filters .filter-links a.current:hover{color:#135e96}.wp-filter .search-form{float:left;margin:10px 0}.wp-filter .search-form input[type=search]{margin:1px 0;width:280px;max-width:100%}.wp-filter .search-form select{margin:0}.plugin-install-php .wp-filter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.wp-filter .search-form.search-plugins{margin-top:0}.wp-filter .search-form.search-plugins .wp-filter-search,.wp-filter .search-form.search-plugins select{display:inline-block;margin-top:10px;vertical-align:top}.wp-filter .button.drawer-toggle{margin:10px 9px 0;padding:0 6px 0 10px;border-color:transparent;background-color:transparent;color:#646970;vertical-align:baseline;box-shadow:none}.wp-filter .drawer-toggle:before{content:"\f111";margin:0 0 0 5px;color:#646970;font:normal 16px/1 dashicons;vertical-align:text-bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-filter .button.drawer-toggle:focus,.wp-filter .button.drawer-toggle:hover,.wp-filter .drawer-toggle:focus:before,.wp-filter .drawer-toggle:hover:before{background-color:transparent;color:#135e96}.wp-filter .button.drawer-toggle:focus:active,.wp-filter .button.drawer-toggle:hover{border-color:transparent}.wp-filter .button.drawer-toggle:focus{border-color:#4f94d4}.wp-filter .button.drawer-toggle:active{background:0 0;box-shadow:none;transform:none}.wp-filter .drawer-toggle.current:before{color:#fff}.filter-drawer,.wp-filter .favorites-form{display:none;margin:0 -20px 0 -10px;padding:20px;border-top:1px solid #f0f0f1;background:#f6f7f7;overflow:hidden}.show-favorites-form .favorites-form,.show-filters .filter-drawer{display:block}.show-filters .filter-links a.current{border-bottom:none}.show-filters .wp-filter .button.drawer-toggle{border-radius:2px;background:#646970;color:#fff}.show-filters .wp-filter .drawer-toggle:focus,.show-filters .wp-filter .drawer-toggle:hover{background:#2271b1}.show-filters .wp-filter .drawer-toggle:before{color:#fff}.filter-group{box-sizing:border-box;position:relative;float:right;margin:0 0 0 1%;padding:20px 10px 10px;width:24%;background:#fff;border:1px solid #dcdcde;box-shadow:0 1px 1px rgba(0,0,0,.04)}.filter-group legend{position:absolute;top:10px;display:block;margin:0;padding:0;font-size:1em;font-weight:600}.filter-drawer .filter-group-feature{margin:28px 0 0;list-style-type:none;font-size:12px}.filter-drawer .filter-group-feature input,.filter-drawer .filter-group-feature label{line-height:1.4}.filter-drawer .filter-group-feature input{position:absolute;margin:0}.filter-group .filter-group-feature label{display:block;margin:14px 23px 14px 0}.filter-drawer .buttons{clear:both;margin-bottom:20px}.filter-drawer .filter-group+.buttons{margin-bottom:0;padding-top:20px}.filter-drawer .buttons .button span{display:inline-block;opacity:.8;font-size:12px;text-indent:10px}.wp-filter .button.clear-filters{display:none;margin-right:10px}.wp-filter .button-link.edit-filters{padding:0 5px;line-height:2.2}.filtered-by{display:none;margin:0}.filtered-by>span{font-weight:600}.filtered-by a{margin-right:10px}.filtered-by .tags{display:inline}.filtered-by .tag{margin:0 5px;padding:4px 8px;border:1px solid #dcdcde;box-shadow:0 1px 1px rgba(0,0,0,.04);background:#fff;font-size:11px}.filters-applied .filter-drawer .buttons,.filters-applied .filter-drawer br,.filters-applied .filter-group{display:none}.filters-applied .filtered-by{display:block}.filters-applied .filter-drawer{padding:20px}.error .content-filterable,.loading-content .content-filterable,.show-filters .content-filterable,.show-filters .favorites-form,.show-filters.filters-applied.loading-content .content-filterable{display:none}.show-filters.filters-applied .content-filterable{display:block}.loading-content .spinner{display:block;margin:40px auto 0;float:none}@media only screen and (max-width:1120px){.filter-drawer{border-bottom:1px solid #f0f0f1}.filter-group{margin-bottom:0;margin-top:5px;width:100%}.filter-group li{margin:10px 0}}@media only screen and (max-width:1000px){.filter-items{float:none}.wp-filter .media-toolbar-primary,.wp-filter .media-toolbar-secondary,.wp-filter .search-form{float:none;position:relative;max-width:100%}}@media only screen and (max-width:782px){.filter-group li{padding:0;width:50%}}@media only screen and (max-width:320px){.filter-count{display:none}.wp-filter .drawer-toggle{margin:10px 0}.filter-group li,.wp-filter .search-form input[type=search]{width:100%}}.notice,div.error,div.updated{background:#fff;border:1px solid #c3c4c7;border-right-width:4px;box-shadow:0 1px 1px rgba(0,0,0,.04);margin:5px 15px 2px;padding:1px 12px}div[class=update-message]{padding:.5em 0 .5em 12px}.form-table td .notice p,.notice p,.notice-title,div.error p,div.updated p{margin:.5em 0;padding:2px}.error a{text-decoration:underline}.updated a{padding-bottom:2px}.notice-alt{box-shadow:none}.notice-large{padding:10px 20px}.notice-title{display:inline-block;color:#1d2327;font-size:18px}.wp-core-ui .notice.is-dismissible{padding-left:38px;position:relative}.notice-dismiss{position:absolute;top:0;left:1px;border:none;margin:0;padding:9px;background:0 0;color:#787c82;cursor:pointer}.notice-dismiss:active:before,.notice-dismiss:focus:before,.notice-dismiss:hover:before{color:#d63638}.notice-dismiss:focus{outline:0;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.notice-success,div.updated{border-right-color:#00a32a}.notice-success.notice-alt{background-color:#edfaef}.notice-warning{border-right-color:#dba617}.notice-warning.notice-alt{background-color:#fcf9e8}.notice-error,div.error{border-right-color:#d63638}.notice-error.notice-alt{background-color:#fcf0f1}.notice-info{border-right-color:#72aee6}.notice-info.notice-alt{background-color:#f0f6fc}.button.installed:before,.button.installing:before,.button.updated-message:before,.button.updating-message:before,.import-php .updating-message:before,.update-message p:before,.updated-message p:before,.updating-message p:before{display:inline-block;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.media-upload-form .notice,.media-upload-form div.error,.wrap .notice,.wrap div.error,.wrap div.updated{margin:5px 0 15px}.wrap #templateside .notice{display:block;margin:0;padding:5px 8px;font-weight:600;text-decoration:none}.wrap #templateside span.notice{margin-right:-12px}#templateside li.notice a{padding:0}.button.installing:before,.button.updating-message:before,.import-php .updating-message:before,.update-message p:before,.updating-message p:before{color:#d63638;content:"\f463"}.button.installing:before,.button.updating-message:before,.import-php .updating-message:before,.plugins .column-auto-updates .dashicons-update.spin,.theme-overlay .theme-autoupdate .dashicons-update.spin,.updating-message p:before{animation:rotation 2s infinite linear}@media (prefers-reduced-motion:reduce){.button.installing:before,.button.updating-message:before,.import-php .updating-message:before,.plugins .column-auto-updates .dashicons-update.spin,.theme-overlay .theme-autoupdate .dashicons-update.spin,.updating-message p:before{animation:none}}.theme-overlay .theme-autoupdate .dashicons-update.spin{margin-left:3px}.button.updated-message:before,.installed p:before,.updated-message p:before{color:#68de7c;content:"\f147"}.update-message.notice-error p:before{color:#d63638;content:"\f534"}.import-php .updating-message:before,.wrap .notice p:before{margin-left:6px;vertical-align:bottom}#update-nag,.update-nag{display:inline-block;line-height:1.4;padding:11px 15px;font-size:14px;margin:25px 2px 0 20px}ul#dismissed-updates{display:none}#dismissed-updates li>p{margin-top:0}#dismiss,#undismiss{margin-right:.5em}form.upgrade{margin-top:8px}form.upgrade .hint{font-style:italic;font-size:85%;margin:-.5em 0 2em}.update-php .spinner{float:none;margin:-4px 0}h2.wp-current-version{margin-bottom:.3em}p.update-last-checked{margin-top:0}p.auto-update-status{margin-top:2em;line-height:1.8}#ajax-loading,.ajax-feedback,.ajax-loading,.imgedit-wait-spin,.list-ajax-loading{visibility:hidden}#ajax-response.alignleft{margin-right:2em}.button.installed:before,.button.installing:before,.button.updated-message:before,.button.updating-message:before{margin:3px -2px 0 5px}.button-primary.updating-message:before{color:#fff}.button-primary.updated-message:before{color:#9ec2e6}.button.updated-message{transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}@media aural{.button.installed:before,.button.installing:before,.update-message p:before,.wrap .notice p:before{speak:never}}#adminmenu a,#catlist a,#taglist a{text-decoration:none}#contextual-help-wrap,#screen-options-wrap{margin:0;padding:8px 20px 12px;position:relative}#contextual-help-wrap{overflow:auto;margin-right:0}#screen-meta-links{float:left;margin:0 0 0 20px}#screen-meta{display:none;margin:0 0 -1px 20px;position:relative;background-color:#fff;border:1px solid #c3c4c7;border-top:none;box-shadow:0 0 0 transparent}#contextual-help-link-wrap,#screen-options-link-wrap{float:right;margin:0 6px 0 0}#screen-meta-links .screen-meta-toggle{position:relative;top:0}#screen-meta-links .show-settings{border:1px solid #c3c4c7;border-top:none;height:auto;margin-bottom:0;padding:3px 16px 3px 6px;background:#fff;border-radius:0 0 4px 4px;color:#646970;line-height:1.7;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear}#screen-meta-links .show-settings:active,#screen-meta-links .show-settings:focus,#screen-meta-links .show-settings:hover{color:#2c3338}#screen-meta-links .show-settings:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}#screen-meta-links .show-settings:active{transform:none}#screen-meta-links .show-settings:after{left:0;content:"\f140";font:normal 20px/1 dashicons;speak:never;display:inline-block;padding:0 0 0 5px;bottom:2px;position:relative;vertical-align:bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}#screen-meta-links .screen-meta-active:after{content:"\f142"}.toggle-arrow{background-repeat:no-repeat;background-position:top right;background-color:transparent;height:22px;line-height:22px;display:block}.toggle-arrow-active{background-position:bottom right}#contextual-help-wrap h5,#screen-options-wrap h5,#screen-options-wrap legend{margin:0;padding:8px 0;font-size:13px;font-weight:600}.metabox-prefs label{display:inline-block;padding-left:15px;line-height:2.35}#number-of-columns{display:inline-block;vertical-align:middle;line-height:30px}.metabox-prefs input[type=checkbox]{margin-top:0;margin-left:6px}.metabox-prefs label input,.metabox-prefs label input[type=checkbox]{margin:-4px 0 0 5px}.metabox-prefs .columns-prefs label input{margin:-1px 0 0 2px}.metabox-prefs label a{display:none}.metabox-prefs .screen-options input,.metabox-prefs .screen-options label{margin-top:0;margin-bottom:0;vertical-align:middle}.metabox-prefs .screen-options .screen-per-page{margin-left:15px;padding-left:0}.metabox-prefs .screen-options label{line-height:2.2;padding-left:0}.screen-options+.screen-options{margin-top:10px}.metabox-prefs .submit{margin-top:1em;padding:0}#contextual-help-wrap{padding:0}#contextual-help-columns{position:relative}#contextual-help-back{position:absolute;top:0;bottom:0;right:150px;left:170px;border:1px solid #c3c4c7;border-top:none;border-bottom:none;background:#f0f6fc}#contextual-help-wrap.no-sidebar #contextual-help-back{left:0;border-left-width:0;border-bottom-left-radius:2px}.contextual-help-tabs{float:right;width:150px;margin:0}.contextual-help-tabs ul{margin:1em 0}.contextual-help-tabs li{margin-bottom:0;list-style-type:none;border-style:solid;border-width:0 2px 0 0;border-color:transparent}.contextual-help-tabs a{display:block;padding:5px 12px 5px 5px;line-height:1.4;text-decoration:none;border:1px solid transparent;border-left:none;border-right:none}.contextual-help-tabs a:hover{color:#2c3338}.contextual-help-tabs .active{padding:0;margin:0 0 0 -1px;border-right:2px solid #72aee6;background:#f0f6fc;box-shadow:0 2px 0 rgba(0,0,0,.02),0 1px 0 rgba(0,0,0,.02)}.contextual-help-tabs .active a{border-color:#c3c4c7;color:#2c3338}.contextual-help-tabs-wrap{padding:0 20px;overflow:auto}.help-tab-content{display:none;margin:0 0 12px 22px;line-height:1.6}.help-tab-content.active{display:block}.help-tab-content ul li{list-style-type:disc;margin-right:18px}.contextual-help-sidebar{width:150px;float:left;padding:0 12px 0 8px;overflow:auto}html.wp-toolbar{padding-top:32px;box-sizing:border-box;-ms-overflow-style:scrollbar}.widefat td,.widefat th{color:#50575e}.widefat tfoot td,.widefat th,.widefat thead td{font-weight:400}.widefat tfoot tr td,.widefat tfoot tr th,.widefat thead tr td,.widefat thead tr th{color:#2c3338}.widefat td p{margin:2px 0 .8em}.widefat ol,.widefat p,.widefat ul{color:#2c3338}.widefat .column-comment p{margin:.6em 0}.widefat .column-comment ul{list-style:initial;margin-right:2em}.postbox-container{float:right}.postbox-container .meta-box-sortables{box-sizing:border-box}#wpbody-content .metabox-holder{padding-top:10px}.metabox-holder .postbox-container .meta-box-sortables{min-height:1px;position:relative}#post-body-content{width:100%;min-width:463px;float:right}#post-body.columns-2 #postbox-container-1{float:left;margin-left:-300px;width:280px}#post-body.columns-2 #side-sortables{min-height:250px}@media only screen and (max-width:799px){#wpbody-content .metabox-holder .postbox-container .empty-container{outline:0;height:0;min-height:0}}.js .postbox .hndle,.js .widget .widget-top{cursor:move}.js .postbox .hndle.is-non-sortable,.js .widget .widget-top.is-non-sortable{cursor:auto}.hndle a{font-size:12px;font-weight:400}.postbox-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c3c4c7}.postbox-header .hndle{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.postbox-header .handle-actions{flex-shrink:0}.postbox .handle-order-higher,.postbox .handle-order-lower,.postbox .handlediv{width:36px;height:36px;margin:0;padding:0;border:0;background:0 0;cursor:pointer}.postbox .handle-order-higher,.postbox .handle-order-lower{color:#787c82;width:1.62rem}.edit-post-meta-boxes-area .postbox .handle-order-higher,.edit-post-meta-boxes-area .postbox .handle-order-lower{width:44px;height:44px;color:#1d2327}.postbox .handle-order-higher[aria-disabled=true],.postbox .handle-order-lower[aria-disabled=true]{cursor:default;color:#a7aaad}.sortable-placeholder{border:1px dashed #c3c4c7;margin-bottom:20px}.postbox,.stuffbox{margin-bottom:20px;padding:0;line-height:1}.postbox.closed{border-bottom:0}.postbox .hndle,.stuffbox .hndle{-webkit-user-select:none;user-select:none}.postbox .inside{padding:0 12px 12px;line-height:1.4;font-size:13px}.stuffbox .inside{padding:0;line-height:1.4;font-size:13px;margin-top:0}.postbox .inside{margin:11px 0;position:relative}.postbox .inside>p:last-child,.rss-widget ul li:last-child{margin-bottom:1px!important}.postbox.closed h3{border:none;box-shadow:none}.postbox table.form-table{margin-bottom:0}.postbox table.widefat{box-shadow:none}.temp-border{border:1px dotted #c3c4c7}.columns-prefs label{padding:0 0 0 10px}#adminmenu .wp-submenu li.current,#adminmenu .wp-submenu li.current a,#adminmenu .wp-submenu li.current a:hover,#comment-status-display,#dashboard_right_now .versions .b,#ed_reply_toolbar #ed_reply_strong,#pass-strength-result.short,#pass-strength-result.strong,#post-status-display,#post-visibility-display,.feature-filter .feature-name,.item-controls .item-order a,.media-item .percent,.plugins .name{font-weight:600}#wpfooter{position:absolute;bottom:0;right:0;left:0;padding:10px 20px;color:#50575e}#wpfooter p{font-size:13px;margin:0;line-height:1.55}#footer-thankyou{font-style:italic}.nav-tab{float:right;border:1px solid #c3c4c7;border-bottom:none;margin-right:.5em;padding:5px 10px;font-size:14px;line-height:1.71428571;font-weight:600;background:#dcdcde;color:#50575e;text-decoration:none;white-space:nowrap}.nav-tab-small .nav-tab,h3 .nav-tab{padding:5px 14px;font-size:12px;line-height:1.33}.nav-tab:focus,.nav-tab:hover{background-color:#fff;color:#3c434a}.nav-tab-active,.nav-tab:focus:active{box-shadow:none}.nav-tab-active{margin-bottom:-1px;color:#3c434a}.nav-tab-active,.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover{border-bottom:1px solid #f0f0f1;background:#f0f0f1;color:#000}.nav-tab-wrapper,.wrap h2.nav-tab-wrapper,h1.nav-tab-wrapper{border-bottom:1px solid #c3c4c7;margin:0;padding-top:9px;padding-bottom:0;line-height:inherit}.nav-tab-wrapper:not(.wp-clearfix):after{content:"";display:table;clear:both}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;display:inline-block;visibility:hidden;float:left;vertical-align:middle;opacity:.7;width:20px;height:20px;margin:4px 10px 0}.loading-content .spinner,.spinner.is-active{visibility:visible}#template>div{margin-left:16em}#template .notice{margin-top:1em;margin-left:3%}#template .notice p{width:auto}#template .submit .spinner{float:none}.metabox-holder .postbox>h3,.metabox-holder .stuffbox>h3,.metabox-holder h2.hndle,.metabox-holder h3.hndle{font-size:14px;padding:8px 12px;margin:0;line-height:1.4}.nav-menus-php .metabox-holder h3{padding:10px 14px 11px 10px;line-height:1.5}#templateside ul li a{text-decoration:none}.plugin-install #description,.plugin-install-network #description{width:60%}table .column-rating,table .column-visible,table .vers{text-align:right}.attention,.error-message{color:#d63638;font-weight:600}body.iframe{height:98%}.lp-show-latest p{display:none}.lp-show-latest .lp-error p,.lp-show-latest p:last-child{display:block}.media-icon{width:62px;text-align:center}.media-icon img{border:1px solid #dcdcde;border:1px solid rgba(0,0,0,.07)}#howto{font-size:11px;margin:0 5px;display:block}.importers{font-size:16px;width:auto}.importers td{padding-left:14px;line-height:1.4}.importers .import-system{max-width:250px}.importers td.desc{max-width:500px}.importer-action,.importer-desc,.importer-title{display:block}.importer-title{color:#000;font-size:14px;font-weight:400;margin-bottom:.2em}.importer-action{line-height:1.55;color:#50575e;margin-bottom:1em}#post-body #post-body-content #namediv h2,#post-body #post-body-content #namediv h3{margin-top:0}.edit-comment-author{color:#1d2327;border-bottom:1px solid #f0f0f1}#namediv h2 label,#namediv h3 label{vertical-align:baseline}#namediv table{width:100%}#namediv td.first{width:10px;white-space:nowrap}#namediv input{width:100%}#namediv p{margin:10px 0}.zerosize{height:0;width:0;margin:0;border:0;padding:0;overflow:hidden;position:absolute}br.clear{height:2px;line-height:.15}.checkbox{border:none;margin:0;padding:0}fieldset{border:0;padding:0;margin:0}.post-categories{display:inline;margin:0;padding:0}.post-categories li{display:inline}div.star-holder{position:relative;height:17px;width:100px;background:url(../images/stars.png?ver=20121108) repeat-x bottom right}div.star-holder .star-rating{background:url(../images/stars.png?ver=20121108) repeat-x top right;height:17px;float:right}.star-rating{white-space:nowrap}.star-rating .star{display:inline-block;width:20px;height:20px;-webkit-font-smoothing:antialiased;font-size:20px;line-height:1;font-family:dashicons;text-decoration:inherit;font-weight:400;font-style:normal;vertical-align:top;transition:color .1s ease-in;text-align:center;color:#dba617}.star-rating .star-full:before{content:"\f155"}.star-rating .star-half:before{content:"\f459"}.rtl .star-rating .star-half{transform:rotateY(-180deg)}.star-rating .star-empty:before{content:"\f154"}div.action-links{font-weight:400;margin:6px 0 0}#plugin-information{background:#fff;position:fixed;top:0;left:0;bottom:0;right:0;height:100%;padding:0}#plugin-information-scrollable{overflow:auto;-webkit-overflow-scrolling:touch;height:100%}#plugin-information-title{padding:0 26px;background:#f6f7f7;font-size:22px;font-weight:600;line-height:2.4;position:relative;height:56px}#plugin-information-title.with-banner{margin-left:0;height:250px;background-size:cover}#plugin-information-title h2{font-size:1em;font-weight:600;padding:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#plugin-information-title.with-banner h2{position:relative;font-family:"Helvetica Neue",sans-serif;display:inline-block;font-size:30px;line-height:1.68;box-sizing:border-box;max-width:100%;padding:0 15px;margin-top:174px;color:#fff;background:rgba(29,35,39,.9);text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 0 30px rgba(255,255,255,.1);border-radius:8px}#plugin-information-title div.vignette{display:none}#plugin-information-title.with-banner div.vignette{position:absolute;display:block;top:0;right:0;height:250px;width:100%;background:0 0;box-shadow:inset 0 0 50px 4px rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.1)}#plugin-information-tabs{padding:0 16px;position:relative;left:0;right:0;min-height:36px;font-size:0;z-index:1;border-bottom:1px solid #dcdcde;background:#f6f7f7}#plugin-information-tabs a{position:relative;display:inline-block;padding:9px 10px;margin:0;height:18px;line-height:1.3;font-size:14px;text-decoration:none;transition:none}#plugin-information-tabs a.current{margin:0 -1px -1px;background:#fff;border:1px solid #dcdcde;border-bottom-color:#fff;padding-top:8px;color:#2c3338}#plugin-information-tabs.with-banner a.current{border-top:none;padding-top:9px}#plugin-information-tabs a:active,#plugin-information-tabs a:focus{outline:0}#plugin-information-content{overflow:hidden;background:#fff;position:relative;top:0;left:0;right:0;min-height:100%;min-height:calc(100% - 152px)}#plugin-information-content.with-banner{min-height:calc(100% - 346px)}#section-holder{position:relative;top:0;left:250px;bottom:0;right:0;margin-top:10px;margin-left:250px;padding:10px 26px 99999px;margin-bottom:-99932px}#section-holder .notice{margin:5px 0 15px}#section-holder .updated{margin:16px 0}#plugin-information .fyi{float:left;position:relative;top:0;left:0;padding:16px 16px 99999px;margin-bottom:-99932px;width:217px;border-right:1px solid #dcdcde;background:#f6f7f7;color:#646970}#plugin-information .fyi strong{color:#3c434a}#plugin-information .fyi h3{font-weight:600;text-transform:uppercase;font-size:12px;color:#646970;margin:24px 0 8px}#plugin-information .fyi h2{font-size:.9em;margin-bottom:0;margin-left:0}#plugin-information .fyi ul{padding:0;margin:0;list-style:none}#plugin-information .fyi li{margin:0 0 10px}#plugin-information .fyi-description{margin-top:0}#plugin-information .counter-container{margin:3px 0}#plugin-information .counter-label{float:right;margin-left:5px;min-width:55px}#plugin-information .counter-back{height:17px;width:92px;background-color:#dcdcde;float:right}#plugin-information .counter-bar{height:17px;background-color:#f0c33c;float:right}#plugin-information .counter-count{margin-right:5px}#plugin-information .fyi ul.contributors{margin-top:10px}#plugin-information .fyi ul.contributors li{display:inline-block;margin-left:8px;vertical-align:middle}#plugin-information .fyi ul.contributors li{display:inline-block;margin-left:8px;vertical-align:middle}#plugin-information .fyi ul.contributors li img{vertical-align:middle;margin-left:4px}#plugin-information-footer{padding:13px 16px;position:absolute;left:0;bottom:0;right:0;height:40px;border-top:1px solid #dcdcde;background:#f6f7f7}#plugin-information .section{direction:ltr}#plugin-information .section ol,#plugin-information .section ul{list-style-type:disc;margin-left:24px}#plugin-information .section,#plugin-information .section p{font-size:14px;line-height:1.7}#plugin-information #section-screenshots ol{list-style:none;margin:0}#plugin-information #section-screenshots li img{vertical-align:text-top;margin-top:16px;max-width:100%;width:auto;height:auto;box-shadow:0 1px 2px rgba(0,0,0,.3)}#plugin-information #section-screenshots li p{font-style:italic;padding-left:20px}#plugin-information pre{padding:7px;overflow:auto;border:1px solid #c3c4c7}#plugin-information blockquote{border-right:2px solid #dcdcde;color:#646970;font-style:italic;margin:1em 0;padding:0 1em 0 0}#plugin-information .review{overflow:hidden;width:100%;margin-bottom:20px;border-bottom:1px solid #dcdcde}#plugin-information .review-title-section{overflow:hidden}#plugin-information .review-title-section h4{display:inline-block;float:left;margin:0 6px 0 0}#plugin-information .reviewer-info p{clear:both;margin:0;padding-top:2px}#plugin-information .reviewer-info .avatar{float:left;margin:4px 6px 0 0}#plugin-information .reviewer-info .star-rating{float:left}#plugin-information .review-meta{float:left;margin-left:.75em}#plugin-information .review-body{float:left;width:100%}.plugin-version-author-uri{font-size:13px}.update-php .button.button-primary{margin-left:1em}@media screen and (max-width:771px){#plugin-information-title.with-banner{height:100px}#plugin-information-title.with-banner h2{margin-top:30px;font-size:20px;line-height:2;max-width:85%}#plugin-information-title.with-banner div.vignette{height:100px}#plugin-information-tabs{overflow:hidden;padding:0;height:auto}#plugin-information-tabs a.current{margin-bottom:0;border-bottom:none}#plugin-information .fyi{float:none;border:1px solid #dcdcde;position:static;width:auto;margin:26px 26px 0;padding-bottom:0}#section-holder{position:static;margin:0;padding-bottom:70px}#plugin-information .fyi h3,#plugin-information .fyi small{display:none}#plugin-information-footer{padding:12px 16px 0;height:46px}}#TB_window.plugin-details-modal{background:#fff}#TB_window.plugin-details-modal.thickbox-loading:before{content:"";display:block;width:20px;height:20px;position:absolute;right:50%;top:50%;z-index:-1;margin:-10px -10px 0 0;background:#fff url(../images/spinner.gif) no-repeat center;background-size:20px 20px;transform:translateZ(0)}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){#TB_window.plugin-details-modal.thickbox-loading:before{background-image:url(../images/spinner-2x.gif)}}.plugin-details-modal #TB_title{float:right;height:1px}.plugin-details-modal #TB_ajaxWindowTitle{display:none}.plugin-details-modal #TB_closeWindowButton{right:auto;left:-30px;color:#f0f0f1}.plugin-details-modal #TB_closeWindowButton:focus,.plugin-details-modal #TB_closeWindowButton:hover{color:#135e96;outline:0;box-shadow:none}.plugin-details-modal .tb-close-icon{display:none}.plugin-details-modal #TB_closeWindowButton:after{content:"\f335";font:normal 32px/29px dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:830px){.plugin-details-modal #TB_closeWindowButton{left:0;top:-30px}}img{border:none}.bulk-action-notice .toggle-indicator::before,.meta-box-sortables .postbox .order-higher-indicator::before,.meta-box-sortables .postbox .order-lower-indicator::before,.meta-box-sortables .postbox .toggle-indicator::before,.privacy-text-box .toggle-indicator::before,.sidebar-name .toggle-indicator::before{content:"\f142";display:inline-block;font:normal 20px/1 dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,.js .widgets-holder-wrap.closed .toggle-indicator::before,.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,.privacy-text-box.closed .toggle-indicator::before{content:"\f140"}.postbox .handle-order-higher .order-higher-indicator::before{content:"\f343";color:inherit}.postbox .handle-order-lower .order-lower-indicator::before{content:"\f347";color:inherit}.postbox .handle-order-higher .order-higher-indicator::before,.postbox .handle-order-lower .order-lower-indicator::before{position:relative;top:.11rem;width:20px;height:20px}.postbox .handlediv .toggle-indicator::before{width:20px;border-radius:50%}.postbox .handlediv .toggle-indicator::before{position:relative;top:.05rem;text-indent:-1px}.rtl .postbox .handlediv .toggle-indicator::before{text-indent:1px}.bulk-action-notice .toggle-indicator::before{line-height:16px;vertical-align:top;color:#787c82}.postbox .handle-order-higher:focus,.postbox .handle-order-lower:focus,.postbox .handlediv:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);outline:1px solid transparent}.postbox .handle-order-higher:focus .order-higher-indicator::before,.postbox .handle-order-lower:focus .order-lower-indicator::before,.postbox .handlediv:focus .toggle-indicator::before{box-shadow:none;outline:1px solid transparent}#photo-add-url-div input[type=text]{width:300px}.alignleft h2{margin:0}#template textarea{font-family:Consolas,Monaco,monospace;font-size:13px;background:#f6f7f7;-o-tab-size:4;tab-size:4}#template .CodeMirror,#template textarea{width:100%;min-height:60vh;height:calc(100vh - 295px);border:1px solid #dcdcde;box-sizing:border-box}#templateside>h2{padding-top:6px;padding-bottom:7px;margin:0}#templateside ol,#templateside ul{margin:0;padding:0}#templateside>ul{box-sizing:border-box;margin-top:0;overflow:auto;padding:0;min-height:60vh;height:calc(100vh - 295px);background-color:#f6f7f7;border:1px solid #dcdcde;border-right:none}#templateside ul ul{padding-right:12px}#templateside>ul>li>ul[role=group]{padding-right:0}[role=treeitem][aria-expanded=false]>ul{display:none}[role=treeitem] span[aria-hidden]{display:inline;font-family:dashicons;font-size:20px;position:absolute;pointer-events:none}[role=treeitem][aria-expanded=false]>.folder-label .icon:after{content:"\f141"}[role=treeitem][aria-expanded=true]>.folder-label .icon:after{content:"\f140"}[role=treeitem] .folder-label{display:block;padding:3px 12px 3px 3px;cursor:pointer}[role=treeitem]{outline:0}[role=treeitem] .folder-label.focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}[role=treeitem] .folder-label.hover,[role=treeitem].hover{background-color:#f0f0f1}.tree-folder{margin:0;position:relative}[role=treeitem] li{position:relative}.tree-folder .tree-folder::after{content:"";display:block;position:absolute;right:2px;border-right:1px solid #c3c4c7;top:-13px;bottom:10px}.tree-folder>li::before{content:"";position:absolute;display:block;border-right:1px solid #c3c4c7;right:2px;top:-5px;height:18px;width:7px;border-bottom:1px solid #c3c4c7}.tree-folder>li::after{content:"";position:absolute;display:block;border-right:1px solid #c3c4c7;right:2px;bottom:-7px;top:0}#templateside .current-file{margin:-4px 0 -2px}.tree-folder>.current-file::before{right:4px;height:15px;width:0;border-right:none;top:3px}.tree-folder>.current-file::after{bottom:-4px;height:7px;right:2px;top:auto}.tree-folder li:last-child>.tree-folder::after,.tree-folder>li:last-child::after{display:none}#documentation label,#theme-plugin-editor-label,#theme-plugin-editor-selector{font-weight:600}#theme-plugin-editor-label{display:inline-block;margin-bottom:1em}#docs-list,#template textarea{direction:ltr}.fileedit-sub #plugin,.fileedit-sub #theme{max-width:40%}.fileedit-sub .alignright{text-align:left}#template p{width:97%}#file-editor-linting-error{margin-top:1em;margin-bottom:1em}#file-editor-linting-error>.notice{margin:0;display:inline-block}#file-editor-linting-error>.notice>p{width:auto}#template .submit{margin-top:1em;padding:0}#template .submit input[type=submit][disabled]{cursor:not-allowed}#templateside{float:left;width:16em;word-wrap:break-word}#postcustomstuff p.submit{margin:0}#templateside h4{margin:1em 0 0}#templateside li{margin:4px 0}#templateside li:not(.howto) a,.theme-editor-php .highlight{display:block;padding:3px 12px 3px 0;text-decoration:none}#templateside li:not(.howto)>a:first-of-type{padding-top:0}#templateside li.howto{padding:6px 12px 12px}.theme-editor-php .highlight{margin:-3px -12px -3px 3px}#templateside .highlight{border:none;font-weight:600}.nonessential{color:#646970;font-size:11px;font-style:italic;padding-right:12px}#documentation{margin-top:10px}#documentation label{line-height:1.8;vertical-align:baseline}.fileedit-sub{padding:10px 0 8px;line-height:180%}#file-editor-warning .file-editor-warning-content{margin:25px}.accordion-section-title:after,.control-section .accordion-section-title:after,.nav-menus-php .item-edit:before,.widget-top .widget-action .toggle-indicator:before{content:"\f140";font:normal 20px/1 dashicons;speak:never;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}.widget-top .widget-action .toggle-indicator:before{padding:1px 0 1px 2px;border-radius:50%}.accordion-section-title:after,.handlediv,.item-edit,.postbox .handlediv.button-link,.toggle-indicator{color:#787c82}.widget-action{color:#50575e}.accordion-section-title:hover:after,.handlediv:focus,.handlediv:hover,.item-edit:focus,.item-edit:hover,.postbox .handlediv.button-link:focus,.postbox .handlediv.button-link:hover,.sidebar-name:hover .toggle-indicator,.widget-action:focus,.widget-top:hover .widget-action{color:#1d2327;outline:1px solid transparent}.widget-top .widget-action:focus .toggle-indicator:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.accordion-section-title:after,.control-section .accordion-section-title:after{float:left;left:20px;top:-2px}#customize-info.open .accordion-section-title:after,.control-section.open .accordion-section-title:after,.nav-menus-php .menu-item-edit-active .item-edit:before,.widget.open .widget-top .widget-action .toggle-indicator:before,.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before{content:"\f142"}/*!
+ * jQuery UI Draggable/Sortable 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */.ui-draggable-handle,.ui-sortable-handle{touch-action:none}.accordion-section{border-bottom:1px solid #dcdcde;margin:0}.accordion-section.open .accordion-section-content,.no-js .accordion-section .accordion-section-content{display:block}.accordion-section.open:hover{border-bottom-color:#dcdcde}.accordion-section-content{display:none;padding:10px 20px 15px;overflow:hidden;background:#fff}.accordion-section-title{margin:0;padding:12px 15px 15px;position:relative;border-right:1px solid #dcdcde;border-left:1px solid #dcdcde;-webkit-user-select:none;user-select:none}.js .accordion-section-title{cursor:pointer}.js .accordion-section-title:after{position:absolute;top:12px;left:10px;z-index:1}.accordion-section-title:focus{outline:1px solid transparent}.accordion-section-title:focus:after,.accordion-section-title:hover:after{border-color:#a7aaad transparent;outline:1px solid transparent}.cannot-expand .accordion-section-title{cursor:auto}.cannot-expand .accordion-section-title:after{display:none}.control-section .accordion-section-title,.customize-pane-child .accordion-section-title{border-right:none;border-left:none;padding:10px 14px 11px 10px;line-height:1.55;background:#fff}.control-section .accordion-section-title:after,.customize-pane-child .accordion-section-title:after{top:calc(50% - 10px)}.js .control-section .accordion-section-title:focus,.js .control-section .accordion-section-title:hover,.js .control-section.open .accordion-section-title,.js .control-section:hover .accordion-section-title{color:#1d2327;background:#f6f7f7}.control-section.open .accordion-section-title{border-bottom:1px solid #dcdcde}.network-admin .edit-site-actions{margin-top:0}.my-sites{display:block;overflow:auto;zoom:1}.my-sites li{display:block;padding:8px 3%;min-height:130px;margin:0}@media only screen and (max-width:599px){.my-sites li{min-height:0}}@media only screen and (min-width:600px){.my-sites.striped li{background-color:#fff;position:relative}.my-sites.striped li:after{content:"";width:1px;height:100%;position:absolute;top:0;left:0;background:#c3c4c7}}@media only screen and (min-width:600px) and (max-width:699px){.my-sites li{float:right;width:44%}.my-sites.striped li{background-color:#fff}.my-sites.striped li:nth-of-type(2n+1){clear:right}.my-sites.striped li:nth-of-type(2n+2):after{content:none}.my-sites li:nth-of-type(4n+1),.my-sites li:nth-of-type(4n+2){background-color:#f6f7f7}}@media only screen and (min-width:700px) and (max-width:1199px){.my-sites li{float:right;width:27.333333%;background-color:#fff}.my-sites.striped li:nth-of-type(3n+3):after{content:none}.my-sites li:nth-of-type(6n+1),.my-sites li:nth-of-type(6n+2),.my-sites li:nth-of-type(6n+3){background-color:#f6f7f7}}@media only screen and (min-width:1200px) and (max-width:1399px){.my-sites li{float:right;width:21%;padding:8px 2%;background-color:#fff}.my-sites.striped li:nth-of-type(4n+1){clear:right}.my-sites.striped li:nth-of-type(4n+4):after{content:none}.my-sites li:nth-of-type(8n+1),.my-sites li:nth-of-type(8n+2),.my-sites li:nth-of-type(8n+3),.my-sites li:nth-of-type(8n+4){background-color:#f6f7f7}}@media only screen and (min-width:1400px) and (max-width:1599px){.my-sites li{float:right;width:16%;padding:8px 2%;background-color:#fff}.my-sites.striped li:nth-of-type(5n+1){clear:right}.my-sites.striped li:nth-of-type(5n+5):after{content:none}.my-sites li:nth-of-type(10n+1),.my-sites li:nth-of-type(10n+2),.my-sites li:nth-of-type(10n+3),.my-sites li:nth-of-type(10n+4),.my-sites li:nth-of-type(10n+5){background-color:#f6f7f7}}@media only screen and (min-width:1600px){.my-sites li{float:right;width:12.666666%;padding:8px 2%;background-color:#fff}.my-sites.striped li:nth-of-type(6n+1){clear:right}.my-sites.striped li:nth-of-type(6n+6):after{content:none}.my-sites li:nth-of-type(12n+1),.my-sites li:nth-of-type(12n+2),.my-sites li:nth-of-type(12n+3),.my-sites li:nth-of-type(12n+4),.my-sites li:nth-of-type(12n+5),.my-sites li:nth-of-type(12n+6){background-color:#f6f7f7}}.my-sites li a{text-decoration:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){div.star-holder,div.star-holder .star-rating{background:url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;background-size:21px 37px}.spinner{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){html.wp-toolbar{padding-top:46px}.screen-reader-shortcut:focus{top:-39px}body{min-width:240px;overflow-x:hidden}body *{-webkit-tap-highlight-color:transparent!important}#wpcontent{position:relative;margin-right:0;padding-right:10px}#wpbody-content{padding-bottom:100px}.wrap{clear:both;margin-left:12px;margin-right:0}#col-left,#col-right{float:none;width:auto}#col-left .col-wrap,#col-right .col-wrap{padding:0}#collapse-menu,.post-format-select{display:none!important}.wrap h1.wp-heading-inline{margin-bottom:.5em}.wrap .add-new-h2,.wrap .add-new-h2:active,.wrap .page-title-action,.wrap .page-title-action:active{padding:10px 15px;font-size:14px;white-space:nowrap}.media-upload-form div.error,.notice,.wrap div.error,.wrap div.updated{margin:20px 0 10px;padding:5px 10px;font-size:14px;line-height:175%}.wp-core-ui .notice.is-dismissible{padding-left:46px}.notice-dismiss{padding:13px}.wrap .icon32+h2{margin-top:-2px}.wp-responsive-open #wpbody{left:-16em}code{word-wrap:break-word;word-wrap:anywhere;word-break:break-word}.postbox{font-size:14px}.metabox-holder .postbox>h3,.metabox-holder .stuffbox>h3,.metabox-holder h2,.metabox-holder h3.hndle{padding:12px}.postbox .handlediv{margin-top:3px}.subsubsub{font-size:16px;text-align:center;margin-bottom:15px}#template .CodeMirror,#template textarea{box-sizing:border-box}#templateside{float:none;width:auto}#templateside>ul{border-right:1px solid #dcdcde}#templateside li{margin:0}#templateside li:not(.howto) a{display:block;padding:5px}#templateside li.howto{padding:12px}#templateside .highlight{padding:5px;margin-right:-5px;margin-top:-5px}#template .notice,#template>div{float:none;margin:1em 0;width:auto}#template .CodeMirror,#template textarea{width:100%}#templateside ul ul{padding-right:1.5em}[role=treeitem] .folder-label{display:block;padding:5px}.tree-folder .tree-folder::after,.tree-folder>li::after,.tree-folder>li::before{right:-8px}.tree-folder>li::before{top:0;height:13px}.tree-folder>.current-file::before{right:-5px;top:7px;width:4px}.tree-folder>.current-file::after{height:9px;right:-8px}.wrap #templateside span.notice{margin-right:-5px;width:100%}.fileedit-sub .alignright{float:right;margin-top:15px;width:100%;text-align:right}.fileedit-sub .alignright label{display:block}.fileedit-sub #plugin,.fileedit-sub #theme{margin-right:0;max-width:70%}.fileedit-sub input[type=submit]{margin-bottom:0}#documentation label[for=docs-list]{display:block}#documentation select[name=docs-list]{margin-right:0;max-width:60%}#documentation input[type=button]{margin-bottom:0}#wpfooter{display:none}#comments-form .checkforspam{display:none}.edit-comment-author{margin:2px 0 0}.filter-drawer .filter-group-feature input,.filter-drawer .filter-group-feature label{line-height:2.1}.filter-drawer .filter-group-feature label{margin-right:32px}.wp-filter .button.drawer-toggle{font-size:13px;line-height:2;height:28px}#screen-meta #contextual-help-wrap{overflow:visible}#screen-meta #contextual-help-back,#screen-meta .contextual-help-sidebar{display:none}#screen-meta .contextual-help-tabs{clear:both;width:100%;float:none}#screen-meta .contextual-help-tabs ul{margin:0 0 1em;padding:1em 0 0}#screen-meta .contextual-help-tabs .active{margin:0}#screen-meta .contextual-help-tabs-wrap{clear:both;max-width:100%;float:none}#screen-meta,#screen-meta-links{margin-left:10px}#screen-meta-links{margin-bottom:20px}.wp-filter .search-form input[type=search]{font-size:1rem}.wp-filter .search-form.search-plugins{min-width:100%}}@media screen and (max-width:600px){#wpwrap.wp-responsive-open{overflow-x:hidden}html.wp-toolbar{padding-top:0}.screen-reader-shortcut:focus{top:7px}#wpbody{padding-top:46px}div#post-body.metabox-holder.columns-1{overflow-x:hidden}.nav-tab-wrapper,.wrap h2.nav-tab-wrapper,h1.nav-tab-wrapper{border-bottom:0}h1 .nav-tab,h2 .nav-tab,h3 .nav-tab,nav .nav-tab{margin:10px 0 0 10px;border-bottom:1px solid #c3c4c7}.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover{border-bottom:1px solid #c3c4c7}.wp-filter .search-form input[type=search]{width:100%}}@media screen and (max-width:320px){#network_dashboard_right_now .subsubsub{font-size:14px;text-align:right}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/common.css b/tools/storybook/wordpress/css/common.css
new file mode 100644
index 00000000000..32c10cbe2a2
--- /dev/null
+++ b/tools/storybook/wordpress/css/common.css
@@ -0,0 +1,4122 @@
+/* 2 column liquid layout */
+#wpwrap {
+	height: auto;
+	min-height: 100%;
+	width: 100%;
+	position: relative;
+	-webkit-font-smoothing: subpixel-antialiased;
+}
+
+#wpcontent {
+	height: 100%;
+	padding-left: 20px;
+}
+
+#wpcontent,
+#wpfooter {
+	margin-left: 160px;
+}
+
+.folded #wpcontent,
+.folded #wpfooter {
+	margin-left: 36px;
+}
+
+#wpbody-content {
+	padding-bottom: 65px;
+	float: left;
+	width: 100%;
+	overflow: visible;
+}
+
+/* inner 2 column liquid layout */
+
+.inner-sidebar {
+	float: right;
+	clear: right;
+	display: none;
+	width: 281px;
+	position: relative;
+}
+
+.columns-2 .inner-sidebar {
+	margin-right: auto;
+	width: 286px;
+	display: block;
+}
+
+.inner-sidebar #side-sortables,
+.columns-2 .inner-sidebar #side-sortables {
+	min-height: 300px;
+	width: 280px;
+	padding: 0;
+}
+
+.has-right-sidebar .inner-sidebar {
+	display: block;
+}
+
+.has-right-sidebar #post-body {
+	float: left;
+	clear: left;
+	width: 100%;
+	margin-right: -2000px;
+}
+
+.has-right-sidebar #post-body-content {
+	margin-right: 300px;
+	float: none;
+	width: auto;
+}
+
+/* 2 columns main area */
+
+#col-left {
+	float: left;
+	width: 35%;
+}
+
+#col-right {
+	float: right;
+	width: 65%;
+}
+
+#col-left .col-wrap {
+	padding: 0 6px 0 0;
+}
+
+#col-right .col-wrap {
+	padding: 0 0 0 6px;
+}
+
+/* utility classes */
+.alignleft {
+	float: left;
+}
+
+.alignright {
+	float: right;
+}
+
+.textleft {
+	text-align: left;
+}
+
+.textright {
+	text-align: right;
+}
+
+.clear {
+	clear: both;
+}
+
+/* modern clearfix */
+.wp-clearfix:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span,
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+.button .screen-reader-text {
+	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
+}
+
+.screen-reader-shortcut {
+	position: absolute;
+	top: -1000em;
+}
+
+.screen-reader-shortcut:focus {
+	left: 6px;
+	top: -25px;
+	height: auto;
+	width: auto;
+	display: block;
+	font-size: 14px;
+	font-weight: 600;
+	padding: 15px 23px 14px;
+	background: #f0f0f1;
+	color: #2271b1;
+	z-index: 100000;
+	line-height: normal;
+	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	text-decoration: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.hidden,
+.js .closed .inside,
+.js .hide-if-js,
+.no-js .hide-if-no-js,
+.js.wp-core-ui .hide-if-js,
+.js .wp-core-ui .hide-if-js,
+.no-js.wp-core-ui .hide-if-no-js,
+.no-js .wp-core-ui .hide-if-no-js {
+	display: none;
+}
+
+/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
+.widget-top,
+.menu-item-handle,
+.widget-inside,
+#menu-settings-column .accordion-container,
+#menu-management .menu-edit,
+.manage-menus,
+table.widefat,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.wp-editor-container,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+table.widefat,
+.wp-editor-container,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.popular-tags,
+.feature-filter,
+.imgedit-group,
+.comment-ays {
+	background: #fff;
+}
+
+/* general */
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #f0f0f1;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 13px;
+	line-height: 1.4em;
+	min-width: 600px;
+}
+
+body.iframe {
+	min-width: 0;
+	padding-top: 1px;
+}
+
+body.modal-open {
+	overflow: hidden;
+}
+
+body.mobile.modal-open #wpwrap {
+	overflow: hidden;
+	position: fixed;
+	height: 100%;
+}
+
+iframe,
+img {
+	border: 0;
+}
+
+td {
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+}
+
+/* Any change to the default link style must be applied to button-link too. */
+a {
+	color: #2271b1;
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+a,
+div {
+	outline: 0;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus,
+a:focus .media-icon img,
+a:focus .plugin-icon,
+.wp-person a:focus .gravatar {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+		/* Only visible in Windows High Contrast mode */
+		outline: 1px solid transparent;
+}
+
+#adminmenu a:focus {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: -1px;
+}
+
+.screen-reader-text:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+blockquote,
+q {
+	quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: "";
+	content: none;
+}
+
+p,
+.wp-die-message {
+	font-size: 13px;
+	line-height: 1.5;
+	margin: 1em 0;
+}
+
+blockquote {
+	margin: 1em;
+}
+
+li,
+dd {
+	margin-bottom: 6px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	display: block;
+	font-weight: 600;
+}
+
+h1 {
+	color: #1d2327;
+	font-size: 2em;
+	margin: .67em 0;
+}
+
+h2,
+h3 {
+	color: #1d2327;
+	font-size: 1.3em;
+	margin: 1em 0;
+}
+
+.update-core-php h2 {
+	margin-top: 4em;
+}
+
+.update-php h2,
+.update-messages h2,
+h4 {
+	font-size: 1em;
+	margin: 1.33em 0;
+}
+
+h5 {
+	font-size: 0.83em;
+	margin: 1.67em 0;
+}
+
+h6 {
+	font-size: 0.67em;
+	margin: 2.33em 0;
+}
+
+ul,
+ol {
+	padding: 0;
+}
+
+ul {
+	list-style: none;
+}
+
+ol {
+	list-style-type: decimal;
+	margin-left: 2em;
+}
+
+ul.ul-disc {
+	list-style: disc outside;
+}
+
+ul.ul-square {
+	list-style: square outside;
+}
+
+ol.ol-decimal {
+	list-style: decimal outside;
+}
+
+ul.ul-disc,
+ul.ul-square,
+ol.ol-decimal {
+	margin-left: 1.8em;
+}
+
+ul.ul-disc > li,
+ul.ul-square > li,
+ol.ol-decimal > li {
+	margin: 0 0 0.5em;
+}
+
+/* rtl:ignore */
+.ltr {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+.code,
+code {
+	font-family: Consolas, Monaco, monospace;
+	direction: ltr;
+	unicode-bidi: embed;
+}
+
+kbd,
+code {
+	padding: 3px 5px 2px;
+	margin: 0 1px;
+	background: #f0f0f1;
+	background: rgba(0, 0, 0, 0.07);
+	font-size: 13px;
+}
+
+.subsubsub {
+	list-style: none;
+	margin: 8px 0 0;
+	padding: 0;
+	font-size: 13px;
+	float: left;
+	color: #646970;
+}
+
+.subsubsub a {
+	line-height: 2;
+	padding: .2em;
+	text-decoration: none;
+}
+
+.subsubsub a .count,
+.subsubsub a.current .count {
+	color: #50575e; /* #f1f1f1 background */
+	font-weight: 400;
+}
+
+.subsubsub a.current {
+	font-weight: 600;
+	border: none;
+}
+
+.subsubsub li {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+
+/* .widefat - main style for tables */
+.widefat {
+	border-spacing: 0;
+	width: 100%;
+	clear: both;
+	margin: 0;
+}
+
+.widefat * {
+	word-wrap: break-word;
+}
+
+.widefat a,
+.widefat button.button-link {
+	text-decoration: none;
+}
+
+.widefat td,
+.widefat th {
+	padding: 8px 10px;
+}
+
+.widefat thead th,
+.widefat thead td {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.widefat tfoot th,
+.widefat tfoot td {
+	border-top: 1px solid #c3c4c7;
+	border-bottom: none;
+}
+
+.widefat .no-items td {
+	border-bottom-width: 0;
+}
+
+.widefat td {
+	vertical-align: top;
+}
+
+.widefat td,
+.widefat td p,
+.widefat td ol,
+.widefat td ul {
+	font-size: 13px;
+	line-height: 1.5em;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	text-align: left;
+	line-height: 1.3em;
+	font-size: 14px;
+}
+
+.widefat th input,
+.updates-table td input,
+.widefat thead td input,
+.widefat tfoot td input {
+	margin: 0 0 0 8px;
+	padding: 0;
+	vertical-align: text-top;
+}
+
+.widefat .check-column {
+	width: 2.2em;
+	padding: 6px 0 25px;
+	vertical-align: top;
+}
+
+.widefat tbody th.check-column {
+	padding: 9px 0 22px;
+}
+
+.widefat thead td.check-column,
+.widefat tbody th.check-column,
+.updates-table tbody td.check-column,
+.widefat tfoot td.check-column {
+	padding: 11px 0 0 3px;
+}
+
+.widefat thead td.check-column,
+.widefat tfoot td.check-column {
+	padding-top: 4px;
+	vertical-align: middle;
+}
+
+.update-php div.updated,
+.update-php div.error {
+	margin-left: 0;
+}
+
+.no-js .widefat thead .check-column input,
+.no-js .widefat tfoot .check-column input {
+	display: none;
+}
+
+.widefat .num,
+.column-comments,
+.column-links,
+.column-posts {
+	text-align: center;
+}
+
+.widefat th#comments {
+	vertical-align: middle;
+}
+
+.wrap {
+	margin: 10px 20px 0 2px;
+}
+
+.wrap.block-editor-no-js {
+	padding-left: 20px;
+}
+
+.wrap > h2:first-child, /* Back-compat for pre-4.4 */
+.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
+.postbox .inside h2, /* Back-compat for pre-4.4 */
+.wrap h1 {
+	font-size: 23px;
+	font-weight: 400;
+	margin: 0;
+	padding: 9px 0 4px;
+	line-height: 1.3;
+}
+
+.wrap h1.wp-heading-inline {
+	display: inline-block;
+	margin-right: 5px;
+}
+
+.wp-header-end {
+	visibility: hidden;
+	margin: -2px 0 0;
+}
+
+.subtitle {
+	margin: 0;
+	padding-left: 25px;
+	color: #50575e;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1;
+}
+
+.subtitle strong {
+	word-break: break-all;
+}
+
+.wrap .add-new-h2, /* deprecated */
+.wrap .add-new-h2:active, /* deprecated */
+.wrap .page-title-action,
+.wrap .page-title-action:active {
+	margin-left: 4px;
+	padding: 4px 8px;
+	position: relative;
+	top: -3px;
+	text-decoration: none;
+	border: 1px solid #2271b1;
+	border-radius: 2px;
+	text-shadow: none;
+	font-weight: 600;
+	font-size: 13px;
+	line-height: normal; /* IE8-IE11 need this for buttons */
+	color: #2271b1; /* use the standard color used for buttons */
+	background: #f6f7f7;
+	cursor: pointer;
+}
+
+.wrap .wp-heading-inline + .page-title-action {
+	margin-left: 0;
+}
+
+.wrap .add-new-h2:hover, /* deprecated */
+.wrap .page-title-action:hover {
+	background: #f0f0f1;
+	border-color: #0a4b78;
+	color: #0a4b78;
+}
+
+/* lower specificity: color needs to be overridden by :hover and :active */
+.page-title-action:focus {
+	color: #0a4b78;
+}
+
+/* Dashicon for language options on General Settings and Profile screens */
+.form-table th label[for="locale"] .dashicons,
+.form-table th label[for="WPLANG"] .dashicons {
+	margin-left: 5px;
+}
+
+.wrap .page-title-action:focus {
+	border-color: #3582c4;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.wrap h1.long-header {
+	padding-right: 0;
+}
+
+.wp-dialog {
+	background-color: #fff;
+}
+
+.widgets-chooser ul,
+#widgets-left .widget-in-question .widget-top,
+#available-widgets .widget-top:hover,
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+	border-color: #8c8f94;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.sorthelper {
+	background-color: #c5d9ed;
+}
+
+.ac_match,
+.subsubsub a.current {
+	color: #000;
+}
+
+.striped > tbody > :nth-child(odd),
+ul.striped > :nth-child(odd),
+.alternate {
+	background-color: #f6f7f7;
+}
+
+.bar {
+	background-color: #f0f0f1;
+	border-right-color: #4f94d4;
+}
+
+/* Helper classes for plugins to leverage the active WordPress color scheme */
+
+.highlight {
+	background-color: #f0f6fc;
+	color: #3c434a;
+}
+
+.wp-ui-primary {
+	color: #fff;
+	background-color: #2c3338;
+}
+.wp-ui-text-primary {
+	color: #2c3338;
+}
+
+.wp-ui-highlight {
+	color: #fff;
+	background-color: #2271b1;
+}
+.wp-ui-text-highlight {
+	color: #2271b1;
+}
+
+.wp-ui-notification {
+	color: #fff;
+	background-color: #d63638;
+}
+.wp-ui-text-notification {
+	color: #d63638;
+}
+
+.wp-ui-text-icon {
+	color: #8c8f94; /* same as new icons */
+}
+
+/* For emoji replacement images */
+img.emoji {
+	display: inline !important;
+	border: none !important;
+	height: 1em !important;
+	width: 1em !important;
+	margin: 0 .07em !important;
+	vertical-align: -0.1em !important;
+	background: none !important;
+	padding: 0 !important;
+	box-shadow: none !important;
+}
+
+/*------------------------------------------------------------------------------
+  1.0 - Text Styles
+------------------------------------------------------------------------------*/
+
+.widget .widget-top,
+.postbox .hndle,
+.stuffbox .hndle,
+.control-section .accordion-section-title,
+.sidebar-name,
+#nav-menu-header,
+#nav-menu-footer,
+.menu-item-handle,
+.checkbox,
+.side-info,
+#your-profile #rich_editing,
+.widefat thead th,
+.widefat thead td,
+.widefat tfoot th,
+.widefat tfoot td {
+	line-height: 1.4em;
+}
+
+.widget .widget-top,
+.menu-item-handle {
+	background: #f6f7f7;
+	color: #1d2327;
+}
+
+.stuffbox .hndle {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.quicktags {
+	background-color: #c3c4c7;
+	color: #000;
+	font-size: 12px;
+}
+
+.icon32 {
+	display: none;
+}
+
+/* @todo can we combine these into a class or use an existing dashicon one? */
+.welcome-panel .welcome-panel-close:before,
+.tagchecklist .ntdelbutton .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:before,
+.notice-dismiss:before {
+	background: none;
+	color: #787c82;
+	content: "\f153";
+	display: block;
+	font: normal 16px/20px dashicons;
+	speak: never;
+	height: 20px;
+	text-align: center;
+	width: 20px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.welcome-panel .welcome-panel-close:before {
+	margin: 0;
+}
+
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
+	margin-left: 2px;
+	border-radius: 50%;
+	color: #2271b1;
+	/* vertically center the icon cross browsers */
+	line-height: 1.28;
+}
+
+.tagchecklist .ntdelbutton:focus {
+	outline: 0;
+}
+
+.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
+#bulk-titles .ntdelbutton:hover:before,
+#bulk-titles .ntdelbutton:focus:before {
+	color: #d63638;
+}
+
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.key-labels label {
+	line-height: 24px;
+}
+
+strong, b {
+	font-weight: 600;
+}
+
+.pre {
+	/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
+	white-space: pre-wrap; /* css-3 */
+	word-wrap: break-word; /* IE 5.5 - 7 */
+}
+
+.howto {
+	color: #646970;
+	display: block;
+}
+
+p.install-help {
+	margin: 8px 0;
+	font-style: italic;
+}
+
+.no-break {
+	white-space: nowrap;
+}
+
+hr {
+	border: 0;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #f6f7f7;
+}
+
+.row-actions span.delete a,
+.row-actions span.trash a,
+.row-actions span.spam a,
+.plugins a.delete,
+#all-plugins-table .plugins a.delete,
+#search-plugins-table .plugins a.delete,
+.submitbox .submitdelete,
+#media-items a.delete,
+#media-items a.delete-permanently,
+#nav-menu-footer .menu-delete,
+#delete-link a.delete,
+a#remove-post-thumbnail,
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
+	color: #b32d2e;
+}
+
+abbr.required,
+span.required,
+.file-error,
+.row-actions .delete a:hover,
+.row-actions .trash a:hover,
+.row-actions .spam a:hover,
+.plugins a.delete:hover,
+#all-plugins-table .plugins a.delete:hover,
+#search-plugins-table .plugins a.delete:hover,
+.submitbox .submitdelete:hover,
+#media-items a.delete:hover,
+#media-items a.delete-permanently:hover,
+#nav-menu-footer .menu-delete:hover,
+#delete-link a.delete:hover,
+a#remove-post-thumbnail:hover,
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
+	color: #b32d2e;
+	border: none;
+}
+
+/*------------------------------------------------------------------------------
+  3.0 - Actions
+------------------------------------------------------------------------------*/
+
+#major-publishing-actions {
+	padding: 10px;
+	clear: both;
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#delete-action {
+	float: left;
+	line-height: 2.30769231; /* 30px */
+}
+
+#delete-link {
+	line-height: 2.30769231; /* 30px */
+	vertical-align: middle;
+	text-align: left;
+	margin-left: 8px;
+}
+
+#delete-link a {
+	text-decoration: none;
+}
+
+#publishing-action {
+	text-align: right;
+	float: right;
+	line-height: 1.9;
+}
+
+#publishing-action .spinner {
+	float: none;
+	margin-top: 5px;
+}
+
+#misc-publishing-actions {
+	padding: 6px 0 0;
+}
+
+.misc-pub-section {
+	padding: 6px 10px 8px;
+}
+
+.misc-pub-filename {
+	word-wrap: break-word;
+}
+
+#minor-publishing-actions {
+	padding: 10px 10px 0;
+	text-align: right;
+}
+
+#save-post {
+	float: left;
+}
+
+.preview {
+	float: right;
+}
+
+#sticky-span {
+	margin-left: 18px;
+}
+
+.approve,
+.unapproved .unapprove {
+	display: none;
+}
+
+.unapproved .approve,
+.spam .approve,
+.trash .approve {
+	display: inline;
+}
+
+td.action-links,
+th.action-links {
+	text-align: right;
+}
+
+#misc-publishing-actions .notice {
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+/* Filter bar */
+.wp-filter {
+	display: inline-block;
+	position: relative;
+	box-sizing: border-box;
+	margin: 12px 0 25px;
+	padding: 0 10px;
+	width: 100%;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	border: 1px solid #c3c4c7;
+	background: #fff;
+	color: #50575e;
+	font-size: 13px;
+}
+
+.wp-filter a {
+	text-decoration: none;
+}
+
+.filter-count {
+	display: inline-block;
+	vertical-align: middle;
+	min-width: 4em;
+}
+
+.title-count,
+.filter-count .count {
+	display: inline-block;
+	position: relative;
+	top: -1px;
+	padding: 4px 10px;
+	border-radius: 30px;
+	background: #646970;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 600;
+}
+
+/* not a part of filter bar, but derived from it, so here for now */
+.title-count {
+	display: inline;
+	top: -3px;
+	margin-left: 5px;
+	margin-right: 20px;
+}
+
+.filter-items {
+	float: left;
+}
+
+.filter-links {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li {
+	display: inline-block;
+	margin: 0;
+}
+
+.filter-links li > a {
+	display: inline-block;
+	margin: 0 10px;
+	padding: 15px 0;
+	border-bottom: 4px solid #fff;
+	color: #646970;
+	cursor: pointer;
+}
+
+.filter-links .current {
+	box-shadow: none;
+	border-bottom: 4px solid #646970;
+	color: #1d2327;
+}
+
+.filter-links li > a:hover,
+.filter-links li > a:focus,
+.show-filters .filter-links a.current:hover,
+.show-filters .filter-links a.current:focus {
+	color: #135e96;
+}
+
+.wp-filter .search-form {
+	float: right;
+	margin: 10px 0;
+}
+
+.wp-filter .search-form input[type="search"] {
+	margin: 1px 0;
+	width: 280px;
+	max-width: 100%;
+}
+
+.wp-filter .search-form select {
+	margin: 0;
+}
+
+/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
+.plugin-install-php .wp-filter {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.wp-filter .search-form.search-plugins {
+	/* This element is a flex item: the inherited float won't have any effect. */
+	margin-top: 0;
+}
+
+.wp-filter .search-form.search-plugins select,
+.wp-filter .search-form.search-plugins .wp-filter-search {
+	display: inline-block;
+	margin-top: 10px;
+	vertical-align: top;
+}
+
+.wp-filter .button.drawer-toggle {
+	margin: 10px 9px 0;
+	padding: 0 10px 0 6px;
+	border-color: transparent;
+	background-color: transparent;
+	color: #646970;
+	vertical-align: baseline;
+	box-shadow: none;
+}
+
+.wp-filter .drawer-toggle:before {
+	content: "\f111";
+	margin: 0 5px 0 0;
+	color: #646970;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .drawer-toggle:hover:before,
+.wp-filter .button.drawer-toggle:focus,
+.wp-filter .drawer-toggle:focus:before {
+	background-color: transparent;
+	color: #135e96;
+}
+
+.wp-filter .button.drawer-toggle:hover,
+.wp-filter .button.drawer-toggle:focus:active {
+	border-color: transparent;
+}
+
+.wp-filter .button.drawer-toggle:focus {
+	border-color: #4f94d4;
+}
+
+.wp-filter .button.drawer-toggle:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
+}
+
+.wp-filter .drawer-toggle.current:before {
+	color: #fff;
+}
+
+.filter-drawer,
+.wp-filter .favorites-form {
+	display: none;
+	margin: 0 -10px 0 -20px;
+	padding: 20px;
+	border-top: 1px solid #f0f0f1;
+	background: #f6f7f7;
+	overflow: hidden;
+}
+
+.show-filters .filter-drawer,
+.show-favorites-form .favorites-form {
+	display: block;
+}
+
+.show-filters .filter-links a.current {
+	border-bottom: none;
+}
+
+.show-filters .wp-filter .button.drawer-toggle {
+	border-radius: 2px;
+	background: #646970;
+	color: #fff;
+}
+
+.show-filters .wp-filter .drawer-toggle:hover,
+.show-filters .wp-filter .drawer-toggle:focus {
+	background: #2271b1;
+}
+
+.show-filters .wp-filter .drawer-toggle:before {
+	color: #fff;
+}
+
+.filter-group {
+	box-sizing: border-box;
+	position: relative;
+	float: left;
+	margin: 0 1% 0 0;
+	padding: 20px 10px 10px;
+	width: 24%;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.filter-group legend {
+	position: absolute;
+	top: 10px;
+	display: block;
+	margin: 0;
+	padding: 0;
+	font-size: 1em;
+	font-weight: 600;
+}
+
+.filter-drawer .filter-group-feature {
+	margin: 28px 0 0;
+	list-style-type: none;
+	font-size: 12px;
+}
+
+.filter-drawer .filter-group-feature input,
+.filter-drawer .filter-group-feature label {
+	line-height: 1.4;
+}
+
+.filter-drawer .filter-group-feature input {
+	position: absolute;
+	margin: 0;
+}
+
+.filter-group .filter-group-feature label {
+	display: block;
+	margin: 14px 0 14px 23px;
+}
+
+.filter-drawer .buttons {
+	clear: both;
+	margin-bottom: 20px;
+}
+
+.filter-drawer .filter-group + .buttons {
+	margin-bottom: 0;
+	padding-top: 20px;
+}
+
+.filter-drawer .buttons .button span {
+	display: inline-block;
+	opacity: 0.8;
+	font-size: 12px;
+	text-indent: 10px;
+}
+
+.wp-filter .button.clear-filters {
+	display: none;
+	margin-left: 10px;
+}
+
+.wp-filter .button-link.edit-filters {
+	padding: 0 5px;
+	line-height: 2.2;
+}
+
+.filtered-by {
+	display: none;
+	margin: 0;
+}
+
+.filtered-by > span {
+	font-weight: 600;
+}
+
+.filtered-by a {
+	margin-left: 10px;
+}
+
+.filtered-by .tags {
+	display: inline;
+}
+
+.filtered-by .tag {
+	margin: 0 5px;
+	padding: 4px 8px;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+	font-size: 11px;
+}
+
+.filters-applied .filter-group,
+.filters-applied .filter-drawer .buttons,
+.filters-applied .filter-drawer br {
+	display: none;
+}
+
+.filters-applied .filtered-by {
+	display: block;
+}
+
+.filters-applied .filter-drawer {
+	padding: 20px;
+}
+
+.show-filters .favorites-form,
+.show-filters .content-filterable,
+.show-filters.filters-applied.loading-content .content-filterable,
+.loading-content .content-filterable,
+.error .content-filterable {
+	display: none;
+}
+
+.show-filters.filters-applied .content-filterable {
+	display: block;
+}
+
+.loading-content .spinner {
+	display: block;
+	margin: 40px auto 0;
+	float: none;
+}
+
+@media only screen and (max-width: 1120px) {
+	.filter-drawer {
+		border-bottom: 1px solid #f0f0f1;
+	}
+
+	.filter-group {
+		margin-bottom: 0;
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.filter-group li {
+		margin: 10px 0;
+	}
+}
+
+@media only screen and (max-width: 1000px) {
+	.filter-items {
+		float: none;
+	}
+
+	.wp-filter .media-toolbar-primary,
+	.wp-filter .media-toolbar-secondary,
+	.wp-filter .search-form {
+		float: none; /* Remove float from media-views.css */
+		position: relative;
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 782px) {
+	.filter-group li {
+		padding: 0;
+		width: 50%;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	.filter-count {
+		display: none;
+	}
+
+	.wp-filter .drawer-toggle {
+		margin: 10px 0;
+	}
+
+	.filter-group li,
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+/*------------------------------------------------------------------------------
+  4.0 - Notifications
+------------------------------------------------------------------------------*/
+
+.notice,
+div.updated,
+div.error {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-left-width: 4px;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	margin: 5px 15px 2px;
+	padding: 1px 12px;
+}
+
+div[class="update-message"] { /* back-compat for pre-4.6 */
+	padding: 0.5em 12px 0.5em 0;
+}
+
+.notice p,
+.notice-title,
+div.updated p,
+div.error p,
+.form-table td .notice p {
+	margin: 0.5em 0;
+	padding: 2px;
+}
+
+.error a {
+	text-decoration: underline;
+}
+
+.updated a {
+	padding-bottom: 2px;
+}
+
+.notice-alt {
+	box-shadow: none;
+}
+
+.notice-large {
+	padding: 10px 20px;
+}
+
+.notice-title {
+	display: inline-block;
+	color: #1d2327;
+	font-size: 18px;
+}
+
+.wp-core-ui .notice.is-dismissible {
+	padding-right: 38px;
+	position: relative;
+}
+
+.notice-dismiss {
+	position: absolute;
+	top: 0;
+	right: 1px;
+	border: none;
+	margin: 0;
+	padding: 9px;
+	background: none;
+	color: #787c82;
+	cursor: pointer;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+	color: #d63638;
+}
+
+.notice-dismiss:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.notice-success,
+div.updated {
+	border-left-color: #00a32a;
+}
+
+.notice-success.notice-alt {
+	background-color: #edfaef;
+}
+
+.notice-warning {
+	border-left-color: #dba617;
+}
+
+.notice-warning.notice-alt {
+	background-color: #fcf9e8;
+}
+
+.notice-error,
+div.error {
+	border-left-color: #d63638;
+}
+
+.notice-error.notice-alt {
+	background-color: #fcf0f1;
+}
+
+.notice-info {
+	border-left-color: #72aee6;
+}
+
+.notice-info.notice-alt {
+	background-color: #f0f6fc;
+}
+
+.update-message p:before,
+.updating-message p:before,
+.updated-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.wrap .notice,
+.wrap div.updated,
+.wrap div.error,
+.media-upload-form .notice,
+.media-upload-form div.error {
+	margin: 5px 0 15px;
+}
+
+.wrap #templateside .notice {
+	display: block;
+	margin: 0;
+	padding: 5px 8px;
+	font-weight: 600;
+	text-decoration: none;
+}
+
+.wrap #templateside span.notice {
+	margin-left: -12px;
+}
+
+#templateside li.notice a {
+	padding: 0;
+}
+
+/* Update icon. */
+.update-message p:before,
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+	color: #d63638;
+	content: "\f463";
+}
+
+/* Spins the update icon. */
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before,
+.plugins .column-auto-updates .dashicons-update.spin,
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	animation: rotation 2s infinite linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.updating-message p:before,
+	.import-php .updating-message:before,
+	.button.updating-message:before,
+	.button.installing:before,
+	.plugins .column-auto-updates .dashicons-update.spin,
+	.theme-overlay .theme-autoupdate .dashicons-update.spin {
+		animation: none;
+	}
+}
+
+.theme-overlay .theme-autoupdate .dashicons-update.spin {
+	margin-right: 3px;
+}
+
+/* Updated icon (check mark). */
+.updated-message p:before,
+.installed p:before,
+.button.updated-message:before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+/* Error icon. */
+.update-message.notice-error p:before {
+	color: #d63638;
+	content: "\f534";
+}
+
+.wrap .notice p:before,
+.import-php .updating-message:before {
+	margin-right: 6px;
+	vertical-align: bottom;
+}
+
+#update-nag,
+.update-nag {
+	display: inline-block;
+	line-height: 1.4;
+	padding: 11px 15px;
+	font-size: 14px;
+	margin: 25px 20px 0 2px;
+}
+
+ul#dismissed-updates {
+	display: none;
+}
+
+#dismissed-updates li > p {
+	margin-top: 0;
+}
+
+#dismiss,
+#undismiss {
+	margin-left: 0.5em;
+}
+
+form.upgrade {
+	margin-top: 8px;
+}
+
+form.upgrade .hint {
+	font-style: italic;
+	font-size: 85%;
+	margin: -0.5em 0 2em;
+}
+
+.update-php .spinner {
+	float: none;
+	margin: -4px 0;
+}
+
+h2.wp-current-version {
+	margin-bottom: .3em;
+}
+
+p.update-last-checked {
+	margin-top: 0;
+}
+
+p.auto-update-status {
+	margin-top: 2em;
+	line-height: 1.8;
+}
+
+#ajax-loading,
+.ajax-loading,
+.ajax-feedback,
+.imgedit-wait-spin,
+.list-ajax-loading { /* deprecated */
+	visibility: hidden;
+}
+
+#ajax-response.alignleft {
+	margin-left: 2em;
+}
+
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+	margin: 3px 5px 0 -2px;
+}
+
+.button-primary.updating-message:before {
+	color: #fff;
+}
+
+.button-primary.updated-message:before {
+	color: #9ec2e6;
+}
+
+.button.updated-message {
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+@media aural {
+	.wrap .notice p:before,
+	.button.installing:before,
+	.button.installed:before,
+	.update-message p:before {
+		speak: never;
+	}
+}
+
+
+/* @todo: this does not need its own section anymore */
+/*------------------------------------------------------------------------------
+  6.0 - Admin Header
+------------------------------------------------------------------------------*/
+#adminmenu a,
+#taglist a,
+#catlist a {
+	text-decoration: none;
+}
+
+/*------------------------------------------------------------------------------
+  6.1 - Screen Options Tabs
+------------------------------------------------------------------------------*/
+
+#screen-options-wrap,
+#contextual-help-wrap {
+	margin: 0;
+	padding: 8px 20px 12px;
+	position: relative;
+}
+
+#contextual-help-wrap {
+	overflow: auto;
+	margin-left: 0;
+}
+
+#screen-meta-links {
+	float: right;
+	margin: 0 20px 0 0;
+}
+
+/* screen options and help tabs revert */
+#screen-meta {
+	display: none;
+	margin: 0 20px -1px 0;
+	position: relative;
+	background-color: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	box-shadow: 0 0 0 transparent;
+}
+
+#screen-options-link-wrap,
+#contextual-help-link-wrap {
+	float: left;
+	margin: 0 0 0 6px;
+}
+
+#screen-meta-links .screen-meta-toggle {
+	position: relative;
+	top: 0;
+}
+
+#screen-meta-links .show-settings {
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	height: auto;
+	margin-bottom: 0;
+	padding: 3px 6px 3px 16px;
+	background: #fff;
+	border-radius: 0 0 4px 4px;
+	color: #646970;
+	line-height: 1.7;
+	box-shadow: 0 0 0 transparent;
+	transition: box-shadow 0.1s linear;
+}
+
+#screen-meta-links .show-settings:hover,
+#screen-meta-links .show-settings:active,
+#screen-meta-links .show-settings:focus {
+	color: #2c3338;
+}
+
+#screen-meta-links .show-settings:focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+}
+
+#screen-meta-links .show-settings:active {
+	transform: none;
+}
+
+#screen-meta-links .show-settings:after {
+	right: 0;
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 5px 0 0;
+	bottom: 2px;
+	position: relative;
+	vertical-align: bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+#screen-meta-links .screen-meta-active:after {
+	content: "\f142";
+}
+
+/* end screen options and help tabs */
+
+.toggle-arrow {
+	background-repeat: no-repeat;
+	background-position: top left;
+	background-color: transparent;
+	height: 22px;
+	line-height: 22px;
+	display: block;
+}
+
+.toggle-arrow-active {
+	background-position: bottom left;
+}
+
+#screen-options-wrap h5, /* Back-compat for old plugins */
+#screen-options-wrap legend,
+#contextual-help-wrap h5 {
+	margin: 0;
+	padding: 8px 0;
+	font-size: 13px;
+	font-weight: 600;
+}
+
+.metabox-prefs label {
+	display: inline-block;
+	padding-right: 15px;
+	line-height: 2.35;
+}
+
+#number-of-columns {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 30px;
+}
+
+.metabox-prefs input[type=checkbox] {
+	margin-top: 0;
+	margin-right: 6px;
+}
+
+.metabox-prefs label input,
+.metabox-prefs label input[type=checkbox] {
+	margin: -4px 5px 0 0;
+}
+
+.metabox-prefs .columns-prefs label input {
+	margin: -1px 2px 0 0;
+}
+
+.metabox-prefs label a {
+	display: none;
+}
+
+.metabox-prefs .screen-options input,
+.metabox-prefs .screen-options label {
+	margin-top: 0;
+	margin-bottom: 0;
+	vertical-align: middle;
+}
+
+.metabox-prefs .screen-options .screen-per-page {
+	margin-right: 15px;
+	padding-right: 0;
+}
+
+.metabox-prefs .screen-options label {
+	line-height: 2.2;
+	padding-right: 0;
+}
+
+.screen-options + .screen-options {
+	margin-top: 10px;
+}
+
+.metabox-prefs .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+/*------------------------------------------------------------------------------
+  6.2 - Help Menu
+------------------------------------------------------------------------------*/
+
+#contextual-help-wrap {
+	padding: 0;
+}
+
+#contextual-help-columns {
+	position: relative;
+}
+
+#contextual-help-back {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 150px;
+	right: 170px;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	border-bottom: none;
+	background: #f0f6fc;
+}
+
+#contextual-help-wrap.no-sidebar #contextual-help-back {
+	right: 0;
+	border-right-width: 0;
+	border-bottom-right-radius: 2px;
+}
+
+.contextual-help-tabs {
+	float: left;
+	width: 150px;
+	margin: 0;
+}
+
+.contextual-help-tabs ul {
+	margin: 1em 0;
+}
+
+.contextual-help-tabs li {
+	margin-bottom: 0;
+	list-style-type: none;
+	border-style: solid;
+	border-width: 0 0 0 2px;
+	border-color: transparent;
+}
+
+.contextual-help-tabs a {
+	display: block;
+	padding: 5px 5px 5px 12px;
+	line-height: 1.4;
+	text-decoration: none;
+	border: 1px solid transparent;
+	border-right: none;
+	border-left: none;
+}
+
+.contextual-help-tabs a:hover {
+	color: #2c3338;
+}
+
+.contextual-help-tabs .active {
+	padding: 0;
+	margin: 0 -1px 0 0;
+	border-left: 2px solid #72aee6;
+	background: #f0f6fc;
+	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
+}
+
+.contextual-help-tabs .active a {
+	border-color: #c3c4c7;
+	color: #2c3338;
+}
+
+.contextual-help-tabs-wrap {
+	padding: 0 20px;
+	overflow: auto;
+}
+
+.help-tab-content {
+	display: none;
+	margin: 0 22px 12px 0;
+	line-height: 1.6;
+}
+
+.help-tab-content.active {
+	display: block;
+}
+
+.help-tab-content ul li {
+	list-style-type: disc;
+	margin-left: 18px;
+}
+
+.contextual-help-sidebar {
+	width: 150px;
+	float: right;
+	padding: 0 8px 0 12px;
+	overflow: auto;
+}
+
+/*------------------------------------------------------------------------------
+  8.0 - Layout Blocks
+------------------------------------------------------------------------------*/
+
+html.wp-toolbar {
+	padding-top: 32px;
+	box-sizing: border-box;
+	-ms-overflow-style: scrollbar; /* See ticket #48545 */
+}
+
+.widefat th,
+.widefat td {
+	color: #50575e;
+}
+
+.widefat th,
+.widefat thead td,
+.widefat tfoot td {
+	font-weight: 400;
+}
+
+.widefat thead tr th,
+.widefat thead tr td,
+.widefat tfoot tr th,
+.widefat tfoot tr td {
+	color: #2c3338;
+}
+
+.widefat td p {
+	margin: 2px 0 0.8em;
+}
+
+.widefat p,
+.widefat ol,
+.widefat ul {
+	color: #2c3338;
+}
+
+.widefat .column-comment p {
+	margin: 0.6em 0;
+}
+
+.widefat .column-comment ul {
+	list-style: initial;
+	margin-left: 2em;
+}
+
+/* Screens with postboxes */
+.postbox-container {
+	float: left;
+}
+
+.postbox-container .meta-box-sortables {
+	box-sizing: border-box;
+}
+
+#wpbody-content .metabox-holder {
+	padding-top: 10px;
+}
+
+.metabox-holder .postbox-container .meta-box-sortables {
+	/* The jQuery UI Sortables need some initial height to work properly. */
+	min-height: 1px;
+	position: relative;
+}
+
+#post-body-content {
+	width: 100%;
+	min-width: 463px;
+	float: left;
+}
+
+#post-body.columns-2 #postbox-container-1 {
+	float: right;
+	margin-right: -300px;
+	width: 280px;
+}
+
+#post-body.columns-2 #side-sortables {
+	min-height: 250px;
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content .metabox-holder .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+}
+
+.js .widget .widget-top,
+.js .postbox .hndle {
+	cursor: move;
+}
+
+.js .widget .widget-top.is-non-sortable,
+.js .postbox .hndle.is-non-sortable {
+	cursor: auto;
+}
+
+/* Configurable dashboard widgets "Configure" edit-box link. */
+.hndle a {
+	font-size: 12px;
+	font-weight: 400;
+}
+
+.postbox-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.postbox-header .hndle {
+	flex-grow: 1;
+	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.postbox-header .handle-actions {
+	flex-shrink: 0;
+}
+
+/* Post box order and toggle buttons. */
+.postbox .handle-order-higher,
+.postbox .handle-order-lower,
+.postbox .handlediv {
+	width: 36px;
+	height: 36px;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	cursor: pointer;
+}
+
+.postbox .handle-order-higher,
+.postbox .handle-order-lower {
+	color: #787c82;
+	width: 1.62rem;
+}
+
+/* Post box order buttons in the block editor meta boxes area. */
+.edit-post-meta-boxes-area .postbox .handle-order-higher,
+.edit-post-meta-boxes-area .postbox .handle-order-lower {
+	width: 44px;
+	height: 44px;
+	color: #1d2327
+}
+
+.postbox .handle-order-higher[aria-disabled="true"],
+.postbox .handle-order-lower[aria-disabled="true"] {
+	cursor: default;
+	color: #a7aaad;
+}
+
+.sortable-placeholder {
+	border: 1px dashed #c3c4c7;
+	margin-bottom: 20px;
+}
+
+.postbox,
+.stuffbox {
+	margin-bottom: 20px;
+	padding: 0;
+	line-height: 1;
+}
+
+.postbox.closed {
+	border-bottom: 0;
+}
+
+/* user-select is not a part of the CSS standard - may change behavior in the future */
+.postbox .hndle,
+.stuffbox .hndle {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.postbox .inside {
+	padding: 0 12px 12px;
+	line-height: 1.4;
+	font-size: 13px;
+}
+
+.stuffbox .inside {
+	padding: 0;
+	line-height: 1.4;
+	font-size: 13px;
+	margin-top: 0;
+}
+
+.postbox .inside {
+	margin: 11px 0;
+	position: relative;
+}
+
+.postbox .inside > p:last-child,
+.rss-widget ul li:last-child {
+	margin-bottom: 1px !important;
+}
+
+.postbox.closed h3 {
+	border: none;
+	box-shadow: none;
+}
+
+.postbox table.form-table {
+	margin-bottom: 0;
+}
+
+.postbox table.widefat {
+	box-shadow: none;
+}
+
+.temp-border {
+	border: 1px dotted #c3c4c7;
+}
+
+.columns-prefs label {
+	padding: 0 10px 0 0;
+}
+
+/* @todo: what is this doing here */
+#dashboard_right_now .versions .b,
+#post-status-display,
+#post-visibility-display,
+#adminmenu .wp-submenu li.current,
+#adminmenu .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+.media-item .percent,
+.plugins .name,
+#pass-strength-result.strong,
+#pass-strength-result.short,
+#ed_reply_toolbar #ed_reply_strong,
+.item-controls .item-order a,
+.feature-filter .feature-name,
+#comment-status-display {
+	font-weight: 600;
+}
+
+/*------------------------------------------------------------------------------
+  21.0 - Admin Footer
+------------------------------------------------------------------------------*/
+
+#wpfooter {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: 10px 20px;
+	color: #50575e;
+}
+
+#wpfooter p {
+	font-size: 13px;
+	margin: 0;
+	line-height: 1.55;
+}
+
+#footer-thankyou {
+	font-style: italic;
+}
+
+/*------------------------------------------------------------------------------
+  25.0 - Tabbed Admin Screen Interface (Experimental)
+------------------------------------------------------------------------------*/
+
+.nav-tab {
+	float: left;
+	border: 1px solid #c3c4c7;
+	border-bottom: none;
+	margin-left: 0.5em; /* half the font size so set the font size properly */
+	padding: 5px 10px;
+	font-size: 14px;
+	line-height: 1.71428571;
+	font-weight: 600;
+	background: #dcdcde;
+	color: #50575e;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+h3 .nav-tab, /* Back-compat for pre-4.4 */
+.nav-tab-small .nav-tab {
+	padding: 5px 14px;
+	font-size: 12px;
+	line-height: 1.33;
+}
+
+.nav-tab:hover,
+.nav-tab:focus {
+	background-color: #fff;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab:focus:active {
+	box-shadow: none;
+}
+
+.nav-tab-active {
+	margin-bottom: -1px;
+	color: #3c434a;
+}
+
+.nav-tab-active,
+.nav-tab-active:hover,
+.nav-tab-active:focus,
+.nav-tab-active:focus:active {
+	border-bottom: 1px solid #f0f0f1;
+	background: #f0f0f1;
+	color: #000;
+}
+
+h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
+.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
+.nav-tab-wrapper {
+	border-bottom: 1px solid #c3c4c7;
+	margin: 0;
+	padding-top: 9px;
+	padding-bottom: 0;
+	line-height: inherit;
+}
+
+/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
+.nav-tab-wrapper:not(.wp-clearfix):after {
+	content: "";
+	display: table;
+	clear: both;
+}
+
+/*------------------------------------------------------------------------------
+  26.0 - Misc
+------------------------------------------------------------------------------*/
+
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	background-size: 20px 20px;
+	display: inline-block;
+	visibility: hidden;
+	float: right;
+	vertical-align: middle;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 4px 10px 0;
+}
+
+.spinner.is-active,
+.loading-content .spinner {
+	visibility: visible;
+}
+
+#template > div {
+	margin-right: 16em;
+}
+#template .notice {
+	margin-top: 1em;
+	margin-right: 3%;
+}
+#template .notice p {
+	width: auto;
+}
+#template .submit .spinner {
+	float: none;
+}
+
+.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+.metabox-holder h2.hndle {
+	font-size: 14px;
+	padding: 8px 12px;
+	margin: 0;
+	line-height: 1.4;
+}
+
+/* Back-compat for nav-menus screen */
+.nav-menus-php .metabox-holder h3 {
+	padding: 10px 10px 11px 14px;
+	line-height: 1.5;
+}
+
+#templateside ul li a {
+	text-decoration: none;
+}
+
+.plugin-install #description,
+.plugin-install-network #description {
+	width: 60%;
+}
+
+table .vers,
+table .column-visible,
+table .column-rating {
+	text-align: left;
+}
+
+.attention,
+.error-message {
+	color: #d63638;
+	font-weight: 600;
+}
+
+/* Scrollbar fix for bulk upgrade iframe */
+body.iframe {
+	height: 98%;
+}
+
+/* Upgrader styles, Specific to Language Packs */
+.lp-show-latest p {
+	display: none;
+}
+.lp-show-latest p:last-child,
+.lp-show-latest .lp-error p {
+	display: block;
+}
+
+/* - Only used once or twice in all of WP - deprecate for global style
+------------------------------------------------------------------------------*/
+.media-icon {
+	width: 62px; /* icon + border */
+	text-align: center;
+}
+
+.media-icon img {
+	border: 1px solid #dcdcde;
+	border: 1px solid rgba(0, 0, 0, 0.07);
+}
+
+#howto {
+	font-size: 11px;
+	margin: 0 5px;
+	display: block;
+}
+
+.importers {
+	font-size: 16px;
+	width: auto;
+}
+
+.importers td {
+	padding-right: 14px;
+	line-height: 1.4;
+}
+
+.importers .import-system {
+	max-width: 250px;
+}
+
+.importers td.desc {
+	max-width: 500px;
+}
+
+.importer-title,
+.importer-desc,
+.importer-action {
+	display: block;
+}
+
+.importer-title {
+	color: #000;
+	font-size: 14px;
+	font-weight: 400;
+	margin-bottom: .2em;
+}
+
+.importer-action {
+	line-height: 1.55; /* Same as with .updating-message */
+	color: #50575e;
+	margin-bottom: 1em;
+}
+
+#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
+#post-body #post-body-content #namediv h2 {
+	margin-top: 0;
+}
+
+.edit-comment-author {
+	color: #1d2327;
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#namediv h3 label, /* Back-compat for pre-4.4 */
+#namediv h2 label {
+	vertical-align: baseline;
+}
+
+#namediv table {
+	width: 100%;
+}
+
+#namediv td.first {
+	width: 10px;
+	white-space: nowrap;
+}
+
+#namediv input {
+	width: 100%;
+}
+
+#namediv p {
+	margin: 10px 0;
+}
+
+/* - Used - but could/should be deprecated with a CSS reset
+------------------------------------------------------------------------------*/
+.zerosize {
+	height: 0;
+	width: 0;
+	margin: 0;
+	border: 0;
+	padding: 0;
+	overflow: hidden;
+	position: absolute;
+}
+
+br.clear {
+	height: 2px;
+	line-height: 0.15;
+}
+
+.checkbox {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+.post-categories {
+	display: inline;
+	margin: 0;
+	padding: 0;
+}
+
+.post-categories li {
+	display: inline;
+}
+
+/* Star Ratings - Back-compat for pre-3.8 */
+div.star-holder {
+	position: relative;
+	height: 17px;
+	width: 100px;
+	background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
+}
+
+div.star-holder .star-rating {
+	background: url(../images/stars.png?ver=20121108) repeat-x top left;
+	height: 17px;
+	float: left;
+}
+
+/* Star Ratings */
+.star-rating {
+	white-space: nowrap;
+}
+.star-rating .star {
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	-webkit-font-smoothing: antialiased;
+	font-size: 20px;
+	line-height: 1;
+	font-family: dashicons;
+	text-decoration: inherit;
+	font-weight: 400;
+	font-style: normal;
+	vertical-align: top;
+	transition: color .1s ease-in;
+	text-align: center;
+	color: #dba617;
+}
+
+.star-rating .star-full:before {
+	content: "\f155";
+}
+
+.star-rating .star-half:before {
+	content: "\f459";
+}
+
+.rtl .star-rating .star-half {
+	transform: rotateY(180deg);
+}
+
+.star-rating .star-empty:before {
+	content: "\f154";
+}
+
+div.action-links {
+	font-weight: 400;
+	margin: 6px 0 0;
+}
+
+/* Plugin install thickbox */
+#plugin-information {
+	background: #fff;
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	height: 100%;
+	padding: 0;
+}
+
+#plugin-information-scrollable {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	height: 100%;
+}
+
+#plugin-information-title {
+	padding: 0 26px;
+	background: #f6f7f7;
+	font-size: 22px;
+	font-weight: 600;
+	line-height: 2.4;
+	position: relative;
+	height: 56px;
+}
+
+#plugin-information-title.with-banner {
+	margin-right: 0;
+	height: 250px;
+	background-size: cover;
+}
+
+#plugin-information-title h2 {
+	font-size: 1em;
+	font-weight: 600;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h2 {
+	position: relative;
+	font-family: "Helvetica Neue", sans-serif;
+	display: inline-block;
+	font-size: 30px;
+	line-height: 1.68;
+	box-sizing: border-box;
+	max-width: 100%;
+	padding: 0 15px;
+	margin-top: 174px;
+	color: #fff;
+	background: rgba(29, 35, 39, 0.9);
+	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+	box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+	border-radius: 8px;
+}
+
+#plugin-information-title div.vignette {
+	display: none;
+}
+
+#plugin-information-title.with-banner div.vignette {
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	height: 250px;
+	width: 100%;
+	background: transparent;
+	box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#plugin-information-tabs {
+	padding: 0 16px;
+	position: relative;
+	right: 0;
+	left: 0;
+	min-height: 36px;
+	font-size: 0;
+	z-index: 1;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#plugin-information-tabs a {
+	position: relative;
+	display: inline-block;
+	padding: 9px 10px;
+	margin: 0;
+	height: 18px;
+	line-height: 1.3;
+	font-size: 14px;
+	text-decoration: none;
+	transition: none;
+}
+
+#plugin-information-tabs a.current {
+	margin: 0 -1px -1px;
+	background: #fff;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #fff;
+	padding-top: 8px;
+	color: #2c3338;
+}
+
+#plugin-information-tabs.with-banner a.current {
+	border-top: none;
+	padding-top: 9px;
+}
+
+#plugin-information-tabs a:active,
+#plugin-information-tabs a:focus {
+	outline: none;
+}
+
+#plugin-information-content {
+	overflow: hidden; /* equal height column trick */
+	background: #fff;
+	position: relative;
+	top: 0;
+	right: 0;
+	left: 0;
+	min-height: 100%;
+	/* Height of title + tabs + install now */
+	min-height: calc( 100% - 152px );
+}
+
+#plugin-information-content.with-banner {
+	/* Height of banner + tabs + install now */
+	min-height: calc( 100% - 346px );
+}
+
+#section-holder {
+	position: relative;
+	top: 0;
+	right: 250px;
+	bottom: 0;
+	left: 0;
+	margin-top: 10px;
+	margin-right: 250px; /* FYI box */
+	padding: 10px 26px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+}
+
+#section-holder .notice {
+	margin: 5px 0 15px;
+}
+
+#section-holder .updated {
+	margin: 16px 0;
+}
+
+#plugin-information .fyi {
+	float: right;
+	position: relative;
+	top: 0;
+	right: 0;
+	padding: 16px 16px 99999px; /* equal height column trick */
+	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
+	width: 217px;
+	border-left: 1px solid #dcdcde;
+	background: #f6f7f7;
+	color: #646970;
+}
+
+#plugin-information .fyi strong {
+	color: #3c434a;
+}
+
+#plugin-information .fyi h3 {
+	font-weight: 600;
+	text-transform: uppercase;
+	font-size: 12px;
+	color: #646970;
+	margin: 24px 0 8px;
+}
+
+#plugin-information .fyi h2 {
+	font-size: 0.9em;
+	margin-bottom: 0;
+	margin-right: 0;
+}
+
+#plugin-information .fyi ul {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+
+#plugin-information .fyi li {
+	margin: 0 0 10px;
+}
+
+#plugin-information .fyi-description {
+	margin-top: 0;
+}
+
+#plugin-information .counter-container {
+	margin: 3px 0;
+}
+
+#plugin-information .counter-label {
+	float: left;
+	margin-right: 5px;
+	min-width: 55px;
+}
+
+#plugin-information .counter-back {
+	height: 17px;
+	width: 92px;
+	background-color: #dcdcde;
+	float: left;
+}
+
+#plugin-information .counter-bar {
+	height: 17px;
+	background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
+	float: left;
+}
+
+#plugin-information .counter-count {
+	margin-left: 5px;
+}
+
+#plugin-information .fyi ul.contributors {
+	margin-top: 10px;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-right: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li {
+	display: inline-block;
+	margin-right: 8px;
+	vertical-align: middle;
+}
+
+#plugin-information .fyi ul.contributors li img {
+	vertical-align: middle;
+	margin-right: 4px;
+}
+
+#plugin-information-footer {
+	padding: 13px 16px;
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	height: 40px; /* actual height: 40+13+13+1=67 */
+	border-top: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+/* rtl:ignore */
+#plugin-information .section {
+	direction: ltr;
+}
+
+/* rtl:ignore */
+#plugin-information .section ul,
+#plugin-information .section ol {
+	list-style-type: disc;
+	margin-left: 24px;
+}
+
+#plugin-information .section,
+#plugin-information .section p {
+	font-size: 14px;
+	line-height: 1.7;
+}
+
+#plugin-information #section-screenshots ol {
+	list-style: none;
+	margin: 0;
+}
+
+#plugin-information #section-screenshots li img {
+	vertical-align: text-top;
+	margin-top: 16px;
+	max-width: 100%;
+	width: auto;
+	height: auto;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* rtl:ignore */
+#plugin-information #section-screenshots li p {
+	font-style: italic;
+	padding-left: 20px;
+}
+
+#plugin-information pre {
+	padding: 7px;
+	overflow: auto;
+	border: 1px solid #c3c4c7;
+}
+
+#plugin-information blockquote {
+	border-left: 2px solid #dcdcde;
+	color: #646970;
+	font-style: italic;
+	margin: 1em 0;
+	padding: 0 0 0 1em;
+}
+
+/* rtl:ignore */
+#plugin-information .review {
+	overflow: hidden; /* clearfix */
+	width: 100%;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+#plugin-information .review-title-section {
+	overflow: hidden; /* clearfix */
+}
+
+/* rtl:ignore */
+#plugin-information .review-title-section h4 {
+	display: inline-block;
+	float: left;
+	margin: 0 6px 0 0;
+}
+
+#plugin-information .reviewer-info p {
+	clear: both;
+	margin: 0;
+	padding-top: 2px;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .avatar {
+	float: left;
+	margin: 4px 6px 0 0;
+}
+
+/* rtl:ignore */
+#plugin-information .reviewer-info .star-rating {
+	float: left;
+}
+
+/* rtl:ignore */
+#plugin-information .review-meta {
+	float: left;
+	margin-left: 0.75em;
+}
+
+/* rtl:ignore */
+#plugin-information .review-body {
+	float: left;
+	width: 100%;
+}
+
+.plugin-version-author-uri {
+	font-size: 13px;
+}
+
+/* For non-js plugin installation screen ticket #36430. */
+.update-php .button.button-primary {
+	margin-right: 1em;
+}
+
+@media screen and (max-width: 771px) {
+	#plugin-information-title.with-banner {
+		height: 100px;
+	}
+
+	#plugin-information-title.with-banner h2 {
+		margin-top: 30px;
+		font-size: 20px;
+		line-height: 2;
+		max-width: 85%;
+	}
+
+	#plugin-information-title.with-banner div.vignette {
+		height: 100px;
+	}
+
+	#plugin-information-tabs {
+		overflow: hidden; /* clearfix */
+		padding: 0;
+		height: auto; /* let tabs wrap */
+	}
+
+	#plugin-information-tabs a.current {
+		margin-bottom: 0;
+		border-bottom: none;
+	}
+
+	#plugin-information .fyi {
+		float: none;
+		border: 1px solid #dcdcde;
+		position: static;
+		width: auto;
+		margin: 26px 26px 0;
+		padding-bottom: 0; /* reset from the two column height fix */
+	}
+
+	#section-holder {
+		position: static;
+		margin: 0;
+		padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
+	}
+
+	#plugin-information .fyi h3,
+	#plugin-information .fyi small {
+		display: none;
+	}
+
+	#plugin-information-footer {
+		padding: 12px 16px 0;
+		height: 46px;
+	}
+}
+
+/* Thickbox for the Plugin details modal. */
+#TB_window.plugin-details-modal {
+	background: #fff;
+}
+
+#TB_window.plugin-details-modal.thickbox-loading:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	z-index: -1;
+	margin: -10px 0 0 -10px;
+	background: #fff url(../images/spinner.gif) no-repeat center;
+	background-size: 20px 20px;
+	transform: translateZ(0);
+}
+
+@media print,
+	(-webkit-min-device-pixel-ratio: 1.25),
+	(min-resolution: 120dpi) {
+
+	#TB_window.plugin-details-modal.thickbox-loading:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+.plugin-details-modal #TB_title {
+	float: left;
+	height: 1px;
+}
+
+.plugin-details-modal #TB_ajaxWindowTitle {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton {
+	left: auto;
+	right: -30px;
+	color: #f0f0f1;
+}
+
+.plugin-details-modal #TB_closeWindowButton:hover,
+.plugin-details-modal #TB_closeWindowButton:focus {
+	color: #135e96;
+	outline: none;
+	box-shadow: none;
+}
+
+.plugin-details-modal .tb-close-icon {
+	display: none;
+}
+
+.plugin-details-modal #TB_closeWindowButton:after {
+	content: "\f335";
+	font: normal 32px/29px 'dashicons';
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* move plugin install close icon to top on narrow screens */
+@media screen and (max-width: 830px) {
+	.plugin-details-modal #TB_closeWindowButton {
+		right: 0;
+		top: -30px;
+	}
+}
+
+/* @todo: move this. */
+img {
+	border: none;
+}
+
+/* Metabox collapse arrow indicators */
+.sidebar-name .toggle-indicator::before,
+.meta-box-sortables .postbox .toggle-indicator::before,
+.meta-box-sortables .postbox .order-higher-indicator::before,
+.meta-box-sortables .postbox .order-lower-indicator::before,
+.bulk-action-notice .toggle-indicator::before,
+.privacy-text-box .toggle-indicator::before {
+	content: "\f142";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.js .widgets-holder-wrap.closed .toggle-indicator::before,
+.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
+.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
+.privacy-text-box.closed .toggle-indicator::before {
+	content: "\f140";
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before {
+	content: "\f343";
+	color: inherit;
+}
+
+.postbox .handle-order-lower .order-lower-indicator::before {
+	content: "\f347";
+	color: inherit;
+}
+
+.postbox .handle-order-higher .order-higher-indicator::before,
+.postbox .handle-order-lower .order-lower-indicator::before {
+	position: relative;
+    top: 0.11rem;
+	width: 20px;
+	height: 20px;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	width: 20px;
+	border-radius: 50%;
+}
+
+.postbox .handlediv .toggle-indicator::before {
+	position: relative;
+	top: 0.05rem;
+	text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.rtl .postbox .handlediv .toggle-indicator::before {
+	text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
+}
+
+.bulk-action-notice .toggle-indicator::before {
+	line-height: 16px;
+	vertical-align: top;
+	color: #787c82;
+}
+
+.postbox .handle-order-higher:focus,
+.postbox .handle-order-lower:focus,
+.postbox .handlediv:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.postbox .handle-order-higher:focus .order-higher-indicator::before,
+.postbox .handle-order-lower:focus .order-lower-indicator::before,
+.postbox .handlediv:focus .toggle-indicator::before {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+/* @todo: appears to be Press This only and overridden */
+#photo-add-url-div input[type="text"] {
+	width: 300px;
+}
+
+/* Theme/Plugin file editor */
+.alignleft h2 {
+	margin: 0;
+}
+
+#template textarea {
+	font-family: Consolas, Monaco, monospace;
+	font-size: 13px;
+	background: #f6f7f7;
+	-o-tab-size: 4;
+	tab-size: 4;
+}
+
+#template textarea,
+#template .CodeMirror {
+	width: 100%;
+	min-height: 60vh;
+	height: calc( 100vh - 295px );
+	border: 1px solid #dcdcde;
+	box-sizing: border-box;
+}
+
+#templateside > h2 {
+	padding-top: 6px;
+	padding-bottom: 7px;
+	margin: 0;
+}
+
+#templateside ol,
+#templateside ul {
+	margin: 0;
+	padding: 0;
+}
+#templateside > ul {
+	box-sizing: border-box;
+	margin-top: 0;
+	overflow: auto;
+	padding: 0;
+	min-height: 60vh;
+	height: calc(100vh - 295px);
+	background-color: #f6f7f7;
+	border: 1px solid #dcdcde;
+	border-left: none;
+}
+#templateside ul ul {
+	padding-left: 12px;
+}
+#templateside > ul > li > ul[role=group] {
+	padding-left: 0;
+}
+
+/*
+ * Styles for Theme and Plugin file editors.
+ */
+
+/* Hide collapsed items. */
+[role="treeitem"][aria-expanded="false"] > ul {
+	display: none;
+}
+
+/* Use arrow dashicons for folder states, but hide from screen readers. */
+[role="treeitem"] span[aria-hidden] {
+	display: inline;
+	font-family: dashicons;
+	font-size: 20px;
+	position: absolute;
+	pointer-events: none;
+}
+[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
+	content: "\f139";
+}
+[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
+	content: "\f140";
+}
+[role="treeitem"] .folder-label {
+	display: block;
+	padding: 3px 3px 3px 12px;
+	cursor: pointer;
+}
+
+/* Remove outline, and create our own focus and hover styles */
+[role="treeitem"] {
+	outline: 0;
+}
+[role="treeitem"] .folder-label.focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+[role="treeitem"].hover,
+[role="treeitem"] .folder-label.hover {
+	background-color: #f0f0f1;
+}
+
+.tree-folder {
+	margin: 0;
+	position: relative;
+}
+[role="treeitem"] li {
+	position: relative;
+}
+
+/* Styles for folder indicators/depth */
+.tree-folder .tree-folder::after {
+	content: "";
+	display: block;
+	position: absolute;
+	left: 2px;
+	border-left: 1px solid #c3c4c7;
+	top: -13px;
+	bottom: 10px;
+}
+.tree-folder > li::before {
+	content: "";
+	position: absolute;
+	display: block;
+	border-left: 1px solid #c3c4c7;
+	left: 2px;
+	top: -5px;
+	height: 18px;
+	width: 7px;
+	border-bottom: 1px solid #c3c4c7;
+}
+.tree-folder > li::after {
+	content: "";
+	position: absolute;
+	display: block;
+	border-left: 1px solid #c3c4c7;
+	left: 2px;
+	bottom: -7px;
+	top: 0;
+}
+
+/* current-file needs to adjustment for .notice styles */
+#templateside .current-file {
+	margin: -4px 0 -2px;
+}
+.tree-folder > .current-file::before {
+	left: 4px;
+	height: 15px;
+	width: 0;
+	border-left: none;
+	top: 3px;
+}
+.tree-folder > .current-file::after {
+	bottom: -4px;
+	height: 7px;
+	left: 2px;
+	top: auto;
+}
+
+/* Lines shouldn't continue on last item */
+.tree-folder > li:last-child::after,
+.tree-folder li:last-child > .tree-folder::after {
+	display: none;
+}
+
+#theme-plugin-editor-selector,
+#theme-plugin-editor-label,
+#documentation label {
+	font-weight: 600;
+}
+
+#theme-plugin-editor-label {
+	display: inline-block;
+	margin-bottom: 1em;
+}
+
+/* rtl:ignore */
+#template textarea,
+#docs-list {
+	direction: ltr;
+}
+
+.fileedit-sub #theme,
+.fileedit-sub #plugin {
+	max-width: 40%;
+}
+.fileedit-sub .alignright {
+	text-align: right;
+}
+
+#template p {
+	width: 97%;
+}
+
+#file-editor-linting-error {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+#file-editor-linting-error > .notice {
+	margin: 0;
+	display: inline-block;
+}
+#file-editor-linting-error > .notice > p {
+	width: auto;
+}
+#template .submit {
+	margin-top: 1em;
+	padding: 0;
+}
+
+#template .submit input[type=submit][disabled] {
+	cursor: not-allowed;
+}
+#templateside {
+	float: right;
+	width: 16em;
+	word-wrap: break-word;
+}
+
+#postcustomstuff p.submit {
+	margin: 0;
+}
+
+#templateside h4 {
+	margin: 1em 0 0;
+}
+
+#templateside li {
+	margin: 4px 0;
+}
+
+#templateside li:not(.howto) a,
+.theme-editor-php .highlight {
+	display: block;
+	padding: 3px 0 3px 12px;
+	text-decoration: none;
+}
+
+#templateside li:not(.howto) > a:first-of-type {
+	padding-top: 0;
+}
+
+#templateside li.howto {
+	padding: 6px 12px 12px;
+}
+
+.theme-editor-php .highlight {
+	margin: -3px 3px -3px -12px;
+}
+
+#templateside .highlight {
+	border: none;
+	font-weight: 600;
+}
+
+.nonessential {
+	color: #646970;
+	font-size: 11px;
+	font-style: italic;
+	padding-left: 12px;
+}
+
+#documentation {
+	margin-top: 10px;
+}
+
+#documentation label {
+	line-height: 1.8;
+	vertical-align: baseline;
+}
+
+.fileedit-sub {
+	padding: 10px 0 8px;
+	line-height: 180%;
+}
+
+#file-editor-warning .file-editor-warning-content {
+	margin: 25px;
+}
+
+/* @todo: can we use a common class for these? */
+.nav-menus-php .item-edit:before,
+.widget-top .widget-action .toggle-indicator:before,
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none;
+}
+
+.widget-top .widget-action .toggle-indicator:before {
+	padding: 1px 2px 1px 0;
+	border-radius: 50%;
+}
+
+.handlediv,
+.postbox .handlediv.button-link,
+.item-edit,
+.toggle-indicator,
+.accordion-section-title:after {
+	color: #787c82;
+}
+
+.widget-action {
+	color: #50575e; /* #fafafa background in the Widgets screen */
+}
+
+.widget-top:hover .widget-action,
+.widget-action:focus,
+.handlediv:hover,
+.handlediv:focus,
+.postbox .handlediv.button-link:hover,
+.postbox .handlediv.button-link:focus,
+.item-edit:hover,
+.item-edit:focus,
+.sidebar-name:hover .toggle-indicator,
+.accordion-section-title:hover:after {
+	color: #1d2327;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.widget-top .widget-action:focus .toggle-indicator:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.control-section .accordion-section-title:after,
+.accordion-section-title:after {
+	float: right;
+	right: 20px;
+	top: -2px;
+}
+
+.control-section.open .accordion-section-title:after,
+#customize-info.open .accordion-section-title:after,
+.nav-menus-php .menu-item-edit-active .item-edit:before,
+.widget.open .widget-top .widget-action .toggle-indicator:before,
+.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+/*!
+ * jQuery UI Draggable/Sortable 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+.ui-draggable-handle,
+.ui-sortable-handle {
+	touch-action: none;
+}
+
+/* Accordion */
+.accordion-section {
+	border-bottom: 1px solid #dcdcde;
+	margin: 0;
+}
+
+.accordion-section.open .accordion-section-content,
+.no-js .accordion-section .accordion-section-content {
+	display: block;
+}
+
+.accordion-section.open:hover {
+	border-bottom-color: #dcdcde;
+}
+
+.accordion-section-content {
+	display: none;
+	padding: 10px 20px 15px;
+	overflow: hidden;
+	background: #fff;
+}
+
+.accordion-section-title {
+	margin: 0;
+	padding: 12px 15px 15px;
+	position: relative;
+	border-left: 1px solid #dcdcde;
+	border-right: 1px solid #dcdcde;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.js .accordion-section-title {
+	cursor: pointer;
+}
+
+.js .accordion-section-title:after {
+	position: absolute;
+	top: 12px;
+	right: 10px;
+	z-index: 1;
+}
+
+.accordion-section-title:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.accordion-section-title:hover:after,
+.accordion-section-title:focus:after {
+	border-color: #a7aaad transparent;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.cannot-expand .accordion-section-title {
+	cursor: auto;
+}
+
+.cannot-expand .accordion-section-title:after {
+	display: none;
+}
+
+.control-section .accordion-section-title,
+.customize-pane-child .accordion-section-title {
+	border-left: none;
+	border-right: none;
+	padding: 10px 10px 11px 14px;
+	line-height: 1.55;
+	background: #fff;
+}
+
+.control-section .accordion-section-title:after,
+.customize-pane-child .accordion-section-title:after {
+	top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	color: #1d2327;
+	background: #f6f7f7;
+}
+
+.control-section.open .accordion-section-title {
+	/* When expanded */
+	border-bottom: 1px solid #dcdcde;
+}
+
+/* Edit Site */
+.network-admin .edit-site-actions {
+	margin-top: 0;
+}
+
+/* My Sites */
+.my-sites {
+	display: block;
+	overflow: auto;
+	zoom: 1;
+}
+
+.my-sites li {
+	display: block;
+	padding: 8px 3%;
+	min-height: 130px;
+	margin: 0;
+}
+
+@media only screen and (max-width: 599px) {
+	.my-sites li {
+		min-height: 0;
+	}
+}
+
+@media only screen and (min-width: 600px) {
+	.my-sites.striped li {
+		background-color: #fff;
+		position: relative;
+	}
+	.my-sites.striped li:after {
+		content: "";
+		width: 1px;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		right: 0;
+		background: #c3c4c7;
+	}
+
+}
+@media only screen and (min-width: 600px) and (max-width: 699px) {
+	.my-sites li{
+		float: left;
+		width: 44%;
+	}
+	.my-sites.striped li {
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(2n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(2n+2):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(4n+1),
+	.my-sites li:nth-of-type(4n+2) {
+		background-color: #f6f7f7;
+	}
+
+}
+
+@media only screen and (min-width: 700px) and (max-width: 1199px) {
+	.my-sites li {
+		float: left;
+		width: 27.333333%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(3n+3):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(6n+1),
+	.my-sites li:nth-of-type(6n+2),
+	.my-sites li:nth-of-type(6n+3) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1200px) and (max-width: 1399px) {
+	.my-sites li {
+		float: left;
+		width: 21%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(4n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(4n+4):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(8n+1),
+	.my-sites li:nth-of-type(8n+2),
+	.my-sites li:nth-of-type(8n+3),
+	.my-sites li:nth-of-type(8n+4) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1400px) and (max-width: 1599px) {
+	.my-sites li {
+		float: left;
+		width: 16%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(5n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(5n+5):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(10n+1),
+	.my-sites li:nth-of-type(10n+2),
+	.my-sites li:nth-of-type(10n+3),
+	.my-sites li:nth-of-type(10n+4),
+	.my-sites li:nth-of-type(10n+5) {
+		background-color: #f6f7f7;
+	}
+}
+
+@media only screen and (min-width: 1600px) {
+	.my-sites li {
+		float: left;
+		width: 12.666666%;
+		padding: 8px 2%;
+		background-color: #fff;
+	}
+	.my-sites.striped li:nth-of-type(6n+1) {
+		clear: left;
+	}
+	.my-sites.striped li:nth-of-type(6n+6):after {
+		content: none;
+	}
+	.my-sites li:nth-of-type(12n+1),
+	.my-sites li:nth-of-type(12n+2),
+	.my-sites li:nth-of-type(12n+3),
+	.my-sites li:nth-of-type(12n+4),
+	.my-sites li:nth-of-type(12n+5),
+	.my-sites li:nth-of-type(12n+6) {
+		background-color: #f6f7f7;
+	}
+}
+
+.my-sites li a {
+	text-decoration: none;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	/* Back-compat for pre-3.8 */
+	div.star-holder,
+	div.star-holder .star-rating {
+		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
+		background-size: 21px 37px;
+	}
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}
+
+@media screen and (max-width: 782px) {
+	html.wp-toolbar {
+		padding-top: 46px;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: -39px;
+	}
+
+	body {
+		min-width: 240px;
+		overflow-x: hidden;
+	}
+
+	body * {
+		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+	}
+
+	#wpcontent {
+		position: relative;
+		margin-left: 0;
+		padding-left: 10px;
+	}
+
+	#wpbody-content {
+		padding-bottom: 100px;
+	}
+
+	.wrap {
+		clear: both;
+		margin-right: 12px;
+		margin-left: 0;
+	}
+
+	/* categories */
+	#col-left,
+	#col-right {
+		float: none;
+		width: auto;
+	}
+
+	#col-left .col-wrap,
+	#col-right .col-wrap {
+		padding: 0;
+	}
+
+	/* Hidden Elements */
+	#collapse-menu,
+	.post-format-select {
+		display: none !important;
+	}
+
+	.wrap h1.wp-heading-inline {
+		margin-bottom: 0.5em;
+	}
+
+	.wrap .add-new-h2, /* deprecated */
+	.wrap .add-new-h2:active, /* deprecated */
+	.wrap .page-title-action,
+	.wrap .page-title-action:active {
+		padding: 10px 15px;
+		font-size: 14px;
+		white-space: nowrap;
+	}
+
+	/* Feedback Messages */
+	.notice,
+	.wrap div.updated,
+	.wrap div.error,
+	.media-upload-form div.error {
+		margin: 20px 0 10px;
+		padding: 5px 10px;
+		font-size: 14px;
+		line-height: 175%;
+	}
+
+	.wp-core-ui .notice.is-dismissible {
+		padding-right: 46px;
+	}
+
+	.notice-dismiss {
+		padding: 13px;
+	}
+
+	.wrap .icon32 + h2 {
+		margin-top: -2px;
+	}
+
+	.wp-responsive-open #wpbody {
+		right: -16em;
+	}
+
+	code {
+		word-wrap: break-word;
+		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
+		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
+	}
+
+	/* General Metabox */
+	.postbox {
+		font-size: 14px;
+	}
+
+	.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
+	.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
+	.metabox-holder h2 {
+		padding: 12px;
+	}
+
+	.postbox .handlediv {
+		margin-top: 3px;
+	}
+
+	/* Subsubsub Nav */
+	.subsubsub {
+		font-size: 16px;
+		text-align: center;
+		margin-bottom: 15px;
+	}
+
+	/* Theme/Plugin File Editor */
+
+	#template textarea,
+	#template .CodeMirror {
+		box-sizing: border-box;
+	}
+
+	#templateside {
+		float: none;
+		width: auto;
+	}
+
+	#templateside > ul {
+		border-left: 1px solid #dcdcde;
+	}
+
+	#templateside li {
+		margin: 0;
+	}
+
+	#templateside li:not(.howto) a {
+		display: block;
+		padding: 5px;
+	}
+	#templateside li.howto {
+		padding: 12px;
+	}
+
+	#templateside .highlight {
+		padding: 5px;
+		margin-left: -5px;
+		margin-top: -5px;
+	}
+
+	#template > div,
+	#template .notice {
+		float: none;
+		margin: 1em 0;
+		width: auto;
+	}
+
+	#template .CodeMirror,
+	#template textarea {
+		width: 100%;
+	}
+
+	#templateside ul ul {
+		padding-left: 1.5em;
+	}
+	[role="treeitem"] .folder-label {
+		display: block;
+		padding: 5px;
+	}
+	.tree-folder > li::before,
+	.tree-folder > li::after,
+	.tree-folder .tree-folder::after {
+		left: -8px;
+	}
+	.tree-folder > li::before {
+		top: 0;
+		height: 13px;
+	}
+	.tree-folder > .current-file::before {
+		left: -5px;
+		top: 7px;
+		width: 4px;
+	}
+	.tree-folder > .current-file::after {
+		height: 9px;
+		left: -8px;
+	}
+	.wrap #templateside span.notice {
+		margin-left: -5px;
+		width: 100%;
+	}
+
+	.fileedit-sub .alignright {
+		float: left;
+		margin-top: 15px;
+		width: 100%;
+		text-align: left;
+	}
+
+	.fileedit-sub .alignright label {
+		display: block;
+	}
+
+	.fileedit-sub #theme,
+	.fileedit-sub #plugin {
+		margin-left: 0;
+		max-width: 70%;
+	}
+
+	.fileedit-sub input[type="submit"] {
+		margin-bottom: 0;
+	}
+
+	#documentation label[for="docs-list"] {
+		display: block;
+	}
+
+	#documentation select[name="docs-list"] {
+		margin-left: 0;
+		max-width: 60%;
+	}
+
+	#documentation input[type="button"] {
+		margin-bottom: 0;
+	}
+
+	#wpfooter {
+		display: none;
+	}
+
+	#comments-form .checkforspam {
+		display: none;
+	}
+
+	.edit-comment-author {
+		margin: 2px 0 0;
+	}
+
+	.filter-drawer .filter-group-feature input,
+	.filter-drawer .filter-group-feature label {
+		line-height: 2.1;
+	}
+
+	.filter-drawer .filter-group-feature label {
+		margin-left: 32px;
+	}
+
+	.wp-filter .button.drawer-toggle {
+		font-size: 13px;
+		line-height: 2;
+		height: 28px;
+	}
+
+	/* Fix help tab columns for smaller screens */
+	#screen-meta #contextual-help-wrap {
+		overflow: visible;
+	}
+
+	#screen-meta #contextual-help-back,
+	#screen-meta .contextual-help-sidebar {
+		display: none;
+	}
+
+	#screen-meta .contextual-help-tabs {
+		clear: both;
+		width: 100%;
+		float: none;
+	}
+
+	#screen-meta .contextual-help-tabs ul {
+		margin: 0 0 1em;
+		padding: 1em 0 0;
+	}
+
+	#screen-meta .contextual-help-tabs .active {
+		margin: 0;
+	}
+
+	#screen-meta .contextual-help-tabs-wrap {
+		clear: both;
+		max-width: 100%;
+		float: none;
+	}
+
+	#screen-meta,
+	#screen-meta-links {
+		margin-right: 10px;
+	}
+
+	#screen-meta-links {
+		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		font-size: 1rem;
+	}
+
+	.wp-filter .search-form.search-plugins {
+		/* This element is a flex item. */
+		min-width: 100%;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	/* Disable horizontal scroll when responsive menu is open
+	   since we push the main content off to the right. */
+	#wpwrap.wp-responsive-open {
+		overflow-x: hidden;
+	}
+
+	html.wp-toolbar {
+		padding-top: 0;
+	}
+
+	.screen-reader-shortcut:focus {
+		top: 7px;
+	}
+
+	#wpbody {
+		padding-top: 46px;
+	}
+
+	/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
+	div#post-body.metabox-holder.columns-1 {
+		overflow-x: hidden;
+	}
+
+	h1.nav-tab-wrapper,
+	.wrap h2.nav-tab-wrapper,
+	.nav-tab-wrapper {
+		border-bottom: 0;
+	}
+
+	h1 .nav-tab,
+	h2 .nav-tab,
+	h3 .nav-tab,
+	nav .nav-tab {
+		margin: 10px 10px 0 0;
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.nav-tab-active:hover,
+	.nav-tab-active:focus,
+	.nav-tab-active:focus:active {
+		border-bottom: 1px solid #c3c4c7;
+	}
+
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	/* Prevent default center alignment and larger font for the Right Now widget when
+	   the network dashboard is viewed on a small mobile device. */
+	#network_dashboard_right_now .subsubsub {
+		font-size: 14px;
+		text-align: left;
+	}
+}
diff --git a/tools/storybook/wordpress/css/common.min.css b/tools/storybook/wordpress/css/common.min.css
new file mode 100644
index 00000000000..e5f156989ee
--- /dev/null
+++ b/tools/storybook/wordpress/css/common.min.css
@@ -0,0 +1,9 @@
+/*! This file is auto-generated */
+#wpwrap{height:auto;min-height:100%;width:100%;position:relative;-webkit-font-smoothing:subpixel-antialiased}#wpcontent{height:100%;padding-left:20px}#wpcontent,#wpfooter{margin-left:160px}.folded #wpcontent,.folded #wpfooter{margin-left:36px}#wpbody-content{padding-bottom:65px;float:left;width:100%;overflow:visible}.inner-sidebar{float:right;clear:right;display:none;width:281px;position:relative}.columns-2 .inner-sidebar{margin-right:auto;width:286px;display:block}.columns-2 .inner-sidebar #side-sortables,.inner-sidebar #side-sortables{min-height:300px;width:280px;padding:0}.has-right-sidebar .inner-sidebar{display:block}.has-right-sidebar #post-body{float:left;clear:left;width:100%;margin-right:-2000px}.has-right-sidebar #post-body-content{margin-right:300px;float:none;width:auto}#col-left{float:left;width:35%}#col-right{float:right;width:65%}#col-left .col-wrap{padding:0 6px 0 0}#col-right .col-wrap{padding:0 0 0 6px}.alignleft{float:left}.alignright{float:right}.textleft{text-align:left}.textright{text-align:right}.clear{clear:both}.wp-clearfix:after{content:"";display:table;clear:both}.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.button .screen-reader-text{height:auto}.screen-reader-shortcut{position:absolute;top:-1000em}.screen-reader-shortcut:focus{left:6px;top:-25px;height:auto;width:auto;display:block;font-size:14px;font-weight:600;padding:15px 23px 14px;background:#f0f0f1;color:#2271b1;z-index:100000;line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:2px solid transparent;outline-offset:-2px}.hidden,.js .closed .inside,.js .hide-if-js,.js .wp-core-ui .hide-if-js,.js.wp-core-ui .hide-if-js,.no-js .hide-if-no-js,.no-js .wp-core-ui .hide-if-no-js,.no-js.wp-core-ui .hide-if-no-js{display:none}#menu-management .menu-edit,#menu-settings-column .accordion-container,.comment-ays,.feature-filter,.imgedit-group,.manage-menus,.menu-item-handle,.popular-tags,.stuffbox,.widget-inside,.widget-top,.widgets-holder-wrap,.wp-editor-container,p.popular-tags,table.widefat{border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04)}.comment-ays,.feature-filter,.imgedit-group,.popular-tags,.stuffbox,.widgets-holder-wrap,.wp-editor-container,p.popular-tags,table.widefat{background:#fff}body,html{height:100%;margin:0;padding:0}body{background:#f0f0f1;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4em;min-width:600px}body.iframe{min-width:0;padding-top:1px}body.modal-open{overflow:hidden}body.mobile.modal-open #wpwrap{overflow:hidden;position:fixed;height:100%}iframe,img{border:0}td{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}a{color:#2271b1;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a,div{outline:0}a:active,a:hover{color:#135e96}.wp-person a:focus .gravatar,a:focus,a:focus .media-icon img,a:focus .plugin-icon{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);outline:1px solid transparent}#adminmenu a:focus{box-shadow:none;outline:1px solid transparent;outline-offset:-1px}.screen-reader-text:focus{box-shadow:none;outline:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}.wp-die-message,p{font-size:13px;line-height:1.5;margin:1em 0}blockquote{margin:1em}dd,li{margin-bottom:6px}h1,h2,h3,h4,h5,h6{display:block;font-weight:600}h1{color:#1d2327;font-size:2em;margin:.67em 0}h2,h3{color:#1d2327;font-size:1.3em;margin:1em 0}.update-core-php h2{margin-top:4em}.update-messages h2,.update-php h2,h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}ol,ul{padding:0}ul{list-style:none}ol{list-style-type:decimal;margin-left:2em}ul.ul-disc{list-style:disc outside}ul.ul-square{list-style:square outside}ol.ol-decimal{list-style:decimal outside}ol.ol-decimal,ul.ul-disc,ul.ul-square{margin-left:1.8em}ol.ol-decimal>li,ul.ul-disc>li,ul.ul-square>li{margin:0 0 .5em}.ltr{direction:ltr}.code,code{font-family:Consolas,Monaco,monospace;direction:ltr;unicode-bidi:embed}code,kbd{padding:3px 5px 2px;margin:0 1px;background:#f0f0f1;background:rgba(0,0,0,.07);font-size:13px}.subsubsub{list-style:none;margin:8px 0 0;padding:0;font-size:13px;float:left;color:#646970}.subsubsub a{line-height:2;padding:.2em;text-decoration:none}.subsubsub a .count,.subsubsub a.current .count{color:#50575e;font-weight:400}.subsubsub a.current{font-weight:600;border:none}.subsubsub li{display:inline-block;margin:0;padding:0;white-space:nowrap}.widefat{border-spacing:0;width:100%;clear:both;margin:0}.widefat *{word-wrap:break-word}.widefat a,.widefat button.button-link{text-decoration:none}.widefat td,.widefat th{padding:8px 10px}.widefat thead td,.widefat thead th{border-bottom:1px solid #c3c4c7}.widefat tfoot td,.widefat tfoot th{border-top:1px solid #c3c4c7;border-bottom:none}.widefat .no-items td{border-bottom-width:0}.widefat td{vertical-align:top}.widefat td,.widefat td ol,.widefat td p,.widefat td ul{font-size:13px;line-height:1.5em}.widefat tfoot td,.widefat th,.widefat thead td{text-align:left;line-height:1.3em;font-size:14px}.updates-table td input,.widefat tfoot td input,.widefat th input,.widefat thead td input{margin:0 0 0 8px;padding:0;vertical-align:text-top}.widefat .check-column{width:2.2em;padding:6px 0 25px;vertical-align:top}.widefat tbody th.check-column{padding:9px 0 22px}.updates-table tbody td.check-column,.widefat tbody th.check-column,.widefat tfoot td.check-column,.widefat thead td.check-column{padding:11px 0 0 3px}.widefat tfoot td.check-column,.widefat thead td.check-column{padding-top:4px;vertical-align:middle}.update-php div.error,.update-php div.updated{margin-left:0}.no-js .widefat tfoot .check-column input,.no-js .widefat thead .check-column input{display:none}.column-comments,.column-links,.column-posts,.widefat .num{text-align:center}.widefat th#comments{vertical-align:middle}.wrap{margin:10px 20px 0 2px}.wrap.block-editor-no-js{padding-left:20px}.postbox .inside h2,.wrap [class$=icon32]+h2,.wrap h1,.wrap>h2:first-child{font-size:23px;font-weight:400;margin:0;padding:9px 0 4px;line-height:1.3}.wrap h1.wp-heading-inline{display:inline-block;margin-right:5px}.wp-header-end{visibility:hidden;margin:-2px 0 0}.subtitle{margin:0;padding-left:25px;color:#50575e;font-size:14px;font-weight:400;line-height:1}.subtitle strong{word-break:break-all}.wrap .add-new-h2,.wrap .add-new-h2:active,.wrap .page-title-action,.wrap .page-title-action:active{margin-left:4px;padding:4px 8px;position:relative;top:-3px;text-decoration:none;border:1px solid #2271b1;border-radius:2px;text-shadow:none;font-weight:600;font-size:13px;line-height:normal;color:#2271b1;background:#f6f7f7;cursor:pointer}.wrap .wp-heading-inline+.page-title-action{margin-left:0}.wrap .add-new-h2:hover,.wrap .page-title-action:hover{background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}.page-title-action:focus{color:#0a4b78}.form-table th label[for=WPLANG] .dashicons,.form-table th label[for=locale] .dashicons{margin-left:5px}.wrap .page-title-action:focus{border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.wrap h1.long-header{padding-right:0}.wp-dialog{background-color:#fff}#available-widgets .widget-top:hover,#widgets-left .widget-in-question .widget-top,#widgets-left .widget-top:hover,.widgets-chooser ul,div#widgets-right .widget-top:hover{border-color:#8c8f94;box-shadow:0 1px 2px rgba(0,0,0,.1)}.sorthelper{background-color:#c5d9ed}.ac_match,.subsubsub a.current{color:#000}.alternate,.striped>tbody>:nth-child(odd),ul.striped>:nth-child(odd){background-color:#f6f7f7}.bar{background-color:#f0f0f1;border-right-color:#4f94d4}.highlight{background-color:#f0f6fc;color:#3c434a}.wp-ui-primary{color:#fff;background-color:#2c3338}.wp-ui-text-primary{color:#2c3338}.wp-ui-highlight{color:#fff;background-color:#2271b1}.wp-ui-text-highlight{color:#2271b1}.wp-ui-notification{color:#fff;background-color:#d63638}.wp-ui-text-notification{color:#d63638}.wp-ui-text-icon{color:#8c8f94}img.emoji{display:inline!important;border:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important;box-shadow:none!important}#nav-menu-footer,#nav-menu-header,#your-profile #rich_editing,.checkbox,.control-section .accordion-section-title,.menu-item-handle,.postbox .hndle,.side-info,.sidebar-name,.stuffbox .hndle,.widefat tfoot td,.widefat tfoot th,.widefat thead td,.widefat thead th,.widget .widget-top{line-height:1.4em}.menu-item-handle,.widget .widget-top{background:#f6f7f7;color:#1d2327}.stuffbox .hndle{border-bottom:1px solid #c3c4c7}.quicktags{background-color:#c3c4c7;color:#000;font-size:12px}.icon32{display:none}#bulk-titles .ntdelbutton:before,.notice-dismiss:before,.tagchecklist .ntdelbutton .remove-tag-icon:before,.welcome-panel .welcome-panel-close:before{background:0 0;color:#787c82;content:"\f153";display:block;font:normal 16px/20px dashicons;speak:never;height:20px;text-align:center;width:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.welcome-panel .welcome-panel-close:before{margin:0}.tagchecklist .ntdelbutton .remove-tag-icon:before{margin-left:2px;border-radius:50%;color:#2271b1;line-height:1.28}.tagchecklist .ntdelbutton:focus{outline:0}#bulk-titles .ntdelbutton:focus:before,#bulk-titles .ntdelbutton:hover:before,.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,.tagchecklist .ntdelbutton:hover .remove-tag-icon:before{color:#d63638}.tagchecklist .ntdelbutton:focus .remove-tag-icon:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.key-labels label{line-height:24px}b,strong{font-weight:600}.pre{white-space:pre-wrap;word-wrap:break-word}.howto{color:#646970;display:block}p.install-help{margin:8px 0;font-style:italic}.no-break{white-space:nowrap}hr{border:0;border-top:1px solid #dcdcde;border-bottom:1px solid #f6f7f7}#all-plugins-table .plugins a.delete,#delete-link a.delete,#media-items a.delete,#media-items a.delete-permanently,#nav-menu-footer .menu-delete,#search-plugins-table .plugins a.delete,.plugins a.delete,.privacy_requests .remove-personal-data .remove-personal-data-handle,.row-actions span.delete a,.row-actions span.spam a,.row-actions span.trash a,.submitbox .submitdelete,a#remove-post-thumbnail{color:#b32d2e}#all-plugins-table .plugins a.delete:hover,#delete-link a.delete:hover,#media-items a.delete-permanently:hover,#media-items a.delete:hover,#nav-menu-footer .menu-delete:hover,#search-plugins-table .plugins a.delete:hover,.file-error,.plugins a.delete:hover,.privacy_requests .remove-personal-data .remove-personal-data-handle:hover,.row-actions .delete a:hover,.row-actions .spam a:hover,.row-actions .trash a:hover,.submitbox .submitdelete:hover,a#remove-post-thumbnail:hover,abbr.required,span.required{color:#b32d2e;border:none}#major-publishing-actions{padding:10px;clear:both;border-top:1px solid #dcdcde;background:#f6f7f7}#delete-action{float:left;line-height:2.30769231}#delete-link{line-height:2.30769231;vertical-align:middle;text-align:left;margin-left:8px}#delete-link a{text-decoration:none}#publishing-action{text-align:right;float:right;line-height:1.9}#publishing-action .spinner{float:none;margin-top:5px}#misc-publishing-actions{padding:6px 0 0}.misc-pub-section{padding:6px 10px 8px}.misc-pub-filename{word-wrap:break-word}#minor-publishing-actions{padding:10px 10px 0;text-align:right}#save-post{float:left}.preview{float:right}#sticky-span{margin-left:18px}.approve,.unapproved .unapprove{display:none}.spam .approve,.trash .approve,.unapproved .approve{display:inline}td.action-links,th.action-links{text-align:right}#misc-publishing-actions .notice{margin-left:10px;margin-right:10px}.wp-filter{display:inline-block;position:relative;box-sizing:border-box;margin:12px 0 25px;padding:0 10px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.04);border:1px solid #c3c4c7;background:#fff;color:#50575e;font-size:13px}.wp-filter a{text-decoration:none}.filter-count{display:inline-block;vertical-align:middle;min-width:4em}.filter-count .count,.title-count{display:inline-block;position:relative;top:-1px;padding:4px 10px;border-radius:30px;background:#646970;color:#fff;font-size:14px;font-weight:600}.title-count{display:inline;top:-3px;margin-left:5px;margin-right:20px}.filter-items{float:left}.filter-links{display:inline-block;margin:0}.filter-links li{display:inline-block;margin:0}.filter-links li>a{display:inline-block;margin:0 10px;padding:15px 0;border-bottom:4px solid #fff;color:#646970;cursor:pointer}.filter-links .current{box-shadow:none;border-bottom:4px solid #646970;color:#1d2327}.filter-links li>a:focus,.filter-links li>a:hover,.show-filters .filter-links a.current:focus,.show-filters .filter-links a.current:hover{color:#135e96}.wp-filter .search-form{float:right;margin:10px 0}.wp-filter .search-form input[type=search]{margin:1px 0;width:280px;max-width:100%}.wp-filter .search-form select{margin:0}.plugin-install-php .wp-filter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.wp-filter .search-form.search-plugins{margin-top:0}.wp-filter .search-form.search-plugins .wp-filter-search,.wp-filter .search-form.search-plugins select{display:inline-block;margin-top:10px;vertical-align:top}.wp-filter .button.drawer-toggle{margin:10px 9px 0;padding:0 10px 0 6px;border-color:transparent;background-color:transparent;color:#646970;vertical-align:baseline;box-shadow:none}.wp-filter .drawer-toggle:before{content:"\f111";margin:0 5px 0 0;color:#646970;font:normal 16px/1 dashicons;vertical-align:text-bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-filter .button.drawer-toggle:focus,.wp-filter .button.drawer-toggle:hover,.wp-filter .drawer-toggle:focus:before,.wp-filter .drawer-toggle:hover:before{background-color:transparent;color:#135e96}.wp-filter .button.drawer-toggle:focus:active,.wp-filter .button.drawer-toggle:hover{border-color:transparent}.wp-filter .button.drawer-toggle:focus{border-color:#4f94d4}.wp-filter .button.drawer-toggle:active{background:0 0;box-shadow:none;transform:none}.wp-filter .drawer-toggle.current:before{color:#fff}.filter-drawer,.wp-filter .favorites-form{display:none;margin:0 -10px 0 -20px;padding:20px;border-top:1px solid #f0f0f1;background:#f6f7f7;overflow:hidden}.show-favorites-form .favorites-form,.show-filters .filter-drawer{display:block}.show-filters .filter-links a.current{border-bottom:none}.show-filters .wp-filter .button.drawer-toggle{border-radius:2px;background:#646970;color:#fff}.show-filters .wp-filter .drawer-toggle:focus,.show-filters .wp-filter .drawer-toggle:hover{background:#2271b1}.show-filters .wp-filter .drawer-toggle:before{color:#fff}.filter-group{box-sizing:border-box;position:relative;float:left;margin:0 1% 0 0;padding:20px 10px 10px;width:24%;background:#fff;border:1px solid #dcdcde;box-shadow:0 1px 1px rgba(0,0,0,.04)}.filter-group legend{position:absolute;top:10px;display:block;margin:0;padding:0;font-size:1em;font-weight:600}.filter-drawer .filter-group-feature{margin:28px 0 0;list-style-type:none;font-size:12px}.filter-drawer .filter-group-feature input,.filter-drawer .filter-group-feature label{line-height:1.4}.filter-drawer .filter-group-feature input{position:absolute;margin:0}.filter-group .filter-group-feature label{display:block;margin:14px 0 14px 23px}.filter-drawer .buttons{clear:both;margin-bottom:20px}.filter-drawer .filter-group+.buttons{margin-bottom:0;padding-top:20px}.filter-drawer .buttons .button span{display:inline-block;opacity:.8;font-size:12px;text-indent:10px}.wp-filter .button.clear-filters{display:none;margin-left:10px}.wp-filter .button-link.edit-filters{padding:0 5px;line-height:2.2}.filtered-by{display:none;margin:0}.filtered-by>span{font-weight:600}.filtered-by a{margin-left:10px}.filtered-by .tags{display:inline}.filtered-by .tag{margin:0 5px;padding:4px 8px;border:1px solid #dcdcde;box-shadow:0 1px 1px rgba(0,0,0,.04);background:#fff;font-size:11px}.filters-applied .filter-drawer .buttons,.filters-applied .filter-drawer br,.filters-applied .filter-group{display:none}.filters-applied .filtered-by{display:block}.filters-applied .filter-drawer{padding:20px}.error .content-filterable,.loading-content .content-filterable,.show-filters .content-filterable,.show-filters .favorites-form,.show-filters.filters-applied.loading-content .content-filterable{display:none}.show-filters.filters-applied .content-filterable{display:block}.loading-content .spinner{display:block;margin:40px auto 0;float:none}@media only screen and (max-width:1120px){.filter-drawer{border-bottom:1px solid #f0f0f1}.filter-group{margin-bottom:0;margin-top:5px;width:100%}.filter-group li{margin:10px 0}}@media only screen and (max-width:1000px){.filter-items{float:none}.wp-filter .media-toolbar-primary,.wp-filter .media-toolbar-secondary,.wp-filter .search-form{float:none;position:relative;max-width:100%}}@media only screen and (max-width:782px){.filter-group li{padding:0;width:50%}}@media only screen and (max-width:320px){.filter-count{display:none}.wp-filter .drawer-toggle{margin:10px 0}.filter-group li,.wp-filter .search-form input[type=search]{width:100%}}.notice,div.error,div.updated{background:#fff;border:1px solid #c3c4c7;border-left-width:4px;box-shadow:0 1px 1px rgba(0,0,0,.04);margin:5px 15px 2px;padding:1px 12px}div[class=update-message]{padding:.5em 12px .5em 0}.form-table td .notice p,.notice p,.notice-title,div.error p,div.updated p{margin:.5em 0;padding:2px}.error a{text-decoration:underline}.updated a{padding-bottom:2px}.notice-alt{box-shadow:none}.notice-large{padding:10px 20px}.notice-title{display:inline-block;color:#1d2327;font-size:18px}.wp-core-ui .notice.is-dismissible{padding-right:38px;position:relative}.notice-dismiss{position:absolute;top:0;right:1px;border:none;margin:0;padding:9px;background:0 0;color:#787c82;cursor:pointer}.notice-dismiss:active:before,.notice-dismiss:focus:before,.notice-dismiss:hover:before{color:#d63638}.notice-dismiss:focus{outline:0;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.notice-success,div.updated{border-left-color:#00a32a}.notice-success.notice-alt{background-color:#edfaef}.notice-warning{border-left-color:#dba617}.notice-warning.notice-alt{background-color:#fcf9e8}.notice-error,div.error{border-left-color:#d63638}.notice-error.notice-alt{background-color:#fcf0f1}.notice-info{border-left-color:#72aee6}.notice-info.notice-alt{background-color:#f0f6fc}.button.installed:before,.button.installing:before,.button.updated-message:before,.button.updating-message:before,.import-php .updating-message:before,.update-message p:before,.updated-message p:before,.updating-message p:before{display:inline-block;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.media-upload-form .notice,.media-upload-form div.error,.wrap .notice,.wrap div.error,.wrap div.updated{margin:5px 0 15px}.wrap #templateside .notice{display:block;margin:0;padding:5px 8px;font-weight:600;text-decoration:none}.wrap #templateside span.notice{margin-left:-12px}#templateside li.notice a{padding:0}.button.installing:before,.button.updating-message:before,.import-php .updating-message:before,.update-message p:before,.updating-message p:before{color:#d63638;content:"\f463"}.button.installing:before,.button.updating-message:before,.import-php .updating-message:before,.plugins .column-auto-updates .dashicons-update.spin,.theme-overlay .theme-autoupdate .dashicons-update.spin,.updating-message p:before{animation:rotation 2s infinite linear}@media (prefers-reduced-motion:reduce){.button.installing:before,.button.updating-message:before,.import-php .updating-message:before,.plugins .column-auto-updates .dashicons-update.spin,.theme-overlay .theme-autoupdate .dashicons-update.spin,.updating-message p:before{animation:none}}.theme-overlay .theme-autoupdate .dashicons-update.spin{margin-right:3px}.button.updated-message:before,.installed p:before,.updated-message p:before{color:#68de7c;content:"\f147"}.update-message.notice-error p:before{color:#d63638;content:"\f534"}.import-php .updating-message:before,.wrap .notice p:before{margin-right:6px;vertical-align:bottom}#update-nag,.update-nag{display:inline-block;line-height:1.4;padding:11px 15px;font-size:14px;margin:25px 20px 0 2px}ul#dismissed-updates{display:none}#dismissed-updates li>p{margin-top:0}#dismiss,#undismiss{margin-left:.5em}form.upgrade{margin-top:8px}form.upgrade .hint{font-style:italic;font-size:85%;margin:-.5em 0 2em}.update-php .spinner{float:none;margin:-4px 0}h2.wp-current-version{margin-bottom:.3em}p.update-last-checked{margin-top:0}p.auto-update-status{margin-top:2em;line-height:1.8}#ajax-loading,.ajax-feedback,.ajax-loading,.imgedit-wait-spin,.list-ajax-loading{visibility:hidden}#ajax-response.alignleft{margin-left:2em}.button.installed:before,.button.installing:before,.button.updated-message:before,.button.updating-message:before{margin:3px 5px 0 -2px}.button-primary.updating-message:before{color:#fff}.button-primary.updated-message:before{color:#9ec2e6}.button.updated-message{transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}@media aural{.button.installed:before,.button.installing:before,.update-message p:before,.wrap .notice p:before{speak:never}}#adminmenu a,#catlist a,#taglist a{text-decoration:none}#contextual-help-wrap,#screen-options-wrap{margin:0;padding:8px 20px 12px;position:relative}#contextual-help-wrap{overflow:auto;margin-left:0}#screen-meta-links{float:right;margin:0 20px 0 0}#screen-meta{display:none;margin:0 20px -1px 0;position:relative;background-color:#fff;border:1px solid #c3c4c7;border-top:none;box-shadow:0 0 0 transparent}#contextual-help-link-wrap,#screen-options-link-wrap{float:left;margin:0 0 0 6px}#screen-meta-links .screen-meta-toggle{position:relative;top:0}#screen-meta-links .show-settings{border:1px solid #c3c4c7;border-top:none;height:auto;margin-bottom:0;padding:3px 6px 3px 16px;background:#fff;border-radius:0 0 4px 4px;color:#646970;line-height:1.7;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear}#screen-meta-links .show-settings:active,#screen-meta-links .show-settings:focus,#screen-meta-links .show-settings:hover{color:#2c3338}#screen-meta-links .show-settings:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}#screen-meta-links .show-settings:active{transform:none}#screen-meta-links .show-settings:after{right:0;content:"\f140";font:normal 20px/1 dashicons;speak:never;display:inline-block;padding:0 5px 0 0;bottom:2px;position:relative;vertical-align:bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}#screen-meta-links .screen-meta-active:after{content:"\f142"}.toggle-arrow{background-repeat:no-repeat;background-position:top left;background-color:transparent;height:22px;line-height:22px;display:block}.toggle-arrow-active{background-position:bottom left}#contextual-help-wrap h5,#screen-options-wrap h5,#screen-options-wrap legend{margin:0;padding:8px 0;font-size:13px;font-weight:600}.metabox-prefs label{display:inline-block;padding-right:15px;line-height:2.35}#number-of-columns{display:inline-block;vertical-align:middle;line-height:30px}.metabox-prefs input[type=checkbox]{margin-top:0;margin-right:6px}.metabox-prefs label input,.metabox-prefs label input[type=checkbox]{margin:-4px 5px 0 0}.metabox-prefs .columns-prefs label input{margin:-1px 2px 0 0}.metabox-prefs label a{display:none}.metabox-prefs .screen-options input,.metabox-prefs .screen-options label{margin-top:0;margin-bottom:0;vertical-align:middle}.metabox-prefs .screen-options .screen-per-page{margin-right:15px;padding-right:0}.metabox-prefs .screen-options label{line-height:2.2;padding-right:0}.screen-options+.screen-options{margin-top:10px}.metabox-prefs .submit{margin-top:1em;padding:0}#contextual-help-wrap{padding:0}#contextual-help-columns{position:relative}#contextual-help-back{position:absolute;top:0;bottom:0;left:150px;right:170px;border:1px solid #c3c4c7;border-top:none;border-bottom:none;background:#f0f6fc}#contextual-help-wrap.no-sidebar #contextual-help-back{right:0;border-right-width:0;border-bottom-right-radius:2px}.contextual-help-tabs{float:left;width:150px;margin:0}.contextual-help-tabs ul{margin:1em 0}.contextual-help-tabs li{margin-bottom:0;list-style-type:none;border-style:solid;border-width:0 0 0 2px;border-color:transparent}.contextual-help-tabs a{display:block;padding:5px 5px 5px 12px;line-height:1.4;text-decoration:none;border:1px solid transparent;border-right:none;border-left:none}.contextual-help-tabs a:hover{color:#2c3338}.contextual-help-tabs .active{padding:0;margin:0 -1px 0 0;border-left:2px solid #72aee6;background:#f0f6fc;box-shadow:0 2px 0 rgba(0,0,0,.02),0 1px 0 rgba(0,0,0,.02)}.contextual-help-tabs .active a{border-color:#c3c4c7;color:#2c3338}.contextual-help-tabs-wrap{padding:0 20px;overflow:auto}.help-tab-content{display:none;margin:0 22px 12px 0;line-height:1.6}.help-tab-content.active{display:block}.help-tab-content ul li{list-style-type:disc;margin-left:18px}.contextual-help-sidebar{width:150px;float:right;padding:0 8px 0 12px;overflow:auto}html.wp-toolbar{padding-top:32px;box-sizing:border-box;-ms-overflow-style:scrollbar}.widefat td,.widefat th{color:#50575e}.widefat tfoot td,.widefat th,.widefat thead td{font-weight:400}.widefat tfoot tr td,.widefat tfoot tr th,.widefat thead tr td,.widefat thead tr th{color:#2c3338}.widefat td p{margin:2px 0 .8em}.widefat ol,.widefat p,.widefat ul{color:#2c3338}.widefat .column-comment p{margin:.6em 0}.widefat .column-comment ul{list-style:initial;margin-left:2em}.postbox-container{float:left}.postbox-container .meta-box-sortables{box-sizing:border-box}#wpbody-content .metabox-holder{padding-top:10px}.metabox-holder .postbox-container .meta-box-sortables{min-height:1px;position:relative}#post-body-content{width:100%;min-width:463px;float:left}#post-body.columns-2 #postbox-container-1{float:right;margin-right:-300px;width:280px}#post-body.columns-2 #side-sortables{min-height:250px}@media only screen and (max-width:799px){#wpbody-content .metabox-holder .postbox-container .empty-container{outline:0;height:0;min-height:0}}.js .postbox .hndle,.js .widget .widget-top{cursor:move}.js .postbox .hndle.is-non-sortable,.js .widget .widget-top.is-non-sortable{cursor:auto}.hndle a{font-size:12px;font-weight:400}.postbox-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c3c4c7}.postbox-header .hndle{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.postbox-header .handle-actions{flex-shrink:0}.postbox .handle-order-higher,.postbox .handle-order-lower,.postbox .handlediv{width:36px;height:36px;margin:0;padding:0;border:0;background:0 0;cursor:pointer}.postbox .handle-order-higher,.postbox .handle-order-lower{color:#787c82;width:1.62rem}.edit-post-meta-boxes-area .postbox .handle-order-higher,.edit-post-meta-boxes-area .postbox .handle-order-lower{width:44px;height:44px;color:#1d2327}.postbox .handle-order-higher[aria-disabled=true],.postbox .handle-order-lower[aria-disabled=true]{cursor:default;color:#a7aaad}.sortable-placeholder{border:1px dashed #c3c4c7;margin-bottom:20px}.postbox,.stuffbox{margin-bottom:20px;padding:0;line-height:1}.postbox.closed{border-bottom:0}.postbox .hndle,.stuffbox .hndle{-webkit-user-select:none;user-select:none}.postbox .inside{padding:0 12px 12px;line-height:1.4;font-size:13px}.stuffbox .inside{padding:0;line-height:1.4;font-size:13px;margin-top:0}.postbox .inside{margin:11px 0;position:relative}.postbox .inside>p:last-child,.rss-widget ul li:last-child{margin-bottom:1px!important}.postbox.closed h3{border:none;box-shadow:none}.postbox table.form-table{margin-bottom:0}.postbox table.widefat{box-shadow:none}.temp-border{border:1px dotted #c3c4c7}.columns-prefs label{padding:0 10px 0 0}#adminmenu .wp-submenu li.current,#adminmenu .wp-submenu li.current a,#adminmenu .wp-submenu li.current a:hover,#comment-status-display,#dashboard_right_now .versions .b,#ed_reply_toolbar #ed_reply_strong,#pass-strength-result.short,#pass-strength-result.strong,#post-status-display,#post-visibility-display,.feature-filter .feature-name,.item-controls .item-order a,.media-item .percent,.plugins .name{font-weight:600}#wpfooter{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;color:#50575e}#wpfooter p{font-size:13px;margin:0;line-height:1.55}#footer-thankyou{font-style:italic}.nav-tab{float:left;border:1px solid #c3c4c7;border-bottom:none;margin-left:.5em;padding:5px 10px;font-size:14px;line-height:1.71428571;font-weight:600;background:#dcdcde;color:#50575e;text-decoration:none;white-space:nowrap}.nav-tab-small .nav-tab,h3 .nav-tab{padding:5px 14px;font-size:12px;line-height:1.33}.nav-tab:focus,.nav-tab:hover{background-color:#fff;color:#3c434a}.nav-tab-active,.nav-tab:focus:active{box-shadow:none}.nav-tab-active{margin-bottom:-1px;color:#3c434a}.nav-tab-active,.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover{border-bottom:1px solid #f0f0f1;background:#f0f0f1;color:#000}.nav-tab-wrapper,.wrap h2.nav-tab-wrapper,h1.nav-tab-wrapper{border-bottom:1px solid #c3c4c7;margin:0;padding-top:9px;padding-bottom:0;line-height:inherit}.nav-tab-wrapper:not(.wp-clearfix):after{content:"";display:table;clear:both}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;display:inline-block;visibility:hidden;float:right;vertical-align:middle;opacity:.7;width:20px;height:20px;margin:4px 10px 0}.loading-content .spinner,.spinner.is-active{visibility:visible}#template>div{margin-right:16em}#template .notice{margin-top:1em;margin-right:3%}#template .notice p{width:auto}#template .submit .spinner{float:none}.metabox-holder .postbox>h3,.metabox-holder .stuffbox>h3,.metabox-holder h2.hndle,.metabox-holder h3.hndle{font-size:14px;padding:8px 12px;margin:0;line-height:1.4}.nav-menus-php .metabox-holder h3{padding:10px 10px 11px 14px;line-height:1.5}#templateside ul li a{text-decoration:none}.plugin-install #description,.plugin-install-network #description{width:60%}table .column-rating,table .column-visible,table .vers{text-align:left}.attention,.error-message{color:#d63638;font-weight:600}body.iframe{height:98%}.lp-show-latest p{display:none}.lp-show-latest .lp-error p,.lp-show-latest p:last-child{display:block}.media-icon{width:62px;text-align:center}.media-icon img{border:1px solid #dcdcde;border:1px solid rgba(0,0,0,.07)}#howto{font-size:11px;margin:0 5px;display:block}.importers{font-size:16px;width:auto}.importers td{padding-right:14px;line-height:1.4}.importers .import-system{max-width:250px}.importers td.desc{max-width:500px}.importer-action,.importer-desc,.importer-title{display:block}.importer-title{color:#000;font-size:14px;font-weight:400;margin-bottom:.2em}.importer-action{line-height:1.55;color:#50575e;margin-bottom:1em}#post-body #post-body-content #namediv h2,#post-body #post-body-content #namediv h3{margin-top:0}.edit-comment-author{color:#1d2327;border-bottom:1px solid #f0f0f1}#namediv h2 label,#namediv h3 label{vertical-align:baseline}#namediv table{width:100%}#namediv td.first{width:10px;white-space:nowrap}#namediv input{width:100%}#namediv p{margin:10px 0}.zerosize{height:0;width:0;margin:0;border:0;padding:0;overflow:hidden;position:absolute}br.clear{height:2px;line-height:.15}.checkbox{border:none;margin:0;padding:0}fieldset{border:0;padding:0;margin:0}.post-categories{display:inline;margin:0;padding:0}.post-categories li{display:inline}div.star-holder{position:relative;height:17px;width:100px;background:url(../images/stars.png?ver=20121108) repeat-x bottom left}div.star-holder .star-rating{background:url(../images/stars.png?ver=20121108) repeat-x top left;height:17px;float:left}.star-rating{white-space:nowrap}.star-rating .star{display:inline-block;width:20px;height:20px;-webkit-font-smoothing:antialiased;font-size:20px;line-height:1;font-family:dashicons;text-decoration:inherit;font-weight:400;font-style:normal;vertical-align:top;transition:color .1s ease-in;text-align:center;color:#dba617}.star-rating .star-full:before{content:"\f155"}.star-rating .star-half:before{content:"\f459"}.rtl .star-rating .star-half{transform:rotateY(180deg)}.star-rating .star-empty:before{content:"\f154"}div.action-links{font-weight:400;margin:6px 0 0}#plugin-information{background:#fff;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;padding:0}#plugin-information-scrollable{overflow:auto;-webkit-overflow-scrolling:touch;height:100%}#plugin-information-title{padding:0 26px;background:#f6f7f7;font-size:22px;font-weight:600;line-height:2.4;position:relative;height:56px}#plugin-information-title.with-banner{margin-right:0;height:250px;background-size:cover}#plugin-information-title h2{font-size:1em;font-weight:600;padding:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#plugin-information-title.with-banner h2{position:relative;font-family:"Helvetica Neue",sans-serif;display:inline-block;font-size:30px;line-height:1.68;box-sizing:border-box;max-width:100%;padding:0 15px;margin-top:174px;color:#fff;background:rgba(29,35,39,.9);text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 0 30px rgba(255,255,255,.1);border-radius:8px}#plugin-information-title div.vignette{display:none}#plugin-information-title.with-banner div.vignette{position:absolute;display:block;top:0;left:0;height:250px;width:100%;background:0 0;box-shadow:inset 0 0 50px 4px rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.1)}#plugin-information-tabs{padding:0 16px;position:relative;right:0;left:0;min-height:36px;font-size:0;z-index:1;border-bottom:1px solid #dcdcde;background:#f6f7f7}#plugin-information-tabs a{position:relative;display:inline-block;padding:9px 10px;margin:0;height:18px;line-height:1.3;font-size:14px;text-decoration:none;transition:none}#plugin-information-tabs a.current{margin:0 -1px -1px;background:#fff;border:1px solid #dcdcde;border-bottom-color:#fff;padding-top:8px;color:#2c3338}#plugin-information-tabs.with-banner a.current{border-top:none;padding-top:9px}#plugin-information-tabs a:active,#plugin-information-tabs a:focus{outline:0}#plugin-information-content{overflow:hidden;background:#fff;position:relative;top:0;right:0;left:0;min-height:100%;min-height:calc(100% - 152px)}#plugin-information-content.with-banner{min-height:calc(100% - 346px)}#section-holder{position:relative;top:0;right:250px;bottom:0;left:0;margin-top:10px;margin-right:250px;padding:10px 26px 99999px;margin-bottom:-99932px}#section-holder .notice{margin:5px 0 15px}#section-holder .updated{margin:16px 0}#plugin-information .fyi{float:right;position:relative;top:0;right:0;padding:16px 16px 99999px;margin-bottom:-99932px;width:217px;border-left:1px solid #dcdcde;background:#f6f7f7;color:#646970}#plugin-information .fyi strong{color:#3c434a}#plugin-information .fyi h3{font-weight:600;text-transform:uppercase;font-size:12px;color:#646970;margin:24px 0 8px}#plugin-information .fyi h2{font-size:.9em;margin-bottom:0;margin-right:0}#plugin-information .fyi ul{padding:0;margin:0;list-style:none}#plugin-information .fyi li{margin:0 0 10px}#plugin-information .fyi-description{margin-top:0}#plugin-information .counter-container{margin:3px 0}#plugin-information .counter-label{float:left;margin-right:5px;min-width:55px}#plugin-information .counter-back{height:17px;width:92px;background-color:#dcdcde;float:left}#plugin-information .counter-bar{height:17px;background-color:#f0c33c;float:left}#plugin-information .counter-count{margin-left:5px}#plugin-information .fyi ul.contributors{margin-top:10px}#plugin-information .fyi ul.contributors li{display:inline-block;margin-right:8px;vertical-align:middle}#plugin-information .fyi ul.contributors li{display:inline-block;margin-right:8px;vertical-align:middle}#plugin-information .fyi ul.contributors li img{vertical-align:middle;margin-right:4px}#plugin-information-footer{padding:13px 16px;position:absolute;right:0;bottom:0;left:0;height:40px;border-top:1px solid #dcdcde;background:#f6f7f7}#plugin-information .section{direction:ltr}#plugin-information .section ol,#plugin-information .section ul{list-style-type:disc;margin-left:24px}#plugin-information .section,#plugin-information .section p{font-size:14px;line-height:1.7}#plugin-information #section-screenshots ol{list-style:none;margin:0}#plugin-information #section-screenshots li img{vertical-align:text-top;margin-top:16px;max-width:100%;width:auto;height:auto;box-shadow:0 1px 2px rgba(0,0,0,.3)}#plugin-information #section-screenshots li p{font-style:italic;padding-left:20px}#plugin-information pre{padding:7px;overflow:auto;border:1px solid #c3c4c7}#plugin-information blockquote{border-left:2px solid #dcdcde;color:#646970;font-style:italic;margin:1em 0;padding:0 0 0 1em}#plugin-information .review{overflow:hidden;width:100%;margin-bottom:20px;border-bottom:1px solid #dcdcde}#plugin-information .review-title-section{overflow:hidden}#plugin-information .review-title-section h4{display:inline-block;float:left;margin:0 6px 0 0}#plugin-information .reviewer-info p{clear:both;margin:0;padding-top:2px}#plugin-information .reviewer-info .avatar{float:left;margin:4px 6px 0 0}#plugin-information .reviewer-info .star-rating{float:left}#plugin-information .review-meta{float:left;margin-left:.75em}#plugin-information .review-body{float:left;width:100%}.plugin-version-author-uri{font-size:13px}.update-php .button.button-primary{margin-right:1em}@media screen and (max-width:771px){#plugin-information-title.with-banner{height:100px}#plugin-information-title.with-banner h2{margin-top:30px;font-size:20px;line-height:2;max-width:85%}#plugin-information-title.with-banner div.vignette{height:100px}#plugin-information-tabs{overflow:hidden;padding:0;height:auto}#plugin-information-tabs a.current{margin-bottom:0;border-bottom:none}#plugin-information .fyi{float:none;border:1px solid #dcdcde;position:static;width:auto;margin:26px 26px 0;padding-bottom:0}#section-holder{position:static;margin:0;padding-bottom:70px}#plugin-information .fyi h3,#plugin-information .fyi small{display:none}#plugin-information-footer{padding:12px 16px 0;height:46px}}#TB_window.plugin-details-modal{background:#fff}#TB_window.plugin-details-modal.thickbox-loading:before{content:"";display:block;width:20px;height:20px;position:absolute;left:50%;top:50%;z-index:-1;margin:-10px 0 0 -10px;background:#fff url(../images/spinner.gif) no-repeat center;background-size:20px 20px;transform:translateZ(0)}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){#TB_window.plugin-details-modal.thickbox-loading:before{background-image:url(../images/spinner-2x.gif)}}.plugin-details-modal #TB_title{float:left;height:1px}.plugin-details-modal #TB_ajaxWindowTitle{display:none}.plugin-details-modal #TB_closeWindowButton{left:auto;right:-30px;color:#f0f0f1}.plugin-details-modal #TB_closeWindowButton:focus,.plugin-details-modal #TB_closeWindowButton:hover{color:#135e96;outline:0;box-shadow:none}.plugin-details-modal .tb-close-icon{display:none}.plugin-details-modal #TB_closeWindowButton:after{content:"\f335";font:normal 32px/29px dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:830px){.plugin-details-modal #TB_closeWindowButton{right:0;top:-30px}}img{border:none}.bulk-action-notice .toggle-indicator::before,.meta-box-sortables .postbox .order-higher-indicator::before,.meta-box-sortables .postbox .order-lower-indicator::before,.meta-box-sortables .postbox .toggle-indicator::before,.privacy-text-box .toggle-indicator::before,.sidebar-name .toggle-indicator::before{content:"\f142";display:inline-block;font:normal 20px/1 dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,.js .widgets-holder-wrap.closed .toggle-indicator::before,.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,.privacy-text-box.closed .toggle-indicator::before{content:"\f140"}.postbox .handle-order-higher .order-higher-indicator::before{content:"\f343";color:inherit}.postbox .handle-order-lower .order-lower-indicator::before{content:"\f347";color:inherit}.postbox .handle-order-higher .order-higher-indicator::before,.postbox .handle-order-lower .order-lower-indicator::before{position:relative;top:.11rem;width:20px;height:20px}.postbox .handlediv .toggle-indicator::before{width:20px;border-radius:50%}.postbox .handlediv .toggle-indicator::before{position:relative;top:.05rem;text-indent:-1px}.rtl .postbox .handlediv .toggle-indicator::before{text-indent:1px}.bulk-action-notice .toggle-indicator::before{line-height:16px;vertical-align:top;color:#787c82}.postbox .handle-order-higher:focus,.postbox .handle-order-lower:focus,.postbox .handlediv:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);outline:1px solid transparent}.postbox .handle-order-higher:focus .order-higher-indicator::before,.postbox .handle-order-lower:focus .order-lower-indicator::before,.postbox .handlediv:focus .toggle-indicator::before{box-shadow:none;outline:1px solid transparent}#photo-add-url-div input[type=text]{width:300px}.alignleft h2{margin:0}#template textarea{font-family:Consolas,Monaco,monospace;font-size:13px;background:#f6f7f7;-o-tab-size:4;tab-size:4}#template .CodeMirror,#template textarea{width:100%;min-height:60vh;height:calc(100vh - 295px);border:1px solid #dcdcde;box-sizing:border-box}#templateside>h2{padding-top:6px;padding-bottom:7px;margin:0}#templateside ol,#templateside ul{margin:0;padding:0}#templateside>ul{box-sizing:border-box;margin-top:0;overflow:auto;padding:0;min-height:60vh;height:calc(100vh - 295px);background-color:#f6f7f7;border:1px solid #dcdcde;border-left:none}#templateside ul ul{padding-left:12px}#templateside>ul>li>ul[role=group]{padding-left:0}[role=treeitem][aria-expanded=false]>ul{display:none}[role=treeitem] span[aria-hidden]{display:inline;font-family:dashicons;font-size:20px;position:absolute;pointer-events:none}[role=treeitem][aria-expanded=false]>.folder-label .icon:after{content:"\f139"}[role=treeitem][aria-expanded=true]>.folder-label .icon:after{content:"\f140"}[role=treeitem] .folder-label{display:block;padding:3px 3px 3px 12px;cursor:pointer}[role=treeitem]{outline:0}[role=treeitem] .folder-label.focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}[role=treeitem] .folder-label.hover,[role=treeitem].hover{background-color:#f0f0f1}.tree-folder{margin:0;position:relative}[role=treeitem] li{position:relative}.tree-folder .tree-folder::after{content:"";display:block;position:absolute;left:2px;border-left:1px solid #c3c4c7;top:-13px;bottom:10px}.tree-folder>li::before{content:"";position:absolute;display:block;border-left:1px solid #c3c4c7;left:2px;top:-5px;height:18px;width:7px;border-bottom:1px solid #c3c4c7}.tree-folder>li::after{content:"";position:absolute;display:block;border-left:1px solid #c3c4c7;left:2px;bottom:-7px;top:0}#templateside .current-file{margin:-4px 0 -2px}.tree-folder>.current-file::before{left:4px;height:15px;width:0;border-left:none;top:3px}.tree-folder>.current-file::after{bottom:-4px;height:7px;left:2px;top:auto}.tree-folder li:last-child>.tree-folder::after,.tree-folder>li:last-child::after{display:none}#documentation label,#theme-plugin-editor-label,#theme-plugin-editor-selector{font-weight:600}#theme-plugin-editor-label{display:inline-block;margin-bottom:1em}#docs-list,#template textarea{direction:ltr}.fileedit-sub #plugin,.fileedit-sub #theme{max-width:40%}.fileedit-sub .alignright{text-align:right}#template p{width:97%}#file-editor-linting-error{margin-top:1em;margin-bottom:1em}#file-editor-linting-error>.notice{margin:0;display:inline-block}#file-editor-linting-error>.notice>p{width:auto}#template .submit{margin-top:1em;padding:0}#template .submit input[type=submit][disabled]{cursor:not-allowed}#templateside{float:right;width:16em;word-wrap:break-word}#postcustomstuff p.submit{margin:0}#templateside h4{margin:1em 0 0}#templateside li{margin:4px 0}#templateside li:not(.howto) a,.theme-editor-php .highlight{display:block;padding:3px 0 3px 12px;text-decoration:none}#templateside li:not(.howto)>a:first-of-type{padding-top:0}#templateside li.howto{padding:6px 12px 12px}.theme-editor-php .highlight{margin:-3px 3px -3px -12px}#templateside .highlight{border:none;font-weight:600}.nonessential{color:#646970;font-size:11px;font-style:italic;padding-left:12px}#documentation{margin-top:10px}#documentation label{line-height:1.8;vertical-align:baseline}.fileedit-sub{padding:10px 0 8px;line-height:180%}#file-editor-warning .file-editor-warning-content{margin:25px}.accordion-section-title:after,.control-section .accordion-section-title:after,.nav-menus-php .item-edit:before,.widget-top .widget-action .toggle-indicator:before{content:"\f140";font:normal 20px/1 dashicons;speak:never;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none}.widget-top .widget-action .toggle-indicator:before{padding:1px 2px 1px 0;border-radius:50%}.accordion-section-title:after,.handlediv,.item-edit,.postbox .handlediv.button-link,.toggle-indicator{color:#787c82}.widget-action{color:#50575e}.accordion-section-title:hover:after,.handlediv:focus,.handlediv:hover,.item-edit:focus,.item-edit:hover,.postbox .handlediv.button-link:focus,.postbox .handlediv.button-link:hover,.sidebar-name:hover .toggle-indicator,.widget-action:focus,.widget-top:hover .widget-action{color:#1d2327;outline:1px solid transparent}.widget-top .widget-action:focus .toggle-indicator:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.accordion-section-title:after,.control-section .accordion-section-title:after{float:right;right:20px;top:-2px}#customize-info.open .accordion-section-title:after,.control-section.open .accordion-section-title:after,.nav-menus-php .menu-item-edit-active .item-edit:before,.widget.open .widget-top .widget-action .toggle-indicator:before,.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before{content:"\f142"}/*!
+ * jQuery UI Draggable/Sortable 1.11.4
+ * http://jqueryui.com
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */.ui-draggable-handle,.ui-sortable-handle{touch-action:none}.accordion-section{border-bottom:1px solid #dcdcde;margin:0}.accordion-section.open .accordion-section-content,.no-js .accordion-section .accordion-section-content{display:block}.accordion-section.open:hover{border-bottom-color:#dcdcde}.accordion-section-content{display:none;padding:10px 20px 15px;overflow:hidden;background:#fff}.accordion-section-title{margin:0;padding:12px 15px 15px;position:relative;border-left:1px solid #dcdcde;border-right:1px solid #dcdcde;-webkit-user-select:none;user-select:none}.js .accordion-section-title{cursor:pointer}.js .accordion-section-title:after{position:absolute;top:12px;right:10px;z-index:1}.accordion-section-title:focus{outline:1px solid transparent}.accordion-section-title:focus:after,.accordion-section-title:hover:after{border-color:#a7aaad transparent;outline:1px solid transparent}.cannot-expand .accordion-section-title{cursor:auto}.cannot-expand .accordion-section-title:after{display:none}.control-section .accordion-section-title,.customize-pane-child .accordion-section-title{border-left:none;border-right:none;padding:10px 10px 11px 14px;line-height:1.55;background:#fff}.control-section .accordion-section-title:after,.customize-pane-child .accordion-section-title:after{top:calc(50% - 10px)}.js .control-section .accordion-section-title:focus,.js .control-section .accordion-section-title:hover,.js .control-section.open .accordion-section-title,.js .control-section:hover .accordion-section-title{color:#1d2327;background:#f6f7f7}.control-section.open .accordion-section-title{border-bottom:1px solid #dcdcde}.network-admin .edit-site-actions{margin-top:0}.my-sites{display:block;overflow:auto;zoom:1}.my-sites li{display:block;padding:8px 3%;min-height:130px;margin:0}@media only screen and (max-width:599px){.my-sites li{min-height:0}}@media only screen and (min-width:600px){.my-sites.striped li{background-color:#fff;position:relative}.my-sites.striped li:after{content:"";width:1px;height:100%;position:absolute;top:0;right:0;background:#c3c4c7}}@media only screen and (min-width:600px) and (max-width:699px){.my-sites li{float:left;width:44%}.my-sites.striped li{background-color:#fff}.my-sites.striped li:nth-of-type(2n+1){clear:left}.my-sites.striped li:nth-of-type(2n+2):after{content:none}.my-sites li:nth-of-type(4n+1),.my-sites li:nth-of-type(4n+2){background-color:#f6f7f7}}@media only screen and (min-width:700px) and (max-width:1199px){.my-sites li{float:left;width:27.333333%;background-color:#fff}.my-sites.striped li:nth-of-type(3n+3):after{content:none}.my-sites li:nth-of-type(6n+1),.my-sites li:nth-of-type(6n+2),.my-sites li:nth-of-type(6n+3){background-color:#f6f7f7}}@media only screen and (min-width:1200px) and (max-width:1399px){.my-sites li{float:left;width:21%;padding:8px 2%;background-color:#fff}.my-sites.striped li:nth-of-type(4n+1){clear:left}.my-sites.striped li:nth-of-type(4n+4):after{content:none}.my-sites li:nth-of-type(8n+1),.my-sites li:nth-of-type(8n+2),.my-sites li:nth-of-type(8n+3),.my-sites li:nth-of-type(8n+4){background-color:#f6f7f7}}@media only screen and (min-width:1400px) and (max-width:1599px){.my-sites li{float:left;width:16%;padding:8px 2%;background-color:#fff}.my-sites.striped li:nth-of-type(5n+1){clear:left}.my-sites.striped li:nth-of-type(5n+5):after{content:none}.my-sites li:nth-of-type(10n+1),.my-sites li:nth-of-type(10n+2),.my-sites li:nth-of-type(10n+3),.my-sites li:nth-of-type(10n+4),.my-sites li:nth-of-type(10n+5){background-color:#f6f7f7}}@media only screen and (min-width:1600px){.my-sites li{float:left;width:12.666666%;padding:8px 2%;background-color:#fff}.my-sites.striped li:nth-of-type(6n+1){clear:left}.my-sites.striped li:nth-of-type(6n+6):after{content:none}.my-sites li:nth-of-type(12n+1),.my-sites li:nth-of-type(12n+2),.my-sites li:nth-of-type(12n+3),.my-sites li:nth-of-type(12n+4),.my-sites li:nth-of-type(12n+5),.my-sites li:nth-of-type(12n+6){background-color:#f6f7f7}}.my-sites li a{text-decoration:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){div.star-holder,div.star-holder .star-rating{background:url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;background-size:21px 37px}.spinner{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){html.wp-toolbar{padding-top:46px}.screen-reader-shortcut:focus{top:-39px}body{min-width:240px;overflow-x:hidden}body *{-webkit-tap-highlight-color:transparent!important}#wpcontent{position:relative;margin-left:0;padding-left:10px}#wpbody-content{padding-bottom:100px}.wrap{clear:both;margin-right:12px;margin-left:0}#col-left,#col-right{float:none;width:auto}#col-left .col-wrap,#col-right .col-wrap{padding:0}#collapse-menu,.post-format-select{display:none!important}.wrap h1.wp-heading-inline{margin-bottom:.5em}.wrap .add-new-h2,.wrap .add-new-h2:active,.wrap .page-title-action,.wrap .page-title-action:active{padding:10px 15px;font-size:14px;white-space:nowrap}.media-upload-form div.error,.notice,.wrap div.error,.wrap div.updated{margin:20px 0 10px;padding:5px 10px;font-size:14px;line-height:175%}.wp-core-ui .notice.is-dismissible{padding-right:46px}.notice-dismiss{padding:13px}.wrap .icon32+h2{margin-top:-2px}.wp-responsive-open #wpbody{right:-16em}code{word-wrap:break-word;word-wrap:anywhere;word-break:break-word}.postbox{font-size:14px}.metabox-holder .postbox>h3,.metabox-holder .stuffbox>h3,.metabox-holder h2,.metabox-holder h3.hndle{padding:12px}.postbox .handlediv{margin-top:3px}.subsubsub{font-size:16px;text-align:center;margin-bottom:15px}#template .CodeMirror,#template textarea{box-sizing:border-box}#templateside{float:none;width:auto}#templateside>ul{border-left:1px solid #dcdcde}#templateside li{margin:0}#templateside li:not(.howto) a{display:block;padding:5px}#templateside li.howto{padding:12px}#templateside .highlight{padding:5px;margin-left:-5px;margin-top:-5px}#template .notice,#template>div{float:none;margin:1em 0;width:auto}#template .CodeMirror,#template textarea{width:100%}#templateside ul ul{padding-left:1.5em}[role=treeitem] .folder-label{display:block;padding:5px}.tree-folder .tree-folder::after,.tree-folder>li::after,.tree-folder>li::before{left:-8px}.tree-folder>li::before{top:0;height:13px}.tree-folder>.current-file::before{left:-5px;top:7px;width:4px}.tree-folder>.current-file::after{height:9px;left:-8px}.wrap #templateside span.notice{margin-left:-5px;width:100%}.fileedit-sub .alignright{float:left;margin-top:15px;width:100%;text-align:left}.fileedit-sub .alignright label{display:block}.fileedit-sub #plugin,.fileedit-sub #theme{margin-left:0;max-width:70%}.fileedit-sub input[type=submit]{margin-bottom:0}#documentation label[for=docs-list]{display:block}#documentation select[name=docs-list]{margin-left:0;max-width:60%}#documentation input[type=button]{margin-bottom:0}#wpfooter{display:none}#comments-form .checkforspam{display:none}.edit-comment-author{margin:2px 0 0}.filter-drawer .filter-group-feature input,.filter-drawer .filter-group-feature label{line-height:2.1}.filter-drawer .filter-group-feature label{margin-left:32px}.wp-filter .button.drawer-toggle{font-size:13px;line-height:2;height:28px}#screen-meta #contextual-help-wrap{overflow:visible}#screen-meta #contextual-help-back,#screen-meta .contextual-help-sidebar{display:none}#screen-meta .contextual-help-tabs{clear:both;width:100%;float:none}#screen-meta .contextual-help-tabs ul{margin:0 0 1em;padding:1em 0 0}#screen-meta .contextual-help-tabs .active{margin:0}#screen-meta .contextual-help-tabs-wrap{clear:both;max-width:100%;float:none}#screen-meta,#screen-meta-links{margin-right:10px}#screen-meta-links{margin-bottom:20px}.wp-filter .search-form input[type=search]{font-size:1rem}.wp-filter .search-form.search-plugins{min-width:100%}}@media screen and (max-width:600px){#wpwrap.wp-responsive-open{overflow-x:hidden}html.wp-toolbar{padding-top:0}.screen-reader-shortcut:focus{top:7px}#wpbody{padding-top:46px}div#post-body.metabox-holder.columns-1{overflow-x:hidden}.nav-tab-wrapper,.wrap h2.nav-tab-wrapper,h1.nav-tab-wrapper{border-bottom:0}h1 .nav-tab,h2 .nav-tab,h3 .nav-tab,nav .nav-tab{margin:10px 10px 0 0;border-bottom:1px solid #c3c4c7}.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover{border-bottom:1px solid #c3c4c7}.wp-filter .search-form input[type=search]{width:100%}}@media screen and (max-width:320px){#network_dashboard_right_now .subsubsub{font-size:14px;text-align:left}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/customize-controls-rtl.css b/tools/storybook/wordpress/css/customize-controls-rtl.css
new file mode 100644
index 00000000000..87e242c410c
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-controls-rtl.css
@@ -0,0 +1,3003 @@
+/*! This file is auto-generated */
+body {
+	overflow: hidden;
+	-webkit-text-size-adjust: 100%;
+}
+
+.customize-controls-close,
+.widget-control-actions a {
+	text-decoration: none;
+}
+
+#customize-controls h3 {
+	font-size: 14px;
+}
+
+#customize-controls img {
+	max-width: 100%;
+}
+
+#customize-controls .submit {
+	text-align: center;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
+	background-color: rgba(0, 0, 0, 0.7);
+	padding: 25px;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message {
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 366px;
+	min-height: 64px;
+	width: auto;
+	padding: 25px 109px 25px 25px;
+	position: relative;
+	background: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	line-height: 1.5;
+	overflow-y: auto;
+	text-align: right;
+	top: calc( 50% - 100px );
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
+	margin-top: 0;
+}
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons {
+	margin-bottom: 0;
+}
+
+.customize-changeset-locked-avatar {
+	width: 64px;
+	position: absolute;
+	right: 25px;
+	top: 25px;
+}
+
+.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button {
+	margin-left: 10px;
+	margin-top: 0;
+}
+
+#customize-controls .description {
+	color: #50575e;
+}
+
+#customize-save-button-wrapper {
+	float: left;
+	margin-top: 9px;
+}
+
+body:not(.ready) #customize-save-button-wrapper .save {
+	visibility: hidden;
+}
+#customize-save-button-wrapper .save {
+	float: right;
+	border-radius: 3px;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	margin-top: 0;
+}
+
+#customize-save-button-wrapper .save:focus, #publish-settings:focus {
+	box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
+}
+
+#customize-save-button-wrapper .save.has-next-sibling {
+	border-radius: 0 3px 3px 0;
+}
+
+#customize-sidebar-outer-content {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 100%;
+	margin: 0;
+	z-index: -1;
+	background: #f0f0f1;
+	transition: right .18s;
+	border-left: 1px solid #dcdcde;
+	border-right: 1px solid #dcdcde;
+	height: 100%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .control-section-outer {
+	display: none !important;
+}
+
+#customize-outer-theme-controls .accordion-section-content {
+	padding: 12px;
+}
+
+#customize-outer-theme-controls .accordion-section-content.open {
+	display: block;
+}
+
+.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+	visibility: visible;
+	right: 100%;
+	transition: right .18s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+.customize-outer-pane-parent {
+	margin: 0;
+}
+
+.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main {
+	right: 300px;
+	opacity: 0.4;
+}
+
+.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+	right: 64%;
+}
+
+#customize-outer-theme-controls li.notice {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	margin-right: 0;
+	margin-bottom: 10px;
+}
+
+#publish-settings {
+	text-indent: 0;
+	border-radius: 3px 0 0 3px;
+	padding-right: 0;
+	padding-left: 0;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	font-size: 14px;
+	width: 30px;
+	float: right;
+	transform: none;
+	margin-top: 0;
+	line-height: 2;
+}
+
+body:not(.ready) #publish-settings,
+body.trashing #customize-save-button-wrapper .save,
+body.trashing #publish-settings {
+	display: none;
+}
+
+#customize-header-actions .spinner {
+	margin-top: 13px;
+	margin-left: 4px;
+}
+
+.saving #customize-header-actions .spinner,
+.trashing #customize-header-actions .spinner {
+	visibility: visible;
+}
+
+#customize-header-actions {
+	border-bottom: 1px solid #dcdcde;
+}
+
+#customize-controls .wp-full-overlay-sidebar-content {
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
+	background: #f0f0f1;
+}
+
+#customize-controls .customize-info {
+	border: none;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 15px;
+}
+
+#customize-control-changeset_status .customize-inside-control-row,
+#customize-control-changeset_preview_link input {
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	box-sizing: content-box;
+	width: 100%;
+	margin-right: -12px;
+	padding-right: 12px;
+	padding-left: 12px;
+}
+
+#customize-control-trash_changeset {
+	margin-top: 20px;
+}
+#customize-control-trash_changeset .button-link {
+	position: relative;
+	padding-right: 24px;
+	display: inline-block;
+}
+#customize-control-trash_changeset .button-link:before {
+	content: "\f182";
+	font: normal 22px dashicons;
+	text-decoration: none;
+	position: absolute;
+	right: 0;
+	top: -2px;
+}
+
+#customize-controls .date-input:invalid {
+	border-color: #d63638;
+}
+
+#customize-control-changeset_status .customize-inside-control-row {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	font-weight: 500;
+}
+
+#customize-control-changeset_status .customize-inside-control-row:first-of-type {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-control-changeset_status .customize-control-title {
+	margin-bottom: 6px;
+}
+
+#customize-control-changeset_status input {
+	margin-right: 0;
+}
+
+#customize-control-changeset_preview_link {
+	position: relative;
+	display: block;
+}
+
+.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+	margin: 0;
+	position: absolute;
+	bottom: 9px;
+	left: 0;
+}
+
+.preview-link-wrapper {
+	position: relative;
+}
+
+.customize-copy-preview-link:before,
+.customize-copy-preview-link:after {
+	content: "";
+	height: 28px;
+	position: absolute;
+	background: #fff;
+	top: -1px;
+}
+
+.customize-copy-preview-link:before {
+	right: -10px;
+	width: 9px;
+	opacity: 0.75;
+}
+
+.customize-copy-preview-link:after {
+	right: -5px;
+	width: 4px;
+	opacity: 0.8;
+}
+
+#customize-control-changeset_preview_link input {
+	line-height: 2.85714286; /* 40px */
+	border-top: 1px solid #dcdcde;
+	border-right: none;
+	border-left: none;
+	text-indent: -999px;
+	color: #fff;
+	/* Only necessary for IE11 */
+	min-height: 40px;
+}
+
+#customize-control-changeset_preview_link label {
+	position: relative;
+	display: block;
+}
+
+#customize-control-changeset_preview_link a {
+	display: inline-block;
+	position: absolute;
+	white-space: nowrap;
+	overflow: hidden;
+	width: 90%;
+	bottom: 14px;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+#customize-control-changeset_preview_link a.disabled,
+#customize-control-changeset_preview_link a.disabled:active,
+#customize-control-changeset_preview_link a.disabled:focus,
+#customize-control-changeset_preview_link a.disabled:visited {
+	color: #000;
+	opacity: 0.4;
+	cursor: default;
+	outline: none;
+	box-shadow: none;
+}
+
+#sub-accordion-section-publish_settings .customize-section-description-container {
+	display: none;
+}
+
+#customize-controls .customize-info.section-meta {
+	margin-bottom: 15px;
+}
+
+.customize-control-date_time .customize-control-description + .date-time-fields.includes-time {
+	margin-top: 10px;
+}
+
+.customize-control.customize-control-date_time .date-time-fields .date-input.day {
+	margin-left: 0;
+}
+
+.date-time-fields .date-input.month {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .date-input.day,
+.date-time-fields .date-input.hour,
+.date-time-fields .date-input.minute {
+	width: 46px;
+}
+
+.date-time-fields .date-input.year {
+	width: 65px;
+}
+
+.date-time-fields .date-input.meridian {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .time-row {
+	margin-top: 12px;
+}
+
+#customize-control-changeset_preview_link {
+	margin-top: 6px;
+}
+
+#customize-control-changeset_status {
+	margin-bottom: 0;
+	padding-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date {
+	box-sizing: content-box;
+	width: 100%;
+	margin-right: -12px;
+	padding: 12px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date .customize-control-description {
+	font-style: normal;
+}
+
+#customize-controls .customize-info.is-in-view,
+#customize-controls .customize-section-title.is-in-view {
+	position: absolute;
+	z-index: 9;
+	width: 100%;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#customize-controls .customize-section-title.is-in-view {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info.is-in-view + .accordion-section {
+	margin-top: 15px;
+}
+
+#customize-controls .customize-info.is-sticky,
+#customize-controls .customize-section-title.is-sticky {
+	position: fixed;
+	top: 46px;
+}
+
+#customize-controls .customize-info .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-right: none;
+	border-left: none;
+	border-bottom: none;
+	cursor: default;
+}
+
+#customize-controls .customize-info.open .accordion-section-title:after,
+#customize-controls .customize-info .accordion-section-title:hover:after,
+#customize-controls .customize-info .accordion-section-title:focus:after {
+	color: #2c3338;
+}
+
+#customize-controls .customize-info .accordion-section-title:after {
+	display: none;
+}
+
+#customize-controls .customize-info .preview-notice {
+	font-size: 13px;
+	line-height: 1.9;
+}
+
+#customize-controls .customize-pane-child .customize-section-title h3,
+#customize-controls .customize-pane-child h3.customize-section-title,
+#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
+#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
+#customize-controls .customize-info .panel-title {
+	font-size: 20px;
+	font-weight: 200;
+	line-height: 26px;
+	display: block;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-section-title span.customize-action {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	position: absolute;
+	top: 4px;
+	left: 1px;
+	padding: 20px 10px 10px 20px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	box-shadow: none;
+	-webkit-appearance: none;
+	background: transparent;
+	color: #50575e;
+	border: none;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	position: absolute;
+	top: 5px;
+	right: 6px;
+}
+
+#customize-controls .customize-info.open .customize-help-toggle,
+#customize-controls .customize-info .customize-help-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:hover {
+	color: #2271b1;
+}
+
+#customize-controls .customize-info .customize-panel-description,
+#customize-controls .customize-info .customize-section-description,
+#customize-outer-theme-controls .customize-info .customize-section-description,
+#customize-controls .no-widget-areas-rendered-notice {
+	color: #50575e;
+	display: none;
+	background: #fff;
+	padding: 12px 15px;
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice {
+	border-top: none;
+}
+.no-widget-areas-rendered-notice {
+	font-style: italic;
+}
+.no-widget-areas-rendered-notice p:first-child {
+	margin-top: 0;
+}
+.no-widget-areas-rendered-notice p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-info .customize-section-description {
+	margin-bottom: 15px;
+}
+
+#customize-controls .customize-info .customize-panel-description p:first-child,
+#customize-controls .customize-info .customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info .customize-panel-description p:last-child,
+#customize-controls .customize-info .customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .current-panel .control-section > h3.accordion-section-title {
+	padding-left: 30px;
+}
+
+#customize-theme-controls .control-section,
+#customize-outer-theme-controls .control-section {
+	border: none;
+}
+
+#customize-theme-controls .accordion-section-title,
+#customize-outer-theme-controls .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-theme-controls .accordion-section-title,
+	#customize-outer-theme-controls .accordion-section-title {
+		transition: none;
+	}
+}
+
+#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-right: 4px solid #fff;
+}
+
+#customize-theme-controls .accordion-section-title:after,
+#customize-outer-theme-controls .accordion-section-title:after {
+	content: "\f341";
+	color: #a7aaad;
+}
+
+#customize-theme-controls .accordion-section-content,
+#customize-outer-theme-controls .accordion-section-content {
+	color: #50575e;
+	background: transparent;
+}
+
+#customize-controls .control-section:hover > .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:hover,
+#customize-controls .control-section.open .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-right-color: #2271b1;
+}
+
+#accordion-section-themes + .control-section {
+	border-top: 1px solid #dcdcde;
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	background: #f6f7f7;
+}
+
+#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-theme-controls .control-section.open .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:focus:after,
+#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+	color: #2271b1;
+}
+
+#customize-theme-controls .control-section.open {
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#customize-theme-controls .control-section.open .accordion-section-title,
+#customize-outer-theme-controls .control-section.open .accordion-section-title {
+	border-bottom-color: #f0f0f1 !important;
+}
+
+#customize-theme-controls .control-section:last-of-type.open,
+#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
+#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu {
+	border-top: none;
+}
+
+#customize-theme-controls > ul {
+	margin: 0;
+}
+
+#customize-theme-controls .accordion-section-content {
+	position: absolute;
+	top: 0;
+	right: 100%;
+	width: 100%;
+	margin: 0;
+	padding: 12px;
+	box-sizing: border-box;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent,
+#customize-theme-controls .customize-pane-child {
+	overflow: visible;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-info,
+	#customize-theme-controls .customize-pane-parent,
+	#customize-theme-controls .customize-pane-child {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .customize-pane-child.skip-transition {
+	transition: none;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent {
+	position: relative;
+	visibility: visible;
+	height: auto;
+	max-height: none;
+	overflow: auto;
+	transform: none;
+}
+
+#customize-theme-controls .customize-pane-child {
+	position: absolute;
+	top: 0;
+	right: 0;
+	visibility: hidden;
+	height: 0;
+	max-height: none;
+	overflow: hidden;
+	transform: translateX(-100%);
+}
+
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel {
+	transform: none;
+}
+
+.section-open #customize-theme-controls .customize-pane-parent,
+.in-sub-panel #customize-theme-controls .customize-pane-parent,
+.section-open #customize-info,
+.in-sub-panel #customize-info,
+.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel {
+	visibility: hidden;
+	height: 0;
+	overflow: hidden;
+	transform: translateX(100%);
+}
+
+.section-open #customize-theme-controls .customize-pane-parent.busy,
+.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,
+.section-open #customize-info.busy,
+.in-sub-panel #customize-info.busy,
+.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.busy {
+	visibility: visible;
+	height: auto;
+	overflow: auto;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content,
+#customize-theme-controls .customize-pane-child.accordion-sub-container {
+	display: block;
+	overflow-x: hidden;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content {
+	padding: 12px;
+}
+
+#customize-theme-controls .customize-pane-child.menu li {
+	position: static;
+}
+
+.customize-section-description-container,
+.control-section-nav_menu .customize-section-description-container,
+.control-section-new_menu .customize-section-description-container {
+	margin-bottom: 15px;
+}
+
+.control-section-nav_menu .customize-control,
+.control-section-new_menu .customize-control {
+	/* Override default `margin-bottom` for `.customize-control` */
+	margin-bottom: 0;
+}
+
+.customize-section-title {
+	margin: -12px -12px 0;
+	border-bottom: 1px solid #dcdcde;
+	background: #fff;
+}
+
+div.customize-section-description {
+	margin-top: 22px;
+}
+
+.customize-info div.customize-section-description {
+	margin-top: 0;
+}
+
+div.customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+div.customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	border-bottom: 1px solid #dcdcde;
+	padding: 12px;
+}
+
+.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	padding: 12px 12px 13px;
+}
+
+.customize-section-title h3,
+h3.customize-section-title {
+	padding: 10px 14px 12px 10px;
+	margin: 0;
+	line-height: 21px;
+	color: #50575e;
+}
+
+.accordion-sub-container.control-panel-content {
+	display: none;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.accordion-sub-container.control-panel-content.busy {
+	display: block;
+}
+
+.current-panel .accordion-sub-container.control-panel-content {
+	width: 100%;
+}
+
+.customize-controls-close {
+	display: block;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 45px;
+	height: 41px;
+	padding: 0 0 0 2px;
+	background: #f0f0f1;
+	border: none;
+	border-top: 4px solid #f0f0f1;
+	border-left: 1px solid #dcdcde;
+	color: #3c434a;
+	text-align: right;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+	box-sizing: content-box;
+}
+
+.customize-panel-back,
+.customize-section-back {
+	display: block;
+	float: right;
+	width: 48px;
+	height: 71px;
+	padding: 0 0 0 24px;
+	margin: 0;
+	background: #fff;
+	border: none;
+	border-left: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	box-shadow: none;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+}
+
+.customize-section-back {
+	height: 74px;
+}
+
+.ios .customize-panel-back {
+	display: none;
+}
+
+.ios .expanded.in-sub-panel .customize-panel-back {
+	display: block;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title {
+	margin-right: 48px;
+	border-right: none;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title:hover,
+#customize-controls .cannot-expand:hover .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-right-color: #fff;
+}
+
+.customize-controls-close:focus,
+.customize-controls-close:hover,
+.customize-controls-preview-toggle:focus,
+.customize-controls-preview-toggle:hover {
+	background: #fff;
+	color: #2271b1;
+	border-top-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+#customize-theme-controls .accordion-section-title:focus .customize-action {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: 1px;
+}
+
+.customize-panel-back:hover,
+.customize-panel-back:focus,
+.customize-section-back:hover,
+.customize-section-back:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-right-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.customize-controls-close:before {
+	font: normal 22px/45px dashicons;
+	content: "\f335";
+	position: relative;
+	top: -3px;
+	right: 13px;
+}
+
+.customize-panel-back:before,
+.customize-section-back:before {
+	font: normal 20px/72px dashicons;
+	content: "\f345";
+	position: relative;
+	right: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+	background-color: #f0f0f1;
+	transition: padding ease-in-out .18s;
+}
+
+.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
+	padding-right: 62px;
+}
+
+p.customize-section-description {
+	font-style: normal;
+	margin-top: 22px;
+	margin-bottom: 0;
+}
+
+.customize-section-description ul {
+	margin-right: 1em;
+}
+
+.customize-section-description ul > li {
+	list-style: disc;
+}
+
+.section-description-buttons {
+	text-align: left;
+}
+
+.customize-control {
+	width: 100%;
+	float: right;
+	clear: both;
+	margin-bottom: 12px;
+}
+
+.customize-control input[type="text"],
+.customize-control input[type="password"],
+.customize-control input[type="email"],
+.customize-control input[type="number"],
+.customize-control input[type="search"],
+.customize-control input[type="tel"],
+.customize-control input[type="url"],
+.customize-control input[type="range"] {
+	width: 100%;
+	margin: 0;
+}
+
+.customize-control-hidden {
+	margin: 0;
+}
+
+.customize-control-textarea textarea {
+	width: 100%;
+	resize: vertical;
+}
+
+.customize-control select {
+	width: 100%;
+}
+
+.customize-control select[multiple] {
+	height: auto;
+}
+
+.customize-control-title {
+	display: block;
+	font-size: 14px;
+	line-height: 1.75;
+	font-weight: 600;
+	margin-bottom: 4px;
+}
+
+.customize-control-description {
+	display: block;
+	font-style: italic;
+	line-height: 1.4;
+	margin-top: 0;
+	margin-bottom: 5px;
+}
+
+.customize-section-description a.external-link:after {
+	font: 16px/11px dashicons;
+	content: "\f504";
+	top: 3px;
+	position: relative;
+	padding-right: 3px;
+	display: inline-block;
+	text-decoration: none;
+}
+
+.customize-control-color .color-picker,
+.customize-control-upload div {
+	line-height: 28px;
+}
+
+.customize-control .customize-inside-control-row {
+	line-height: 1.6;
+	display: block;
+	margin-right: 24px;
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+
+.customize-control-radio input,
+.customize-control-checkbox input,
+.customize-control-nav_menu_auto_add input {
+	margin-left: 4px;
+	margin-right: -24px;
+}
+
+.customize-control-radio {
+	padding: 5px 0 10px;
+}
+
+.customize-control-radio .customize-control-title {
+	margin-bottom: 0;
+	line-height: 1.6;
+}
+
+.customize-control-radio .customize-control-title + .customize-control-description {
+	margin-top: 7px;
+}
+
+.customize-control-radio label,
+.customize-control-checkbox label {
+	vertical-align: top;
+}
+
+.customize-control .attachment-thumb.type-icon {
+	float: right;
+	margin: 10px;
+	width: auto;
+}
+
+.customize-control .attachment-title {
+	font-weight: 600;
+	margin: 0;
+	padding: 5px 10px;
+}
+
+.customize-control .attachment-meta {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin: 0;
+	padding: 0 10px;
+}
+
+.customize-control .attachment-meta-title {
+	padding-top: 7px;
+}
+
+/* Remove descender space. */
+.customize-control .thumbnail-image,
+.customize-control-header .current,
+.customize-control .wp-media-wrapper.wp-video {
+	line-height: 0;
+}
+
+/* Remove descender space. */
+.customize-control-site_icon .favicon-preview .browser-preview {
+	vertical-align: top;
+}
+
+.customize-control .thumbnail-image img {
+	cursor: pointer;
+}
+
+#customize-controls .thumbnail-audio .thumbnail {
+	max-width: 64px;
+	max-height: 64px;
+	margin: 10px;
+	float: right;
+}
+
+#available-menu-items .accordion-section-content .new-content-item,
+.customize-control-dropdown-pages .new-content-item {
+	width: calc(100% - 30px);
+	padding: 8px 15px;
+	position: absolute;
+	bottom: 0;
+	z-index: 10;
+	background: #f0f0f1;
+	display: flex;
+}
+
+.customize-control-dropdown-pages .new-content-item {
+	width: 100%;
+	padding: 5px 1px 5px 0;
+	position: relative;
+}
+
+#available-menu-items .new-content-item .create-item-input,
+.customize-control-dropdown-pages .new-content-item .create-item-input {
+	flex-grow: 10;
+}
+
+#available-menu-items .new-content-item .add-content,
+.customize-control-dropdown-pages .new-content-item .add-content {
+	margin: 2px 6px 2px 0;
+	flex-grow: 1;
+}
+
+.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
+	border: 1px solid #d63638;
+}
+
+.customize-control-dropdown-pages .add-new-toggle {
+	margin-right: 1px;
+	font-weight: 600;
+	line-height: 2.2;
+}
+
+#customize-preview iframe {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+#customize-preview iframe + iframe {
+	visibility: hidden;
+}
+
+.wp-full-overlay-sidebar {
+	background: #f0f0f1;
+	border-left: 1px solid #dcdcde;
+}
+
+
+/**
+ * Notifications
+ */
+
+#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
+	margin: 4px 0 8px;
+	padding: 0;
+	cursor: default;
+}
+
+#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
+.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
+	box-shadow: inset 0 0 0 2px #d63638;
+	transition: .15s box-shadow linear;
+}
+
+#customize-controls .customize-control-notifications-container li.notice {
+	list-style: none;
+	margin: 0 0 6px;
+	padding: 9px 14px;
+	overflow: hidden;
+}
+#customize-controls .customize-control-notifications-container .notice.is-dismissible {
+	padding-left: 38px;
+}
+
+.customize-control-notifications-container li.notice:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
+	margin-top: 0;
+}
+
+#customize-controls .customize-control-widget_form .customize-control-notifications-container {
+	margin-top: 8px;
+}
+
+.customize-control-text.has-error input {
+	outline: 2px solid #d63638;
+}
+
+#customize-controls #customize-notifications-area {
+	position: absolute;
+	top: 46px;
+	width: 100%;
+	border-bottom: 1px solid #dcdcde;
+	display: block;
+	padding: 0;
+	margin: 0;
+}
+
+.wp-full-overlay.collapsed #customize-controls #customize-notifications-area {
+	display: none !important;
+}
+
+#customize-controls #customize-notifications-area:not(.has-overlay-notifications),
+#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications),
+#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) {
+	max-height: 210px;
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+
+#customize-controls #customize-notifications-area > ul,
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	margin: 0;
+}
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container {
+	border-top: 1px solid #dcdcde;
+}
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	padding: 9px 14px;
+}
+#customize-controls #customize-notifications-area .notice.is-dismissible,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible {
+	padding-left: 38px;
+}
+#customize-controls #customize-notifications-area .notice + .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice {
+	margin-top: 1px;
+}
+
+@keyframes customize-fade-in {
+	0%   { opacity: 0; }
+	100% { opacity: 1; }
+}
+
+#customize-controls .notice.notification-overlay,
+#customize-controls #customize-notifications-area .notice.notification-overlay {
+	margin: 0;
+	border-right: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */
+}
+
+#customize-controls .customize-control-notifications-container.has-overlay-notifications {
+	animation: customize-fade-in 0.5s;
+	z-index: 30;
+}
+
+/* Note: Styles for this are also defined in themes.css */
+#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
+	clear: both;
+	color: #1d2327;
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 2em 0;
+	text-align: center;
+	width: 100%;
+	display: block;
+	top: 50%;
+	position: relative;
+}
+
+/* Style for custom settings */
+
+/**
+ * Static front page
+ */
+
+#customize-control-show_on_front.has-error {
+	margin-bottom: 0;
+}
+#customize-control-show_on_front.has-error .customize-control-notifications-container {
+	margin-top: 12px;
+}
+
+/**
+ * Dropdowns
+ */
+
+.accordion-section .dropdown {
+	float: right;
+	display: block;
+	position: relative;
+	cursor: pointer;
+}
+
+.accordion-section .dropdown-content {
+	overflow: hidden;
+	float: right;
+	min-width: 30px;
+	height: 16px;
+	line-height: 16px;
+	margin-left: 16px;
+	padding: 4px 5px;
+	border: 2px solid #f0f0f1;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+/* @todo maybe no more used? */
+.customize-control .dropdown-arrow {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	width: 20px;
+	background: #f0f0f1;
+}
+
+.customize-control .dropdown-arrow:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	padding: 0;
+	text-indent: 0;
+	text-align: center;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #2c3338;
+}
+
+.customize-control .dropdown-status {
+	color: #2c3338;
+	background: #f0f0f1;
+	display: none;
+	max-width: 112px;
+}
+
+.customize-control-color .dropdown {
+	margin-left: 5px;
+	margin-bottom: 5px;
+}
+
+.customize-control-color .dropdown .dropdown-content {
+	background-color: #50575e;
+	border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.customize-control-color .dropdown:hover .dropdown-content {
+	border-color: rgba(0, 0, 0, 0.25);
+}
+
+/**
+ * iOS can't scroll iframes,
+ * instead it expands the iframe size to match the size of the content
+ */
+
+.ios .wp-full-overlay {
+	position: relative;
+}
+
+.ios #customize-controls .wp-full-overlay-sidebar-content {
+	-webkit-overflow-scrolling: touch;
+}
+
+/* Media controls */
+
+.customize-control .actions .button {
+	margin-top: 12px;
+}
+
+.customize-control-header .actions,
+.customize-control-header .uploaded {
+	margin-bottom: 18px;
+}
+
+.customize-control-header .uploaded button:not(.random),
+.customize-control-header .default button:not(.random) {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	background: none;
+	border: none;
+	color: inherit;
+	cursor: pointer;
+}
+
+.customize-control-header button img {
+	display: block;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control .attachment-media-view .upload-button,
+.customize-control-header button.new,
+.customize-control-header button.remove {
+	width: auto;
+	height: auto;
+	white-space: normal;
+}
+
+.customize-control .attachment-media-view .thumbnail,
+.customize-control-header .current .container {
+	overflow: hidden;
+}
+
+.customize-control .attachment-media-view .placeholder,
+.customize-control .attachment-media-view .button-add-media,
+.customize-control-header .placeholder {
+	width: 100%;
+	position: relative;
+	text-align: center;
+	cursor: default;
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	padding: 9px 0;
+	line-height: 1.6;
+}
+
+.customize-control .attachment-media-view .button-add-media {
+	cursor: pointer;
+	background-color: #f0f0f1;
+	color: #2c3338;
+}
+
+.customize-control .attachment-media-view .button-add-media:hover {
+	background-color: #fff;
+}
+
+.customize-control .attachment-media-view .button-add-media:focus {
+	background-color: #fff;
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.customize-control-header .inner {
+	display: none;
+	position: absolute;
+	width: 100%;
+	color: #50575e;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.customize-control-header .inner,
+.customize-control-header .inner .dashicons {
+	line-height: 20px;
+	top: 8px;
+}
+
+.customize-control-header .list .inner,
+.customize-control-header .list .inner .dashicons {
+	top: 9px;
+}
+
+.customize-control-header .header-view {
+	position: relative;
+	width: 100%;
+	margin-bottom: 12px;
+}
+
+.customize-control-header .header-view:last-child {
+	margin-bottom: 0;
+}
+
+/* Convoluted, but 'outline' support isn't good enough yet */
+.customize-control-header .header-view:after {
+	border: 0;
+}
+
+.customize-control-header .header-view.selected .choice:focus {
+	outline: none;
+}
+
+.customize-control-header .header-view.selected:after {
+	content: "";
+	position: absolute;
+	height: auto;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border: 4px solid #72aee6;
+	border-radius: 2px;
+}
+
+.customize-control-header .header-view.button.selected {
+	border: 0;
+}
+
+/* Header control: overlay "close" button */
+
+.customize-control-header .uploaded .header-view .close {
+	font-size: 20px;
+	color: #fff;
+	background: #50575e;
+	background: rgba(0, 0, 0, 0.5);
+	position: absolute;
+	top: 10px;
+	right: -999px;
+	z-index: 1;
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.customize-control-header .header-view:hover .close,
+.customize-control-header .header-view .close:focus {
+	right: auto;
+	left: 10px;
+}
+
+.customize-control-header .header-view .close:focus {
+	outline: 1px solid #4f94d4;
+}
+
+/* Header control: randomiz(s)er */
+
+.customize-control-header .random.placeholder {
+	cursor: pointer;
+	border-radius: 2px;
+	height: 40px;
+}
+
+.customize-control-header button.random {
+	width: 100%;
+	height: auto;
+	min-height: 40px;
+	white-space: normal;
+}
+
+.customize-control-header button.random .dice {
+	margin-top: 4px;
+}
+
+.customize-control-header .placeholder:hover .dice,
+.customize-control-header .header-view:hover > button.random .dice {
+	animation: dice-color-change 3s infinite;
+}
+
+.button-see-me {
+	animation: bounce .7s 1;
+	transform-origin: center bottom;
+}
+
+@keyframes bounce {
+	from, 20%, 53%, 80%, to {
+		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+		transform: translate3d(0,0,0);
+	}
+
+	40%, 43% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -12px, 0);
+	}
+
+	70% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -6px, 0);
+	}
+
+	90% {
+		transform: translate3d(0,-1px,0);
+	}
+}
+
+.customize-control-header .choice {
+	position: relative;
+	display: block;
+	margin-bottom: 9px;
+}
+
+.customize-control-header .choice:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 3px 1px rgba(79, 148, 212, 0.8);
+}
+
+.customize-control-header .uploaded div:last-child > .choice {
+	margin-bottom: 0;
+}
+
+.customize-control .attachment-media-view .thumbnail-image img,
+.customize-control-header img {
+	max-width: 100%;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control-header .remove {
+	margin-left: 8px;
+}
+
+/* Background position control */
+.customize-control-background_position .background-position-control .button-group {
+	display: block;
+}
+
+/**
+ * Code Editor Control and Custom CSS Section
+ *
+ * Modifications to the Section Container to make the textarea full-width and
+ * full-height, if the control is the only control in the section.
+ */
+
+.customize-control-code_editor textarea {
+	width: 100%;
+	font-family: Consolas, Monaco, monospace;
+	font-size: 12px;
+	padding: 6px 8px;
+	-o-tab-size: 2;
+	tab-size: 2;
+}
+.customize-control-code_editor textarea,
+.customize-control-code_editor .CodeMirror {
+	height: 14em;
+}
+
+#customize-controls .customize-section-description-container.section-meta.customize-info {
+	border-bottom: none;
+}
+
+#sub-accordion-section-custom_css .customize-control-notifications-container {
+	margin-bottom: 15px;
+}
+
+#customize-control-custom_css textarea {
+	display: block;
+	height: 500px;
+}
+
+.customize-section-description-container + #customize-control-custom_css .customize-control-title {
+	margin-right: 12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+	border-left: 0;
+	border-right: 0;
+	height: calc( 100vh - 185px );
+	resize: none;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child {
+	margin-right: -12px;
+	width: 299px;
+	width: calc( 100% + 24px );
+	margin-bottom: -12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .CodeMirror {
+	height: calc( 100vh - 185px );
+}
+
+.CodeMirror-lint-tooltip,
+.CodeMirror-hints {
+	z-index: 500000 !important;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .customize-control-notifications-container {
+	margin-right: 12px;
+	margin-left: 12px;
+}
+
+.theme-browser .theme.active .theme-actions,
+.wp-customizer .theme-browser .theme .theme-actions {
+	padding: 9px 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+@media screen and (max-width: 640px) {
+	.customize-section-description-container + #customize-control-custom_css:last-child {
+		margin-left: 0;
+	}
+
+	.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+		height: calc( 100vh - 140px );
+	}
+}
+
+/**
+ * Themes
+ */
+
+#customize-theme-controls .control-panel-themes {
+	border-bottom: none;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-panel-themes > .accordion-section-title {
+	cursor: default;
+	background: #fff;
+	color: #50575e;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+	border-right: none;
+	border-left: none;
+	margin: 0 0 15px;
+	padding-left: 100px; /* Space for the button */
+}
+
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
+	border-top: 0;
+}
+
+#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes > .accordion-section-title {
+	margin: 0 0 15px;
+}
+
+#customize-controls .customize-themes-panel .accordion-section-title:hover,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	margin: 15px -8px;
+}
+
+#customize-controls .control-section-themes .accordion-section-title,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	padding-left: 100px; /* Space for the button */
+}
+
+.control-panel-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action,
+#customize-controls .control-section-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action {
+	font-size: 13px;
+	display: block;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme {
+	position: absolute;
+	left: 10px;
+	top: 50%;
+	margin-top: -14px;
+	font-weight: 400;
+}
+
+#customize-notifications-area .notification-message button.switch-to-editor {
+	display: block;
+	margin-top: 6px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:after {
+	display: none;
+}
+
+.control-panel-themes .customize-themes-full-container {
+	position: fixed;
+	top: 0;
+	right: 0;
+	transition: .18s right ease-in-out;
+	margin: 0 300px 0 0;
+	padding: 71px 0 25px;
+	overflow-y: scroll;
+	width: calc(100% - 300px);
+	height: calc(100% - 96px);
+	background: #f0f0f1;
+	z-index: 20;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.control-panel-themes .customize-themes-full-container {
+		transition: none;
+	}
+}
+
+@media screen and (min-width: 1670px) {
+	.control-panel-themes .customize-themes-full-container {
+		width: 82%;
+		left: 0;
+		right: initial;
+	}
+}
+
+.modal-open .control-panel-themes .customize-themes-full-container {
+	overflow-y: visible;
+}
+
+/* Animations for opening the themes panel */
+#customize-save-button-wrapper,
+#customize-header-actions .spinner,
+#customize-header-actions .customize-controls-preview-toggle {
+	transition: .18s margin ease-in-out;
+}
+
+#customize-footer-actions,
+#customize-footer-actions .collapse-sidebar {
+	bottom: 0;
+	transition: .18s bottom ease-in-out;
+}
+
+.in-themes-panel:not(.animating) #customize-header-actions .spinner,
+.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,
+.in-themes-panel:not(.animating) #customize-preview,
+.in-themes-panel:not(.animating) #customize-footer-actions {
+	visibility: hidden;
+}
+
+.wp-full-overlay.in-themes-panel {
+	background: #f0f0f1; /* Prevents a black flash when fading in the panel */
+}
+
+.in-themes-panel #customize-save-button-wrapper,
+.in-themes-panel #customize-header-actions .spinner,
+.in-themes-panel #customize-header-actions .customize-controls-preview-toggle {
+	margin-top: -46px; /* Height of header actions bar */
+}
+
+.in-themes-panel #customize-footer-actions,
+.in-themes-panel #customize-footer-actions .collapse-sidebar {
+	bottom: -45px;
+}
+
+/* Don't show the theme count while the panel opens, as it's in the wrong place during the animation */
+.in-themes-panel.animating .control-panel-themes .filter-themes-count {
+	display: none;
+}
+
+.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content {
+	bottom: 0;
+}
+
+.themes-filter-bar .feature-filter-toggle {
+	float: left;
+	margin: 3px 25px 3px 0;
+}
+
+.themes-filter-bar .feature-filter-toggle:before {
+	content: "\f111";
+	margin: 0 0 0 5px;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .feature-filter-toggle.open {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+.themes-filter-bar .feature-filter-toggle .filter-count-filters {
+	display: none;
+}
+
+.filter-drawer {
+	box-sizing: border-box;
+	width: 100%;
+	position: absolute;
+	top: 46px;
+	right: 0;
+	padding: 25px 25px 25px 0;
+	border-top: 0;
+	margin: 0;
+	background: #f0f0f1;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.filter-drawer .filter-group {
+	margin: 0 0 0 25px;
+	width: calc( (100% - 75px) / 3);
+	min-width: 200px;
+	max-width: 320px;
+}
+
+/* Adds a delay before fading in to avoid it "jumping" */
+@keyframes themes-fade-in {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+
+.control-panel-themes .customize-themes-full-container.animate {
+	animation: .6s themes-fade-in 1;
+}
+
+.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
+	animation: .6s themes-fade-in 1;
+}
+
+.control-panel-themes .filter-themes-count {
+	position: relative;
+	float: left;
+	line-height: 2.6;
+}
+
+.control-panel-themes .filter-themes-count .themes-displayed {
+	font-weight: 600;
+	color: #50575e;
+}
+
+.customize-themes-notifications {
+	margin: 0;
+}
+
+.control-panel-themes .customize-themes-notifications .notice {
+	margin: 0 0 25px;
+}
+
+.customize-themes-full-container .customize-themes-section {
+	display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+	overflow: hidden;
+}
+
+.customize-themes-full-container .customize-themes-section.current-section {
+	display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+}
+
+.control-section .customize-section-text-before {
+	padding: 0 15px 8px 0;
+	margin: 15px 0 0;
+	line-height: 16px;
+	border-bottom: 1px solid #dcdcde;
+	color: #50575e;
+}
+
+.control-panel-themes .customize-themes-section-title {
+	width: 100%;
+	background: #fff;
+	box-shadow: none;
+	outline: none;
+	border-top: none;
+	border-bottom: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	border-left: none;
+	cursor: pointer;
+	padding: 10px 15px;
+	position: relative;
+	text-align: right;
+	font-size: 14px;
+	font-weight: 600;
+	color: #50575e;
+	text-shadow: none;
+}
+
+.control-panel-themes #accordion-section-installed_themes {
+	border-top: 1px solid #dcdcde;
+}
+
+.control-panel-themes .theme-section {
+	margin: 0;
+	position: relative;
+}
+
+.control-panel-themes .customize-themes-section-title:focus,
+.control-panel-themes .customize-themes-section-title:hover {
+	border-right-color: #2271b1;
+	color: #2271b1;
+	background: #f6f7f7;
+}
+
+.customize-themes-section-title:not(.selected):after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 9px;
+	left: 15px;
+	width: 18px;
+	height: 18px;
+	border-radius: 100%;
+	border: 1px solid #c3c4c7;
+	background: #fff;
+}
+
+.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+	content: "\f147";
+	font: 16px/1 dashicons;
+	box-sizing: border-box;
+	width: 20px;
+	height: 20px;
+	padding: 3px 1px 1px 3px; /* Re-align the icon to the smaller grid */
+	border-radius: 100%;
+	position: absolute;
+	top: 9px;
+	left: 15px;
+	background: #2271b1;
+	color: #fff;
+}
+
+.control-panel-themes .customize-themes-section-title.selected {
+	color: #2271b1;
+}
+
+#customize-theme-controls .themes.accordion-section-content {
+	position: relative;
+	right: 0;
+	padding: 0;
+	width: 100%;
+}
+
+.loading .customize-themes-section .spinner {
+	display: block;
+	visibility: visible;
+	position: relative;
+	clear: both;
+	width: 20px;
+	height: 20px;
+	right: calc(50% - 10px);
+	float: none;
+	margin-top: 50px;
+}
+
+.customize-themes-section .no-themes,
+.customize-themes-section .no-themes-local {
+	display: none;
+}
+
+.themes-section-installed_themes .theme .notice-success:not(.updated-message) {
+	display: none; /* Hide "installed" notice on installed themes tab. */
+}
+
+.customize-control-theme .theme {
+	width: 100%;
+	margin: 0;
+	border: 1px solid #dcdcde;
+	background: #fff;
+}
+
+.customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions {
+	background: #fff;
+	border: none;
+}
+
+.customize-control.customize-control-theme { /* override most properties on .customize-control */
+	box-sizing: border-box;
+	width: 25%;
+	max-width: 600px; /* Max. screenshot size / 2 */
+	margin: 0 0 25px 25px;
+	padding: 0;
+	clear: none;
+}
+
+/* 5 columns above 2100px */
+@media screen and (min-width: 2101px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 125px ) / 5 - 1px ); /* 1px offset accounts for browser rounding, typical all grids */
+	}
+}
+
+/* 4 columns up to 2100px */
+@media screen and (min-width: 1601px) and (max-width: 2100px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 100px ) / 4 - 1px );
+	}
+}
+
+/* 3 columns up to 1600px */
+@media screen and (min-width: 1201px) and (max-width: 1600px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 75px ) / 3 - 1px );
+	}
+}
+
+/* 2 columns up to 1200px */
+@media screen and (min-width: 851px) and (max-width: 1200px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 50px ) / 2 - 1px );
+
+	}
+}
+
+/* 1 column up to 850 px */
+@media screen and (max-width: 850px) {
+	.customize-control.customize-control-theme {
+		width: 100%;
+	}
+}
+
+.wp-customizer .theme-browser .themes {
+	padding: 0 25px 25px 0;
+	transition: .18s margin-top linear;
+}
+
+.wp-customizer .theme-browser .theme .theme-actions {
+	opacity: 1;
+}
+
+#customize-controls h3.theme-name {
+	font-size: 15px;
+}
+
+#customize-controls .theme-overlay .theme-name {
+	font-size: 32px;
+}
+
+.customize-preview-header.themes-filter-bar {
+	position: fixed;
+	top: 0;
+	right: 300px;
+	width: calc(100% - 300px);
+	height: 46px;
+	background: #f0f0f1;
+	z-index: 10;
+	padding: 6px 25px;
+	box-sizing: border-box;
+	border-bottom: 1px solid #dcdcde;
+}
+
+@media screen and (min-width: 1670px) {
+	.customize-preview-header.themes-filter-bar {
+		width: 82%;
+		left: 0;
+		right: initial;
+	}
+}
+
+.themes-filter-bar .themes-filter-container {
+	margin: 0;
+	padding: 0;
+}
+
+.themes-filter-bar .wp-filter-search {
+	line-height: 1.8;
+	padding: 6px 30px 6px 10px;
+	max-width: 100%;
+	width: 40%;
+	min-width: 300px;
+	position: absolute;
+	top: 6px;
+	right: 25px;
+	height: 32px;
+	margin: 1px 0;
+}
+
+/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
+   current length of .org feature filters assuming translations do not wrap lines. */
+@media screen and (max-height: 540px), screen and (max-width: 1018px) {
+	.customize-preview-header.themes-filter-bar {
+		position: relative;
+		right: 0;
+		width: 100%;
+		margin: 0 0 25px;
+	}
+	.filter-drawer {
+		top: 46px;
+	}
+	.wp-customizer .theme-browser .themes {
+		padding: 0 25px 25px 0;
+		overflow: hidden;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		margin-top: 0;
+		padding: 0;
+		height: 100%;
+		width: calc(100% - 300px);
+	}
+}
+
+@media screen and (max-width: 1018px) {
+	.filter-drawer .filter-group {
+		width: calc( (100% - 50px) / 2);
+	}
+}
+
+@media screen and (max-width: 900px) {
+	.customize-preview-header.themes-filter-bar {
+		height: 86px;
+		padding-top: 46px;
+	}
+
+	.themes-filter-bar .wp-filter-search {
+		width: calc(100% - 50px);
+		margin: 0;
+		min-width: 200px;
+	}
+
+	.filter-drawer {
+		top: 86px;
+	}
+
+	.control-panel-themes .filter-themes-count {
+		float: right;
+	}
+}
+
+@media screen and (max-width: 792px) {
+	.filter-drawer .filter-group {
+		width: calc( 100% - 25px);
+	}
+}
+
+.control-panel-themes .customize-themes-mobile-back {
+	display: none;
+}
+
+/* Mobile - toggle between themes and filters */
+@media screen and (max-width: 600px) {
+
+	.filter-drawer {
+		top: 132px;
+	}
+
+	.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes {
+		display: block;
+		float: left;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		width: 100%;
+		margin: 0;
+		padding-top: 46px;
+		height: calc(100% - 46px);
+		z-index: 1;
+		display: none;
+	}
+
+	.showing-themes .control-panel-themes .customize-themes-full-container {
+		display: block;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back {
+		display: block;
+		position: fixed;
+		top: 0;
+		right: 0;
+		background: #f0f0f1;
+		color: #3c434a;
+		border-radius: 0;
+		box-shadow: none;
+		border: none;
+		height: 46px;
+		width: 100%;
+		z-index: 10;
+		text-align: right;
+		text-shadow: none;
+		border-bottom: 1px solid #dcdcde;
+		border-right: 4px solid transparent;
+		margin: 0;
+		padding: 0;
+		font-size: 0;
+		overflow: hidden;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before {
+		right: 0;
+		top: 0;
+		height: 46px;
+		width: 26px;
+		display: block;
+		line-height: 2.3;
+		padding: 0 8px;
+		border-left: 1px solid #dcdcde;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
+		color: #2271b1;
+		background: #f6f7f7;
+		border-right-color: #2271b1;
+		box-shadow: none;
+		/* Only visible in Windows High Contrast mode */
+		outline: 2px solid transparent;
+		outline-offset: -2px;
+	}
+
+	.showing-themes #customize-header-actions {
+		display: none;
+	}
+
+	#customize-controls {
+		width: 100%;
+	}
+}
+
+/* Details View */
+.wp-customizer .theme-overlay {
+	display: none;
+}
+
+.wp-customizer.modal-open .theme-overlay {
+	position: fixed;
+	right: 0;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	z-index: 109;
+}
+
+/* Avoid a z-index war by resetting elements that should be under the overlay.
+   This is likely required because of the way that sections and panels are positioned. */
+.wp-customizer.modal-open #customize-header-actions,
+.wp-customizer.modal-open .control-panel-themes .filter-themes-count,
+.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after {
+	z-index: -1;
+}
+
+.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible;
+}
+
+.wp-customizer .theme-overlay .theme-backdrop {
+	background: rgba(240, 240, 241, 0.75);
+	position: fixed;
+	z-index: 110;
+}
+
+.wp-customizer .theme-overlay .star-rating {
+	float: right;
+	margin-left: 8px;
+}
+
+.wp-customizer .theme-rating .num-ratings {
+	line-height: 20px;
+}
+
+.wp-customizer .theme-overlay .theme-wrap {
+	right: 90px;
+	left: 90px;
+	top: 45px;
+	bottom: 45px;
+	z-index: 120;
+}
+
+.wp-customizer .theme-overlay .theme-actions {
+	text-align: left; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
+	padding: 10px 25px;
+	background: #f0f0f1;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .theme-overlay .theme-actions .theme-install.preview {
+	margin-right: 8px;
+}
+
+.control-panel-themes .theme-actions .delete-theme {
+	right: 15px; /* these override themes.css on mobile */
+	left: auto;
+	bottom: auto;
+	position: absolute;
+}
+
+.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
+}
+
+.wp-customizer .theme-header {
+	background: #f0f0f1;
+}
+
+.wp-customizer .theme-overlay .theme-header button,
+.wp-customizer .theme-overlay .theme-header .close:before {
+	color: #3c434a;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus,
+.wp-customizer .theme-overlay .theme-header .close:hover,
+.wp-customizer .theme-overlay .theme-header .right:focus,
+.wp-customizer .theme-overlay .theme-header .right:hover,
+.wp-customizer .theme-overlay .theme-header .left:focus,
+.wp-customizer .theme-overlay .theme-header .left:hover {
+	background: #fff;
+	border-bottom: 4px solid #2271b1;
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus:before,
+.wp-customizer .theme-overlay .theme-header .close:hover:before {
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header button.disabled,
+.wp-customizer .theme-overlay .theme-header button.disabled:hover,
+.wp-customizer .theme-overlay .theme-header button.disabled:focus {
+	border-bottom: none;
+	background: transparent;
+	color: #c3c4c7;
+}
+
+/* Small Screens */
+@media (max-width: 850px), (max-height: 472px) {
+	.wp-customizer .theme-overlay .theme-wrap {
+		right: 0;
+		left: 0;
+		top: 0;
+		bottom: 0;
+	}
+
+	.wp-customizer .theme-browser .themes {
+		padding-left: 25px;
+	}
+}
+
+/* Handle cheaters. */
+body.cheatin {
+	font-size: medium;
+	height: auto;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	margin: 50px auto 2em;
+	padding: 1em 2em;
+	max-width: 700px;
+	min-width: 0;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+body.cheatin h1 {
+	border-bottom: 1px solid #dcdcde;
+	clear: both;
+	color: #50575e;
+	font-size: 24px;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	margin: 30px 0 0;
+	padding: 0 0 7px;
+}
+
+body.cheatin p {
+	font-size: 14px;
+	line-height: 1.5;
+	margin: 25px 0 20px;
+}
+
+/**
+ * Widgets and Menus common styles
+ */
+
+/* higher specificity than .wp-core-ui .button */
+#customize-theme-controls .add-new-widget,
+#customize-theme-controls .add-new-menu-item {
+	cursor: pointer;
+	float: left;
+	margin: 0 10px 0 0;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.reordering .add-new-widget,
+.reordering .add-new-menu-item {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed; /* doesn't work in conjunction with pointer-events */
+}
+
+.add-new-widget:before,
+.add-new-menu-item:before,
+#available-menu-items .new-content-item .add-content:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	right: -2px;
+	top: 0;
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* Reordering */
+.reorder-toggle {
+	float: left;
+	padding: 5px 8px;
+	text-decoration: none;
+	cursor: pointer;
+	outline: none;
+}
+
+.reorder,
+.reordering .reorder-done {
+	display: block;
+	padding: 5px 8px;
+}
+
+.reorder-done,
+.reordering .reorder {
+	display: none;
+}
+
+.widget-reorder-nav span,
+.menu-item-reorder-nav button {
+	position: relative;
+	overflow: hidden;
+	float: right;
+	display: block;
+	width: 33px; /* was 42px for mobile */
+	height: 43px;
+	color: #8c8f94;
+	text-indent: -9999px;
+	cursor: pointer;
+	outline: none;
+}
+
+.menu-item-reorder-nav button {
+	width: 30px;
+	height: 40px;
+	background: transparent;
+	border: none;
+	box-shadow: none;
+}
+
+.widget-reorder-nav span:before,
+.menu-item-reorder-nav button:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/43px dashicons;
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus,
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+	color: #1d2327;
+	background: #f0f0f1;
+}
+
+.move-widget-down:before,
+.menus-move-down:before {
+	content: "\f347";
+}
+
+.move-widget-up:before,
+.menus-move-up:before {
+	content: "\f343";
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down,
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+	color: #dcdcde;
+	background-color: #fff;
+	cursor: default;
+	pointer-events: none;
+}
+
+/**
+ * New widget and Add-menu-items modes and panels
+ */
+
+.wp-full-overlay-main {
+	left: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+	width: 100%;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover,
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	color: #2c3338;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+body.adding-widget .add-new-widget:before,
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+	transform: rotate(-45deg);
+}
+
+#available-widgets,
+#available-menu-items {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: -301px;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 4;
+	background: #f0f0f1;
+	transition: right .18s;
+	border-left: 1px solid #dcdcde;
+}
+
+#available-widgets .customize-section-title,
+#available-menu-items .customize-section-title {
+	display: none;
+}
+
+#available-widgets-list {
+	top: 60px;
+	position: absolute;
+	overflow: auto;
+	bottom: 0;
+	width: 100%;
+	border-top: 1px solid #dcdcde;
+}
+
+.no-widgets-found #available-widgets-list {
+	border-top: none;
+}
+
+#available-widgets-filter {
+	position: fixed;
+	top: 0;
+	z-index: 1;
+	width: 300px;
+	background: #f0f0f1;
+}
+
+/* search field container */
+#available-widgets-filter,
+#available-menu-items-search .accordion-section-title {
+	padding: 13px 15px;
+	box-sizing: border-box;
+}
+
+#available-widgets-filter input,
+#available-menu-items-search input {
+	width: 100%;
+	min-height: 32px;
+	margin: 1px 0;
+	padding: 0 30px;
+}
+
+#available-widgets-filter input::-ms-clear,
+#available-menu-items-search input::-ms-clear {
+	display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
+}
+
+#available-menu-items-search .search-icon,
+#available-widgets-filter .search-icon {
+	display: block;
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	right: 16px;
+	width: 30px;
+	height: 30px;
+	line-height: 2.1;
+	text-align: center;
+	color: #646970;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results {
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	left: 16px;
+	width: 30px;
+	height: 30px;
+	padding: 0;
+	border: 0;
+	cursor: pointer;
+	background: none;
+	color: #d63638;
+	text-decoration: none;
+	outline: 0;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+	display: none;
+}
+
+#available-widgets-filter .clear-results.is-visible,
+#available-menu-items-search .clear-results.is-visible {
+	display: block;
+}
+
+#available-widgets-filter .clear-results:before,
+#available-menu-items-search .clear-results:before {
+	content: "\f335";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#available-widgets-filter .clear-results:hover,
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+	color: #d63638;
+}
+
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+#available-menu-items-search .search-icon:after,
+#available-widgets-filter .search-icon:after,
+.themes-filter-bar .search-icon:after {
+	content: "\f179";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .search-icon {
+	position: absolute;
+	top: 7px;
+	right: 26px;
+	z-index: 1;
+	color: #646970;
+	height: 30px;
+	width: 30px;
+	line-height: 2;
+	text-align: center;
+}
+
+.no-widgets-found-message {
+	display: none;
+	margin: 0;
+	padding: 0 15px;
+	line-height: inherit;
+}
+
+.no-widgets-found .no-widgets-found-message {
+	display: block;
+}
+
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover,
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+	border: none;
+	background: transparent;
+	box-shadow: none;
+}
+
+#available-widgets .widget-tpl,
+#available-menu-items .item-tpl {
+	position: relative;
+	padding: 15px 60px 15px 15px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-right: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+	cursor: pointer;
+	display: none;
+}
+
+#available-widgets .widget,
+#available-menu-items .item {
+	position: static;
+}
+
+
+/* Responsive */
+.customize-controls-preview-toggle {
+	display: none;
+}
+
+@media only screen and (max-width: 782px) {
+	.wp-customizer .theme:not(.active):hover .theme-actions,
+	.wp-customizer .theme:not(.active):focus .theme-actions {
+		display: block;
+	}
+
+	.wp-customizer .theme-browser .theme.active .theme-name span {
+		display: inline;
+	}
+
+	.customize-control-header button.random .dice {
+		margin-top: 0;
+	}
+
+	.customize-control-radio .customize-inside-control-row,
+	.customize-control-checkbox .customize-inside-control-row,
+	.customize-control-nav_menu_auto_add .customize-inside-control-row {
+		margin-right: 32px;
+	}
+
+	.customize-control-radio input,
+	.customize-control-checkbox input,
+	.customize-control-nav_menu_auto_add input {
+		margin-right: -32px;
+	}
+
+	.customize-control input[type="radio"] + label + br,
+	.customize-control input[type="checkbox"] + label + br {
+		line-height: 2.5; /* For widgets checkboxes */
+	}
+
+	.customize-control .date-time-fields select {
+		height: 39px;
+	}
+
+	.date-time-fields .date-input.month {
+		width: 79px;
+	}
+
+	.date-time-fields .date-input.day,
+	.date-time-fields .date-input.hour,
+	.date-time-fields .date-input.minute {
+		width: 55px;
+	}
+
+	.date-time-fields .date-input.year {
+		width: 80px;
+	}
+
+	#customize-control-changeset_preview_link a {
+		bottom: 16px;
+	}
+
+	.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+		bottom: 10px;
+	}
+
+	.media-widget-control .media-widget-buttons .button.edit-media,
+	.media-widget-control .media-widget-buttons .button.change-media,
+	.media-widget-control .media-widget-buttons .button.select-media {
+		margin-top: 12px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 3px 25px 3px 0;
+	}
+}
+
+@media screen and (max-width: 1200px) {
+	.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+		right: 67%;
+	}
+}
+
+@media screen and (max-width: 640px) {
+
+	/* when the sidebar is collapsed and switching to responsive view,
+	   bring it back see ticket #35220 */
+	.wp-full-overlay.collapsed #customize-controls {
+		margin-right: 0;
+	}
+
+	.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+		bottom: 0;
+	}
+
+	.customize-controls-preview-toggle {
+		display: block;
+		position: absolute;
+		top: 0;
+		right: 48px;
+		line-height: 2.6;
+		font-size: 14px;
+		padding: 0 12px 4px;
+		margin: 0;
+		height: 45px;
+		background: #f0f0f1;
+		border: 0;
+		border-left: 1px solid #dcdcde;
+		border-top: 4px solid #f0f0f1;
+		color: #50575e;
+		cursor: pointer;
+		transition: color .1s ease-in-out, background .1s ease-in-out;
+	}
+
+	#customize-footer-actions,
+	/*#customize-preview,*/
+	.customize-controls-preview-toggle .controls,
+	.preview-only .wp-full-overlay-sidebar-content,
+	.preview-only .customize-controls-preview-toggle .preview {
+		display: none;
+	}
+
+	.preview-only #customize-save-button-wrapper {
+		margin-top: -46px;
+	}
+
+	.customize-controls-preview-toggle .preview:before,
+	.customize-controls-preview-toggle .controls:before {
+		font: normal 20px/1 dashicons;
+		content: "\f177";
+		position: relative;
+		top: 4px;
+		margin-left: 6px;
+	}
+
+	.customize-controls-preview-toggle .controls:before {
+		content: "\f540";
+	}
+
+	.preview-only #customize-controls {
+		height: 45px;
+	}
+
+	.preview-only #customize-preview,
+	.preview-only .customize-controls-preview-toggle .controls {
+		display: block;
+	}
+
+	.wp-core-ui.wp-customizer .button {
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
+		font-size: 14px;
+		vertical-align: middle;
+	}
+
+	#customize-control-changeset_status .customize-inside-control-row {
+		padding-top: 15px;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		width: 100%;
+	}
+
+	#available-widgets .customize-section-title,
+	#available-menu-items .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-widgets .customize-section-back,
+	#available-menu-items .customize-section-back {
+		height: 69px;
+	}
+
+	#available-widgets .customize-section-title h3,
+	#available-menu-items .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 14px 12px 10px;
+		margin: 0;
+		line-height: 24px;
+		color: #50575e;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets .customize-section-title .customize-action,
+	#available-menu-items .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets-filter {
+		position: relative;
+		width: 100%;
+		height: auto;
+	}
+
+	#available-widgets-list {
+		top: 130px;
+	}
+
+	#available-menu-items-search .clear-results,
+	#available-menu-items-search .search-icon {
+		top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
+	}
+
+	.reorder,
+	.reordering .reorder-done {
+		padding: 8px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 0;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.wp-full-overlay.expanded {
+		margin-right: 0;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		top: 46px;
+		z-index: 10;
+	}
+
+	body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		right: -100%;
+	}
+
+	body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		right: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/customize-controls-rtl.min.css b/tools/storybook/wordpress/css/customize-controls-rtl.min.css
new file mode 100644
index 00000000000..5c42ccc0601
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-controls-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{overflow:hidden;-webkit-text-size-adjust:100%}.customize-controls-close,.widget-control-actions a{text-decoration:none}#customize-controls h3{font-size:14px}#customize-controls img{max-width:100%}#customize-controls .submit{text-align:center}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked{background-color:rgba(0,0,0,.7);padding:25px}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message{margin-right:auto;margin-left:auto;max-width:366px;min-height:64px;width:auto;padding:25px 109px 25px 25px;position:relative;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);line-height:1.5;overflow-y:auto;text-align:right;top:calc(50% - 100px)}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing{margin-top:0}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons{margin-bottom:0}.customize-changeset-locked-avatar{width:64px;position:absolute;right:25px;top:25px}.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button{margin-left:10px;margin-top:0}#customize-controls .description{color:#50575e}#customize-save-button-wrapper{float:left;margin-top:9px}body:not(.ready) #customize-save-button-wrapper .save{visibility:hidden}#customize-save-button-wrapper .save{float:right;border-radius:3px;box-shadow:none;margin-top:0}#customize-save-button-wrapper .save:focus,#publish-settings:focus{box-shadow:0 1px 0 #2271b1,0 0 2px 1px #72aee6}#customize-save-button-wrapper .save.has-next-sibling{border-radius:0 3px 3px 0}#customize-sidebar-outer-content{position:absolute;top:0;bottom:0;right:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:100%;margin:0;z-index:-1;background:#f0f0f1;transition:right .18s;border-left:1px solid #dcdcde;border-right:1px solid #dcdcde;height:100%}@media (prefers-reduced-motion:reduce){#customize-sidebar-outer-content{transition:none}}#customize-theme-controls .control-section-outer{display:none!important}#customize-outer-theme-controls .accordion-section-content{padding:12px}#customize-outer-theme-controls .accordion-section-content.open{display:block}.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content{visibility:visible;right:100%;transition:right .18s}@media (prefers-reduced-motion:reduce){.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content{transition:none}}.customize-outer-pane-parent{margin:0}.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main{right:300px;opacity:.4}.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main{right:64%}#customize-outer-theme-controls li.notice{padding-top:8px;padding-bottom:8px;margin-right:0;margin-bottom:10px}#publish-settings{text-indent:0;border-radius:3px 0 0 3px;padding-right:0;padding-left:0;box-shadow:none;font-size:14px;width:30px;float:right;transform:none;margin-top:0;line-height:2}body.trashing #customize-save-button-wrapper .save,body.trashing #publish-settings,body:not(.ready) #publish-settings{display:none}#customize-header-actions .spinner{margin-top:13px;margin-left:4px}.saving #customize-header-actions .spinner,.trashing #customize-header-actions .spinner{visibility:visible}#customize-header-actions{border-bottom:1px solid #dcdcde}#customize-controls .wp-full-overlay-sidebar-content{overflow-y:auto;overflow-x:hidden}.outer-section-open #customize-controls .wp-full-overlay-sidebar-content{background:#f0f0f1}#customize-controls .customize-info{border:none;border-bottom:1px solid #dcdcde;margin-bottom:15px}#customize-control-changeset_preview_link input,#customize-control-changeset_status .customize-inside-control-row{background-color:#fff;border-bottom:1px solid #dcdcde;box-sizing:content-box;width:100%;margin-right:-12px;padding-right:12px;padding-left:12px}#customize-control-trash_changeset{margin-top:20px}#customize-control-trash_changeset .button-link{position:relative;padding-right:24px;display:inline-block}#customize-control-trash_changeset .button-link:before{content:"\f182";font:normal 22px dashicons;text-decoration:none;position:absolute;right:0;top:-2px}#customize-controls .date-input:invalid{border-color:#d63638}#customize-control-changeset_status .customize-inside-control-row{padding-top:10px;padding-bottom:10px;font-weight:500}#customize-control-changeset_status .customize-inside-control-row:first-of-type{border-top:1px solid #dcdcde}#customize-control-changeset_status .customize-control-title{margin-bottom:6px}#customize-control-changeset_status input{margin-right:0}#customize-control-changeset_preview_link{position:relative;display:block}.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button{margin:0;position:absolute;bottom:9px;left:0}.preview-link-wrapper{position:relative}.customize-copy-preview-link:after,.customize-copy-preview-link:before{content:"";height:28px;position:absolute;background:#fff;top:-1px}.customize-copy-preview-link:before{right:-10px;width:9px;opacity:.75}.customize-copy-preview-link:after{right:-5px;width:4px;opacity:.8}#customize-control-changeset_preview_link input{line-height:2.85714286;border-top:1px solid #dcdcde;border-right:none;border-left:none;text-indent:-999px;color:#fff;min-height:40px}#customize-control-changeset_preview_link label{position:relative;display:block}#customize-control-changeset_preview_link a{display:inline-block;position:absolute;white-space:nowrap;overflow:hidden;width:90%;bottom:14px;font-size:14px;text-decoration:none}#customize-control-changeset_preview_link a.disabled,#customize-control-changeset_preview_link a.disabled:active,#customize-control-changeset_preview_link a.disabled:focus,#customize-control-changeset_preview_link a.disabled:visited{color:#000;opacity:.4;cursor:default;outline:0;box-shadow:none}#sub-accordion-section-publish_settings .customize-section-description-container{display:none}#customize-controls .customize-info.section-meta{margin-bottom:15px}.customize-control-date_time .customize-control-description+.date-time-fields.includes-time{margin-top:10px}.customize-control.customize-control-date_time .date-time-fields .date-input.day{margin-left:0}.date-time-fields .date-input.month{width:auto;margin:0}.date-time-fields .date-input.day,.date-time-fields .date-input.hour,.date-time-fields .date-input.minute{width:46px}.date-time-fields .date-input.year{width:65px}.date-time-fields .date-input.meridian{width:auto;margin:0}.date-time-fields .time-row{margin-top:12px}#customize-control-changeset_preview_link{margin-top:6px}#customize-control-changeset_status{margin-bottom:0;padding-bottom:0}#customize-control-changeset_scheduled_date{box-sizing:content-box;width:100%;margin-right:-12px;padding:12px;background:#fff;border-bottom:1px solid #dcdcde;margin-bottom:0}#customize-control-changeset_scheduled_date .customize-control-description{font-style:normal}#customize-controls .customize-info.is-in-view,#customize-controls .customize-section-title.is-in-view{position:absolute;z-index:9;width:100%;box-shadow:0 1px 0 rgba(0,0,0,.1)}#customize-controls .customize-section-title.is-in-view{margin-top:0}#customize-controls .customize-info.is-in-view+.accordion-section{margin-top:15px}#customize-controls .customize-info.is-sticky,#customize-controls .customize-section-title.is-sticky{position:fixed;top:46px}#customize-controls .customize-info .accordion-section-title{background:#fff;color:#50575e;border-right:none;border-left:none;border-bottom:none;cursor:default}#customize-controls .customize-info .accordion-section-title:focus:after,#customize-controls .customize-info .accordion-section-title:hover:after,#customize-controls .customize-info.open .accordion-section-title:after{color:#2c3338}#customize-controls .customize-info .accordion-section-title:after{display:none}#customize-controls .customize-info .preview-notice{font-size:13px;line-height:1.9}#customize-controls .customize-info .panel-title,#customize-controls .customize-pane-child .customize-section-title h3,#customize-controls .customize-pane-child h3.customize-section-title,#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,#customize-outer-theme-controls .customize-pane-child h3.customize-section-title{font-size:20px;font-weight:200;line-height:26px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#customize-controls .customize-section-title span.customize-action{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#customize-controls .customize-info .customize-help-toggle{position:absolute;top:4px;left:1px;padding:20px 10px 10px 20px;width:20px;height:20px;cursor:pointer;box-shadow:none;-webkit-appearance:none;background:0 0;color:#50575e;border:none}#customize-controls .customize-info .customize-help-toggle:before{position:absolute;top:5px;right:6px}#customize-controls .customize-info .customize-help-toggle:focus,#customize-controls .customize-info .customize-help-toggle:hover,#customize-controls .customize-info.open .customize-help-toggle{color:#2271b1}#customize-controls .customize-info .customize-panel-description,#customize-controls .customize-info .customize-section-description,#customize-controls .no-widget-areas-rendered-notice,#customize-outer-theme-controls .customize-info .customize-section-description{color:#50575e;display:none;background:#fff;padding:12px 15px;border-top:1px solid #dcdcde}#customize-controls .customize-info .customize-panel-description.open+.no-widget-areas-rendered-notice{border-top:none}.no-widget-areas-rendered-notice{font-style:italic}.no-widget-areas-rendered-notice p:first-child{margin-top:0}.no-widget-areas-rendered-notice p:last-child{margin-bottom:0}#customize-controls .customize-info .customize-section-description{margin-bottom:15px}#customize-controls .customize-info .customize-panel-description p:first-child,#customize-controls .customize-info .customize-section-description p:first-child{margin-top:0}#customize-controls .customize-info .customize-panel-description p:last-child,#customize-controls .customize-info .customize-section-description p:last-child{margin-bottom:0}#customize-controls .current-panel .control-section>h3.accordion-section-title{padding-left:30px}#customize-outer-theme-controls .control-section,#customize-theme-controls .control-section{border:none}#customize-outer-theme-controls .accordion-section-title,#customize-theme-controls .accordion-section-title{color:#50575e;background-color:#fff;border-bottom:1px solid #dcdcde;border-right:4px solid #fff;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}@media (prefers-reduced-motion:reduce){#customize-outer-theme-controls .accordion-section-title,#customize-theme-controls .accordion-section-title{transition:none}}#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title{color:#50575e;background-color:#fff;border-right:4px solid #fff}#customize-outer-theme-controls .accordion-section-title:after,#customize-theme-controls .accordion-section-title:after{content:"\f341";color:#a7aaad}#customize-outer-theme-controls .accordion-section-content,#customize-theme-controls .accordion-section-content{color:#50575e;background:0 0}#customize-controls .control-section .accordion-section-title:focus,#customize-controls .control-section .accordion-section-title:hover,#customize-controls .control-section.open .accordion-section-title,#customize-controls .control-section:hover>.accordion-section-title{color:#2271b1;background:#f6f7f7;border-right-color:#2271b1}#accordion-section-themes+.control-section{border-top:1px solid #dcdcde}.js .control-section .accordion-section-title:focus,.js .control-section .accordion-section-title:hover,.js .control-section.open .accordion-section-title,.js .control-section:hover .accordion-section-title{background:#f6f7f7}#customize-outer-theme-controls .control-section .accordion-section-title:focus:after,#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,#customize-outer-theme-controls .control-section.open .accordion-section-title:after,#customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,#customize-theme-controls .control-section .accordion-section-title:focus:after,#customize-theme-controls .control-section .accordion-section-title:hover:after,#customize-theme-controls .control-section.open .accordion-section-title:after,#customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#2271b1}#customize-theme-controls .control-section.open{border-bottom:1px solid #f0f0f1}#customize-outer-theme-controls .control-section.open .accordion-section-title,#customize-theme-controls .control-section.open .accordion-section-title{border-bottom-color:#f0f0f1!important}#customize-theme-controls .control-section:last-of-type.open,#customize-theme-controls .control-section:last-of-type>.accordion-section-title{border-bottom-color:#dcdcde}#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title{border-top:1px solid #dcdcde}#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu+.control-section-nav_menu{border-top:none}#customize-theme-controls>ul{margin:0}#customize-theme-controls .accordion-section-content{position:absolute;top:0;right:100%;width:100%;margin:0;padding:12px;box-sizing:border-box}#customize-info,#customize-theme-controls .customize-pane-child,#customize-theme-controls .customize-pane-parent{overflow:visible;width:100%;margin:0;padding:0;box-sizing:border-box;transition:.18s transform cubic-bezier(.645, .045, .355, 1)}@media (prefers-reduced-motion:reduce){#customize-info,#customize-theme-controls .customize-pane-child,#customize-theme-controls .customize-pane-parent{transition:none}}#customize-theme-controls .customize-pane-child.skip-transition{transition:none}#customize-info,#customize-theme-controls .customize-pane-parent{position:relative;visibility:visible;height:auto;max-height:none;overflow:auto;transform:none}#customize-theme-controls .customize-pane-child{position:absolute;top:0;right:0;visibility:hidden;height:0;max-height:none;overflow:hidden;transform:translateX(-100%)}#customize-theme-controls .customize-pane-child.current-panel,#customize-theme-controls .customize-pane-child.open{transform:none}.in-sub-panel #customize-info,.in-sub-panel #customize-theme-controls .customize-pane-parent,.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel,.section-open #customize-info,.section-open #customize-theme-controls .customize-pane-parent{visibility:hidden;height:0;overflow:hidden;transform:translateX(100%)}#customize-theme-controls .customize-pane-child.busy,#customize-theme-controls .customize-pane-child.current-panel,#customize-theme-controls .customize-pane-child.open,.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,.in-sub-panel #customize-info.busy,.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,.section-open #customize-info.busy,.section-open #customize-theme-controls .customize-pane-parent.busy{visibility:visible;height:auto;overflow:auto}#customize-theme-controls .customize-pane-child.accordion-section-content,#customize-theme-controls .customize-pane-child.accordion-sub-container{display:block;overflow-x:hidden}#customize-theme-controls .customize-pane-child.accordion-section-content{padding:12px}#customize-theme-controls .customize-pane-child.menu li{position:static}.control-section-nav_menu .customize-section-description-container,.control-section-new_menu .customize-section-description-container,.customize-section-description-container{margin-bottom:15px}.control-section-nav_menu .customize-control,.control-section-new_menu .customize-control{margin-bottom:0}.customize-section-title{margin:-12px -12px 0;border-bottom:1px solid #dcdcde;background:#fff}div.customize-section-description{margin-top:22px}.customize-info div.customize-section-description{margin-top:0}div.customize-section-description p:first-child{margin-top:0}div.customize-section-description p:last-child{margin-bottom:0}#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child{border-bottom:1px solid #dcdcde;padding:12px}.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child{padding:12px 12px 13px}.customize-section-title h3,h3.customize-section-title{padding:10px 14px 12px 10px;margin:0;line-height:21px;color:#50575e}.accordion-sub-container.control-panel-content{display:none;position:absolute;top:0;width:100%}.accordion-sub-container.control-panel-content.busy{display:block}.current-panel .accordion-sub-container.control-panel-content{width:100%}.customize-controls-close{display:block;position:absolute;top:0;right:0;width:45px;height:41px;padding:0 0 0 2px;background:#f0f0f1;border:none;border-top:4px solid #f0f0f1;border-left:1px solid #dcdcde;color:#3c434a;text-align:right;cursor:pointer;transition:color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;box-sizing:content-box}.customize-panel-back,.customize-section-back{display:block;float:right;width:48px;height:71px;padding:0 0 0 24px;margin:0;background:#fff;border:none;border-left:1px solid #dcdcde;border-right:4px solid #fff;box-shadow:none;cursor:pointer;transition:color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out}.customize-section-back{height:74px}.ios .customize-panel-back{display:none}.ios .expanded.in-sub-panel .customize-panel-back{display:block}#customize-controls .panel-meta.customize-info .accordion-section-title{margin-right:48px;border-right:none}#customize-controls .cannot-expand:hover .accordion-section-title,#customize-controls .panel-meta.customize-info .accordion-section-title:hover{background:#fff;color:#50575e;border-right-color:#fff}.customize-controls-close:focus,.customize-controls-close:hover,.customize-controls-preview-toggle:focus,.customize-controls-preview-toggle:hover{background:#fff;color:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-theme-controls .accordion-section-title:focus .customize-action{outline:1px solid transparent;outline-offset:1px}.customize-panel-back:focus,.customize-panel-back:hover,.customize-section-back:focus,.customize-section-back:hover{color:#2271b1;background:#f6f7f7;border-right-color:#2271b1;box-shadow:none;outline:2px solid transparent;outline-offset:-2px}.customize-controls-close:before{font:normal 22px/45px dashicons;content:"\f335";position:relative;top:-3px;right:13px}.customize-panel-back:before,.customize-section-back:before{font:normal 20px/72px dashicons;content:"\f345";position:relative;right:9px}.wp-full-overlay-sidebar .wp-full-overlay-header{background-color:#f0f0f1;transition:padding ease-in-out .18s}.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header{padding-right:62px}p.customize-section-description{font-style:normal;margin-top:22px;margin-bottom:0}.customize-section-description ul{margin-right:1em}.customize-section-description ul>li{list-style:disc}.section-description-buttons{text-align:left}.customize-control{width:100%;float:right;clear:both;margin-bottom:12px}.customize-control input[type=email],.customize-control input[type=number],.customize-control input[type=password],.customize-control input[type=range],.customize-control input[type=search],.customize-control input[type=tel],.customize-control input[type=text],.customize-control input[type=url]{width:100%;margin:0}.customize-control-hidden{margin:0}.customize-control-textarea textarea{width:100%;resize:vertical}.customize-control select{width:100%}.customize-control select[multiple]{height:auto}.customize-control-title{display:block;font-size:14px;line-height:1.75;font-weight:600;margin-bottom:4px}.customize-control-description{display:block;font-style:italic;line-height:1.4;margin-top:0;margin-bottom:5px}.customize-section-description a.external-link:after{font:16px/11px dashicons;content:"\f504";top:3px;position:relative;padding-right:3px;display:inline-block;text-decoration:none}.customize-control-color .color-picker,.customize-control-upload div{line-height:28px}.customize-control .customize-inside-control-row{line-height:1.6;display:block;margin-right:24px;padding-top:6px;padding-bottom:6px}.customize-control-checkbox input,.customize-control-nav_menu_auto_add input,.customize-control-radio input{margin-left:4px;margin-right:-24px}.customize-control-radio{padding:5px 0 10px}.customize-control-radio .customize-control-title{margin-bottom:0;line-height:1.6}.customize-control-radio .customize-control-title+.customize-control-description{margin-top:7px}.customize-control-checkbox label,.customize-control-radio label{vertical-align:top}.customize-control .attachment-thumb.type-icon{float:right;margin:10px;width:auto}.customize-control .attachment-title{font-weight:600;margin:0;padding:5px 10px}.customize-control .attachment-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0 10px}.customize-control .attachment-meta-title{padding-top:7px}.customize-control .thumbnail-image,.customize-control .wp-media-wrapper.wp-video,.customize-control-header .current{line-height:0}.customize-control-site_icon .favicon-preview .browser-preview{vertical-align:top}.customize-control .thumbnail-image img{cursor:pointer}#customize-controls .thumbnail-audio .thumbnail{max-width:64px;max-height:64px;margin:10px;float:right}#available-menu-items .accordion-section-content .new-content-item,.customize-control-dropdown-pages .new-content-item{width:calc(100% - 30px);padding:8px 15px;position:absolute;bottom:0;z-index:10;background:#f0f0f1;display:flex}.customize-control-dropdown-pages .new-content-item{width:100%;padding:5px 1px 5px 0;position:relative}#available-menu-items .new-content-item .create-item-input,.customize-control-dropdown-pages .new-content-item .create-item-input{flex-grow:10}#available-menu-items .new-content-item .add-content,.customize-control-dropdown-pages .new-content-item .add-content{margin:2px 6px 2px 0;flex-grow:1}.customize-control-dropdown-pages .new-content-item .create-item-input.invalid{border:1px solid #d63638}.customize-control-dropdown-pages .add-new-toggle{margin-right:1px;font-weight:600;line-height:2.2}#customize-preview iframe{width:100%;height:100%;position:absolute}#customize-preview iframe+iframe{visibility:hidden}.wp-full-overlay-sidebar{background:#f0f0f1;border-left:1px solid #dcdcde}#customize-controls .customize-control-notifications-container{margin:4px 0 8px;padding:0;cursor:default}#customize-controls .customize-control-widget_form.has-error .widget .widget-top,.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle{box-shadow:inset 0 0 0 2px #d63638;transition:.15s box-shadow linear}#customize-controls .customize-control-notifications-container li.notice{list-style:none;margin:0 0 6px;padding:9px 14px;overflow:hidden}#customize-controls .customize-control-notifications-container .notice.is-dismissible{padding-left:38px}.customize-control-notifications-container li.notice:last-child{margin-bottom:0}#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container{margin-top:0}#customize-controls .customize-control-widget_form .customize-control-notifications-container{margin-top:8px}.customize-control-text.has-error input{outline:2px solid #d63638}#customize-controls #customize-notifications-area{position:absolute;top:46px;width:100%;border-bottom:1px solid #dcdcde;display:block;padding:0;margin:0}.wp-full-overlay.collapsed #customize-controls #customize-notifications-area{display:none!important}#customize-controls #customize-notifications-area:not(.has-overlay-notifications),#customize-controls .customize-section-title>.customize-control-notifications-container:not(.has-overlay-notifications),#customize-controls .panel-meta>.customize-control-notifications-container:not(.has-overlay-notifications){max-height:210px;overflow-x:hidden;overflow-y:auto}#customize-controls #customize-notifications-area .notice,#customize-controls #customize-notifications-area>ul,#customize-controls .customize-section-title>.customize-control-notifications-container,#customize-controls .customize-section-title>.customize-control-notifications-container .notice,#customize-controls .panel-meta>.customize-control-notifications-container,#customize-controls .panel-meta>.customize-control-notifications-container .notice{margin:0}#customize-controls .customize-section-title>.customize-control-notifications-container,#customize-controls .panel-meta>.customize-control-notifications-container{border-top:1px solid #dcdcde}#customize-controls #customize-notifications-area .notice,#customize-controls .customize-section-title>.customize-control-notifications-container .notice,#customize-controls .panel-meta>.customize-control-notifications-container .notice{padding:9px 14px}#customize-controls #customize-notifications-area .notice.is-dismissible,#customize-controls .customize-section-title>.customize-control-notifications-container .notice.is-dismissible,#customize-controls .panel-meta>.customize-control-notifications-container .notice.is-dismissible{padding-left:38px}#customize-controls #customize-notifications-area .notice+.notice,#customize-controls .customize-section-title>.customize-control-notifications-container .notice+.notice,#customize-controls .panel-meta>.customize-control-notifications-container .notice+.notice{margin-top:1px}@keyframes customize-fade-in{0%{opacity:0}100%{opacity:1}}#customize-controls #customize-notifications-area .notice.notification-overlay,#customize-controls .notice.notification-overlay{margin:0;border-right:0}#customize-controls .customize-control-notifications-container.has-overlay-notifications{animation:customize-fade-in .5s;z-index:30}#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message{clear:both;color:#1d2327;font-size:18px;font-style:normal;margin:0;padding:2em 0;text-align:center;width:100%;display:block;top:50%;position:relative}#customize-control-show_on_front.has-error{margin-bottom:0}#customize-control-show_on_front.has-error .customize-control-notifications-container{margin-top:12px}.accordion-section .dropdown{float:right;display:block;position:relative;cursor:pointer}.accordion-section .dropdown-content{overflow:hidden;float:right;min-width:30px;height:16px;line-height:16px;margin-left:16px;padding:4px 5px;border:2px solid #f0f0f1;-webkit-user-select:none;user-select:none}.customize-control .dropdown-arrow{position:absolute;top:0;bottom:0;left:0;width:20px;background:#f0f0f1}.customize-control .dropdown-arrow:after{content:"\f140";font:normal 20px/1 dashicons;speak:never;display:block;padding:0;text-indent:0;text-align:center;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#2c3338}.customize-control .dropdown-status{color:#2c3338;background:#f0f0f1;display:none;max-width:112px}.customize-control-color .dropdown{margin-left:5px;margin-bottom:5px}.customize-control-color .dropdown .dropdown-content{background-color:#50575e;border:1px solid rgba(0,0,0,.15)}.customize-control-color .dropdown:hover .dropdown-content{border-color:rgba(0,0,0,.25)}.ios .wp-full-overlay{position:relative}.ios #customize-controls .wp-full-overlay-sidebar-content{-webkit-overflow-scrolling:touch}.customize-control .actions .button{margin-top:12px}.customize-control-header .actions,.customize-control-header .uploaded{margin-bottom:18px}.customize-control-header .default button:not(.random),.customize-control-header .uploaded button:not(.random){width:100%;padding:0;margin:0;background:0 0;border:none;color:inherit;cursor:pointer}.customize-control-header button img{display:block}.customize-control .attachment-media-view .default-button,.customize-control .attachment-media-view .remove-button,.customize-control .attachment-media-view .upload-button,.customize-control-header button.new,.customize-control-header button.remove{width:auto;height:auto;white-space:normal}.customize-control .attachment-media-view .thumbnail,.customize-control-header .current .container{overflow:hidden}.customize-control .attachment-media-view .button-add-media,.customize-control .attachment-media-view .placeholder,.customize-control-header .placeholder{width:100%;position:relative;text-align:center;cursor:default;border:1px dashed #c3c4c7;box-sizing:border-box;padding:9px 0;line-height:1.6}.customize-control .attachment-media-view .button-add-media{cursor:pointer;background-color:#f0f0f1;color:#2c3338}.customize-control .attachment-media-view .button-add-media:hover{background-color:#fff}.customize-control .attachment-media-view .button-add-media:focus{background-color:#fff;border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.customize-control-header .inner{display:none;position:absolute;width:100%;color:#50575e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customize-control-header .inner,.customize-control-header .inner .dashicons{line-height:20px;top:8px}.customize-control-header .list .inner,.customize-control-header .list .inner .dashicons{top:9px}.customize-control-header .header-view{position:relative;width:100%;margin-bottom:12px}.customize-control-header .header-view:last-child{margin-bottom:0}.customize-control-header .header-view:after{border:0}.customize-control-header .header-view.selected .choice:focus{outline:0}.customize-control-header .header-view.selected:after{content:"";position:absolute;height:auto;top:0;right:0;bottom:0;left:0;border:4px solid #72aee6;border-radius:2px}.customize-control-header .header-view.button.selected{border:0}.customize-control-header .uploaded .header-view .close{font-size:20px;color:#fff;background:#50575e;background:rgba(0,0,0,.5);position:absolute;top:10px;right:-999px;z-index:1;width:26px;height:26px;cursor:pointer}.customize-control-header .header-view .close:focus,.customize-control-header .header-view:hover .close{right:auto;left:10px}.customize-control-header .header-view .close:focus{outline:1px solid #4f94d4}.customize-control-header .random.placeholder{cursor:pointer;border-radius:2px;height:40px}.customize-control-header button.random{width:100%;height:auto;min-height:40px;white-space:normal}.customize-control-header button.random .dice{margin-top:4px}.customize-control-header .header-view:hover>button.random .dice,.customize-control-header .placeholder:hover .dice{animation:dice-color-change 3s infinite}.button-see-me{animation:bounce .7s 1;transform-origin:center bottom}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-12px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-1px,0)}}.customize-control-header .choice{position:relative;display:block;margin-bottom:9px}.customize-control-header .choice:focus{outline:0;box-shadow:0 0 0 1px #4f94d4,0 0 3px 1px rgba(79,148,212,.8)}.customize-control-header .uploaded div:last-child>.choice{margin-bottom:0}.customize-control .attachment-media-view .thumbnail-image img,.customize-control-header img{max-width:100%}.customize-control .attachment-media-view .default-button,.customize-control .attachment-media-view .remove-button,.customize-control-header .remove{margin-left:8px}.customize-control-background_position .background-position-control .button-group{display:block}.customize-control-code_editor textarea{width:100%;font-family:Consolas,Monaco,monospace;font-size:12px;padding:6px 8px;-o-tab-size:2;tab-size:2}.customize-control-code_editor .CodeMirror,.customize-control-code_editor textarea{height:14em}#customize-controls .customize-section-description-container.section-meta.customize-info{border-bottom:none}#sub-accordion-section-custom_css .customize-control-notifications-container{margin-bottom:15px}#customize-control-custom_css textarea{display:block;height:500px}.customize-section-description-container+#customize-control-custom_css .customize-control-title{margin-right:12px}.customize-section-description-container+#customize-control-custom_css:last-child textarea{border-left:0;border-right:0;height:calc(100vh - 185px);resize:none}.customize-section-description-container+#customize-control-custom_css:last-child{margin-right:-12px;width:299px;width:calc(100% + 24px);margin-bottom:-12px}.customize-section-description-container+#customize-control-custom_css:last-child .CodeMirror{height:calc(100vh - 185px)}.CodeMirror-hints,.CodeMirror-lint-tooltip{z-index:500000!important}.customize-section-description-container+#customize-control-custom_css:last-child .customize-control-notifications-container{margin-right:12px;margin-left:12px}.theme-browser .theme.active .theme-actions,.wp-customizer .theme-browser .theme .theme-actions{padding:9px 15px;box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}@media screen and (max-width:640px){.customize-section-description-container+#customize-control-custom_css:last-child{margin-left:0}.customize-section-description-container+#customize-control-custom_css:last-child textarea{height:calc(100vh - 140px)}}#customize-theme-controls .control-panel-themes{border-bottom:none}#customize-theme-controls .control-panel-themes>.accordion-section-title,#customize-theme-controls .control-panel-themes>.accordion-section-title:hover{cursor:default;background:#fff;color:#50575e;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde;border-right:none;border-left:none;margin:0 0 15px;padding-left:100px}#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child,#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover{border-top:0}#customize-theme-controls .control-section-themes>.accordion-section-title,#customize-theme-controls .control-section-themes>.accordion-section-title:hover{margin:0 0 15px}#customize-controls .customize-themes-panel .accordion-section-title,#customize-controls .customize-themes-panel .accordion-section-title:hover{margin:15px -8px}#customize-controls .control-section-themes .accordion-section-title,#customize-controls .customize-themes-panel .accordion-section-title{padding-left:100px}#customize-controls .control-section-themes .accordion-section-title span.customize-action,#customize-controls .customize-section-title span.customize-action,.control-panel-themes .accordion-section-title span.customize-action{font-size:13px;display:block;font-weight:400}#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme{position:absolute;left:10px;top:50%;margin-top:-14px;font-weight:400}#customize-notifications-area .notification-message button.switch-to-editor{display:block;margin-top:6px;font-weight:400}#customize-theme-controls .control-panel-themes>.accordion-section-title:after{display:none}.control-panel-themes .customize-themes-full-container{position:fixed;top:0;right:0;transition:.18s right ease-in-out;margin:0 300px 0 0;padding:71px 0 25px;overflow-y:scroll;width:calc(100% - 300px);height:calc(100% - 96px);background:#f0f0f1;z-index:20}@media (prefers-reduced-motion:reduce){.control-panel-themes .customize-themes-full-container{transition:none}}@media screen and (min-width:1670px){.control-panel-themes .customize-themes-full-container{width:82%;left:0;right:initial}}.modal-open .control-panel-themes .customize-themes-full-container{overflow-y:visible}#customize-header-actions .customize-controls-preview-toggle,#customize-header-actions .spinner,#customize-save-button-wrapper{transition:.18s margin ease-in-out}#customize-footer-actions,#customize-footer-actions .collapse-sidebar{bottom:0;transition:.18s bottom ease-in-out}.in-themes-panel:not(.animating) #customize-footer-actions,.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,.in-themes-panel:not(.animating) #customize-header-actions .spinner,.in-themes-panel:not(.animating) #customize-preview{visibility:hidden}.wp-full-overlay.in-themes-panel{background:#f0f0f1}.in-themes-panel #customize-header-actions .customize-controls-preview-toggle,.in-themes-panel #customize-header-actions .spinner,.in-themes-panel #customize-save-button-wrapper{margin-top:-46px}.in-themes-panel #customize-footer-actions,.in-themes-panel #customize-footer-actions .collapse-sidebar{bottom:-45px}.in-themes-panel.animating .control-panel-themes .filter-themes-count{display:none}.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content{bottom:0}.themes-filter-bar .feature-filter-toggle{float:left;margin:3px 25px 3px 0}.themes-filter-bar .feature-filter-toggle:before{content:"\f111";margin:0 0 0 5px;font:normal 16px/1 dashicons;vertical-align:text-bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.themes-filter-bar .feature-filter-toggle.open{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)}.themes-filter-bar .feature-filter-toggle .filter-count-filters{display:none}.filter-drawer{box-sizing:border-box;width:100%;position:absolute;top:46px;right:0;padding:25px 25px 25px 0;border-top:0;margin:0;background:#f0f0f1;border-bottom:1px solid #dcdcde}.filter-drawer .filter-group{margin:0 0 0 25px;width:calc((100% - 75px)/ 3);min-width:200px;max-width:320px}@keyframes themes-fade-in{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.control-panel-themes .customize-themes-full-container.animate{animation:.6s themes-fade-in 1}.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count{animation:.6s themes-fade-in 1}.control-panel-themes .filter-themes-count{position:relative;float:left;line-height:2.6}.control-panel-themes .filter-themes-count .themes-displayed{font-weight:600;color:#50575e}.customize-themes-notifications{margin:0}.control-panel-themes .customize-themes-notifications .notice{margin:0 0 25px}.customize-themes-full-container .customize-themes-section{display:none!important;overflow:hidden}.customize-themes-full-container .customize-themes-section.current-section{display:list-item!important}.control-section .customize-section-text-before{padding:0 15px 8px 0;margin:15px 0 0;line-height:16px;border-bottom:1px solid #dcdcde;color:#50575e}.control-panel-themes .customize-themes-section-title{width:100%;background:#fff;box-shadow:none;outline:0;border-top:none;border-bottom:1px solid #dcdcde;border-right:4px solid #fff;border-left:none;cursor:pointer;padding:10px 15px;position:relative;text-align:right;font-size:14px;font-weight:600;color:#50575e;text-shadow:none}.control-panel-themes #accordion-section-installed_themes{border-top:1px solid #dcdcde}.control-panel-themes .theme-section{margin:0;position:relative}.control-panel-themes .customize-themes-section-title:focus,.control-panel-themes .customize-themes-section-title:hover{border-right-color:#2271b1;color:#2271b1;background:#f6f7f7}.customize-themes-section-title:not(.selected):after{content:"";display:block;position:absolute;top:9px;left:15px;width:18px;height:18px;border-radius:100%;border:1px solid #c3c4c7;background:#fff}.control-panel-themes .theme-section .customize-themes-section-title.selected:after{content:"\f147";font:16px/1 dashicons;box-sizing:border-box;width:20px;height:20px;padding:3px 1px 1px 3px;border-radius:100%;position:absolute;top:9px;left:15px;background:#2271b1;color:#fff}.control-panel-themes .customize-themes-section-title.selected{color:#2271b1}#customize-theme-controls .themes.accordion-section-content{position:relative;right:0;padding:0;width:100%}.loading .customize-themes-section .spinner{display:block;visibility:visible;position:relative;clear:both;width:20px;height:20px;right:calc(50% - 10px);float:none;margin-top:50px}.customize-themes-section .no-themes,.customize-themes-section .no-themes-local{display:none}.themes-section-installed_themes .theme .notice-success:not(.updated-message){display:none}.customize-control-theme .theme{width:100%;margin:0;border:1px solid #dcdcde;background:#fff}.customize-control-theme .theme .theme-actions,.customize-control-theme .theme .theme-name{background:#fff;border:none}.customize-control.customize-control-theme{box-sizing:border-box;width:25%;max-width:600px;margin:0 0 25px 25px;padding:0;clear:none}@media screen and (min-width:2101px){.customize-control.customize-control-theme{width:calc((100% - 125px)/ 5 - 1px)}}@media screen and (min-width:1601px) and (max-width:2100px){.customize-control.customize-control-theme{width:calc((100% - 100px)/ 4 - 1px)}}@media screen and (min-width:1201px) and (max-width:1600px){.customize-control.customize-control-theme{width:calc((100% - 75px)/ 3 - 1px)}}@media screen and (min-width:851px) and (max-width:1200px){.customize-control.customize-control-theme{width:calc((100% - 50px)/ 2 - 1px)}}@media screen and (max-width:850px){.customize-control.customize-control-theme{width:100%}}.wp-customizer .theme-browser .themes{padding:0 25px 25px 0;transition:.18s margin-top linear}.wp-customizer .theme-browser .theme .theme-actions{opacity:1}#customize-controls h3.theme-name{font-size:15px}#customize-controls .theme-overlay .theme-name{font-size:32px}.customize-preview-header.themes-filter-bar{position:fixed;top:0;right:300px;width:calc(100% - 300px);height:46px;background:#f0f0f1;z-index:10;padding:6px 25px;box-sizing:border-box;border-bottom:1px solid #dcdcde}@media screen and (min-width:1670px){.customize-preview-header.themes-filter-bar{width:82%;left:0;right:initial}}.themes-filter-bar .themes-filter-container{margin:0;padding:0}.themes-filter-bar .wp-filter-search{line-height:1.8;padding:6px 30px 6px 10px;max-width:100%;width:40%;min-width:300px;position:absolute;top:6px;right:25px;height:32px;margin:1px 0}@media screen and (max-height:540px),screen and (max-width:1018px){.customize-preview-header.themes-filter-bar{position:relative;right:0;width:100%;margin:0 0 25px}.filter-drawer{top:46px}.wp-customizer .theme-browser .themes{padding:0 25px 25px 0;overflow:hidden}.control-panel-themes .customize-themes-full-container{margin-top:0;padding:0;height:100%;width:calc(100% - 300px)}}@media screen and (max-width:1018px){.filter-drawer .filter-group{width:calc((100% - 50px)/ 2)}}@media screen and (max-width:900px){.customize-preview-header.themes-filter-bar{height:86px;padding-top:46px}.themes-filter-bar .wp-filter-search{width:calc(100% - 50px);margin:0;min-width:200px}.filter-drawer{top:86px}.control-panel-themes .filter-themes-count{float:right}}@media screen and (max-width:792px){.filter-drawer .filter-group{width:calc(100% - 25px)}}.control-panel-themes .customize-themes-mobile-back{display:none}@media screen and (max-width:600px){.filter-drawer{top:132px}.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes{display:block;float:left}.control-panel-themes .customize-themes-full-container{width:100%;margin:0;padding-top:46px;height:calc(100% - 46px);z-index:1;display:none}.showing-themes .control-panel-themes .customize-themes-full-container{display:block}.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back{display:block;position:fixed;top:0;right:0;background:#f0f0f1;color:#3c434a;border-radius:0;box-shadow:none;border:none;height:46px;width:100%;z-index:10;text-align:right;text-shadow:none;border-bottom:1px solid #dcdcde;border-right:4px solid transparent;margin:0;padding:0;font-size:0;overflow:hidden}.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before{right:0;top:0;height:46px;width:26px;display:block;line-height:2.3;padding:0 8px;border-left:1px solid #dcdcde}.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus,.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover{color:#2271b1;background:#f6f7f7;border-right-color:#2271b1;box-shadow:none;outline:2px solid transparent;outline-offset:-2px}.showing-themes #customize-header-actions{display:none}#customize-controls{width:100%}}.wp-customizer .theme-overlay{display:none}.wp-customizer.modal-open .theme-overlay{position:fixed;right:0;top:0;left:0;bottom:0;z-index:109}.wp-customizer.modal-open #customize-header-actions,.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after,.wp-customizer.modal-open .control-panel-themes .filter-themes-count{z-index:-1}.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content{overflow:visible}.wp-customizer .theme-overlay .theme-backdrop{background:rgba(240,240,241,.75);position:fixed;z-index:110}.wp-customizer .theme-overlay .star-rating{float:right;margin-left:8px}.wp-customizer .theme-rating .num-ratings{line-height:20px}.wp-customizer .theme-overlay .theme-wrap{right:90px;left:90px;top:45px;bottom:45px;z-index:120}.wp-customizer .theme-overlay .theme-actions{text-align:left;padding:10px 25px;background:#f0f0f1;border-top:1px solid #dcdcde}.wp-customizer .theme-overlay .theme-actions .theme-install.preview{margin-right:8px}.control-panel-themes .theme-actions .delete-theme{right:15px;left:auto;bottom:auto;position:absolute}.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content{overflow:visible}.wp-customizer .theme-header{background:#f0f0f1}.wp-customizer .theme-overlay .theme-header .close:before,.wp-customizer .theme-overlay .theme-header button{color:#3c434a}.wp-customizer .theme-overlay .theme-header .close:focus,.wp-customizer .theme-overlay .theme-header .close:hover,.wp-customizer .theme-overlay .theme-header .left:focus,.wp-customizer .theme-overlay .theme-header .left:hover,.wp-customizer .theme-overlay .theme-header .right:focus,.wp-customizer .theme-overlay .theme-header .right:hover{background:#fff;border-bottom:4px solid #2271b1;color:#2271b1}.wp-customizer .theme-overlay .theme-header .close:focus:before,.wp-customizer .theme-overlay .theme-header .close:hover:before{color:#2271b1}.wp-customizer .theme-overlay .theme-header button.disabled,.wp-customizer .theme-overlay .theme-header button.disabled:focus,.wp-customizer .theme-overlay .theme-header button.disabled:hover{border-bottom:none;background:0 0;color:#c3c4c7}@media (max-width:850px),(max-height:472px){.wp-customizer .theme-overlay .theme-wrap{right:0;left:0;top:0;bottom:0}.wp-customizer .theme-browser .themes{padding-left:25px}}body.cheatin{font-size:medium;height:auto;background:#fff;border:1px solid #c3c4c7;margin:50px auto 2em;padding:1em 2em;max-width:700px;min-width:0;box-shadow:0 1px 1px rgba(0,0,0,.04)}body.cheatin h1{border-bottom:1px solid #dcdcde;clear:both;color:#50575e;font-size:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:30px 0 0;padding:0 0 7px}body.cheatin p{font-size:14px;line-height:1.5;margin:25px 0 20px}#customize-theme-controls .add-new-menu-item,#customize-theme-controls .add-new-widget{cursor:pointer;float:left;margin:0 10px 0 0;transition:all .2s;-webkit-user-select:none;user-select:none;outline:0}.reordering .add-new-menu-item,.reordering .add-new-widget{opacity:.2;pointer-events:none;cursor:not-allowed}#available-menu-items .new-content-item .add-content:before,.add-new-menu-item:before,.add-new-widget:before{content:"\f132";display:inline-block;position:relative;right:-2px;top:0;font:normal 20px/1 dashicons;vertical-align:middle;transition:all .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reorder-toggle{float:left;padding:5px 8px;text-decoration:none;cursor:pointer;outline:0}.reorder,.reordering .reorder-done{display:block;padding:5px 8px}.reorder-done,.reordering .reorder{display:none}.menu-item-reorder-nav button,.widget-reorder-nav span{position:relative;overflow:hidden;float:right;display:block;width:33px;height:43px;color:#8c8f94;text-indent:-9999px;cursor:pointer;outline:0}.menu-item-reorder-nav button{width:30px;height:40px;background:0 0;border:none;box-shadow:none}.menu-item-reorder-nav button:before,.widget-reorder-nav span:before{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;font:normal 20px/43px dashicons;text-align:center;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-item-reorder-nav button:focus,.menu-item-reorder-nav button:hover,.widget-reorder-nav span:focus,.widget-reorder-nav span:hover{color:#1d2327;background:#f0f0f1}.menus-move-down:before,.move-widget-down:before{content:"\f347"}.menus-move-up:before,.move-widget-up:before{content:"\f343"}#customize-theme-controls .first-widget .move-widget-up,#customize-theme-controls .last-widget .move-widget-down,.move-down-disabled .menus-move-down,.move-left-disabled .menus-move-left,.move-right-disabled .menus-move-right,.move-up-disabled .menus-move-up{color:#dcdcde;background-color:#fff;cursor:default;pointer-events:none}.wp-full-overlay-main{left:auto;width:100%}.add-menu-toggle.open,.add-menu-toggle.open:hover,.adding-menu-items .add-new-menu-item,.adding-menu-items .add-new-menu-item:hover,body.adding-widget .add-new-widget,body.adding-widget .add-new-widget:hover{background:#f0f0f1;border-color:#8c8f94;color:#2c3338;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)}#accordion-section-add_menu .add-new-menu-item.open:before,.adding-menu-items .add-new-menu-item:before,body.adding-widget .add-new-widget:before{transform:rotate(-45deg)}#available-menu-items,#available-widgets{position:absolute;top:0;bottom:0;right:-301px;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:300px;margin:0;z-index:4;background:#f0f0f1;transition:right .18s;border-left:1px solid #dcdcde}#available-menu-items .customize-section-title,#available-widgets .customize-section-title{display:none}#available-widgets-list{top:60px;position:absolute;overflow:auto;bottom:0;width:100%;border-top:1px solid #dcdcde}.no-widgets-found #available-widgets-list{border-top:none}#available-widgets-filter{position:fixed;top:0;z-index:1;width:300px;background:#f0f0f1}#available-menu-items-search .accordion-section-title,#available-widgets-filter{padding:13px 15px;box-sizing:border-box}#available-menu-items-search input,#available-widgets-filter input{width:100%;min-height:32px;margin:1px 0;padding:0 30px}#available-menu-items-search input::-ms-clear,#available-widgets-filter input::-ms-clear{display:none}#available-menu-items-search .search-icon,#available-widgets-filter .search-icon{display:block;position:absolute;top:15px;right:16px;width:30px;height:30px;line-height:2.1;text-align:center;color:#646970}#available-menu-items-search .clear-results,#available-widgets-filter .clear-results{position:absolute;top:15px;left:16px;width:30px;height:30px;padding:0;border:0;cursor:pointer;background:0 0;color:#d63638;text-decoration:none;outline:0}#available-menu-items-search .clear-results,#available-menu-items-search.loading .clear-results.is-visible,#available-widgets-filter .clear-results{display:none}#available-menu-items-search .clear-results.is-visible,#available-widgets-filter .clear-results.is-visible{display:block}#available-menu-items-search .clear-results:before,#available-widgets-filter .clear-results:before{content:"\f335";font:normal 20px/1 dashicons;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#available-menu-items-search .clear-results:focus,#available-menu-items-search .clear-results:hover,#available-widgets-filter .clear-results:focus,#available-widgets-filter .clear-results:hover{color:#d63638}#available-menu-items-search .clear-results:focus,#available-widgets-filter .clear-results:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}#available-menu-items-search .search-icon:after,#available-widgets-filter .search-icon:after,.themes-filter-bar .search-icon:after{content:"\f179";font:normal 20px/1 dashicons;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.themes-filter-bar .search-icon{position:absolute;top:7px;right:26px;z-index:1;color:#646970;height:30px;width:30px;line-height:2;text-align:center}.no-widgets-found-message{display:none;margin:0;padding:0 15px;line-height:inherit}.no-widgets-found .no-widgets-found-message{display:block}#available-menu-items .item-top,#available-menu-items .item-top:hover,#available-widgets .widget-top,#available-widgets .widget-top:hover{border:none;background:0 0;box-shadow:none}#available-menu-items .item-tpl,#available-widgets .widget-tpl{position:relative;padding:15px 60px 15px 15px;background:#fff;border-bottom:1px solid #dcdcde;border-right:4px solid #fff;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;cursor:pointer;display:none}#available-menu-items .item,#available-widgets .widget{position:static}.customize-controls-preview-toggle{display:none}@media only screen and (max-width:782px){.wp-customizer .theme:not(.active):focus .theme-actions,.wp-customizer .theme:not(.active):hover .theme-actions{display:block}.wp-customizer .theme-browser .theme.active .theme-name span{display:inline}.customize-control-header button.random .dice{margin-top:0}.customize-control-checkbox .customize-inside-control-row,.customize-control-nav_menu_auto_add .customize-inside-control-row,.customize-control-radio .customize-inside-control-row{margin-right:32px}.customize-control-checkbox input,.customize-control-nav_menu_auto_add input,.customize-control-radio input{margin-right:-32px}.customize-control input[type=checkbox]+label+br,.customize-control input[type=radio]+label+br{line-height:2.5}.customize-control .date-time-fields select{height:39px}.date-time-fields .date-input.month{width:79px}.date-time-fields .date-input.day,.date-time-fields .date-input.hour,.date-time-fields .date-input.minute{width:55px}.date-time-fields .date-input.year{width:80px}#customize-control-changeset_preview_link a{bottom:16px}.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button{bottom:10px}.media-widget-control .media-widget-buttons .button.change-media,.media-widget-control .media-widget-buttons .button.edit-media,.media-widget-control .media-widget-buttons .button.select-media{margin-top:12px}.wp-core-ui .themes-filter-bar .feature-filter-toggle{margin:3px 25px 3px 0}}@media screen and (max-width:1200px){.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main{right:67%}}@media screen and (max-width:640px){.wp-full-overlay.collapsed #customize-controls{margin-right:0}.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content{bottom:0}.customize-controls-preview-toggle{display:block;position:absolute;top:0;right:48px;line-height:2.6;font-size:14px;padding:0 12px 4px;margin:0;height:45px;background:#f0f0f1;border:0;border-left:1px solid #dcdcde;border-top:4px solid #f0f0f1;color:#50575e;cursor:pointer;transition:color .1s ease-in-out,background .1s ease-in-out}#customize-footer-actions,.customize-controls-preview-toggle .controls,.preview-only .customize-controls-preview-toggle .preview,.preview-only .wp-full-overlay-sidebar-content{display:none}.preview-only #customize-save-button-wrapper{margin-top:-46px}.customize-controls-preview-toggle .controls:before,.customize-controls-preview-toggle .preview:before{font:normal 20px/1 dashicons;content:"\f177";position:relative;top:4px;margin-left:6px}.customize-controls-preview-toggle .controls:before{content:"\f540"}.preview-only #customize-controls{height:45px}.preview-only #customize-preview,.preview-only .customize-controls-preview-toggle .controls{display:block}.wp-core-ui.wp-customizer .button{min-height:30px;padding:0 14px;line-height:2;font-size:14px;vertical-align:middle}#customize-control-changeset_status .customize-inside-control-row{padding-top:15px}body.adding-menu-items div#available-menu-items,body.adding-widget div#available-widgets,body.outer-section-open div#customize-sidebar-outer-content{width:100%}#available-menu-items .customize-section-title,#available-widgets .customize-section-title{display:block;margin:0}#available-menu-items .customize-section-back,#available-widgets .customize-section-back{height:69px}#available-menu-items .customize-section-title h3,#available-widgets .customize-section-title h3{font-size:20px;font-weight:200;padding:9px 14px 12px 10px;margin:0;line-height:24px;color:#50575e;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#available-menu-items .customize-section-title .customize-action,#available-widgets .customize-section-title .customize-action{font-size:13px;display:block;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#available-widgets-filter{position:relative;width:100%;height:auto}#available-widgets-list{top:130px}#available-menu-items-search .clear-results,#available-menu-items-search .search-icon{top:85px}.reorder,.reordering .reorder-done{padding:8px}.wp-core-ui .themes-filter-bar .feature-filter-toggle{margin:0}}@media screen and (max-width:600px){.wp-full-overlay.expanded{margin-right:0}body.adding-menu-items div#available-menu-items,body.adding-widget div#available-widgets,body.outer-section-open div#customize-sidebar-outer-content{top:46px;z-index:10}body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content{right:-100%}body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content{right:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/customize-controls.css b/tools/storybook/wordpress/css/customize-controls.css
new file mode 100644
index 00000000000..a7129bbafd5
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-controls.css
@@ -0,0 +1,3002 @@
+body {
+	overflow: hidden;
+	-webkit-text-size-adjust: 100%;
+}
+
+.customize-controls-close,
+.widget-control-actions a {
+	text-decoration: none;
+}
+
+#customize-controls h3 {
+	font-size: 14px;
+}
+
+#customize-controls img {
+	max-width: 100%;
+}
+
+#customize-controls .submit {
+	text-align: center;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked {
+	background-color: rgba(0, 0, 0, 0.7);
+	padding: 25px;
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 366px;
+	min-height: 64px;
+	width: auto;
+	padding: 25px 25px 25px 109px;
+	position: relative;
+	background: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	line-height: 1.5;
+	overflow-y: auto;
+	text-align: left;
+	top: calc( 50% - 100px );
+}
+
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
+	margin-top: 0;
+}
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons {
+	margin-bottom: 0;
+}
+
+.customize-changeset-locked-avatar {
+	width: 64px;
+	position: absolute;
+	left: 25px;
+	top: 25px;
+}
+
+.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button {
+	margin-right: 10px;
+	margin-top: 0;
+}
+
+#customize-controls .description {
+	color: #50575e;
+}
+
+#customize-save-button-wrapper {
+	float: right;
+	margin-top: 9px;
+}
+
+body:not(.ready) #customize-save-button-wrapper .save {
+	visibility: hidden;
+}
+#customize-save-button-wrapper .save {
+	float: left;
+	border-radius: 3px;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	margin-top: 0;
+}
+
+#customize-save-button-wrapper .save:focus, #publish-settings:focus {
+	box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
+}
+
+#customize-save-button-wrapper .save.has-next-sibling {
+	border-radius: 3px 0 0 3px;
+}
+
+#customize-sidebar-outer-content {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 100%;
+	margin: 0;
+	z-index: -1;
+	background: #f0f0f1;
+	transition: left .18s;
+	border-right: 1px solid #dcdcde;
+	border-left: 1px solid #dcdcde;
+	height: 100%;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .control-section-outer {
+	display: none !important;
+}
+
+#customize-outer-theme-controls .accordion-section-content {
+	padding: 12px;
+}
+
+#customize-outer-theme-controls .accordion-section-content.open {
+	display: block;
+}
+
+.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+	visibility: visible;
+	left: 100%;
+	transition: left .18s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
+.customize-outer-pane-parent {
+	margin: 0;
+}
+
+.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main {
+	left: 300px;
+	opacity: 0.4;
+}
+
+.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,
+.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+	left: 64%;
+}
+
+#customize-outer-theme-controls li.notice {
+	padding-top: 8px;
+	padding-bottom: 8px;
+	margin-left: 0;
+	margin-bottom: 10px;
+}
+
+#publish-settings {
+	text-indent: 0;
+	border-radius: 0 3px 3px 0;
+	padding-left: 0;
+	padding-right: 0;
+	box-shadow: none; /* @todo Adjust box shadow based on the disable states of paired button. */
+	font-size: 14px;
+	width: 30px;
+	float: left;
+	transform: none;
+	margin-top: 0;
+	line-height: 2;
+}
+
+body:not(.ready) #publish-settings,
+body.trashing #customize-save-button-wrapper .save,
+body.trashing #publish-settings {
+	display: none;
+}
+
+#customize-header-actions .spinner {
+	margin-top: 13px;
+	margin-right: 4px;
+}
+
+.saving #customize-header-actions .spinner,
+.trashing #customize-header-actions .spinner {
+	visibility: visible;
+}
+
+#customize-header-actions {
+	border-bottom: 1px solid #dcdcde;
+}
+
+#customize-controls .wp-full-overlay-sidebar-content {
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
+	background: #f0f0f1;
+}
+
+#customize-controls .customize-info {
+	border: none;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 15px;
+}
+
+#customize-control-changeset_status .customize-inside-control-row,
+#customize-control-changeset_preview_link input {
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	box-sizing: content-box;
+	width: 100%;
+	margin-left: -12px;
+	padding-left: 12px;
+	padding-right: 12px;
+}
+
+#customize-control-trash_changeset {
+	margin-top: 20px;
+}
+#customize-control-trash_changeset .button-link {
+	position: relative;
+	padding-left: 24px;
+	display: inline-block;
+}
+#customize-control-trash_changeset .button-link:before {
+	content: "\f182";
+	font: normal 22px dashicons;
+	text-decoration: none;
+	position: absolute;
+	left: 0;
+	top: -2px;
+}
+
+#customize-controls .date-input:invalid {
+	border-color: #d63638;
+}
+
+#customize-control-changeset_status .customize-inside-control-row {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	font-weight: 500;
+}
+
+#customize-control-changeset_status .customize-inside-control-row:first-of-type {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-control-changeset_status .customize-control-title {
+	margin-bottom: 6px;
+}
+
+#customize-control-changeset_status input {
+	margin-left: 0;
+}
+
+#customize-control-changeset_preview_link {
+	position: relative;
+	display: block;
+}
+
+.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+	margin: 0;
+	position: absolute;
+	bottom: 9px;
+	right: 0;
+}
+
+.preview-link-wrapper {
+	position: relative;
+}
+
+.customize-copy-preview-link:before,
+.customize-copy-preview-link:after {
+	content: "";
+	height: 28px;
+	position: absolute;
+	background: #fff;
+	top: -1px;
+}
+
+.customize-copy-preview-link:before {
+	left: -10px;
+	width: 9px;
+	opacity: 0.75;
+}
+
+.customize-copy-preview-link:after {
+	left: -5px;
+	width: 4px;
+	opacity: 0.8;
+}
+
+#customize-control-changeset_preview_link input {
+	line-height: 2.85714286; /* 40px */
+	border-top: 1px solid #dcdcde;
+	border-left: none;
+	border-right: none;
+	text-indent: -999px;
+	color: #fff;
+	/* Only necessary for IE11 */
+	min-height: 40px;
+}
+
+#customize-control-changeset_preview_link label {
+	position: relative;
+	display: block;
+}
+
+#customize-control-changeset_preview_link a {
+	display: inline-block;
+	position: absolute;
+	white-space: nowrap;
+	overflow: hidden;
+	width: 90%;
+	bottom: 14px;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+#customize-control-changeset_preview_link a.disabled,
+#customize-control-changeset_preview_link a.disabled:active,
+#customize-control-changeset_preview_link a.disabled:focus,
+#customize-control-changeset_preview_link a.disabled:visited {
+	color: #000;
+	opacity: 0.4;
+	cursor: default;
+	outline: none;
+	box-shadow: none;
+}
+
+#sub-accordion-section-publish_settings .customize-section-description-container {
+	display: none;
+}
+
+#customize-controls .customize-info.section-meta {
+	margin-bottom: 15px;
+}
+
+.customize-control-date_time .customize-control-description + .date-time-fields.includes-time {
+	margin-top: 10px;
+}
+
+.customize-control.customize-control-date_time .date-time-fields .date-input.day {
+	margin-right: 0;
+}
+
+.date-time-fields .date-input.month {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .date-input.day,
+.date-time-fields .date-input.hour,
+.date-time-fields .date-input.minute {
+	width: 46px;
+}
+
+.date-time-fields .date-input.year {
+	width: 65px;
+}
+
+.date-time-fields .date-input.meridian {
+	width: auto;
+	margin: 0;
+}
+
+.date-time-fields .time-row {
+	margin-top: 12px;
+}
+
+#customize-control-changeset_preview_link {
+	margin-top: 6px;
+}
+
+#customize-control-changeset_status {
+	margin-bottom: 0;
+	padding-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date {
+	box-sizing: content-box;
+	width: 100%;
+	margin-left: -12px;
+	padding: 12px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 0;
+}
+
+#customize-control-changeset_scheduled_date .customize-control-description {
+	font-style: normal;
+}
+
+#customize-controls .customize-info.is-in-view,
+#customize-controls .customize-section-title.is-in-view {
+	position: absolute;
+	z-index: 9;
+	width: 100%;
+	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#customize-controls .customize-section-title.is-in-view {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info.is-in-view + .accordion-section {
+	margin-top: 15px;
+}
+
+#customize-controls .customize-info.is-sticky,
+#customize-controls .customize-section-title.is-sticky {
+	position: fixed;
+	top: 46px;
+}
+
+#customize-controls .customize-info .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+	cursor: default;
+}
+
+#customize-controls .customize-info.open .accordion-section-title:after,
+#customize-controls .customize-info .accordion-section-title:hover:after,
+#customize-controls .customize-info .accordion-section-title:focus:after {
+	color: #2c3338;
+}
+
+#customize-controls .customize-info .accordion-section-title:after {
+	display: none;
+}
+
+#customize-controls .customize-info .preview-notice {
+	font-size: 13px;
+	line-height: 1.9;
+}
+
+#customize-controls .customize-pane-child .customize-section-title h3,
+#customize-controls .customize-pane-child h3.customize-section-title,
+#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
+#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
+#customize-controls .customize-info .panel-title {
+	font-size: 20px;
+	font-weight: 200;
+	line-height: 26px;
+	display: block;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-section-title span.customize-action {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	position: absolute;
+	top: 4px;
+	right: 1px;
+	padding: 20px 20px 10px 10px;
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+	box-shadow: none;
+	-webkit-appearance: none;
+	background: transparent;
+	color: #50575e;
+	border: none;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	position: absolute;
+	top: 5px;
+	left: 6px;
+}
+
+#customize-controls .customize-info.open .customize-help-toggle,
+#customize-controls .customize-info .customize-help-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:hover {
+	color: #2271b1;
+}
+
+#customize-controls .customize-info .customize-panel-description,
+#customize-controls .customize-info .customize-section-description,
+#customize-outer-theme-controls .customize-info .customize-section-description,
+#customize-controls .no-widget-areas-rendered-notice {
+	color: #50575e;
+	display: none;
+	background: #fff;
+	padding: 12px 15px;
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-controls .customize-info .customize-panel-description.open + .no-widget-areas-rendered-notice {
+	border-top: none;
+}
+.no-widget-areas-rendered-notice {
+	font-style: italic;
+}
+.no-widget-areas-rendered-notice p:first-child {
+	margin-top: 0;
+}
+.no-widget-areas-rendered-notice p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-info .customize-section-description {
+	margin-bottom: 15px;
+}
+
+#customize-controls .customize-info .customize-panel-description p:first-child,
+#customize-controls .customize-info .customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+#customize-controls .customize-info .customize-panel-description p:last-child,
+#customize-controls .customize-info .customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .current-panel .control-section > h3.accordion-section-title {
+	padding-right: 30px;
+}
+
+#customize-theme-controls .control-section,
+#customize-outer-theme-controls .control-section {
+	border: none;
+}
+
+#customize-theme-controls .accordion-section-title,
+#customize-outer-theme-controls .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-theme-controls .accordion-section-title,
+	#customize-outer-theme-controls .accordion-section-title {
+		transition: none;
+	}
+}
+
+#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
+	color: #50575e;
+	background-color: #fff;
+	border-left: 4px solid #fff;
+}
+
+#customize-theme-controls .accordion-section-title:after,
+#customize-outer-theme-controls .accordion-section-title:after {
+	content: "\f345";
+	color: #a7aaad;
+}
+
+#customize-theme-controls .accordion-section-content,
+#customize-outer-theme-controls .accordion-section-content {
+	color: #50575e;
+	background: transparent;
+}
+
+#customize-controls .control-section:hover > .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:hover,
+#customize-controls .control-section.open .accordion-section-title,
+#customize-controls .control-section .accordion-section-title:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-left-color: #2271b1;
+}
+
+#accordion-section-themes + .control-section {
+	border-top: 1px solid #dcdcde;
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	background: #f6f7f7;
+}
+
+#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-theme-controls .control-section.open .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:focus:after,
+#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
+#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
+	color: #2271b1;
+}
+
+#customize-theme-controls .control-section.open {
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#customize-theme-controls .control-section.open .accordion-section-title,
+#customize-outer-theme-controls .control-section.open .accordion-section-title {
+	border-bottom-color: #f0f0f1 !important;
+}
+
+#customize-theme-controls .control-section:last-of-type.open,
+#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
+#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
+	border-top: 1px solid #dcdcde;
+}
+
+#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu + .control-section-nav_menu {
+	border-top: none;
+}
+
+#customize-theme-controls > ul {
+	margin: 0;
+}
+
+#customize-theme-controls .accordion-section-content {
+	position: absolute;
+	top: 0;
+	left: 100%;
+	width: 100%;
+	margin: 0;
+	padding: 12px;
+	box-sizing: border-box;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent,
+#customize-theme-controls .customize-pane-child {
+	overflow: visible;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
+}
+
+@media (prefers-reduced-motion: reduce) {
+	#customize-info,
+	#customize-theme-controls .customize-pane-parent,
+	#customize-theme-controls .customize-pane-child {
+		transition: none;
+	}
+}
+
+#customize-theme-controls .customize-pane-child.skip-transition {
+	transition: none;
+}
+
+#customize-info,
+#customize-theme-controls .customize-pane-parent {
+	position: relative;
+	visibility: visible;
+	height: auto;
+	max-height: none;
+	overflow: auto;
+	transform: none;
+}
+
+#customize-theme-controls .customize-pane-child {
+	position: absolute;
+	top: 0;
+	left: 0;
+	visibility: hidden;
+	height: 0;
+	max-height: none;
+	overflow: hidden;
+	transform: translateX(100%);
+}
+
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel {
+	transform: none;
+}
+
+.section-open #customize-theme-controls .customize-pane-parent,
+.in-sub-panel #customize-theme-controls .customize-pane-parent,
+.section-open #customize-info,
+.in-sub-panel #customize-info,
+.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel {
+	visibility: hidden;
+	height: 0;
+	overflow: hidden;
+	transform: translateX(-100%);
+}
+
+.section-open #customize-theme-controls .customize-pane-parent.busy,
+.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,
+.section-open #customize-info.busy,
+.in-sub-panel #customize-info.busy,
+.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.open,
+#customize-theme-controls .customize-pane-child.current-panel,
+#customize-theme-controls .customize-pane-child.busy {
+	visibility: visible;
+	height: auto;
+	overflow: auto;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content,
+#customize-theme-controls .customize-pane-child.accordion-sub-container {
+	display: block;
+	overflow-x: hidden;
+}
+
+#customize-theme-controls .customize-pane-child.accordion-section-content {
+	padding: 12px;
+}
+
+#customize-theme-controls .customize-pane-child.menu li {
+	position: static;
+}
+
+.customize-section-description-container,
+.control-section-nav_menu .customize-section-description-container,
+.control-section-new_menu .customize-section-description-container {
+	margin-bottom: 15px;
+}
+
+.control-section-nav_menu .customize-control,
+.control-section-new_menu .customize-control {
+	/* Override default `margin-bottom` for `.customize-control` */
+	margin-bottom: 0;
+}
+
+.customize-section-title {
+	margin: -12px -12px 0;
+	border-bottom: 1px solid #dcdcde;
+	background: #fff;
+}
+
+div.customize-section-description {
+	margin-top: 22px;
+}
+
+.customize-info div.customize-section-description {
+	margin-top: 0;
+}
+
+div.customize-section-description p:first-child {
+	margin-top: 0;
+}
+
+div.customize-section-description p:last-child {
+	margin-bottom: 0;
+}
+
+#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	border-bottom: 1px solid #dcdcde;
+	padding: 12px;
+}
+
+.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
+	padding: 12px 12px 13px;
+}
+
+.customize-section-title h3,
+h3.customize-section-title {
+	padding: 10px 10px 12px 14px;
+	margin: 0;
+	line-height: 21px;
+	color: #50575e;
+}
+
+.accordion-sub-container.control-panel-content {
+	display: none;
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.accordion-sub-container.control-panel-content.busy {
+	display: block;
+}
+
+.current-panel .accordion-sub-container.control-panel-content {
+	width: 100%;
+}
+
+.customize-controls-close {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 45px;
+	height: 41px;
+	padding: 0 2px 0 0;
+	background: #f0f0f1;
+	border: none;
+	border-top: 4px solid #f0f0f1;
+	border-right: 1px solid #dcdcde;
+	color: #3c434a;
+	text-align: left;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+	box-sizing: content-box;
+}
+
+.customize-panel-back,
+.customize-section-back {
+	display: block;
+	float: left;
+	width: 48px;
+	height: 71px;
+	padding: 0 24px 0 0;
+	margin: 0;
+	background: #fff;
+	border: none;
+	border-right: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	box-shadow: none;
+	cursor: pointer;
+	transition:
+		color .15s ease-in-out,
+		border-color .15s ease-in-out,
+		background .15s ease-in-out;
+}
+
+.customize-section-back {
+	height: 74px;
+}
+
+.ios .customize-panel-back {
+	display: none;
+}
+
+.ios .expanded.in-sub-panel .customize-panel-back {
+	display: block;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title {
+	margin-left: 48px;
+	border-left: none;
+}
+
+#customize-controls .panel-meta.customize-info .accordion-section-title:hover,
+#customize-controls .cannot-expand:hover .accordion-section-title {
+	background: #fff;
+	color: #50575e;
+	border-left-color: #fff;
+}
+
+.customize-controls-close:focus,
+.customize-controls-close:hover,
+.customize-controls-preview-toggle:focus,
+.customize-controls-preview-toggle:hover {
+	background: #fff;
+	color: #2271b1;
+	border-top-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+#customize-theme-controls .accordion-section-title:focus .customize-action {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+	outline-offset: 1px;
+}
+
+.customize-panel-back:hover,
+.customize-panel-back:focus,
+.customize-section-back:hover,
+.customize-section-back:focus {
+	color: #2271b1;
+	background: #f6f7f7;
+	border-left-color: #2271b1;
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.customize-controls-close:before {
+	font: normal 22px/45px dashicons;
+	content: "\f335";
+	position: relative;
+	top: -3px;
+	left: 13px;
+}
+
+.customize-panel-back:before,
+.customize-section-back:before {
+	font: normal 20px/72px dashicons;
+	content: "\f341";
+	position: relative;
+	left: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+	background-color: #f0f0f1;
+	transition: padding ease-in-out .18s;
+}
+
+.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
+	padding-left: 62px;
+}
+
+p.customize-section-description {
+	font-style: normal;
+	margin-top: 22px;
+	margin-bottom: 0;
+}
+
+.customize-section-description ul {
+	margin-left: 1em;
+}
+
+.customize-section-description ul > li {
+	list-style: disc;
+}
+
+.section-description-buttons {
+	text-align: right;
+}
+
+.customize-control {
+	width: 100%;
+	float: left;
+	clear: both;
+	margin-bottom: 12px;
+}
+
+.customize-control input[type="text"],
+.customize-control input[type="password"],
+.customize-control input[type="email"],
+.customize-control input[type="number"],
+.customize-control input[type="search"],
+.customize-control input[type="tel"],
+.customize-control input[type="url"],
+.customize-control input[type="range"] {
+	width: 100%;
+	margin: 0;
+}
+
+.customize-control-hidden {
+	margin: 0;
+}
+
+.customize-control-textarea textarea {
+	width: 100%;
+	resize: vertical;
+}
+
+.customize-control select {
+	width: 100%;
+}
+
+.customize-control select[multiple] {
+	height: auto;
+}
+
+.customize-control-title {
+	display: block;
+	font-size: 14px;
+	line-height: 1.75;
+	font-weight: 600;
+	margin-bottom: 4px;
+}
+
+.customize-control-description {
+	display: block;
+	font-style: italic;
+	line-height: 1.4;
+	margin-top: 0;
+	margin-bottom: 5px;
+}
+
+.customize-section-description a.external-link:after {
+	font: 16px/11px dashicons;
+	content: "\f504";
+	top: 3px;
+	position: relative;
+	padding-left: 3px;
+	display: inline-block;
+	text-decoration: none;
+}
+
+.customize-control-color .color-picker,
+.customize-control-upload div {
+	line-height: 28px;
+}
+
+.customize-control .customize-inside-control-row {
+	line-height: 1.6;
+	display: block;
+	margin-left: 24px;
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+
+.customize-control-radio input,
+.customize-control-checkbox input,
+.customize-control-nav_menu_auto_add input {
+	margin-right: 4px;
+	margin-left: -24px;
+}
+
+.customize-control-radio {
+	padding: 5px 0 10px;
+}
+
+.customize-control-radio .customize-control-title {
+	margin-bottom: 0;
+	line-height: 1.6;
+}
+
+.customize-control-radio .customize-control-title + .customize-control-description {
+	margin-top: 7px;
+}
+
+.customize-control-radio label,
+.customize-control-checkbox label {
+	vertical-align: top;
+}
+
+.customize-control .attachment-thumb.type-icon {
+	float: left;
+	margin: 10px;
+	width: auto;
+}
+
+.customize-control .attachment-title {
+	font-weight: 600;
+	margin: 0;
+	padding: 5px 10px;
+}
+
+.customize-control .attachment-meta {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin: 0;
+	padding: 0 10px;
+}
+
+.customize-control .attachment-meta-title {
+	padding-top: 7px;
+}
+
+/* Remove descender space. */
+.customize-control .thumbnail-image,
+.customize-control-header .current,
+.customize-control .wp-media-wrapper.wp-video {
+	line-height: 0;
+}
+
+/* Remove descender space. */
+.customize-control-site_icon .favicon-preview .browser-preview {
+	vertical-align: top;
+}
+
+.customize-control .thumbnail-image img {
+	cursor: pointer;
+}
+
+#customize-controls .thumbnail-audio .thumbnail {
+	max-width: 64px;
+	max-height: 64px;
+	margin: 10px;
+	float: left;
+}
+
+#available-menu-items .accordion-section-content .new-content-item,
+.customize-control-dropdown-pages .new-content-item {
+	width: calc(100% - 30px);
+	padding: 8px 15px;
+	position: absolute;
+	bottom: 0;
+	z-index: 10;
+	background: #f0f0f1;
+	display: flex;
+}
+
+.customize-control-dropdown-pages .new-content-item {
+	width: 100%;
+	padding: 5px 0 5px 1px;
+	position: relative;
+}
+
+#available-menu-items .new-content-item .create-item-input,
+.customize-control-dropdown-pages .new-content-item .create-item-input {
+	flex-grow: 10;
+}
+
+#available-menu-items .new-content-item .add-content,
+.customize-control-dropdown-pages .new-content-item .add-content {
+	margin: 2px 0 2px 6px;
+	flex-grow: 1;
+}
+
+.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
+	border: 1px solid #d63638;
+}
+
+.customize-control-dropdown-pages .add-new-toggle {
+	margin-left: 1px;
+	font-weight: 600;
+	line-height: 2.2;
+}
+
+#customize-preview iframe {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+}
+#customize-preview iframe + iframe {
+	visibility: hidden;
+}
+
+.wp-full-overlay-sidebar {
+	background: #f0f0f1;
+	border-right: 1px solid #dcdcde;
+}
+
+
+/**
+ * Notifications
+ */
+
+#customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
+	margin: 4px 0 8px;
+	padding: 0;
+	cursor: default;
+}
+
+#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
+.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
+	box-shadow: inset 0 0 0 2px #d63638;
+	transition: .15s box-shadow linear;
+}
+
+#customize-controls .customize-control-notifications-container li.notice {
+	list-style: none;
+	margin: 0 0 6px;
+	padding: 9px 14px;
+	overflow: hidden;
+}
+#customize-controls .customize-control-notifications-container .notice.is-dismissible {
+	padding-right: 38px;
+}
+
+.customize-control-notifications-container li.notice:last-child {
+	margin-bottom: 0;
+}
+
+#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container {
+	margin-top: 0;
+}
+
+#customize-controls .customize-control-widget_form .customize-control-notifications-container {
+	margin-top: 8px;
+}
+
+.customize-control-text.has-error input {
+	outline: 2px solid #d63638;
+}
+
+#customize-controls #customize-notifications-area {
+	position: absolute;
+	top: 46px;
+	width: 100%;
+	border-bottom: 1px solid #dcdcde;
+	display: block;
+	padding: 0;
+	margin: 0;
+}
+
+.wp-full-overlay.collapsed #customize-controls #customize-notifications-area {
+	display: none !important;
+}
+
+#customize-controls #customize-notifications-area:not(.has-overlay-notifications),
+#customize-controls .customize-section-title > .customize-control-notifications-container:not(.has-overlay-notifications),
+#customize-controls .panel-meta > .customize-control-notifications-container:not(.has-overlay-notifications) {
+	max-height: 210px;
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+
+#customize-controls #customize-notifications-area > ul,
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	margin: 0;
+}
+#customize-controls .panel-meta > .customize-control-notifications-container,
+#customize-controls .customize-section-title > .customize-control-notifications-container {
+	border-top: 1px solid #dcdcde;
+}
+#customize-controls #customize-notifications-area .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice {
+	padding: 9px 14px;
+}
+#customize-controls #customize-notifications-area .notice.is-dismissible,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice.is-dismissible,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice.is-dismissible {
+	padding-right: 38px;
+}
+#customize-controls #customize-notifications-area .notice + .notice,
+#customize-controls .panel-meta > .customize-control-notifications-container .notice + .notice,
+#customize-controls .customize-section-title > .customize-control-notifications-container .notice + .notice {
+	margin-top: 1px;
+}
+
+@keyframes customize-fade-in {
+	0%   { opacity: 0; }
+	100% { opacity: 1; }
+}
+
+#customize-controls .notice.notification-overlay,
+#customize-controls #customize-notifications-area .notice.notification-overlay {
+	margin: 0;
+	border-left: 0; /* @todo Appropriate styles could be added for notice-error, notice-warning, notice-success, etc */
+}
+
+#customize-controls .customize-control-notifications-container.has-overlay-notifications {
+	animation: customize-fade-in 0.5s;
+	z-index: 30;
+}
+
+/* Note: Styles for this are also defined in themes.css */
+#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
+	clear: both;
+	color: #1d2327;
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 2em 0;
+	text-align: center;
+	width: 100%;
+	display: block;
+	top: 50%;
+	position: relative;
+}
+
+/* Style for custom settings */
+
+/**
+ * Static front page
+ */
+
+#customize-control-show_on_front.has-error {
+	margin-bottom: 0;
+}
+#customize-control-show_on_front.has-error .customize-control-notifications-container {
+	margin-top: 12px;
+}
+
+/**
+ * Dropdowns
+ */
+
+.accordion-section .dropdown {
+	float: left;
+	display: block;
+	position: relative;
+	cursor: pointer;
+}
+
+.accordion-section .dropdown-content {
+	overflow: hidden;
+	float: left;
+	min-width: 30px;
+	height: 16px;
+	line-height: 16px;
+	margin-right: 16px;
+	padding: 4px 5px;
+	border: 2px solid #f0f0f1;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+/* @todo maybe no more used? */
+.customize-control .dropdown-arrow {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	width: 20px;
+	background: #f0f0f1;
+}
+
+.customize-control .dropdown-arrow:after {
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: block;
+	padding: 0;
+	text-indent: 0;
+	text-align: center;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #2c3338;
+}
+
+.customize-control .dropdown-status {
+	color: #2c3338;
+	background: #f0f0f1;
+	display: none;
+	max-width: 112px;
+}
+
+.customize-control-color .dropdown {
+	margin-right: 5px;
+	margin-bottom: 5px;
+}
+
+.customize-control-color .dropdown .dropdown-content {
+	background-color: #50575e;
+	border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.customize-control-color .dropdown:hover .dropdown-content {
+	border-color: rgba(0, 0, 0, 0.25);
+}
+
+/**
+ * iOS can't scroll iframes,
+ * instead it expands the iframe size to match the size of the content
+ */
+
+.ios .wp-full-overlay {
+	position: relative;
+}
+
+.ios #customize-controls .wp-full-overlay-sidebar-content {
+	-webkit-overflow-scrolling: touch;
+}
+
+/* Media controls */
+
+.customize-control .actions .button {
+	margin-top: 12px;
+}
+
+.customize-control-header .actions,
+.customize-control-header .uploaded {
+	margin-bottom: 18px;
+}
+
+.customize-control-header .uploaded button:not(.random),
+.customize-control-header .default button:not(.random) {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+	background: none;
+	border: none;
+	color: inherit;
+	cursor: pointer;
+}
+
+.customize-control-header button img {
+	display: block;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control .attachment-media-view .upload-button,
+.customize-control-header button.new,
+.customize-control-header button.remove {
+	width: auto;
+	height: auto;
+	white-space: normal;
+}
+
+.customize-control .attachment-media-view .thumbnail,
+.customize-control-header .current .container {
+	overflow: hidden;
+}
+
+.customize-control .attachment-media-view .placeholder,
+.customize-control .attachment-media-view .button-add-media,
+.customize-control-header .placeholder {
+	width: 100%;
+	position: relative;
+	text-align: center;
+	cursor: default;
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	padding: 9px 0;
+	line-height: 1.6;
+}
+
+.customize-control .attachment-media-view .button-add-media {
+	cursor: pointer;
+	background-color: #f0f0f1;
+	color: #2c3338;
+}
+
+.customize-control .attachment-media-view .button-add-media:hover {
+	background-color: #fff;
+}
+
+.customize-control .attachment-media-view .button-add-media:focus {
+	background-color: #fff;
+	border-color: #3582c4;
+	border-style: solid;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.customize-control-header .inner {
+	display: none;
+	position: absolute;
+	width: 100%;
+	color: #50575e;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.customize-control-header .inner,
+.customize-control-header .inner .dashicons {
+	line-height: 20px;
+	top: 8px;
+}
+
+.customize-control-header .list .inner,
+.customize-control-header .list .inner .dashicons {
+	top: 9px;
+}
+
+.customize-control-header .header-view {
+	position: relative;
+	width: 100%;
+	margin-bottom: 12px;
+}
+
+.customize-control-header .header-view:last-child {
+	margin-bottom: 0;
+}
+
+/* Convoluted, but 'outline' support isn't good enough yet */
+.customize-control-header .header-view:after {
+	border: 0;
+}
+
+.customize-control-header .header-view.selected .choice:focus {
+	outline: none;
+}
+
+.customize-control-header .header-view.selected:after {
+	content: "";
+	position: absolute;
+	height: auto;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	border: 4px solid #72aee6;
+	border-radius: 2px;
+}
+
+.customize-control-header .header-view.button.selected {
+	border: 0;
+}
+
+/* Header control: overlay "close" button */
+
+.customize-control-header .uploaded .header-view .close {
+	font-size: 20px;
+	color: #fff;
+	background: #50575e;
+	background: rgba(0, 0, 0, 0.5);
+	position: absolute;
+	top: 10px;
+	left: -999px;
+	z-index: 1;
+	width: 26px;
+	height: 26px;
+	cursor: pointer;
+}
+
+.customize-control-header .header-view:hover .close,
+.customize-control-header .header-view .close:focus {
+	left: auto;
+	right: 10px;
+}
+
+.customize-control-header .header-view .close:focus {
+	outline: 1px solid #4f94d4;
+}
+
+/* Header control: randomiz(s)er */
+
+.customize-control-header .random.placeholder {
+	cursor: pointer;
+	border-radius: 2px;
+	height: 40px;
+}
+
+.customize-control-header button.random {
+	width: 100%;
+	height: auto;
+	min-height: 40px;
+	white-space: normal;
+}
+
+.customize-control-header button.random .dice {
+	margin-top: 4px;
+}
+
+.customize-control-header .placeholder:hover .dice,
+.customize-control-header .header-view:hover > button.random .dice {
+	animation: dice-color-change 3s infinite;
+}
+
+.button-see-me {
+	animation: bounce .7s 1;
+	transform-origin: center bottom;
+}
+
+@keyframes bounce {
+	from, 20%, 53%, 80%, to {
+		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+		transform: translate3d(0,0,0);
+	}
+
+	40%, 43% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -12px, 0);
+	}
+
+	70% {
+		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+		transform: translate3d(0, -6px, 0);
+	}
+
+	90% {
+		transform: translate3d(0,-1px,0);
+	}
+}
+
+.customize-control-header .choice {
+	position: relative;
+	display: block;
+	margin-bottom: 9px;
+}
+
+.customize-control-header .choice:focus {
+	outline: none;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 3px 1px rgba(79, 148, 212, 0.8);
+}
+
+.customize-control-header .uploaded div:last-child > .choice {
+	margin-bottom: 0;
+}
+
+.customize-control .attachment-media-view .thumbnail-image img,
+.customize-control-header img {
+	max-width: 100%;
+}
+
+.customize-control .attachment-media-view .remove-button,
+.customize-control .attachment-media-view .default-button,
+.customize-control-header .remove {
+	margin-right: 8px;
+}
+
+/* Background position control */
+.customize-control-background_position .background-position-control .button-group {
+	display: block;
+}
+
+/**
+ * Code Editor Control and Custom CSS Section
+ *
+ * Modifications to the Section Container to make the textarea full-width and
+ * full-height, if the control is the only control in the section.
+ */
+
+.customize-control-code_editor textarea {
+	width: 100%;
+	font-family: Consolas, Monaco, monospace;
+	font-size: 12px;
+	padding: 6px 8px;
+	-o-tab-size: 2;
+	tab-size: 2;
+}
+.customize-control-code_editor textarea,
+.customize-control-code_editor .CodeMirror {
+	height: 14em;
+}
+
+#customize-controls .customize-section-description-container.section-meta.customize-info {
+	border-bottom: none;
+}
+
+#sub-accordion-section-custom_css .customize-control-notifications-container {
+	margin-bottom: 15px;
+}
+
+#customize-control-custom_css textarea {
+	display: block;
+	height: 500px;
+}
+
+.customize-section-description-container + #customize-control-custom_css .customize-control-title {
+	margin-left: 12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+	border-right: 0;
+	border-left: 0;
+	height: calc( 100vh - 185px );
+	resize: none;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child {
+	margin-left: -12px;
+	width: 299px;
+	width: calc( 100% + 24px );
+	margin-bottom: -12px;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .CodeMirror {
+	height: calc( 100vh - 185px );
+}
+
+.CodeMirror-lint-tooltip,
+.CodeMirror-hints {
+	z-index: 500000 !important;
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child .customize-control-notifications-container {
+	margin-left: 12px;
+	margin-right: 12px;
+}
+
+.theme-browser .theme.active .theme-actions,
+.wp-customizer .theme-browser .theme .theme-actions {
+	padding: 9px 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+@media screen and (max-width: 640px) {
+	.customize-section-description-container + #customize-control-custom_css:last-child {
+		margin-right: 0;
+	}
+
+	.customize-section-description-container + #customize-control-custom_css:last-child textarea {
+		height: calc( 100vh - 140px );
+	}
+}
+
+/**
+ * Themes
+ */
+
+#customize-theme-controls .control-panel-themes {
+	border-bottom: none;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-panel-themes > .accordion-section-title {
+	cursor: default;
+	background: #fff;
+	color: #50575e;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+	border-left: none;
+	border-right: none;
+	margin: 0 0 15px;
+	padding-right: 100px; /* Space for the button */
+}
+
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
+	border-top: 0;
+}
+
+#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
+#customize-theme-controls .control-section-themes > .accordion-section-title {
+	margin: 0 0 15px;
+}
+
+#customize-controls .customize-themes-panel .accordion-section-title:hover,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	margin: 15px -8px;
+}
+
+#customize-controls .control-section-themes .accordion-section-title,
+#customize-controls .customize-themes-panel .accordion-section-title {
+	padding-right: 100px; /* Space for the button */
+}
+
+.control-panel-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action,
+#customize-controls .control-section-themes .accordion-section-title span.customize-action,
+#customize-controls .customize-section-title span.customize-action {
+	font-size: 13px;
+	display: block;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme {
+	position: absolute;
+	right: 10px;
+	top: 50%;
+	margin-top: -14px;
+	font-weight: 400;
+}
+
+#customize-notifications-area .notification-message button.switch-to-editor {
+	display: block;
+	margin-top: 6px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .control-panel-themes > .accordion-section-title:after {
+	display: none;
+}
+
+.control-panel-themes .customize-themes-full-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	transition: .18s left ease-in-out;
+	margin: 0 0 0 300px;
+	padding: 71px 0 25px;
+	overflow-y: scroll;
+	width: calc(100% - 300px);
+	height: calc(100% - 96px);
+	background: #f0f0f1;
+	z-index: 20;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.control-panel-themes .customize-themes-full-container {
+		transition: none;
+	}
+}
+
+@media screen and (min-width: 1670px) {
+	.control-panel-themes .customize-themes-full-container {
+		width: 82%;
+		right: 0;
+		left: initial;
+	}
+}
+
+.modal-open .control-panel-themes .customize-themes-full-container {
+	overflow-y: visible;
+}
+
+/* Animations for opening the themes panel */
+#customize-save-button-wrapper,
+#customize-header-actions .spinner,
+#customize-header-actions .customize-controls-preview-toggle {
+	transition: .18s margin ease-in-out;
+}
+
+#customize-footer-actions,
+#customize-footer-actions .collapse-sidebar {
+	bottom: 0;
+	transition: .18s bottom ease-in-out;
+}
+
+.in-themes-panel:not(.animating) #customize-header-actions .spinner,
+.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,
+.in-themes-panel:not(.animating) #customize-preview,
+.in-themes-panel:not(.animating) #customize-footer-actions {
+	visibility: hidden;
+}
+
+.wp-full-overlay.in-themes-panel {
+	background: #f0f0f1; /* Prevents a black flash when fading in the panel */
+}
+
+.in-themes-panel #customize-save-button-wrapper,
+.in-themes-panel #customize-header-actions .spinner,
+.in-themes-panel #customize-header-actions .customize-controls-preview-toggle {
+	margin-top: -46px; /* Height of header actions bar */
+}
+
+.in-themes-panel #customize-footer-actions,
+.in-themes-panel #customize-footer-actions .collapse-sidebar {
+	bottom: -45px;
+}
+
+/* Don't show the theme count while the panel opens, as it's in the wrong place during the animation */
+.in-themes-panel.animating .control-panel-themes .filter-themes-count {
+	display: none;
+}
+
+.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content {
+	bottom: 0;
+}
+
+.themes-filter-bar .feature-filter-toggle {
+	float: right;
+	margin: 3px 0 3px 25px;
+}
+
+.themes-filter-bar .feature-filter-toggle:before {
+	content: "\f111";
+	margin: 0 5px 0 0;
+	font: normal 16px/1 dashicons;
+	vertical-align: text-bottom;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .feature-filter-toggle.open {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+.themes-filter-bar .feature-filter-toggle .filter-count-filters {
+	display: none;
+}
+
+.filter-drawer {
+	box-sizing: border-box;
+	width: 100%;
+	position: absolute;
+	top: 46px;
+	left: 0;
+	padding: 25px 0 25px 25px;
+	border-top: 0;
+	margin: 0;
+	background: #f0f0f1;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.filter-drawer .filter-group {
+	margin: 0 25px 0 0;
+	width: calc( (100% - 75px) / 3);
+	min-width: 200px;
+	max-width: 320px;
+}
+
+/* Adds a delay before fading in to avoid it "jumping" */
+@keyframes themes-fade-in {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+
+.control-panel-themes .customize-themes-full-container.animate {
+	animation: .6s themes-fade-in 1;
+}
+
+.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count {
+	animation: .6s themes-fade-in 1;
+}
+
+.control-panel-themes .filter-themes-count {
+	position: relative;
+	float: right;
+	line-height: 2.6;
+}
+
+.control-panel-themes .filter-themes-count .themes-displayed {
+	font-weight: 600;
+	color: #50575e;
+}
+
+.customize-themes-notifications {
+	margin: 0;
+}
+
+.control-panel-themes .customize-themes-notifications .notice {
+	margin: 0 0 25px;
+}
+
+.customize-themes-full-container .customize-themes-section {
+	display: none !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+	overflow: hidden;
+}
+
+.customize-themes-full-container .customize-themes-section.current-section {
+	display: list-item !important; /* There is unknown JS that perpetually tries to show all theme sections when more items are added. */
+}
+
+.control-section .customize-section-text-before {
+	padding: 0 0 8px 15px;
+	margin: 15px 0 0;
+	line-height: 16px;
+	border-bottom: 1px solid #dcdcde;
+	color: #50575e;
+}
+
+.control-panel-themes .customize-themes-section-title {
+	width: 100%;
+	background: #fff;
+	box-shadow: none;
+	outline: none;
+	border-top: none;
+	border-bottom: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	border-right: none;
+	cursor: pointer;
+	padding: 10px 15px;
+	position: relative;
+	text-align: left;
+	font-size: 14px;
+	font-weight: 600;
+	color: #50575e;
+	text-shadow: none;
+}
+
+.control-panel-themes #accordion-section-installed_themes {
+	border-top: 1px solid #dcdcde;
+}
+
+.control-panel-themes .theme-section {
+	margin: 0;
+	position: relative;
+}
+
+.control-panel-themes .customize-themes-section-title:focus,
+.control-panel-themes .customize-themes-section-title:hover {
+	border-left-color: #2271b1;
+	color: #2271b1;
+	background: #f6f7f7;
+}
+
+.customize-themes-section-title:not(.selected):after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 9px;
+	right: 15px;
+	width: 18px;
+	height: 18px;
+	border-radius: 100%;
+	border: 1px solid #c3c4c7;
+	background: #fff;
+}
+
+.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
+	content: "\f147";
+	font: 16px/1 dashicons;
+	box-sizing: border-box;
+	width: 20px;
+	height: 20px;
+	padding: 3px 3px 1px 1px; /* Re-align the icon to the smaller grid */
+	border-radius: 100%;
+	position: absolute;
+	top: 9px;
+	right: 15px;
+	background: #2271b1;
+	color: #fff;
+}
+
+.control-panel-themes .customize-themes-section-title.selected {
+	color: #2271b1;
+}
+
+#customize-theme-controls .themes.accordion-section-content {
+	position: relative;
+	left: 0;
+	padding: 0;
+	width: 100%;
+}
+
+.loading .customize-themes-section .spinner {
+	display: block;
+	visibility: visible;
+	position: relative;
+	clear: both;
+	width: 20px;
+	height: 20px;
+	left: calc(50% - 10px);
+	float: none;
+	margin-top: 50px;
+}
+
+.customize-themes-section .no-themes,
+.customize-themes-section .no-themes-local {
+	display: none;
+}
+
+.themes-section-installed_themes .theme .notice-success:not(.updated-message) {
+	display: none; /* Hide "installed" notice on installed themes tab. */
+}
+
+.customize-control-theme .theme {
+	width: 100%;
+	margin: 0;
+	border: 1px solid #dcdcde;
+	background: #fff;
+}
+
+.customize-control-theme .theme .theme-name, .customize-control-theme .theme .theme-actions {
+	background: #fff;
+	border: none;
+}
+
+.customize-control.customize-control-theme { /* override most properties on .customize-control */
+	box-sizing: border-box;
+	width: 25%;
+	max-width: 600px; /* Max. screenshot size / 2 */
+	margin: 0 25px 25px 0;
+	padding: 0;
+	clear: none;
+}
+
+/* 5 columns above 2100px */
+@media screen and (min-width: 2101px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 125px ) / 5 - 1px ); /* 1px offset accounts for browser rounding, typical all grids */
+	}
+}
+
+/* 4 columns up to 2100px */
+@media screen and (min-width: 1601px) and (max-width: 2100px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 100px ) / 4 - 1px );
+	}
+}
+
+/* 3 columns up to 1600px */
+@media screen and (min-width: 1201px) and (max-width: 1600px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 75px ) / 3 - 1px );
+	}
+}
+
+/* 2 columns up to 1200px */
+@media screen and (min-width: 851px) and (max-width: 1200px) {
+	.customize-control.customize-control-theme {
+		width: calc( ( 100% - 50px ) / 2 - 1px );
+
+	}
+}
+
+/* 1 column up to 850 px */
+@media screen and (max-width: 850px) {
+	.customize-control.customize-control-theme {
+		width: 100%;
+	}
+}
+
+.wp-customizer .theme-browser .themes {
+	padding: 0 0 25px 25px;
+	transition: .18s margin-top linear;
+}
+
+.wp-customizer .theme-browser .theme .theme-actions {
+	opacity: 1;
+}
+
+#customize-controls h3.theme-name {
+	font-size: 15px;
+}
+
+#customize-controls .theme-overlay .theme-name {
+	font-size: 32px;
+}
+
+.customize-preview-header.themes-filter-bar {
+	position: fixed;
+	top: 0;
+	left: 300px;
+	width: calc(100% - 300px);
+	height: 46px;
+	background: #f0f0f1;
+	z-index: 10;
+	padding: 6px 25px;
+	box-sizing: border-box;
+	border-bottom: 1px solid #dcdcde;
+}
+
+@media screen and (min-width: 1670px) {
+	.customize-preview-header.themes-filter-bar {
+		width: 82%;
+		right: 0;
+		left: initial;
+	}
+}
+
+.themes-filter-bar .themes-filter-container {
+	margin: 0;
+	padding: 0;
+}
+
+.themes-filter-bar .wp-filter-search {
+	line-height: 1.8;
+	padding: 6px 10px 6px 30px;
+	max-width: 100%;
+	width: 40%;
+	min-width: 300px;
+	position: absolute;
+	top: 6px;
+	left: 25px;
+	height: 32px;
+	margin: 1px 0;
+}
+
+/* Unstick the filter bar on short windows/screens. This breakpoint is based on the
+   current length of .org feature filters assuming translations do not wrap lines. */
+@media screen and (max-height: 540px), screen and (max-width: 1018px) {
+	.customize-preview-header.themes-filter-bar {
+		position: relative;
+		left: 0;
+		width: 100%;
+		margin: 0 0 25px;
+	}
+	.filter-drawer {
+		top: 46px;
+	}
+	.wp-customizer .theme-browser .themes {
+		padding: 0 0 25px 25px;
+		overflow: hidden;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		margin-top: 0;
+		padding: 0;
+		height: 100%;
+		width: calc(100% - 300px);
+	}
+}
+
+@media screen and (max-width: 1018px) {
+	.filter-drawer .filter-group {
+		width: calc( (100% - 50px) / 2);
+	}
+}
+
+@media screen and (max-width: 900px) {
+	.customize-preview-header.themes-filter-bar {
+		height: 86px;
+		padding-top: 46px;
+	}
+
+	.themes-filter-bar .wp-filter-search {
+		width: calc(100% - 50px);
+		margin: 0;
+		min-width: 200px;
+	}
+
+	.filter-drawer {
+		top: 86px;
+	}
+
+	.control-panel-themes .filter-themes-count {
+		float: left;
+	}
+}
+
+@media screen and (max-width: 792px) {
+	.filter-drawer .filter-group {
+		width: calc( 100% - 25px);
+	}
+}
+
+.control-panel-themes .customize-themes-mobile-back {
+	display: none;
+}
+
+/* Mobile - toggle between themes and filters */
+@media screen and (max-width: 600px) {
+
+	.filter-drawer {
+		top: 132px;
+	}
+
+	.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes {
+		display: block;
+		float: right;
+	}
+
+	.control-panel-themes .customize-themes-full-container {
+		width: 100%;
+		margin: 0;
+		padding-top: 46px;
+		height: calc(100% - 46px);
+		z-index: 1;
+		display: none;
+	}
+
+	.showing-themes .control-panel-themes .customize-themes-full-container {
+		display: block;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back {
+		display: block;
+		position: fixed;
+		top: 0;
+		left: 0;
+		background: #f0f0f1;
+		color: #3c434a;
+		border-radius: 0;
+		box-shadow: none;
+		border: none;
+		height: 46px;
+		width: 100%;
+		z-index: 10;
+		text-align: left;
+		text-shadow: none;
+		border-bottom: 1px solid #dcdcde;
+		border-left: 4px solid transparent;
+		margin: 0;
+		padding: 0;
+		font-size: 0;
+		overflow: hidden;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before {
+		left: 0;
+		top: 0;
+		height: 46px;
+		width: 26px;
+		display: block;
+		line-height: 2.3;
+		padding: 0 8px;
+		border-right: 1px solid #dcdcde;
+	}
+
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
+	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
+		color: #2271b1;
+		background: #f6f7f7;
+		border-left-color: #2271b1;
+		box-shadow: none;
+		/* Only visible in Windows High Contrast mode */
+		outline: 2px solid transparent;
+		outline-offset: -2px;
+	}
+
+	.showing-themes #customize-header-actions {
+		display: none;
+	}
+
+	#customize-controls {
+		width: 100%;
+	}
+}
+
+/* Details View */
+.wp-customizer .theme-overlay {
+	display: none;
+}
+
+.wp-customizer.modal-open .theme-overlay {
+	position: fixed;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 109;
+}
+
+/* Avoid a z-index war by resetting elements that should be under the overlay.
+   This is likely required because of the way that sections and panels are positioned. */
+.wp-customizer.modal-open #customize-header-actions,
+.wp-customizer.modal-open .control-panel-themes .filter-themes-count,
+.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after {
+	z-index: -1;
+}
+
+.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible;
+}
+
+.wp-customizer .theme-overlay .theme-backdrop {
+	background: rgba(240, 240, 241, 0.75);
+	position: fixed;
+	z-index: 110;
+}
+
+.wp-customizer .theme-overlay .star-rating {
+	float: left;
+	margin-right: 8px;
+}
+
+.wp-customizer .theme-rating .num-ratings {
+	line-height: 20px;
+}
+
+.wp-customizer .theme-overlay .theme-wrap {
+	left: 90px;
+	right: 90px;
+	top: 45px;
+	bottom: 45px;
+	z-index: 120;
+}
+
+.wp-customizer .theme-overlay .theme-actions {
+	text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
+	padding: 10px 25px;
+	background: #f0f0f1;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .theme-overlay .theme-actions .theme-install.preview {
+	margin-left: 8px;
+}
+
+.control-panel-themes .theme-actions .delete-theme {
+	left: 15px; /* these override themes.css on mobile */
+	right: auto;
+	bottom: auto;
+	position: absolute;
+}
+
+.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
+	overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
+}
+
+.wp-customizer .theme-header {
+	background: #f0f0f1;
+}
+
+.wp-customizer .theme-overlay .theme-header button,
+.wp-customizer .theme-overlay .theme-header .close:before {
+	color: #3c434a;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus,
+.wp-customizer .theme-overlay .theme-header .close:hover,
+.wp-customizer .theme-overlay .theme-header .right:focus,
+.wp-customizer .theme-overlay .theme-header .right:hover,
+.wp-customizer .theme-overlay .theme-header .left:focus,
+.wp-customizer .theme-overlay .theme-header .left:hover {
+	background: #fff;
+	border-bottom: 4px solid #2271b1;
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header .close:focus:before,
+.wp-customizer .theme-overlay .theme-header .close:hover:before {
+	color: #2271b1;
+}
+
+.wp-customizer .theme-overlay .theme-header button.disabled,
+.wp-customizer .theme-overlay .theme-header button.disabled:hover,
+.wp-customizer .theme-overlay .theme-header button.disabled:focus {
+	border-bottom: none;
+	background: transparent;
+	color: #c3c4c7;
+}
+
+/* Small Screens */
+@media (max-width: 850px), (max-height: 472px) {
+	.wp-customizer .theme-overlay .theme-wrap {
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+	}
+
+	.wp-customizer .theme-browser .themes {
+		padding-right: 25px;
+	}
+}
+
+/* Handle cheaters. */
+body.cheatin {
+	font-size: medium;
+	height: auto;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	margin: 50px auto 2em;
+	padding: 1em 2em;
+	max-width: 700px;
+	min-width: 0;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+body.cheatin h1 {
+	border-bottom: 1px solid #dcdcde;
+	clear: both;
+	color: #50575e;
+	font-size: 24px;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	margin: 30px 0 0;
+	padding: 0 0 7px;
+}
+
+body.cheatin p {
+	font-size: 14px;
+	line-height: 1.5;
+	margin: 25px 0 20px;
+}
+
+/**
+ * Widgets and Menus common styles
+ */
+
+/* higher specificity than .wp-core-ui .button */
+#customize-theme-controls .add-new-widget,
+#customize-theme-controls .add-new-menu-item {
+	cursor: pointer;
+	float: right;
+	margin: 0 0 0 10px;
+	transition: all 0.2s;
+	-webkit-user-select: none;
+	user-select: none;
+	outline: none;
+}
+
+.reordering .add-new-widget,
+.reordering .add-new-menu-item {
+	opacity: 0.2;
+	pointer-events: none;
+	cursor: not-allowed; /* doesn't work in conjunction with pointer-events */
+}
+
+.add-new-widget:before,
+.add-new-menu-item:before,
+#available-menu-items .new-content-item .add-content:before {
+	content: "\f132";
+	display: inline-block;
+	position: relative;
+	left: -2px;
+	top: 0;
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	transition: all 0.2s;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* Reordering */
+.reorder-toggle {
+	float: right;
+	padding: 5px 8px;
+	text-decoration: none;
+	cursor: pointer;
+	outline: none;
+}
+
+.reorder,
+.reordering .reorder-done {
+	display: block;
+	padding: 5px 8px;
+}
+
+.reorder-done,
+.reordering .reorder {
+	display: none;
+}
+
+.widget-reorder-nav span,
+.menu-item-reorder-nav button {
+	position: relative;
+	overflow: hidden;
+	float: left;
+	display: block;
+	width: 33px; /* was 42px for mobile */
+	height: 43px;
+	color: #8c8f94;
+	text-indent: -9999px;
+	cursor: pointer;
+	outline: none;
+}
+
+.menu-item-reorder-nav button {
+	width: 30px;
+	height: 40px;
+	background: transparent;
+	border: none;
+	box-shadow: none;
+}
+
+.widget-reorder-nav span:before,
+.menu-item-reorder-nav button:before {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	font: normal 20px/43px dashicons;
+	text-align: center;
+	text-indent: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus,
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+	color: #1d2327;
+	background: #f0f0f1;
+}
+
+.move-widget-down:before,
+.menus-move-down:before {
+	content: "\f347";
+}
+
+.move-widget-up:before,
+.menus-move-up:before {
+	content: "\f343";
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down,
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+	color: #dcdcde;
+	background-color: #fff;
+	cursor: default;
+	pointer-events: none;
+}
+
+/**
+ * New widget and Add-menu-items modes and panels
+ */
+
+.wp-full-overlay-main {
+	right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+	width: 100%;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover,
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	color: #2c3338;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+body.adding-widget .add-new-widget:before,
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+	transform: rotate(45deg);
+}
+
+#available-widgets,
+#available-menu-items {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: -301px;
+	visibility: hidden;
+	overflow-x: hidden;
+	overflow-y: auto;
+	width: 300px;
+	margin: 0;
+	z-index: 4;
+	background: #f0f0f1;
+	transition: left .18s;
+	border-right: 1px solid #dcdcde;
+}
+
+#available-widgets .customize-section-title,
+#available-menu-items .customize-section-title {
+	display: none;
+}
+
+#available-widgets-list {
+	top: 60px;
+	position: absolute;
+	overflow: auto;
+	bottom: 0;
+	width: 100%;
+	border-top: 1px solid #dcdcde;
+}
+
+.no-widgets-found #available-widgets-list {
+	border-top: none;
+}
+
+#available-widgets-filter {
+	position: fixed;
+	top: 0;
+	z-index: 1;
+	width: 300px;
+	background: #f0f0f1;
+}
+
+/* search field container */
+#available-widgets-filter,
+#available-menu-items-search .accordion-section-title {
+	padding: 13px 15px;
+	box-sizing: border-box;
+}
+
+#available-widgets-filter input,
+#available-menu-items-search input {
+	width: 100%;
+	min-height: 32px;
+	margin: 1px 0;
+	padding: 0 30px;
+}
+
+#available-widgets-filter input::-ms-clear,
+#available-menu-items-search input::-ms-clear {
+	display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
+}
+
+#available-menu-items-search .search-icon,
+#available-widgets-filter .search-icon {
+	display: block;
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	left: 16px;
+	width: 30px;
+	height: 30px;
+	line-height: 2.1;
+	text-align: center;
+	color: #646970;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results {
+	position: absolute;
+	top: 15px; /* 13 container padding +1 input margin +1 input border */
+	right: 16px;
+	width: 30px;
+	height: 30px;
+	padding: 0;
+	border: 0;
+	cursor: pointer;
+	background: none;
+	color: #d63638;
+	text-decoration: none;
+	outline: 0;
+}
+
+#available-widgets-filter .clear-results,
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+	display: none;
+}
+
+#available-widgets-filter .clear-results.is-visible,
+#available-menu-items-search .clear-results.is-visible {
+	display: block;
+}
+
+#available-widgets-filter .clear-results:before,
+#available-menu-items-search .clear-results:before {
+	content: "\f335";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#available-widgets-filter .clear-results:hover,
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+	color: #d63638;
+}
+
+#available-widgets-filter .clear-results:focus,
+#available-menu-items-search .clear-results:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+#available-menu-items-search .search-icon:after,
+#available-widgets-filter .search-icon:after,
+.themes-filter-bar .search-icon:after {
+	content: "\f179";
+	font: normal 20px/1 dashicons;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.themes-filter-bar .search-icon {
+	position: absolute;
+	top: 7px;
+	left: 26px;
+	z-index: 1;
+	color: #646970;
+	height: 30px;
+	width: 30px;
+	line-height: 2;
+	text-align: center;
+}
+
+.no-widgets-found-message {
+	display: none;
+	margin: 0;
+	padding: 0 15px;
+	line-height: inherit;
+}
+
+.no-widgets-found .no-widgets-found-message {
+	display: block;
+}
+
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover,
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+	border: none;
+	background: transparent;
+	box-shadow: none;
+}
+
+#available-widgets .widget-tpl,
+#available-menu-items .item-tpl {
+	position: relative;
+	padding: 15px 15px 15px 60px;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	border-left: 4px solid #fff;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+	cursor: pointer;
+	display: none;
+}
+
+#available-widgets .widget,
+#available-menu-items .item {
+	position: static;
+}
+
+
+/* Responsive */
+.customize-controls-preview-toggle {
+	display: none;
+}
+
+@media only screen and (max-width: 782px) {
+	.wp-customizer .theme:not(.active):hover .theme-actions,
+	.wp-customizer .theme:not(.active):focus .theme-actions {
+		display: block;
+	}
+
+	.wp-customizer .theme-browser .theme.active .theme-name span {
+		display: inline;
+	}
+
+	.customize-control-header button.random .dice {
+		margin-top: 0;
+	}
+
+	.customize-control-radio .customize-inside-control-row,
+	.customize-control-checkbox .customize-inside-control-row,
+	.customize-control-nav_menu_auto_add .customize-inside-control-row {
+		margin-left: 32px;
+	}
+
+	.customize-control-radio input,
+	.customize-control-checkbox input,
+	.customize-control-nav_menu_auto_add input {
+		margin-left: -32px;
+	}
+
+	.customize-control input[type="radio"] + label + br,
+	.customize-control input[type="checkbox"] + label + br {
+		line-height: 2.5; /* For widgets checkboxes */
+	}
+
+	.customize-control .date-time-fields select {
+		height: 39px;
+	}
+
+	.date-time-fields .date-input.month {
+		width: 79px;
+	}
+
+	.date-time-fields .date-input.day,
+	.date-time-fields .date-input.hour,
+	.date-time-fields .date-input.minute {
+		width: 55px;
+	}
+
+	.date-time-fields .date-input.year {
+		width: 80px;
+	}
+
+	#customize-control-changeset_preview_link a {
+		bottom: 16px;
+	}
+
+	.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button {
+		bottom: 10px;
+	}
+
+	.media-widget-control .media-widget-buttons .button.edit-media,
+	.media-widget-control .media-widget-buttons .button.change-media,
+	.media-widget-control .media-widget-buttons .button.select-media {
+		margin-top: 12px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 3px 0 3px 25px;
+	}
+}
+
+@media screen and (max-width: 1200px) {
+	.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,
+	.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main {
+		left: 67%;
+	}
+}
+
+@media screen and (max-width: 640px) {
+
+	/* when the sidebar is collapsed and switching to responsive view,
+	   bring it back see ticket #35220 */
+	.wp-full-overlay.collapsed #customize-controls {
+		margin-left: 0;
+	}
+
+	.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+		bottom: 0;
+	}
+
+	.customize-controls-preview-toggle {
+		display: block;
+		position: absolute;
+		top: 0;
+		left: 48px;
+		line-height: 2.6;
+		font-size: 14px;
+		padding: 0 12px 4px;
+		margin: 0;
+		height: 45px;
+		background: #f0f0f1;
+		border: 0;
+		border-right: 1px solid #dcdcde;
+		border-top: 4px solid #f0f0f1;
+		color: #50575e;
+		cursor: pointer;
+		transition: color .1s ease-in-out, background .1s ease-in-out;
+	}
+
+	#customize-footer-actions,
+	/*#customize-preview,*/
+	.customize-controls-preview-toggle .controls,
+	.preview-only .wp-full-overlay-sidebar-content,
+	.preview-only .customize-controls-preview-toggle .preview {
+		display: none;
+	}
+
+	.preview-only #customize-save-button-wrapper {
+		margin-top: -46px;
+	}
+
+	.customize-controls-preview-toggle .preview:before,
+	.customize-controls-preview-toggle .controls:before {
+		font: normal 20px/1 dashicons;
+		content: "\f177";
+		position: relative;
+		top: 4px;
+		margin-right: 6px;
+	}
+
+	.customize-controls-preview-toggle .controls:before {
+		content: "\f540";
+	}
+
+	.preview-only #customize-controls {
+		height: 45px;
+	}
+
+	.preview-only #customize-preview,
+	.preview-only .customize-controls-preview-toggle .controls {
+		display: block;
+	}
+
+	.wp-core-ui.wp-customizer .button {
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
+		font-size: 14px;
+		vertical-align: middle;
+	}
+
+	#customize-control-changeset_status .customize-inside-control-row {
+		padding-top: 15px;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		width: 100%;
+	}
+
+	#available-widgets .customize-section-title,
+	#available-menu-items .customize-section-title {
+		display: block;
+		margin: 0;
+	}
+
+	#available-widgets .customize-section-back,
+	#available-menu-items .customize-section-back {
+		height: 69px;
+	}
+
+	#available-widgets .customize-section-title h3,
+	#available-menu-items .customize-section-title h3 {
+		font-size: 20px;
+		font-weight: 200;
+		padding: 9px 10px 12px 14px;
+		margin: 0;
+		line-height: 24px;
+		color: #50575e;
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets .customize-section-title .customize-action,
+	#available-menu-items .customize-section-title .customize-action {
+		font-size: 13px;
+		display: block;
+		font-weight: 400;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	#available-widgets-filter {
+		position: relative;
+		width: 100%;
+		height: auto;
+	}
+
+	#available-widgets-list {
+		top: 130px;
+	}
+
+	#available-menu-items-search .clear-results,
+	#available-menu-items-search .search-icon {
+		top: 85px; /* 70 section title height + 13 container padding +1 input margin +1 input border */
+	}
+
+	.reorder,
+	.reordering .reorder-done {
+		padding: 8px;
+	}
+
+	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
+		margin: 0;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.wp-full-overlay.expanded {
+		margin-left: 0;
+	}
+
+	body.adding-widget div#available-widgets,
+	body.adding-menu-items div#available-menu-items,
+	body.outer-section-open div#customize-sidebar-outer-content {
+		top: 46px;
+		z-index: 10;
+	}
+
+	body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		left: -100%;
+	}
+
+	body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		left: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/customize-controls.min.css b/tools/storybook/wordpress/css/customize-controls.min.css
new file mode 100644
index 00000000000..e55d086a5b8
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-controls.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body{overflow:hidden;-webkit-text-size-adjust:100%}.customize-controls-close,.widget-control-actions a{text-decoration:none}#customize-controls h3{font-size:14px}#customize-controls img{max-width:100%}#customize-controls .submit{text-align:center}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked{background-color:rgba(0,0,0,.7);padding:25px}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message{margin-left:auto;margin-right:auto;max-width:366px;min-height:64px;width:auto;padding:25px 25px 25px 109px;position:relative;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);line-height:1.5;overflow-y:auto;text-align:left;top:calc(50% - 100px)}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing{margin-top:0}#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .action-buttons{margin-bottom:0}.customize-changeset-locked-avatar{width:64px;position:absolute;left:25px;top:25px}.wp-core-ui.wp-customizer .customize-changeset-locked-message a.button{margin-right:10px;margin-top:0}#customize-controls .description{color:#50575e}#customize-save-button-wrapper{float:right;margin-top:9px}body:not(.ready) #customize-save-button-wrapper .save{visibility:hidden}#customize-save-button-wrapper .save{float:left;border-radius:3px;box-shadow:none;margin-top:0}#customize-save-button-wrapper .save:focus,#publish-settings:focus{box-shadow:0 1px 0 #2271b1,0 0 2px 1px #72aee6}#customize-save-button-wrapper .save.has-next-sibling{border-radius:3px 0 0 3px}#customize-sidebar-outer-content{position:absolute;top:0;bottom:0;left:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:100%;margin:0;z-index:-1;background:#f0f0f1;transition:left .18s;border-right:1px solid #dcdcde;border-left:1px solid #dcdcde;height:100%}@media (prefers-reduced-motion:reduce){#customize-sidebar-outer-content{transition:none}}#customize-theme-controls .control-section-outer{display:none!important}#customize-outer-theme-controls .accordion-section-content{padding:12px}#customize-outer-theme-controls .accordion-section-content.open{display:block}.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content{visibility:visible;left:100%;transition:left .18s}@media (prefers-reduced-motion:reduce){.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content{transition:none}}.customize-outer-pane-parent{margin:0}.outer-section-open .wp-full-overlay.expanded .wp-full-overlay-main{left:300px;opacity:.4}.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.adding-menu-items .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.adding-widget .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main,.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.outer-section-open .wp-full-overlay.expanded.preview-tablet .wp-full-overlay-main{left:64%}#customize-outer-theme-controls li.notice{padding-top:8px;padding-bottom:8px;margin-left:0;margin-bottom:10px}#publish-settings{text-indent:0;border-radius:0 3px 3px 0;padding-left:0;padding-right:0;box-shadow:none;font-size:14px;width:30px;float:left;transform:none;margin-top:0;line-height:2}body.trashing #customize-save-button-wrapper .save,body.trashing #publish-settings,body:not(.ready) #publish-settings{display:none}#customize-header-actions .spinner{margin-top:13px;margin-right:4px}.saving #customize-header-actions .spinner,.trashing #customize-header-actions .spinner{visibility:visible}#customize-header-actions{border-bottom:1px solid #dcdcde}#customize-controls .wp-full-overlay-sidebar-content{overflow-y:auto;overflow-x:hidden}.outer-section-open #customize-controls .wp-full-overlay-sidebar-content{background:#f0f0f1}#customize-controls .customize-info{border:none;border-bottom:1px solid #dcdcde;margin-bottom:15px}#customize-control-changeset_preview_link input,#customize-control-changeset_status .customize-inside-control-row{background-color:#fff;border-bottom:1px solid #dcdcde;box-sizing:content-box;width:100%;margin-left:-12px;padding-left:12px;padding-right:12px}#customize-control-trash_changeset{margin-top:20px}#customize-control-trash_changeset .button-link{position:relative;padding-left:24px;display:inline-block}#customize-control-trash_changeset .button-link:before{content:"\f182";font:normal 22px dashicons;text-decoration:none;position:absolute;left:0;top:-2px}#customize-controls .date-input:invalid{border-color:#d63638}#customize-control-changeset_status .customize-inside-control-row{padding-top:10px;padding-bottom:10px;font-weight:500}#customize-control-changeset_status .customize-inside-control-row:first-of-type{border-top:1px solid #dcdcde}#customize-control-changeset_status .customize-control-title{margin-bottom:6px}#customize-control-changeset_status input{margin-left:0}#customize-control-changeset_preview_link{position:relative;display:block}.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button{margin:0;position:absolute;bottom:9px;right:0}.preview-link-wrapper{position:relative}.customize-copy-preview-link:after,.customize-copy-preview-link:before{content:"";height:28px;position:absolute;background:#fff;top:-1px}.customize-copy-preview-link:before{left:-10px;width:9px;opacity:.75}.customize-copy-preview-link:after{left:-5px;width:4px;opacity:.8}#customize-control-changeset_preview_link input{line-height:2.85714286;border-top:1px solid #dcdcde;border-left:none;border-right:none;text-indent:-999px;color:#fff;min-height:40px}#customize-control-changeset_preview_link label{position:relative;display:block}#customize-control-changeset_preview_link a{display:inline-block;position:absolute;white-space:nowrap;overflow:hidden;width:90%;bottom:14px;font-size:14px;text-decoration:none}#customize-control-changeset_preview_link a.disabled,#customize-control-changeset_preview_link a.disabled:active,#customize-control-changeset_preview_link a.disabled:focus,#customize-control-changeset_preview_link a.disabled:visited{color:#000;opacity:.4;cursor:default;outline:0;box-shadow:none}#sub-accordion-section-publish_settings .customize-section-description-container{display:none}#customize-controls .customize-info.section-meta{margin-bottom:15px}.customize-control-date_time .customize-control-description+.date-time-fields.includes-time{margin-top:10px}.customize-control.customize-control-date_time .date-time-fields .date-input.day{margin-right:0}.date-time-fields .date-input.month{width:auto;margin:0}.date-time-fields .date-input.day,.date-time-fields .date-input.hour,.date-time-fields .date-input.minute{width:46px}.date-time-fields .date-input.year{width:65px}.date-time-fields .date-input.meridian{width:auto;margin:0}.date-time-fields .time-row{margin-top:12px}#customize-control-changeset_preview_link{margin-top:6px}#customize-control-changeset_status{margin-bottom:0;padding-bottom:0}#customize-control-changeset_scheduled_date{box-sizing:content-box;width:100%;margin-left:-12px;padding:12px;background:#fff;border-bottom:1px solid #dcdcde;margin-bottom:0}#customize-control-changeset_scheduled_date .customize-control-description{font-style:normal}#customize-controls .customize-info.is-in-view,#customize-controls .customize-section-title.is-in-view{position:absolute;z-index:9;width:100%;box-shadow:0 1px 0 rgba(0,0,0,.1)}#customize-controls .customize-section-title.is-in-view{margin-top:0}#customize-controls .customize-info.is-in-view+.accordion-section{margin-top:15px}#customize-controls .customize-info.is-sticky,#customize-controls .customize-section-title.is-sticky{position:fixed;top:46px}#customize-controls .customize-info .accordion-section-title{background:#fff;color:#50575e;border-left:none;border-right:none;border-bottom:none;cursor:default}#customize-controls .customize-info .accordion-section-title:focus:after,#customize-controls .customize-info .accordion-section-title:hover:after,#customize-controls .customize-info.open .accordion-section-title:after{color:#2c3338}#customize-controls .customize-info .accordion-section-title:after{display:none}#customize-controls .customize-info .preview-notice{font-size:13px;line-height:1.9}#customize-controls .customize-info .panel-title,#customize-controls .customize-pane-child .customize-section-title h3,#customize-controls .customize-pane-child h3.customize-section-title,#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,#customize-outer-theme-controls .customize-pane-child h3.customize-section-title{font-size:20px;font-weight:200;line-height:26px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#customize-controls .customize-section-title span.customize-action{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#customize-controls .customize-info .customize-help-toggle{position:absolute;top:4px;right:1px;padding:20px 20px 10px 10px;width:20px;height:20px;cursor:pointer;box-shadow:none;-webkit-appearance:none;background:0 0;color:#50575e;border:none}#customize-controls .customize-info .customize-help-toggle:before{position:absolute;top:5px;left:6px}#customize-controls .customize-info .customize-help-toggle:focus,#customize-controls .customize-info .customize-help-toggle:hover,#customize-controls .customize-info.open .customize-help-toggle{color:#2271b1}#customize-controls .customize-info .customize-panel-description,#customize-controls .customize-info .customize-section-description,#customize-controls .no-widget-areas-rendered-notice,#customize-outer-theme-controls .customize-info .customize-section-description{color:#50575e;display:none;background:#fff;padding:12px 15px;border-top:1px solid #dcdcde}#customize-controls .customize-info .customize-panel-description.open+.no-widget-areas-rendered-notice{border-top:none}.no-widget-areas-rendered-notice{font-style:italic}.no-widget-areas-rendered-notice p:first-child{margin-top:0}.no-widget-areas-rendered-notice p:last-child{margin-bottom:0}#customize-controls .customize-info .customize-section-description{margin-bottom:15px}#customize-controls .customize-info .customize-panel-description p:first-child,#customize-controls .customize-info .customize-section-description p:first-child{margin-top:0}#customize-controls .customize-info .customize-panel-description p:last-child,#customize-controls .customize-info .customize-section-description p:last-child{margin-bottom:0}#customize-controls .current-panel .control-section>h3.accordion-section-title{padding-right:30px}#customize-outer-theme-controls .control-section,#customize-theme-controls .control-section{border:none}#customize-outer-theme-controls .accordion-section-title,#customize-theme-controls .accordion-section-title{color:#50575e;background-color:#fff;border-bottom:1px solid #dcdcde;border-left:4px solid #fff;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}@media (prefers-reduced-motion:reduce){#customize-outer-theme-controls .accordion-section-title,#customize-theme-controls .accordion-section-title{transition:none}}#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title{color:#50575e;background-color:#fff;border-left:4px solid #fff}#customize-outer-theme-controls .accordion-section-title:after,#customize-theme-controls .accordion-section-title:after{content:"\f345";color:#a7aaad}#customize-outer-theme-controls .accordion-section-content,#customize-theme-controls .accordion-section-content{color:#50575e;background:0 0}#customize-controls .control-section .accordion-section-title:focus,#customize-controls .control-section .accordion-section-title:hover,#customize-controls .control-section.open .accordion-section-title,#customize-controls .control-section:hover>.accordion-section-title{color:#2271b1;background:#f6f7f7;border-left-color:#2271b1}#accordion-section-themes+.control-section{border-top:1px solid #dcdcde}.js .control-section .accordion-section-title:focus,.js .control-section .accordion-section-title:hover,.js .control-section.open .accordion-section-title,.js .control-section:hover .accordion-section-title{background:#f6f7f7}#customize-outer-theme-controls .control-section .accordion-section-title:focus:after,#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,#customize-outer-theme-controls .control-section.open .accordion-section-title:after,#customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,#customize-theme-controls .control-section .accordion-section-title:focus:after,#customize-theme-controls .control-section .accordion-section-title:hover:after,#customize-theme-controls .control-section.open .accordion-section-title:after,#customize-theme-controls .control-section:hover>.accordion-section-title:after{color:#2271b1}#customize-theme-controls .control-section.open{border-bottom:1px solid #f0f0f1}#customize-outer-theme-controls .control-section.open .accordion-section-title,#customize-theme-controls .control-section.open .accordion-section-title{border-bottom-color:#f0f0f1!important}#customize-theme-controls .control-section:last-of-type.open,#customize-theme-controls .control-section:last-of-type>.accordion-section-title{border-bottom-color:#dcdcde}#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title{border-top:1px solid #dcdcde}#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu+.control-section-nav_menu{border-top:none}#customize-theme-controls>ul{margin:0}#customize-theme-controls .accordion-section-content{position:absolute;top:0;left:100%;width:100%;margin:0;padding:12px;box-sizing:border-box}#customize-info,#customize-theme-controls .customize-pane-child,#customize-theme-controls .customize-pane-parent{overflow:visible;width:100%;margin:0;padding:0;box-sizing:border-box;transition:.18s transform cubic-bezier(.645, .045, .355, 1)}@media (prefers-reduced-motion:reduce){#customize-info,#customize-theme-controls .customize-pane-child,#customize-theme-controls .customize-pane-parent{transition:none}}#customize-theme-controls .customize-pane-child.skip-transition{transition:none}#customize-info,#customize-theme-controls .customize-pane-parent{position:relative;visibility:visible;height:auto;max-height:none;overflow:auto;transform:none}#customize-theme-controls .customize-pane-child{position:absolute;top:0;left:0;visibility:hidden;height:0;max-height:none;overflow:hidden;transform:translateX(100%)}#customize-theme-controls .customize-pane-child.current-panel,#customize-theme-controls .customize-pane-child.open{transform:none}.in-sub-panel #customize-info,.in-sub-panel #customize-theme-controls .customize-pane-parent,.in-sub-panel.section-open #customize-theme-controls .customize-pane-child.current-panel,.section-open #customize-info,.section-open #customize-theme-controls .customize-pane-parent{visibility:hidden;height:0;overflow:hidden;transform:translateX(-100%)}#customize-theme-controls .customize-pane-child.busy,#customize-theme-controls .customize-pane-child.current-panel,#customize-theme-controls .customize-pane-child.open,.busy.section-open.in-sub-panel #customize-theme-controls .customize-pane-child.current-panel,.in-sub-panel #customize-info.busy,.in-sub-panel #customize-theme-controls .customize-pane-parent.busy,.section-open #customize-info.busy,.section-open #customize-theme-controls .customize-pane-parent.busy{visibility:visible;height:auto;overflow:auto}#customize-theme-controls .customize-pane-child.accordion-section-content,#customize-theme-controls .customize-pane-child.accordion-sub-container{display:block;overflow-x:hidden}#customize-theme-controls .customize-pane-child.accordion-section-content{padding:12px}#customize-theme-controls .customize-pane-child.menu li{position:static}.control-section-nav_menu .customize-section-description-container,.control-section-new_menu .customize-section-description-container,.customize-section-description-container{margin-bottom:15px}.control-section-nav_menu .customize-control,.control-section-new_menu .customize-control{margin-bottom:0}.customize-section-title{margin:-12px -12px 0;border-bottom:1px solid #dcdcde;background:#fff}div.customize-section-description{margin-top:22px}.customize-info div.customize-section-description{margin-top:0}div.customize-section-description p:first-child{margin-top:0}div.customize-section-description p:last-child{margin-bottom:0}#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child{border-bottom:1px solid #dcdcde;padding:12px}.ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child{padding:12px 12px 13px}.customize-section-title h3,h3.customize-section-title{padding:10px 10px 12px 14px;margin:0;line-height:21px;color:#50575e}.accordion-sub-container.control-panel-content{display:none;position:absolute;top:0;width:100%}.accordion-sub-container.control-panel-content.busy{display:block}.current-panel .accordion-sub-container.control-panel-content{width:100%}.customize-controls-close{display:block;position:absolute;top:0;left:0;width:45px;height:41px;padding:0 2px 0 0;background:#f0f0f1;border:none;border-top:4px solid #f0f0f1;border-right:1px solid #dcdcde;color:#3c434a;text-align:left;cursor:pointer;transition:color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;box-sizing:content-box}.customize-panel-back,.customize-section-back{display:block;float:left;width:48px;height:71px;padding:0 24px 0 0;margin:0;background:#fff;border:none;border-right:1px solid #dcdcde;border-left:4px solid #fff;box-shadow:none;cursor:pointer;transition:color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out}.customize-section-back{height:74px}.ios .customize-panel-back{display:none}.ios .expanded.in-sub-panel .customize-panel-back{display:block}#customize-controls .panel-meta.customize-info .accordion-section-title{margin-left:48px;border-left:none}#customize-controls .cannot-expand:hover .accordion-section-title,#customize-controls .panel-meta.customize-info .accordion-section-title:hover{background:#fff;color:#50575e;border-left-color:#fff}.customize-controls-close:focus,.customize-controls-close:hover,.customize-controls-preview-toggle:focus,.customize-controls-preview-toggle:hover{background:#fff;color:#2271b1;border-top-color:#2271b1;box-shadow:none;outline:1px solid transparent}#customize-theme-controls .accordion-section-title:focus .customize-action{outline:1px solid transparent;outline-offset:1px}.customize-panel-back:focus,.customize-panel-back:hover,.customize-section-back:focus,.customize-section-back:hover{color:#2271b1;background:#f6f7f7;border-left-color:#2271b1;box-shadow:none;outline:2px solid transparent;outline-offset:-2px}.customize-controls-close:before{font:normal 22px/45px dashicons;content:"\f335";position:relative;top:-3px;left:13px}.customize-panel-back:before,.customize-section-back:before{font:normal 20px/72px dashicons;content:"\f341";position:relative;left:9px}.wp-full-overlay-sidebar .wp-full-overlay-header{background-color:#f0f0f1;transition:padding ease-in-out .18s}.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header{padding-left:62px}p.customize-section-description{font-style:normal;margin-top:22px;margin-bottom:0}.customize-section-description ul{margin-left:1em}.customize-section-description ul>li{list-style:disc}.section-description-buttons{text-align:right}.customize-control{width:100%;float:left;clear:both;margin-bottom:12px}.customize-control input[type=email],.customize-control input[type=number],.customize-control input[type=password],.customize-control input[type=range],.customize-control input[type=search],.customize-control input[type=tel],.customize-control input[type=text],.customize-control input[type=url]{width:100%;margin:0}.customize-control-hidden{margin:0}.customize-control-textarea textarea{width:100%;resize:vertical}.customize-control select{width:100%}.customize-control select[multiple]{height:auto}.customize-control-title{display:block;font-size:14px;line-height:1.75;font-weight:600;margin-bottom:4px}.customize-control-description{display:block;font-style:italic;line-height:1.4;margin-top:0;margin-bottom:5px}.customize-section-description a.external-link:after{font:16px/11px dashicons;content:"\f504";top:3px;position:relative;padding-left:3px;display:inline-block;text-decoration:none}.customize-control-color .color-picker,.customize-control-upload div{line-height:28px}.customize-control .customize-inside-control-row{line-height:1.6;display:block;margin-left:24px;padding-top:6px;padding-bottom:6px}.customize-control-checkbox input,.customize-control-nav_menu_auto_add input,.customize-control-radio input{margin-right:4px;margin-left:-24px}.customize-control-radio{padding:5px 0 10px}.customize-control-radio .customize-control-title{margin-bottom:0;line-height:1.6}.customize-control-radio .customize-control-title+.customize-control-description{margin-top:7px}.customize-control-checkbox label,.customize-control-radio label{vertical-align:top}.customize-control .attachment-thumb.type-icon{float:left;margin:10px;width:auto}.customize-control .attachment-title{font-weight:600;margin:0;padding:5px 10px}.customize-control .attachment-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0 10px}.customize-control .attachment-meta-title{padding-top:7px}.customize-control .thumbnail-image,.customize-control .wp-media-wrapper.wp-video,.customize-control-header .current{line-height:0}.customize-control-site_icon .favicon-preview .browser-preview{vertical-align:top}.customize-control .thumbnail-image img{cursor:pointer}#customize-controls .thumbnail-audio .thumbnail{max-width:64px;max-height:64px;margin:10px;float:left}#available-menu-items .accordion-section-content .new-content-item,.customize-control-dropdown-pages .new-content-item{width:calc(100% - 30px);padding:8px 15px;position:absolute;bottom:0;z-index:10;background:#f0f0f1;display:flex}.customize-control-dropdown-pages .new-content-item{width:100%;padding:5px 0 5px 1px;position:relative}#available-menu-items .new-content-item .create-item-input,.customize-control-dropdown-pages .new-content-item .create-item-input{flex-grow:10}#available-menu-items .new-content-item .add-content,.customize-control-dropdown-pages .new-content-item .add-content{margin:2px 0 2px 6px;flex-grow:1}.customize-control-dropdown-pages .new-content-item .create-item-input.invalid{border:1px solid #d63638}.customize-control-dropdown-pages .add-new-toggle{margin-left:1px;font-weight:600;line-height:2.2}#customize-preview iframe{width:100%;height:100%;position:absolute}#customize-preview iframe+iframe{visibility:hidden}.wp-full-overlay-sidebar{background:#f0f0f1;border-right:1px solid #dcdcde}#customize-controls .customize-control-notifications-container{margin:4px 0 8px;padding:0;cursor:default}#customize-controls .customize-control-widget_form.has-error .widget .widget-top,.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle{box-shadow:inset 0 0 0 2px #d63638;transition:.15s box-shadow linear}#customize-controls .customize-control-notifications-container li.notice{list-style:none;margin:0 0 6px;padding:9px 14px;overflow:hidden}#customize-controls .customize-control-notifications-container .notice.is-dismissible{padding-right:38px}.customize-control-notifications-container li.notice:last-child{margin-bottom:0}#customize-controls .customize-control-nav_menu_item .customize-control-notifications-container{margin-top:0}#customize-controls .customize-control-widget_form .customize-control-notifications-container{margin-top:8px}.customize-control-text.has-error input{outline:2px solid #d63638}#customize-controls #customize-notifications-area{position:absolute;top:46px;width:100%;border-bottom:1px solid #dcdcde;display:block;padding:0;margin:0}.wp-full-overlay.collapsed #customize-controls #customize-notifications-area{display:none!important}#customize-controls #customize-notifications-area:not(.has-overlay-notifications),#customize-controls .customize-section-title>.customize-control-notifications-container:not(.has-overlay-notifications),#customize-controls .panel-meta>.customize-control-notifications-container:not(.has-overlay-notifications){max-height:210px;overflow-x:hidden;overflow-y:auto}#customize-controls #customize-notifications-area .notice,#customize-controls #customize-notifications-area>ul,#customize-controls .customize-section-title>.customize-control-notifications-container,#customize-controls .customize-section-title>.customize-control-notifications-container .notice,#customize-controls .panel-meta>.customize-control-notifications-container,#customize-controls .panel-meta>.customize-control-notifications-container .notice{margin:0}#customize-controls .customize-section-title>.customize-control-notifications-container,#customize-controls .panel-meta>.customize-control-notifications-container{border-top:1px solid #dcdcde}#customize-controls #customize-notifications-area .notice,#customize-controls .customize-section-title>.customize-control-notifications-container .notice,#customize-controls .panel-meta>.customize-control-notifications-container .notice{padding:9px 14px}#customize-controls #customize-notifications-area .notice.is-dismissible,#customize-controls .customize-section-title>.customize-control-notifications-container .notice.is-dismissible,#customize-controls .panel-meta>.customize-control-notifications-container .notice.is-dismissible{padding-right:38px}#customize-controls #customize-notifications-area .notice+.notice,#customize-controls .customize-section-title>.customize-control-notifications-container .notice+.notice,#customize-controls .panel-meta>.customize-control-notifications-container .notice+.notice{margin-top:1px}@keyframes customize-fade-in{0%{opacity:0}100%{opacity:1}}#customize-controls #customize-notifications-area .notice.notification-overlay,#customize-controls .notice.notification-overlay{margin:0;border-left:0}#customize-controls .customize-control-notifications-container.has-overlay-notifications{animation:customize-fade-in .5s;z-index:30}#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message{clear:both;color:#1d2327;font-size:18px;font-style:normal;margin:0;padding:2em 0;text-align:center;width:100%;display:block;top:50%;position:relative}#customize-control-show_on_front.has-error{margin-bottom:0}#customize-control-show_on_front.has-error .customize-control-notifications-container{margin-top:12px}.accordion-section .dropdown{float:left;display:block;position:relative;cursor:pointer}.accordion-section .dropdown-content{overflow:hidden;float:left;min-width:30px;height:16px;line-height:16px;margin-right:16px;padding:4px 5px;border:2px solid #f0f0f1;-webkit-user-select:none;user-select:none}.customize-control .dropdown-arrow{position:absolute;top:0;bottom:0;right:0;width:20px;background:#f0f0f1}.customize-control .dropdown-arrow:after{content:"\f140";font:normal 20px/1 dashicons;speak:never;display:block;padding:0;text-indent:0;text-align:center;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#2c3338}.customize-control .dropdown-status{color:#2c3338;background:#f0f0f1;display:none;max-width:112px}.customize-control-color .dropdown{margin-right:5px;margin-bottom:5px}.customize-control-color .dropdown .dropdown-content{background-color:#50575e;border:1px solid rgba(0,0,0,.15)}.customize-control-color .dropdown:hover .dropdown-content{border-color:rgba(0,0,0,.25)}.ios .wp-full-overlay{position:relative}.ios #customize-controls .wp-full-overlay-sidebar-content{-webkit-overflow-scrolling:touch}.customize-control .actions .button{margin-top:12px}.customize-control-header .actions,.customize-control-header .uploaded{margin-bottom:18px}.customize-control-header .default button:not(.random),.customize-control-header .uploaded button:not(.random){width:100%;padding:0;margin:0;background:0 0;border:none;color:inherit;cursor:pointer}.customize-control-header button img{display:block}.customize-control .attachment-media-view .default-button,.customize-control .attachment-media-view .remove-button,.customize-control .attachment-media-view .upload-button,.customize-control-header button.new,.customize-control-header button.remove{width:auto;height:auto;white-space:normal}.customize-control .attachment-media-view .thumbnail,.customize-control-header .current .container{overflow:hidden}.customize-control .attachment-media-view .button-add-media,.customize-control .attachment-media-view .placeholder,.customize-control-header .placeholder{width:100%;position:relative;text-align:center;cursor:default;border:1px dashed #c3c4c7;box-sizing:border-box;padding:9px 0;line-height:1.6}.customize-control .attachment-media-view .button-add-media{cursor:pointer;background-color:#f0f0f1;color:#2c3338}.customize-control .attachment-media-view .button-add-media:hover{background-color:#fff}.customize-control .attachment-media-view .button-add-media:focus{background-color:#fff;border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.customize-control-header .inner{display:none;position:absolute;width:100%;color:#50575e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customize-control-header .inner,.customize-control-header .inner .dashicons{line-height:20px;top:8px}.customize-control-header .list .inner,.customize-control-header .list .inner .dashicons{top:9px}.customize-control-header .header-view{position:relative;width:100%;margin-bottom:12px}.customize-control-header .header-view:last-child{margin-bottom:0}.customize-control-header .header-view:after{border:0}.customize-control-header .header-view.selected .choice:focus{outline:0}.customize-control-header .header-view.selected:after{content:"";position:absolute;height:auto;top:0;left:0;bottom:0;right:0;border:4px solid #72aee6;border-radius:2px}.customize-control-header .header-view.button.selected{border:0}.customize-control-header .uploaded .header-view .close{font-size:20px;color:#fff;background:#50575e;background:rgba(0,0,0,.5);position:absolute;top:10px;left:-999px;z-index:1;width:26px;height:26px;cursor:pointer}.customize-control-header .header-view .close:focus,.customize-control-header .header-view:hover .close{left:auto;right:10px}.customize-control-header .header-view .close:focus{outline:1px solid #4f94d4}.customize-control-header .random.placeholder{cursor:pointer;border-radius:2px;height:40px}.customize-control-header button.random{width:100%;height:auto;min-height:40px;white-space:normal}.customize-control-header button.random .dice{margin-top:4px}.customize-control-header .header-view:hover>button.random .dice,.customize-control-header .placeholder:hover .dice{animation:dice-color-change 3s infinite}.button-see-me{animation:bounce .7s 1;transform-origin:center bottom}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-12px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-1px,0)}}.customize-control-header .choice{position:relative;display:block;margin-bottom:9px}.customize-control-header .choice:focus{outline:0;box-shadow:0 0 0 1px #4f94d4,0 0 3px 1px rgba(79,148,212,.8)}.customize-control-header .uploaded div:last-child>.choice{margin-bottom:0}.customize-control .attachment-media-view .thumbnail-image img,.customize-control-header img{max-width:100%}.customize-control .attachment-media-view .default-button,.customize-control .attachment-media-view .remove-button,.customize-control-header .remove{margin-right:8px}.customize-control-background_position .background-position-control .button-group{display:block}.customize-control-code_editor textarea{width:100%;font-family:Consolas,Monaco,monospace;font-size:12px;padding:6px 8px;-o-tab-size:2;tab-size:2}.customize-control-code_editor .CodeMirror,.customize-control-code_editor textarea{height:14em}#customize-controls .customize-section-description-container.section-meta.customize-info{border-bottom:none}#sub-accordion-section-custom_css .customize-control-notifications-container{margin-bottom:15px}#customize-control-custom_css textarea{display:block;height:500px}.customize-section-description-container+#customize-control-custom_css .customize-control-title{margin-left:12px}.customize-section-description-container+#customize-control-custom_css:last-child textarea{border-right:0;border-left:0;height:calc(100vh - 185px);resize:none}.customize-section-description-container+#customize-control-custom_css:last-child{margin-left:-12px;width:299px;width:calc(100% + 24px);margin-bottom:-12px}.customize-section-description-container+#customize-control-custom_css:last-child .CodeMirror{height:calc(100vh - 185px)}.CodeMirror-hints,.CodeMirror-lint-tooltip{z-index:500000!important}.customize-section-description-container+#customize-control-custom_css:last-child .customize-control-notifications-container{margin-left:12px;margin-right:12px}.theme-browser .theme.active .theme-actions,.wp-customizer .theme-browser .theme .theme-actions{padding:9px 15px;box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}@media screen and (max-width:640px){.customize-section-description-container+#customize-control-custom_css:last-child{margin-right:0}.customize-section-description-container+#customize-control-custom_css:last-child textarea{height:calc(100vh - 140px)}}#customize-theme-controls .control-panel-themes{border-bottom:none}#customize-theme-controls .control-panel-themes>.accordion-section-title,#customize-theme-controls .control-panel-themes>.accordion-section-title:hover{cursor:default;background:#fff;color:#50575e;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde;border-left:none;border-right:none;margin:0 0 15px;padding-right:100px}#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child,#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover{border-top:0}#customize-theme-controls .control-section-themes>.accordion-section-title,#customize-theme-controls .control-section-themes>.accordion-section-title:hover{margin:0 0 15px}#customize-controls .customize-themes-panel .accordion-section-title,#customize-controls .customize-themes-panel .accordion-section-title:hover{margin:15px -8px}#customize-controls .control-section-themes .accordion-section-title,#customize-controls .customize-themes-panel .accordion-section-title{padding-right:100px}#customize-controls .control-section-themes .accordion-section-title span.customize-action,#customize-controls .customize-section-title span.customize-action,.control-panel-themes .accordion-section-title span.customize-action{font-size:13px;display:block;font-weight:400}#customize-theme-controls .control-panel-themes .accordion-section-title .change-theme{position:absolute;right:10px;top:50%;margin-top:-14px;font-weight:400}#customize-notifications-area .notification-message button.switch-to-editor{display:block;margin-top:6px;font-weight:400}#customize-theme-controls .control-panel-themes>.accordion-section-title:after{display:none}.control-panel-themes .customize-themes-full-container{position:fixed;top:0;left:0;transition:.18s left ease-in-out;margin:0 0 0 300px;padding:71px 0 25px;overflow-y:scroll;width:calc(100% - 300px);height:calc(100% - 96px);background:#f0f0f1;z-index:20}@media (prefers-reduced-motion:reduce){.control-panel-themes .customize-themes-full-container{transition:none}}@media screen and (min-width:1670px){.control-panel-themes .customize-themes-full-container{width:82%;right:0;left:initial}}.modal-open .control-panel-themes .customize-themes-full-container{overflow-y:visible}#customize-header-actions .customize-controls-preview-toggle,#customize-header-actions .spinner,#customize-save-button-wrapper{transition:.18s margin ease-in-out}#customize-footer-actions,#customize-footer-actions .collapse-sidebar{bottom:0;transition:.18s bottom ease-in-out}.in-themes-panel:not(.animating) #customize-footer-actions,.in-themes-panel:not(.animating) #customize-header-actions .customize-controls-preview-toggle,.in-themes-panel:not(.animating) #customize-header-actions .spinner,.in-themes-panel:not(.animating) #customize-preview{visibility:hidden}.wp-full-overlay.in-themes-panel{background:#f0f0f1}.in-themes-panel #customize-header-actions .customize-controls-preview-toggle,.in-themes-panel #customize-header-actions .spinner,.in-themes-panel #customize-save-button-wrapper{margin-top:-46px}.in-themes-panel #customize-footer-actions,.in-themes-panel #customize-footer-actions .collapse-sidebar{bottom:-45px}.in-themes-panel.animating .control-panel-themes .filter-themes-count{display:none}.in-themes-panel.wp-full-overlay .wp-full-overlay-sidebar-content{bottom:0}.themes-filter-bar .feature-filter-toggle{float:right;margin:3px 0 3px 25px}.themes-filter-bar .feature-filter-toggle:before{content:"\f111";margin:0 5px 0 0;font:normal 16px/1 dashicons;vertical-align:text-bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.themes-filter-bar .feature-filter-toggle.open{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)}.themes-filter-bar .feature-filter-toggle .filter-count-filters{display:none}.filter-drawer{box-sizing:border-box;width:100%;position:absolute;top:46px;left:0;padding:25px 0 25px 25px;border-top:0;margin:0;background:#f0f0f1;border-bottom:1px solid #dcdcde}.filter-drawer .filter-group{margin:0 25px 0 0;width:calc((100% - 75px)/ 3);min-width:200px;max-width:320px}@keyframes themes-fade-in{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.control-panel-themes .customize-themes-full-container.animate{animation:.6s themes-fade-in 1}.in-themes-panel:not(.animating) .control-panel-themes .filter-themes-count{animation:.6s themes-fade-in 1}.control-panel-themes .filter-themes-count{position:relative;float:right;line-height:2.6}.control-panel-themes .filter-themes-count .themes-displayed{font-weight:600;color:#50575e}.customize-themes-notifications{margin:0}.control-panel-themes .customize-themes-notifications .notice{margin:0 0 25px}.customize-themes-full-container .customize-themes-section{display:none!important;overflow:hidden}.customize-themes-full-container .customize-themes-section.current-section{display:list-item!important}.control-section .customize-section-text-before{padding:0 0 8px 15px;margin:15px 0 0;line-height:16px;border-bottom:1px solid #dcdcde;color:#50575e}.control-panel-themes .customize-themes-section-title{width:100%;background:#fff;box-shadow:none;outline:0;border-top:none;border-bottom:1px solid #dcdcde;border-left:4px solid #fff;border-right:none;cursor:pointer;padding:10px 15px;position:relative;text-align:left;font-size:14px;font-weight:600;color:#50575e;text-shadow:none}.control-panel-themes #accordion-section-installed_themes{border-top:1px solid #dcdcde}.control-panel-themes .theme-section{margin:0;position:relative}.control-panel-themes .customize-themes-section-title:focus,.control-panel-themes .customize-themes-section-title:hover{border-left-color:#2271b1;color:#2271b1;background:#f6f7f7}.customize-themes-section-title:not(.selected):after{content:"";display:block;position:absolute;top:9px;right:15px;width:18px;height:18px;border-radius:100%;border:1px solid #c3c4c7;background:#fff}.control-panel-themes .theme-section .customize-themes-section-title.selected:after{content:"\f147";font:16px/1 dashicons;box-sizing:border-box;width:20px;height:20px;padding:3px 3px 1px 1px;border-radius:100%;position:absolute;top:9px;right:15px;background:#2271b1;color:#fff}.control-panel-themes .customize-themes-section-title.selected{color:#2271b1}#customize-theme-controls .themes.accordion-section-content{position:relative;left:0;padding:0;width:100%}.loading .customize-themes-section .spinner{display:block;visibility:visible;position:relative;clear:both;width:20px;height:20px;left:calc(50% - 10px);float:none;margin-top:50px}.customize-themes-section .no-themes,.customize-themes-section .no-themes-local{display:none}.themes-section-installed_themes .theme .notice-success:not(.updated-message){display:none}.customize-control-theme .theme{width:100%;margin:0;border:1px solid #dcdcde;background:#fff}.customize-control-theme .theme .theme-actions,.customize-control-theme .theme .theme-name{background:#fff;border:none}.customize-control.customize-control-theme{box-sizing:border-box;width:25%;max-width:600px;margin:0 25px 25px 0;padding:0;clear:none}@media screen and (min-width:2101px){.customize-control.customize-control-theme{width:calc((100% - 125px)/ 5 - 1px)}}@media screen and (min-width:1601px) and (max-width:2100px){.customize-control.customize-control-theme{width:calc((100% - 100px)/ 4 - 1px)}}@media screen and (min-width:1201px) and (max-width:1600px){.customize-control.customize-control-theme{width:calc((100% - 75px)/ 3 - 1px)}}@media screen and (min-width:851px) and (max-width:1200px){.customize-control.customize-control-theme{width:calc((100% - 50px)/ 2 - 1px)}}@media screen and (max-width:850px){.customize-control.customize-control-theme{width:100%}}.wp-customizer .theme-browser .themes{padding:0 0 25px 25px;transition:.18s margin-top linear}.wp-customizer .theme-browser .theme .theme-actions{opacity:1}#customize-controls h3.theme-name{font-size:15px}#customize-controls .theme-overlay .theme-name{font-size:32px}.customize-preview-header.themes-filter-bar{position:fixed;top:0;left:300px;width:calc(100% - 300px);height:46px;background:#f0f0f1;z-index:10;padding:6px 25px;box-sizing:border-box;border-bottom:1px solid #dcdcde}@media screen and (min-width:1670px){.customize-preview-header.themes-filter-bar{width:82%;right:0;left:initial}}.themes-filter-bar .themes-filter-container{margin:0;padding:0}.themes-filter-bar .wp-filter-search{line-height:1.8;padding:6px 10px 6px 30px;max-width:100%;width:40%;min-width:300px;position:absolute;top:6px;left:25px;height:32px;margin:1px 0}@media screen and (max-height:540px),screen and (max-width:1018px){.customize-preview-header.themes-filter-bar{position:relative;left:0;width:100%;margin:0 0 25px}.filter-drawer{top:46px}.wp-customizer .theme-browser .themes{padding:0 0 25px 25px;overflow:hidden}.control-panel-themes .customize-themes-full-container{margin-top:0;padding:0;height:100%;width:calc(100% - 300px)}}@media screen and (max-width:1018px){.filter-drawer .filter-group{width:calc((100% - 50px)/ 2)}}@media screen and (max-width:900px){.customize-preview-header.themes-filter-bar{height:86px;padding-top:46px}.themes-filter-bar .wp-filter-search{width:calc(100% - 50px);margin:0;min-width:200px}.filter-drawer{top:86px}.control-panel-themes .filter-themes-count{float:left}}@media screen and (max-width:792px){.filter-drawer .filter-group{width:calc(100% - 25px)}}.control-panel-themes .customize-themes-mobile-back{display:none}@media screen and (max-width:600px){.filter-drawer{top:132px}.wp-full-overlay.showing-themes .control-panel-themes .filter-themes-count .filter-themes{display:block;float:right}.control-panel-themes .customize-themes-full-container{width:100%;margin:0;padding-top:46px;height:calc(100% - 46px);z-index:1;display:none}.showing-themes .control-panel-themes .customize-themes-full-container{display:block}.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back{display:block;position:fixed;top:0;left:0;background:#f0f0f1;color:#3c434a;border-radius:0;box-shadow:none;border:none;height:46px;width:100%;z-index:10;text-align:left;text-shadow:none;border-bottom:1px solid #dcdcde;border-left:4px solid transparent;margin:0;padding:0;font-size:0;overflow:hidden}.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:before{left:0;top:0;height:46px;width:26px;display:block;line-height:2.3;padding:0 8px;border-right:1px solid #dcdcde}.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus,.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover{color:#2271b1;background:#f6f7f7;border-left-color:#2271b1;box-shadow:none;outline:2px solid transparent;outline-offset:-2px}.showing-themes #customize-header-actions{display:none}#customize-controls{width:100%}}.wp-customizer .theme-overlay{display:none}.wp-customizer.modal-open .theme-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:109}.wp-customizer.modal-open #customize-header-actions,.wp-customizer.modal-open .control-panel-themes .customize-themes-section-title.selected:after,.wp-customizer.modal-open .control-panel-themes .filter-themes-count{z-index:-1}.wp-full-overlay.in-themes-panel.themes-panel-expanded #customize-controls .wp-full-overlay-sidebar-content{overflow:visible}.wp-customizer .theme-overlay .theme-backdrop{background:rgba(240,240,241,.75);position:fixed;z-index:110}.wp-customizer .theme-overlay .star-rating{float:left;margin-right:8px}.wp-customizer .theme-rating .num-ratings{line-height:20px}.wp-customizer .theme-overlay .theme-wrap{left:90px;right:90px;top:45px;bottom:45px;z-index:120}.wp-customizer .theme-overlay .theme-actions{text-align:right;padding:10px 25px;background:#f0f0f1;border-top:1px solid #dcdcde}.wp-customizer .theme-overlay .theme-actions .theme-install.preview{margin-left:8px}.control-panel-themes .theme-actions .delete-theme{left:15px;right:auto;bottom:auto;position:absolute}.modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content{overflow:visible}.wp-customizer .theme-header{background:#f0f0f1}.wp-customizer .theme-overlay .theme-header .close:before,.wp-customizer .theme-overlay .theme-header button{color:#3c434a}.wp-customizer .theme-overlay .theme-header .close:focus,.wp-customizer .theme-overlay .theme-header .close:hover,.wp-customizer .theme-overlay .theme-header .left:focus,.wp-customizer .theme-overlay .theme-header .left:hover,.wp-customizer .theme-overlay .theme-header .right:focus,.wp-customizer .theme-overlay .theme-header .right:hover{background:#fff;border-bottom:4px solid #2271b1;color:#2271b1}.wp-customizer .theme-overlay .theme-header .close:focus:before,.wp-customizer .theme-overlay .theme-header .close:hover:before{color:#2271b1}.wp-customizer .theme-overlay .theme-header button.disabled,.wp-customizer .theme-overlay .theme-header button.disabled:focus,.wp-customizer .theme-overlay .theme-header button.disabled:hover{border-bottom:none;background:0 0;color:#c3c4c7}@media (max-width:850px),(max-height:472px){.wp-customizer .theme-overlay .theme-wrap{left:0;right:0;top:0;bottom:0}.wp-customizer .theme-browser .themes{padding-right:25px}}body.cheatin{font-size:medium;height:auto;background:#fff;border:1px solid #c3c4c7;margin:50px auto 2em;padding:1em 2em;max-width:700px;min-width:0;box-shadow:0 1px 1px rgba(0,0,0,.04)}body.cheatin h1{border-bottom:1px solid #dcdcde;clear:both;color:#50575e;font-size:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:30px 0 0;padding:0 0 7px}body.cheatin p{font-size:14px;line-height:1.5;margin:25px 0 20px}#customize-theme-controls .add-new-menu-item,#customize-theme-controls .add-new-widget{cursor:pointer;float:right;margin:0 0 0 10px;transition:all .2s;-webkit-user-select:none;user-select:none;outline:0}.reordering .add-new-menu-item,.reordering .add-new-widget{opacity:.2;pointer-events:none;cursor:not-allowed}#available-menu-items .new-content-item .add-content:before,.add-new-menu-item:before,.add-new-widget:before{content:"\f132";display:inline-block;position:relative;left:-2px;top:0;font:normal 20px/1 dashicons;vertical-align:middle;transition:all .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reorder-toggle{float:right;padding:5px 8px;text-decoration:none;cursor:pointer;outline:0}.reorder,.reordering .reorder-done{display:block;padding:5px 8px}.reorder-done,.reordering .reorder{display:none}.menu-item-reorder-nav button,.widget-reorder-nav span{position:relative;overflow:hidden;float:left;display:block;width:33px;height:43px;color:#8c8f94;text-indent:-9999px;cursor:pointer;outline:0}.menu-item-reorder-nav button{width:30px;height:40px;background:0 0;border:none;box-shadow:none}.menu-item-reorder-nav button:before,.widget-reorder-nav span:before{display:inline-block;position:absolute;top:0;right:0;width:100%;height:100%;font:normal 20px/43px dashicons;text-align:center;text-indent:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-item-reorder-nav button:focus,.menu-item-reorder-nav button:hover,.widget-reorder-nav span:focus,.widget-reorder-nav span:hover{color:#1d2327;background:#f0f0f1}.menus-move-down:before,.move-widget-down:before{content:"\f347"}.menus-move-up:before,.move-widget-up:before{content:"\f343"}#customize-theme-controls .first-widget .move-widget-up,#customize-theme-controls .last-widget .move-widget-down,.move-down-disabled .menus-move-down,.move-left-disabled .menus-move-left,.move-right-disabled .menus-move-right,.move-up-disabled .menus-move-up{color:#dcdcde;background-color:#fff;cursor:default;pointer-events:none}.wp-full-overlay-main{right:auto;width:100%}.add-menu-toggle.open,.add-menu-toggle.open:hover,.adding-menu-items .add-new-menu-item,.adding-menu-items .add-new-menu-item:hover,body.adding-widget .add-new-widget,body.adding-widget .add-new-widget:hover{background:#f0f0f1;border-color:#8c8f94;color:#2c3338;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)}#accordion-section-add_menu .add-new-menu-item.open:before,.adding-menu-items .add-new-menu-item:before,body.adding-widget .add-new-widget:before{transform:rotate(45deg)}#available-menu-items,#available-widgets{position:absolute;top:0;bottom:0;left:-301px;visibility:hidden;overflow-x:hidden;overflow-y:auto;width:300px;margin:0;z-index:4;background:#f0f0f1;transition:left .18s;border-right:1px solid #dcdcde}#available-menu-items .customize-section-title,#available-widgets .customize-section-title{display:none}#available-widgets-list{top:60px;position:absolute;overflow:auto;bottom:0;width:100%;border-top:1px solid #dcdcde}.no-widgets-found #available-widgets-list{border-top:none}#available-widgets-filter{position:fixed;top:0;z-index:1;width:300px;background:#f0f0f1}#available-menu-items-search .accordion-section-title,#available-widgets-filter{padding:13px 15px;box-sizing:border-box}#available-menu-items-search input,#available-widgets-filter input{width:100%;min-height:32px;margin:1px 0;padding:0 30px}#available-menu-items-search input::-ms-clear,#available-widgets-filter input::-ms-clear{display:none}#available-menu-items-search .search-icon,#available-widgets-filter .search-icon{display:block;position:absolute;top:15px;left:16px;width:30px;height:30px;line-height:2.1;text-align:center;color:#646970}#available-menu-items-search .clear-results,#available-widgets-filter .clear-results{position:absolute;top:15px;right:16px;width:30px;height:30px;padding:0;border:0;cursor:pointer;background:0 0;color:#d63638;text-decoration:none;outline:0}#available-menu-items-search .clear-results,#available-menu-items-search.loading .clear-results.is-visible,#available-widgets-filter .clear-results{display:none}#available-menu-items-search .clear-results.is-visible,#available-widgets-filter .clear-results.is-visible{display:block}#available-menu-items-search .clear-results:before,#available-widgets-filter .clear-results:before{content:"\f335";font:normal 20px/1 dashicons;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#available-menu-items-search .clear-results:focus,#available-menu-items-search .clear-results:hover,#available-widgets-filter .clear-results:focus,#available-widgets-filter .clear-results:hover{color:#d63638}#available-menu-items-search .clear-results:focus,#available-widgets-filter .clear-results:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}#available-menu-items-search .search-icon:after,#available-widgets-filter .search-icon:after,.themes-filter-bar .search-icon:after{content:"\f179";font:normal 20px/1 dashicons;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.themes-filter-bar .search-icon{position:absolute;top:7px;left:26px;z-index:1;color:#646970;height:30px;width:30px;line-height:2;text-align:center}.no-widgets-found-message{display:none;margin:0;padding:0 15px;line-height:inherit}.no-widgets-found .no-widgets-found-message{display:block}#available-menu-items .item-top,#available-menu-items .item-top:hover,#available-widgets .widget-top,#available-widgets .widget-top:hover{border:none;background:0 0;box-shadow:none}#available-menu-items .item-tpl,#available-widgets .widget-tpl{position:relative;padding:15px 15px 15px 60px;background:#fff;border-bottom:1px solid #dcdcde;border-left:4px solid #fff;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out;cursor:pointer;display:none}#available-menu-items .item,#available-widgets .widget{position:static}.customize-controls-preview-toggle{display:none}@media only screen and (max-width:782px){.wp-customizer .theme:not(.active):focus .theme-actions,.wp-customizer .theme:not(.active):hover .theme-actions{display:block}.wp-customizer .theme-browser .theme.active .theme-name span{display:inline}.customize-control-header button.random .dice{margin-top:0}.customize-control-checkbox .customize-inside-control-row,.customize-control-nav_menu_auto_add .customize-inside-control-row,.customize-control-radio .customize-inside-control-row{margin-left:32px}.customize-control-checkbox input,.customize-control-nav_menu_auto_add input,.customize-control-radio input{margin-left:-32px}.customize-control input[type=checkbox]+label+br,.customize-control input[type=radio]+label+br{line-height:2.5}.customize-control .date-time-fields select{height:39px}.date-time-fields .date-input.month{width:79px}.date-time-fields .date-input.day,.date-time-fields .date-input.hour,.date-time-fields .date-input.minute{width:55px}.date-time-fields .date-input.year{width:80px}#customize-control-changeset_preview_link a{bottom:16px}.preview-link-wrapper .customize-copy-preview-link.preview-control-element.button{bottom:10px}.media-widget-control .media-widget-buttons .button.change-media,.media-widget-control .media-widget-buttons .button.edit-media,.media-widget-control .media-widget-buttons .button.select-media{margin-top:12px}.wp-core-ui .themes-filter-bar .feature-filter-toggle{margin:3px 0 3px 25px}}@media screen and (max-width:1200px){.adding-menu-items .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.adding-widget .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main,.outer-section-open .wp-full-overlay.expanded.preview-mobile .wp-full-overlay-main{left:67%}}@media screen and (max-width:640px){.wp-full-overlay.collapsed #customize-controls{margin-left:0}.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content{bottom:0}.customize-controls-preview-toggle{display:block;position:absolute;top:0;left:48px;line-height:2.6;font-size:14px;padding:0 12px 4px;margin:0;height:45px;background:#f0f0f1;border:0;border-right:1px solid #dcdcde;border-top:4px solid #f0f0f1;color:#50575e;cursor:pointer;transition:color .1s ease-in-out,background .1s ease-in-out}#customize-footer-actions,.customize-controls-preview-toggle .controls,.preview-only .customize-controls-preview-toggle .preview,.preview-only .wp-full-overlay-sidebar-content{display:none}.preview-only #customize-save-button-wrapper{margin-top:-46px}.customize-controls-preview-toggle .controls:before,.customize-controls-preview-toggle .preview:before{font:normal 20px/1 dashicons;content:"\f177";position:relative;top:4px;margin-right:6px}.customize-controls-preview-toggle .controls:before{content:"\f540"}.preview-only #customize-controls{height:45px}.preview-only #customize-preview,.preview-only .customize-controls-preview-toggle .controls{display:block}.wp-core-ui.wp-customizer .button{min-height:30px;padding:0 14px;line-height:2;font-size:14px;vertical-align:middle}#customize-control-changeset_status .customize-inside-control-row{padding-top:15px}body.adding-menu-items div#available-menu-items,body.adding-widget div#available-widgets,body.outer-section-open div#customize-sidebar-outer-content{width:100%}#available-menu-items .customize-section-title,#available-widgets .customize-section-title{display:block;margin:0}#available-menu-items .customize-section-back,#available-widgets .customize-section-back{height:69px}#available-menu-items .customize-section-title h3,#available-widgets .customize-section-title h3{font-size:20px;font-weight:200;padding:9px 10px 12px 14px;margin:0;line-height:24px;color:#50575e;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#available-menu-items .customize-section-title .customize-action,#available-widgets .customize-section-title .customize-action{font-size:13px;display:block;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#available-widgets-filter{position:relative;width:100%;height:auto}#available-widgets-list{top:130px}#available-menu-items-search .clear-results,#available-menu-items-search .search-icon{top:85px}.reorder,.reordering .reorder-done{padding:8px}.wp-core-ui .themes-filter-bar .feature-filter-toggle{margin:0}}@media screen and (max-width:600px){.wp-full-overlay.expanded{margin-left:0}body.adding-menu-items div#available-menu-items,body.adding-widget div#available-widgets,body.outer-section-open div#customize-sidebar-outer-content{top:46px;z-index:10}body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content{left:-100%}body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content{left:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/customize-nav-menus-rtl.css b/tools/storybook/wordpress/css/customize-nav-menus-rtl.css
new file mode 100644
index 00000000000..677a29e22e6
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-nav-menus-rtl.css
@@ -0,0 +1,884 @@
+/*! This file is auto-generated */
+#customize-theme-controls #accordion-section-menu_locations {
+	position: relative;
+	margin-top: 30px;
+}
+
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+	margin-top: 15px;
+}
+
+#customize-theme-controls .customize-section-title-nav_menus-heading,
+#customize-theme-controls .customize-section-title-menu_locations-heading,
+#customize-theme-controls .customize-section-title-menu_locations-description {
+	padding: 0 12px;
+}
+
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
+	/* Override the default italic style for control descriptions */
+	font-style: normal;
+}
+
+.menu-in-location,
+.menu-in-locations {
+	display: block;
+	font-weight: 600;
+	font-size: 10px;
+}
+
+#customize-controls .theme-location-set,
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
+	color: #50575e;
+}
+
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
+.customize-control-nav_menu_location .edit-menu,
+.customize-control-nav_menu_location .create-menu {
+	margin-right: 6px;
+	vertical-align: middle;
+	line-height: 2.2;
+}
+
+#customize-controls .customize-control-nav_menu_name {
+	margin-bottom: 12px;
+}
+
+.customize-control-nav_menu_name p:last-of-type {
+	margin-bottom: 0;
+}
+
+#customize-new-menu-submit {
+	float: left;
+	min-width: 85px;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle,
+.wp-customizer .menu-item-settings,
+.wp-customizer .menu-item-settings .description-thin {
+	box-sizing: border-box;
+}
+
+.wp-customizer .menu-item-bar {
+	margin: 0;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle {
+	width: 100%;
+	max-width: 100%;
+	background: #fff;
+}
+
+.wp-customizer .menu-item-handle .item-title {
+	margin-left: 0;
+}
+
+.wp-customizer .menu-item-handle .item-type {
+	padding: 1px 5px 0 21px;
+	float: left;
+	text-align: left;
+}
+
+.wp-customizer .menu-item-handle:hover {
+	z-index: 8;
+}
+
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
+	border-right: 4px solid #72aee6;
+}
+
+.wp-customizer .menu-item-settings {
+	max-width: 100%;
+	overflow: hidden;
+	z-index: 8;
+	padding: 10px;
+	background: #f0f0f1;
+	border: 1px solid #8c8f94;
+	border-top: none;
+}
+
+.wp-customizer .menu-item-settings .description-thin {
+	width: 100%;
+	height: auto;
+	margin: 0 0 8px;
+}
+
+.wp-customizer .menu-item-settings input[type="text"] {
+	width: 100%;
+}
+
+.wp-customizer .menu-item-settings .submitbox {
+	margin: 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-item-settings .link-to-original {
+	padding: 5px 0;
+	border: none;
+	font-style: normal;
+	margin: 0;
+	width: 100%;
+}
+
+.wp-customizer .menu-item .submitbox .submitdelete {
+	float: right;
+	margin: 6px 0 0;
+	padding: 0;
+	cursor: pointer;
+}
+
+
+/**
+ * Menu items reordering styles
+ */
+
+.menu-item-reorder-nav {
+	display: none;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.menus-move-left:before {
+	content: "\f345";
+}
+
+.menus-move-right:before {
+	content: "\f341";
+}
+
+.reordering .menu-item .item-controls,
+.reordering .menu-item .item-type {
+	display: none;
+}
+
+.reordering .menu-item-reorder-nav {
+	display: block;
+}
+
+.customize-control input.menu-name-field {
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
+}
+
+.wp-customizer .menu-item .item-edit {
+	position: absolute;
+	left: -19px;
+	top: 2px;
+	display: block;
+	width: 30px;
+	height: 38px;
+	margin-left: 0 !important;
+	box-shadow: none;
+	outline: none;
+	overflow: hidden;
+	cursor: pointer;
+	text-align: center;
+}
+
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
+	content: "\f142";
+}
+
+.wp-customizer .menu-item-settings p.description {
+	font-style: normal;
+}
+
+.wp-customizer .menu-settings dl {
+	margin: 12px 0 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-settings .checkbox-input {
+	margin-top: 8px;
+}
+
+.wp-customizer .menu-settings .menu-theme-locations {
+	border-top: 1px solid #c3c4c7;
+}
+
+.wp-customizer .menu-settings {
+	margin-top: 36px;
+	border-top: none;
+}
+
+.wp-customizer .menu-location-settings {
+	margin-top: 12px;
+	border-top: none;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings {
+	margin-top: 24px;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings,
+.customize-control-nav_menu_auto_add {
+	padding-top: 12px;
+}
+
+.menu-location-settings .customize-control-checkbox .theme-location-set {
+	line-height: 1;
+}
+
+.customize-control-nav_menu_auto_add label {
+	vertical-align: top;
+}
+
+.menu-location-settings .new-menu-locations-widget-note {
+	display: block;
+}
+
+.customize-control-menu {
+	margin-top: 4px;
+}
+
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
+	color: #50575e;
+}
+
+/* Screen Options */
+.customize-screen-options-toggle {
+	background: none;
+	border: none;
+	color: #50575e;
+	cursor: pointer;
+	margin: 0;
+	padding: 20px;
+	position: absolute;
+	left: 0;
+	top: 30px;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	padding: 20px;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	padding: 4px;
+}
+
+.customize-screen-options-toggle:hover,
+.customize-screen-options-toggle:active,
+.customize-screen-options-toggle:focus,
+.active-menu-screen-options .customize-screen-options-toggle,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+	color: #2271b1;
+}
+
+.customize-screen-options-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.customize-screen-options-toggle:before {
+	-moz-osx-font-smoothing: grayscale;
+	border: none;
+	content: "\f111";
+	display: block;
+	font: 18px/1 dashicons;
+	padding: 5px;
+	text-align: center;
+	text-decoration: none !important;
+	text-indent: 0;
+	right: 6px;
+	position: absolute;
+	top: 6px;
+}
+
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before {
+	border-radius: 100%;
+}
+
+.wp-customizer #screen-options-wrap {
+	display: none;
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	padding: 4px 15px 15px;
+}
+
+.wp-customizer .metabox-prefs label {
+	display: block;
+	padding-left: 0;
+	line-height: 30px;
+}
+
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
+.wp-customizer .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
+}
+
+.rtl .wp-customizer .toggle-indicator {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
+#available-menu-items .accordion-section-title .toggle-indicator:before {
+	content: "\f140";
+	display: block;
+	padding: 1px 0 1px 2px;
+	speak: never;
+	border-radius: 50%;
+	color: #787c82;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+}
+
+.control-section-nav_menu .field-link-target,
+.control-section-nav_menu .field-title-attribute,
+.control-section-nav_menu .field-css-classes,
+.control-section-nav_menu .field-xfn,
+.control-section-nav_menu .field-description {
+	display: none;
+}
+
+.control-section-nav_menu.field-link-target-active .field-link-target,
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
+.control-section-nav_menu.field-xfn-active .field-xfn,
+.control-section-nav_menu.field-description-active .field-description {
+	display: block;
+}
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.menu-item-depth-0  { margin-right: 0;     }
+.menu-item-depth-1  { margin-right: 20px;  }
+.menu-item-depth-2  { margin-right: 40px;  }
+.menu-item-depth-3  { margin-right: 60px;  }
+.menu-item-depth-4  { margin-right: 80px;  }
+.menu-item-depth-5  { margin-right: 100px; }
+.menu-item-depth-6  { margin-right: 120px; }
+.menu-item-depth-7  { margin-right: 140px; }
+.menu-item-depth-8  { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
+.menu-item-depth-9  { margin-right: 180px; }
+.menu-item-depth-10 { margin-right: 200px; }
+.menu-item-depth-11 { margin-right: 220px; }
+
+/* @todo handle .menu-item-settings width */
+.menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
+.menu-item-depth-1  > .menu-item-bar { margin-left: 20px;  }
+.menu-item-depth-2  > .menu-item-bar { margin-left: 40px;  }
+.menu-item-depth-3  > .menu-item-bar { margin-left: 60px;  }
+.menu-item-depth-4  > .menu-item-bar { margin-left: 80px;  }
+.menu-item-depth-5  > .menu-item-bar { margin-left: 100px; }
+.menu-item-depth-6  > .menu-item-bar { margin-left: 120px; }
+.menu-item-depth-7  > .menu-item-bar { margin-left: 140px; }
+.menu-item-depth-8  > .menu-item-bar { margin-left: 160px; }
+.menu-item-depth-9  > .menu-item-bar { margin-left: 180px; }
+.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
+.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
+
+/* Submenu left margin. */
+.menu-item-depth-0  .menu-item-transport { margin-right: 0;      }
+.menu-item-depth-1  .menu-item-transport { margin-right: -20px;  }
+.menu-item-depth-3  .menu-item-transport { margin-right: -60px;  }
+.menu-item-depth-4  .menu-item-transport { margin-right: -80px;  }
+.menu-item-depth-2  .menu-item-transport { margin-right: -40px;  }
+.menu-item-depth-5  .menu-item-transport { margin-right: -100px; }
+.menu-item-depth-6  .menu-item-transport { margin-right: -120px; }
+.menu-item-depth-7  .menu-item-transport { margin-right: -140px; }
+.menu-item-depth-8  .menu-item-transport { margin-right: -160px; }
+.menu-item-depth-9  .menu-item-transport { margin-right: -180px; }
+.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
+.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.reordering .menu-item-depth-0  { margin-right: 0;     }
+.reordering .menu-item-depth-1  { margin-right: 15px;  }
+.reordering .menu-item-depth-2  { margin-right: 30px;  }
+.reordering .menu-item-depth-3  { margin-right: 45px;  }
+.reordering .menu-item-depth-4  { margin-right: 60px;  }
+.reordering .menu-item-depth-5  { margin-right: 75px;  }
+.reordering .menu-item-depth-6  { margin-right: 90px;  }
+.reordering .menu-item-depth-7  { margin-right: 105px; }
+.reordering .menu-item-depth-8  { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
+.reordering .menu-item-depth-9  { margin-right: 135px; }
+.reordering .menu-item-depth-10 { margin-right: 150px; }
+.reordering .menu-item-depth-11 { margin-right: 165px; }
+
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-left: 15px;  }
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-left: 30px;  }
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-left: 45px;  }
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-left: 60px;  }
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-left: 75px;  }
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-left: 90px;  }
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-left: 105px; }
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-left: 120px; }
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-left: 135px; }
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
+
+.control-section-nav_menu.menu .menu-item-edit-active {
+	margin-right: 0;
+}
+
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
+	margin-left: 0;
+}
+
+.control-section-nav_menu.menu .sortable-placeholder {
+	margin-top: 0;
+	margin-bottom: 1px;
+	max-width: calc(100% - 2px);
+	float: right;
+	display: list-item;
+	border-color: #a7aaad;
+}
+
+.menu-item-transport li.customize-control {
+	float: none;
+}
+
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
+	margin-top: 0;
+}
+
+/**
+ * Add-menu-items mode
+ */
+
+.adding-menu-items .control-section {
+	opacity: .4;
+}
+
+.adding-menu-items .control-panel.control-section,
+.adding-menu-items .control-section.open {
+	opacity: 1;
+}
+
+.menu-item-bar .item-delete {
+	color: #d63638;
+	position: absolute;
+	top: 2px;
+	left: -19px;
+	width: 30px;
+	height: 38px;
+	cursor: pointer;
+	display: none;
+}
+
+.menu-item-bar .item-delete:before {
+	content: "\f335";
+	position: absolute;
+	top: 9px;
+	right: 5px;
+	border-radius: 50%;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.menu-item-bar .item-delete:hover,
+.menu-item-bar .item-delete:focus {
+	box-shadow: none;
+	outline: none;
+	color: #d63638;
+}
+
+.adding-menu-items .menu-item-bar .item-edit {
+	display: none;
+}
+
+.adding-menu-items .menu-item-bar .item-delete {
+	display: block;
+}
+
+/**
+ * Styles for menu-item addition panel
+ */
+
+#available-menu-items.opening {
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
+}
+
+#available-menu-items #available-menu-items-search.open {
+	height: 100%;
+	border-bottom: none;
+}
+
+#available-menu-items .accordion-section-title {
+	border-right: none;
+	border-left: none;
+	background: #fff;
+	transition: background-color 0.15s;
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
+	-webkit-user-select: auto;
+	user-select: auto;
+}
+
+#available-menu-items .open .accordion-section-title,
+#available-menu-items #available-menu-items-search .accordion-section-title {
+	background: #f0f0f1;
+}
+
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
+#available-menu-items .accordion-section-title:after {
+	content: none !important;
+}
+
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
+#available-menu-items .button-link:hover .toggle-indicator:before,
+#available-menu-items .button-link:focus .toggle-indicator:before {
+	color: #1d2327;
+}
+
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
+	content: "\f142";
+	color: #1d2327;
+}
+
+#available-menu-items .available-menu-items-list {
+	overflow-y: auto;
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-title button {
+	display: block;
+	width: 28px;
+	height: 35px;
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .accordion-section-title .no-items,
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
+#available-menu-items .cannot-expand .accordion-section-title > button {
+	display: none;
+}
+
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
+	display: block;
+}
+
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
+	float: left;
+	color: #50575e;
+	font-weight: 400;
+	margin-right: 5px;
+}
+
+#available-menu-items .accordion-section-content {
+	max-height: 290px;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list {
+	margin: 0 0 45px;
+	padding: 1px 15px 15px;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
+	margin-bottom: 0;
+}
+
+#new-custom-menu-item .accordion-section-content {
+	padding: 0 15px 15px;
+}
+
+#available-menu-items .menu-item-tpl {
+	margin: 0;
+}
+
+#custom-menu-item-name.invalid,
+#custom-menu-item-url.invalid,
+.edit-menu-item-url.invalid,
+.menu-name-field.invalid,
+.menu-name-field.invalid:focus,
+#available-menu-items .new-content-item .create-item-input.invalid,
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
+	border: 1px solid #d63638;
+}
+
+#available-menu-items .menu-item-handle .item-type {
+	padding-left: 0;
+}
+
+#available-menu-items .menu-item-handle .item-title {
+	padding-right: 20px;
+}
+
+#available-menu-items .menu-item-handle {
+	cursor: pointer;
+}
+
+#available-menu-items .menu-item-handle {
+	box-shadow: none;
+	margin-top: -1px;
+}
+
+#available-menu-items .menu-item-handle:hover {
+	z-index: 1;
+}
+
+#available-menu-items .item-title h4 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-menu-items .item-add {
+	position: absolute;
+	top: 1px;
+	right: 1px;
+	color: #8c8f94;
+	width: 30px;
+	height: 38px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .menu-item-handle .item-add:focus {
+	color: #1d2327;
+}
+
+#available-menu-items .item-add:before {
+	content: "\f543";
+	position: relative;
+	right: 2px;
+	top: 3px;
+	display: inline-block;
+	height: 20px;
+	border-radius: 50%;
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
+}
+
+#available-menu-items .menu-item-handle.item-added .item-type,
+#available-menu-items .menu-item-handle.item-added .item-title,
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
+	color: #8c8f94;
+}
+
+#available-menu-items .menu-item-handle.item-added .item-add:before {
+	content: "\f147";
+}
+
+#available-menu-items .accordion-section-title.loading .spinner,
+#available-menu-items-search.loading .accordion-section-title .spinner {
+	visibility: visible;
+	margin: 0 20px;
+}
+
+#available-menu-items-search .spinner {
+	position: absolute;
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
+	left: 21px;
+	margin: 0 !important;
+}
+
+/* search results list */
+#available-menu-items #available-menu-items-search .accordion-section-content {
+	position: absolute;
+	right: 0;
+	top: 60px; /* below title div / search input */
+	bottom: 0; /* 100% height that still triggers lazy load */
+	max-height: none;
+	width: 100%;
+	padding: 1px 15px 15px;
+	box-sizing: border-box;
+}
+
+#available-menu-items-search .nothing-found {
+	/* Compensate the 1px top padding of the container. */
+	margin-top: -1px;
+}
+
+#available-menu-items-search .accordion-section-title:after {
+	display: none;
+}
+
+#available-menu-items-search .accordion-section-content:empty {
+	min-height: 0;
+	padding: 0;
+}
+
+#available-menu-items-search.loading .accordion-section-content div {
+	opacity: .5;
+}
+
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
+	opacity: 1;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-menu-items #available-menu-items {
+	right: 0;
+	visibility: visible;
+}
+
+body.adding-menu-items .wp-full-overlay-main {
+	right: 300px;
+}
+
+body.adding-menu-items #customize-preview {
+	opacity: 0.4;
+}
+
+body.adding-menu-items #customize-preview iframe {
+	pointer-events: none;
+}
+
+.menu-item-handle .spinner {
+	display: none;
+	float: right;
+	margin: 0 0 0 8px;
+}
+
+.nav-menu-inserted-item-loading .spinner {
+	display: block;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
+	padding: 0 8px 0 0;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle,
+.added-menu-item .menu-item-handle.loading {
+	padding: 10px 8px 10px 15px;
+	cursor: default;
+	opacity: .5;
+	background: #fff;
+	color: #787c82;
+}
+
+.added-menu-item .menu-item-handle {
+	transition-property: opacity, background, color;
+	transition-duration: 1.25s;
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
+}
+
+/* Add/delete Menus */
+
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+/* @todo update selector */
+#accordion-section-add_menu {
+	margin: 15px 12px;
+}
+
+#accordion-section-add_menu h3 {
+	text-align: left;
+}
+
+#accordion-section-add_menu h3,
+#accordion-section-add_menu .customize-add-menu-button {
+	margin: 0;
+}
+
+#accordion-section-add_menu .customize-add-menu-button {
+	font-weight: 400;
+}
+
+#create-new-menu-submit {
+	float: left;
+	margin: 0 0 12px;
+}
+
+.menu-delete-item {
+	float: right;
+	padding: 1em 0;
+	width: 100%;
+}
+
+.assigned-menu-locations-title p {
+	margin: 0 0 8px;
+}
+
+li.assigned-to-menu-location .menu-delete-item {
+	display: none;
+}
+
+li.assigned-to-menu-location .add-new-menu-item {
+	margin-bottom: 1em;
+}
+
+.menu-item-handle {
+	margin-top: -1px;
+}
+.ui-sortable-disabled .menu-item-handle {
+	cursor: default;
+}
+
+.menu-item-handle:hover {
+	position: relative;
+	z-index: 10;
+	color: #2271b1;
+}
+
+.menu-item-handle:hover .item-type,
+.menu-item-handle:hover .item-edit,
+#available-menu-items .menu-item-handle:hover .item-add {
+	color: #2271b1;
+}
+
+.menu-item-edit-active .menu-item-handle {
+	border-color: #8c8f94;
+	border-bottom: none;
+}
+
+.customize-control-nav_menu_item {
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .new-menu-item-invitation {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
+	margin-top: 12px;
+}
+
+/**
+ * box-shadows
+ */
+
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before,
+.wp-customizer button:focus .toggle-indicator:before,
+.menu-delete:focus,
+.menu-item-bar .item-delete:focus:before,
+#available-menu-items .item-add:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+
+@media screen and (max-width: 782px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 63px;
+	}
+}
+
+@media screen and (max-width: 640px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 130px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/customize-nav-menus-rtl.min.css b/tools/storybook/wordpress/css/customize-nav-menus-rtl.min.css
new file mode 100644
index 00000000000..e5af0a370ac
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-nav-menus-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#customize-theme-controls #accordion-section-menu_locations{position:relative;margin-top:30px}#customize-theme-controls #accordion-section-menu_locations>.accordion-section-title{border-bottom-color:#dcdcde;margin-top:15px}#customize-theme-controls .customize-section-title-menu_locations-description,#customize-theme-controls .customize-section-title-menu_locations-heading,#customize-theme-controls .customize-section-title-nav_menus-heading{padding:0 12px}#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description{font-style:normal}.menu-in-location,.menu-in-locations{display:block;font-weight:600;font-size:10px}#customize-controls .control-section .accordion-section-title:focus .menu-in-location,#customize-controls .control-section .accordion-section-title:hover .menu-in-location,#customize-controls .theme-location-set{color:#50575e}.customize-control-nav_menu_location .create-menu,.customize-control-nav_menu_location .edit-menu{margin-right:6px;vertical-align:middle;line-height:2.2}#customize-controls .customize-control-nav_menu_name{margin-bottom:12px}.customize-control-nav_menu_name p:last-of-type{margin-bottom:0}#customize-new-menu-submit{float:left;min-width:85px}.wp-customizer .menu-item-bar .menu-item-handle,.wp-customizer .menu-item-settings,.wp-customizer .menu-item-settings .description-thin{box-sizing:border-box}.wp-customizer .menu-item-bar{margin:0}.wp-customizer .menu-item-bar .menu-item-handle{width:100%;max-width:100%;background:#fff}.wp-customizer .menu-item-handle .item-title{margin-left:0}.wp-customizer .menu-item-handle .item-type{padding:1px 5px 0 21px;float:left;text-align:left}.wp-customizer .menu-item-handle:hover{z-index:8}.customize-control-nav_menu_item.has-notifications .menu-item-handle{border-right:4px solid #72aee6}.wp-customizer .menu-item-settings{max-width:100%;overflow:hidden;z-index:8;padding:10px;background:#f0f0f1;border:1px solid #8c8f94;border-top:none}.wp-customizer .menu-item-settings .description-thin{width:100%;height:auto;margin:0 0 8px}.wp-customizer .menu-item-settings input[type=text]{width:100%}.wp-customizer .menu-item-settings .submitbox{margin:0;padding:0}.wp-customizer .menu-item-settings .link-to-original{padding:5px 0;border:none;font-style:normal;margin:0;width:100%}.wp-customizer .menu-item .submitbox .submitdelete{float:right;margin:6px 0 0;padding:0;cursor:pointer}.menu-item-reorder-nav{display:none;background-color:#fff;position:absolute;top:0;left:0}.menus-move-left:before{content:"\f345"}.menus-move-right:before{content:"\f341"}.reordering .menu-item .item-controls,.reordering .menu-item .item-type{display:none}.reordering .menu-item-reorder-nav{display:block}.customize-control input.menu-name-field{width:100%}.wp-customizer .menu-item .item-edit{position:absolute;left:-19px;top:2px;display:block;width:30px;height:38px;margin-left:0!important;box-shadow:none;outline:0;overflow:hidden;cursor:pointer;text-align:center}.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before{content:"\f142"}.wp-customizer .menu-item-settings p.description{font-style:normal}.wp-customizer .menu-settings dl{margin:12px 0 0;padding:0}.wp-customizer .menu-settings .checkbox-input{margin-top:8px}.wp-customizer .menu-settings .menu-theme-locations{border-top:1px solid #c3c4c7}.wp-customizer .menu-settings{margin-top:36px;border-top:none}.wp-customizer .menu-location-settings{margin-top:12px;border-top:none}.wp-customizer .control-section-nav_menu .menu-location-settings{margin-top:24px;border-top:1px solid #dcdcde}.customize-control-nav_menu_auto_add,.wp-customizer .control-section-nav_menu .menu-location-settings{padding-top:12px}.menu-location-settings .customize-control-checkbox .theme-location-set{line-height:1}.customize-control-nav_menu_auto_add label{vertical-align:top}.menu-location-settings .new-menu-locations-widget-note{display:block}.customize-control-menu{margin-top:4px}#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle{color:#50575e}.customize-screen-options-toggle{background:0 0;border:none;color:#50575e;cursor:pointer;margin:0;padding:20px;position:absolute;left:0;top:30px}#customize-controls .customize-info .customize-help-toggle{padding:20px}#customize-controls .customize-info .customize-help-toggle:before{padding:4px}#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.active-menu-screen-options .customize-screen-options-toggle,.customize-screen-options-toggle:active,.customize-screen-options-toggle:focus,.customize-screen-options-toggle:hover{color:#2271b1}#customize-controls .customize-info .customize-help-toggle:focus,.customize-screen-options-toggle:focus{outline:1px solid transparent}.customize-screen-options-toggle:before{-moz-osx-font-smoothing:grayscale;border:none;content:"\f111";display:block;font:18px/1 dashicons;padding:5px;text-align:center;text-decoration:none!important;text-indent:0;right:6px;position:absolute;top:6px}#customize-controls .customize-info .customize-help-toggle:focus:before,.customize-screen-options-toggle:focus:before{border-radius:100%}.wp-customizer #screen-options-wrap{display:none;background:#fff;border-top:1px solid #dcdcde;padding:4px 15px 15px}.wp-customizer .metabox-prefs label{display:block;padding-left:0;line-height:30px}.wp-customizer .toggle-indicator{display:inline-block;font-size:20px;line-height:1}.rtl .wp-customizer .toggle-indicator{text-indent:1px}#available-menu-items .accordion-section-title .toggle-indicator:before,.wp-customizer .menu-item .item-edit .toggle-indicator:before{content:"\f140";display:block;padding:1px 0 1px 2px;speak:never;border-radius:50%;color:#787c82;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important}.control-section-nav_menu .field-css-classes,.control-section-nav_menu .field-description,.control-section-nav_menu .field-link-target,.control-section-nav_menu .field-title-attribute,.control-section-nav_menu .field-xfn{display:none}.control-section-nav_menu.field-css-classes-active .field-css-classes,.control-section-nav_menu.field-description-active .field-description,.control-section-nav_menu.field-link-target-active .field-link-target,.control-section-nav_menu.field-title-attribute-active .field-title-attribute,.control-section-nav_menu.field-xfn-active .field-xfn{display:block}.menu-item-depth-0{margin-right:0}.menu-item-depth-1{margin-right:20px}.menu-item-depth-2{margin-right:40px}.menu-item-depth-3{margin-right:60px}.menu-item-depth-4{margin-right:80px}.menu-item-depth-5{margin-right:100px}.menu-item-depth-6{margin-right:120px}.menu-item-depth-7{margin-right:140px}.menu-item-depth-8{margin-right:160px}.menu-item-depth-9{margin-right:180px}.menu-item-depth-10{margin-right:200px}.menu-item-depth-11{margin-right:220px}.menu-item-depth-0>.menu-item-bar{margin-left:0}.menu-item-depth-1>.menu-item-bar{margin-left:20px}.menu-item-depth-2>.menu-item-bar{margin-left:40px}.menu-item-depth-3>.menu-item-bar{margin-left:60px}.menu-item-depth-4>.menu-item-bar{margin-left:80px}.menu-item-depth-5>.menu-item-bar{margin-left:100px}.menu-item-depth-6>.menu-item-bar{margin-left:120px}.menu-item-depth-7>.menu-item-bar{margin-left:140px}.menu-item-depth-8>.menu-item-bar{margin-left:160px}.menu-item-depth-9>.menu-item-bar{margin-left:180px}.menu-item-depth-10>.menu-item-bar{margin-left:200px}.menu-item-depth-11>.menu-item-bar{margin-left:220px}.menu-item-depth-0 .menu-item-transport{margin-right:0}.menu-item-depth-1 .menu-item-transport{margin-right:-20px}.menu-item-depth-3 .menu-item-transport{margin-right:-60px}.menu-item-depth-4 .menu-item-transport{margin-right:-80px}.menu-item-depth-2 .menu-item-transport{margin-right:-40px}.menu-item-depth-5 .menu-item-transport{margin-right:-100px}.menu-item-depth-6 .menu-item-transport{margin-right:-120px}.menu-item-depth-7 .menu-item-transport{margin-right:-140px}.menu-item-depth-8 .menu-item-transport{margin-right:-160px}.menu-item-depth-9 .menu-item-transport{margin-right:-180px}.menu-item-depth-10 .menu-item-transport{margin-right:-200px}.menu-item-depth-11 .menu-item-transport{margin-right:-220px}.reordering .menu-item-depth-0{margin-right:0}.reordering .menu-item-depth-1{margin-right:15px}.reordering .menu-item-depth-2{margin-right:30px}.reordering .menu-item-depth-3{margin-right:45px}.reordering .menu-item-depth-4{margin-right:60px}.reordering .menu-item-depth-5{margin-right:75px}.reordering .menu-item-depth-6{margin-right:90px}.reordering .menu-item-depth-7{margin-right:105px}.reordering .menu-item-depth-8{margin-right:120px}.reordering .menu-item-depth-9{margin-right:135px}.reordering .menu-item-depth-10{margin-right:150px}.reordering .menu-item-depth-11{margin-right:165px}.reordering .menu-item-depth-0>.menu-item-bar{margin-left:0}.reordering .menu-item-depth-1>.menu-item-bar{margin-left:15px}.reordering .menu-item-depth-2>.menu-item-bar{margin-left:30px}.reordering .menu-item-depth-3>.menu-item-bar{margin-left:45px}.reordering .menu-item-depth-4>.menu-item-bar{margin-left:60px}.reordering .menu-item-depth-5>.menu-item-bar{margin-left:75px}.reordering .menu-item-depth-6>.menu-item-bar{margin-left:90px}.reordering .menu-item-depth-7>.menu-item-bar{margin-left:105px}.reordering .menu-item-depth-8>.menu-item-bar{margin-left:120px}.reordering .menu-item-depth-9>.menu-item-bar{margin-left:135px}.reordering .menu-item-depth-10>.menu-item-bar{margin-left:150px}.reordering .menu-item-depth-11>.menu-item-bar{margin-left:165px}.control-section-nav_menu.menu .menu-item-edit-active{margin-right:0}.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar{margin-left:0}.control-section-nav_menu.menu .sortable-placeholder{margin-top:0;margin-bottom:1px;max-width:calc(100% - 2px);float:right;display:list-item;border-color:#a7aaad}.menu-item-transport li.customize-control{float:none}.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar{margin-top:0}.adding-menu-items .control-section{opacity:.4}.adding-menu-items .control-panel.control-section,.adding-menu-items .control-section.open{opacity:1}.menu-item-bar .item-delete{color:#d63638;position:absolute;top:2px;left:-19px;width:30px;height:38px;cursor:pointer;display:none}.menu-item-bar .item-delete:before{content:"\f335";position:absolute;top:9px;right:5px;border-radius:50%;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-item-bar .item-delete:focus,.menu-item-bar .item-delete:hover{box-shadow:none;outline:0;color:#d63638}.adding-menu-items .menu-item-bar .item-edit{display:none}.adding-menu-items .menu-item-bar .item-delete{display:block}#available-menu-items.opening{overflow-y:hidden}#available-menu-items #available-menu-items-search.open{height:100%;border-bottom:none}#available-menu-items .accordion-section-title{border-right:none;border-left:none;background:#fff;transition:background-color .15s;-webkit-user-select:auto;user-select:auto}#available-menu-items #available-menu-items-search .accordion-section-title,#available-menu-items .open .accordion-section-title{background:#f0f0f1}#available-menu-items .accordion-section-title:after{content:none!important}#available-menu-items .accordion-section-title:hover .toggle-indicator:before,#available-menu-items .button-link:focus .toggle-indicator:before,#available-menu-items .button-link:hover .toggle-indicator:before{color:#1d2327}#available-menu-items .open .accordion-section-title .toggle-indicator:before{content:"\f142";color:#1d2327}#available-menu-items .available-menu-items-list{overflow-y:auto;max-height:200px;background:0 0}#available-menu-items .accordion-section-title button{display:block;width:28px;height:35px;position:absolute;top:5px;left:5px;box-shadow:none;outline:0;cursor:pointer;text-align:center}#available-menu-items .accordion-section-title .no-items,#available-menu-items .cannot-expand .accordion-section-title .spinner,#available-menu-items .cannot-expand .accordion-section-title>button{display:none}#available-menu-items-search.cannot-expand .accordion-section-title .spinner{display:block}#available-menu-items .cannot-expand .accordion-section-title .no-items{float:left;color:#50575e;font-weight:400;margin-right:5px}#available-menu-items .accordion-section-content{max-height:290px;margin:0;padding:0;position:relative;background:0 0}#available-menu-items .accordion-section-content .available-menu-items-list{margin:0 0 45px;padding:1px 15px 15px}#available-menu-items .accordion-section-content .available-menu-items-list:only-child{margin-bottom:0}#new-custom-menu-item .accordion-section-content{padding:0 15px 15px}#available-menu-items .menu-item-tpl{margin:0}#available-menu-items .new-content-item .create-item-input.invalid,#available-menu-items .new-content-item .create-item-input.invalid:focus,#custom-menu-item-name.invalid,#custom-menu-item-url.invalid,.edit-menu-item-url.invalid,.menu-name-field.invalid,.menu-name-field.invalid:focus{border:1px solid #d63638}#available-menu-items .menu-item-handle .item-type{padding-left:0}#available-menu-items .menu-item-handle .item-title{padding-right:20px}#available-menu-items .menu-item-handle{cursor:pointer}#available-menu-items .menu-item-handle{box-shadow:none;margin-top:-1px}#available-menu-items .menu-item-handle:hover{z-index:1}#available-menu-items .item-title h4{padding:0 0 5px;font-size:14px}#available-menu-items .item-add{position:absolute;top:1px;right:1px;color:#8c8f94;width:30px;height:38px;box-shadow:none;outline:0;cursor:pointer;text-align:center}#available-menu-items .menu-item-handle .item-add:focus{color:#1d2327}#available-menu-items .item-add:before{content:"\f543";position:relative;right:2px;top:3px;display:inline-block;height:20px;border-radius:50%;font:normal 20px/1.05 dashicons}#available-menu-items .menu-item-handle.item-added .item-add:focus,#available-menu-items .menu-item-handle.item-added .item-title,#available-menu-items .menu-item-handle.item-added .item-type,#available-menu-items .menu-item-handle.item-added:hover .item-add{color:#8c8f94}#available-menu-items .menu-item-handle.item-added .item-add:before{content:"\f147"}#available-menu-items .accordion-section-title.loading .spinner,#available-menu-items-search.loading .accordion-section-title .spinner{visibility:visible;margin:0 20px}#available-menu-items-search .spinner{position:absolute;top:20px;left:21px;margin:0!important}#available-menu-items #available-menu-items-search .accordion-section-content{position:absolute;right:0;top:60px;bottom:0;max-height:none;width:100%;padding:1px 15px 15px;box-sizing:border-box}#available-menu-items-search .nothing-found{margin-top:-1px}#available-menu-items-search .accordion-section-title:after{display:none}#available-menu-items-search .accordion-section-content:empty{min-height:0;padding:0}#available-menu-items-search.loading .accordion-section-content div{opacity:.5}#available-menu-items-search.loading.loading-more .accordion-section-content div{opacity:1}#customize-preview{transition:all .2s}body.adding-menu-items #available-menu-items{right:0;visibility:visible}body.adding-menu-items .wp-full-overlay-main{right:300px}body.adding-menu-items #customize-preview{opacity:.4}body.adding-menu-items #customize-preview iframe{pointer-events:none}.menu-item-handle .spinner{display:none;float:right;margin:0 0 0 8px}.nav-menu-inserted-item-loading .spinner{display:block}.nav-menu-inserted-item-loading .menu-item-handle .item-type{padding:0 8px 0 0}.added-menu-item .menu-item-handle.loading,.nav-menu-inserted-item-loading .menu-item-handle{padding:10px 8px 10px 15px;cursor:default;opacity:.5;background:#fff;color:#787c82}.added-menu-item .menu-item-handle{transition-property:opacity,background,color;transition-duration:1.25s;transition-timing-function:cubic-bezier(.25,-2.5,.75,8)}#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title{border-bottom-color:#dcdcde}#accordion-section-add_menu{margin:15px 12px}#accordion-section-add_menu h3{text-align:left}#accordion-section-add_menu .customize-add-menu-button,#accordion-section-add_menu h3{margin:0}#accordion-section-add_menu .customize-add-menu-button{font-weight:400}#create-new-menu-submit{float:left;margin:0 0 12px}.menu-delete-item{float:right;padding:1em 0;width:100%}.assigned-menu-locations-title p{margin:0 0 8px}li.assigned-to-menu-location .menu-delete-item{display:none}li.assigned-to-menu-location .add-new-menu-item{margin-bottom:1em}.menu-item-handle{margin-top:-1px}.ui-sortable-disabled .menu-item-handle{cursor:default}.menu-item-handle:hover{position:relative;z-index:10;color:#2271b1}#available-menu-items .menu-item-handle:hover .item-add,.menu-item-handle:hover .item-edit,.menu-item-handle:hover .item-type{color:#2271b1}.menu-item-edit-active .menu-item-handle{border-color:#8c8f94;border-bottom:none}.customize-control-nav_menu_item{margin-bottom:0}.customize-control-nav_menu .new-menu-item-invitation{margin-top:0;margin-bottom:0}.customize-control-nav_menu .customize-control-nav_menu-buttons{margin-top:12px}#available-menu-items .item-add:focus:before,#customize-controls .customize-info .customize-help-toggle:focus:before,.customize-screen-options-toggle:focus:before,.menu-delete:focus,.menu-item-bar .item-delete:focus:before,.wp-customizer .menu-item .submitbox .submitdelete:focus,.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}@media screen and (max-width:782px){#available-menu-items #available-menu-items-search .accordion-section-content{top:63px}}@media screen and (max-width:640px){#available-menu-items #available-menu-items-search .accordion-section-content{top:130px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/customize-nav-menus.css b/tools/storybook/wordpress/css/customize-nav-menus.css
new file mode 100644
index 00000000000..46ac3066efd
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-nav-menus.css
@@ -0,0 +1,883 @@
+#customize-theme-controls #accordion-section-menu_locations {
+	position: relative;
+	margin-top: 30px;
+}
+
+#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
+	border-bottom-color: #dcdcde;
+	margin-top: 15px;
+}
+
+#customize-theme-controls .customize-section-title-nav_menus-heading,
+#customize-theme-controls .customize-section-title-menu_locations-heading,
+#customize-theme-controls .customize-section-title-menu_locations-description {
+	padding: 0 12px;
+}
+
+#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
+	/* Override the default italic style for control descriptions */
+	font-style: normal;
+}
+
+.menu-in-location,
+.menu-in-locations {
+	display: block;
+	font-weight: 600;
+	font-size: 10px;
+}
+
+#customize-controls .theme-location-set,
+#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
+	color: #50575e;
+}
+
+/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
+.customize-control-nav_menu_location .edit-menu,
+.customize-control-nav_menu_location .create-menu {
+	margin-left: 6px;
+	vertical-align: middle;
+	line-height: 2.2;
+}
+
+#customize-controls .customize-control-nav_menu_name {
+	margin-bottom: 12px;
+}
+
+.customize-control-nav_menu_name p:last-of-type {
+	margin-bottom: 0;
+}
+
+#customize-new-menu-submit {
+	float: right;
+	min-width: 85px;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle,
+.wp-customizer .menu-item-settings,
+.wp-customizer .menu-item-settings .description-thin {
+	box-sizing: border-box;
+}
+
+.wp-customizer .menu-item-bar {
+	margin: 0;
+}
+
+.wp-customizer .menu-item-bar .menu-item-handle {
+	width: 100%;
+	max-width: 100%;
+	background: #fff;
+}
+
+.wp-customizer .menu-item-handle .item-title {
+	margin-right: 0;
+}
+
+.wp-customizer .menu-item-handle .item-type {
+	padding: 1px 21px 0 5px;
+	float: right;
+	text-align: right;
+}
+
+.wp-customizer .menu-item-handle:hover {
+	z-index: 8;
+}
+
+.customize-control-nav_menu_item.has-notifications .menu-item-handle {
+	border-left: 4px solid #72aee6;
+}
+
+.wp-customizer .menu-item-settings {
+	max-width: 100%;
+	overflow: hidden;
+	z-index: 8;
+	padding: 10px;
+	background: #f0f0f1;
+	border: 1px solid #8c8f94;
+	border-top: none;
+}
+
+.wp-customizer .menu-item-settings .description-thin {
+	width: 100%;
+	height: auto;
+	margin: 0 0 8px;
+}
+
+.wp-customizer .menu-item-settings input[type="text"] {
+	width: 100%;
+}
+
+.wp-customizer .menu-item-settings .submitbox {
+	margin: 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-item-settings .link-to-original {
+	padding: 5px 0;
+	border: none;
+	font-style: normal;
+	margin: 0;
+	width: 100%;
+}
+
+.wp-customizer .menu-item .submitbox .submitdelete {
+	float: left;
+	margin: 6px 0 0;
+	padding: 0;
+	cursor: pointer;
+}
+
+
+/**
+ * Menu items reordering styles
+ */
+
+.menu-item-reorder-nav {
+	display: none;
+	background-color: #fff;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+.menus-move-left:before {
+	content: "\f341";
+}
+
+.menus-move-right:before {
+	content: "\f345";
+}
+
+.reordering .menu-item .item-controls,
+.reordering .menu-item .item-type {
+	display: none;
+}
+
+.reordering .menu-item-reorder-nav {
+	display: block;
+}
+
+.customize-control input.menu-name-field {
+	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
+}
+
+.wp-customizer .menu-item .item-edit {
+	position: absolute;
+	right: -19px;
+	top: 2px;
+	display: block;
+	width: 30px;
+	height: 38px;
+	margin-right: 0 !important;
+	box-shadow: none;
+	outline: none;
+	overflow: hidden;
+	cursor: pointer;
+	text-align: center;
+}
+
+.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
+	content: "\f142";
+}
+
+.wp-customizer .menu-item-settings p.description {
+	font-style: normal;
+}
+
+.wp-customizer .menu-settings dl {
+	margin: 12px 0 0;
+	padding: 0;
+}
+
+.wp-customizer .menu-settings .checkbox-input {
+	margin-top: 8px;
+}
+
+.wp-customizer .menu-settings .menu-theme-locations {
+	border-top: 1px solid #c3c4c7;
+}
+
+.wp-customizer .menu-settings {
+	margin-top: 36px;
+	border-top: none;
+}
+
+.wp-customizer .menu-location-settings {
+	margin-top: 12px;
+	border-top: none;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings {
+	margin-top: 24px;
+	border-top: 1px solid #dcdcde;
+}
+
+.wp-customizer .control-section-nav_menu .menu-location-settings,
+.customize-control-nav_menu_auto_add {
+	padding-top: 12px;
+}
+
+.menu-location-settings .customize-control-checkbox .theme-location-set {
+	line-height: 1;
+}
+
+.customize-control-nav_menu_auto_add label {
+	vertical-align: top;
+}
+
+.menu-location-settings .new-menu-locations-widget-note {
+	display: block;
+}
+
+.customize-control-menu {
+	margin-top: 4px;
+}
+
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
+	color: #50575e;
+}
+
+/* Screen Options */
+.customize-screen-options-toggle {
+	background: none;
+	border: none;
+	color: #50575e;
+	cursor: pointer;
+	margin: 0;
+	padding: 20px;
+	position: absolute;
+	right: 0;
+	top: 30px;
+}
+
+#customize-controls .customize-info .customize-help-toggle {
+	padding: 20px;
+}
+
+#customize-controls .customize-info .customize-help-toggle:before {
+	padding: 4px;
+}
+
+.customize-screen-options-toggle:hover,
+.customize-screen-options-toggle:active,
+.customize-screen-options-toggle:focus,
+.active-menu-screen-options .customize-screen-options-toggle,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
+#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
+	color: #2271b1;
+}
+
+.customize-screen-options-toggle:focus,
+#customize-controls .customize-info .customize-help-toggle:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+.customize-screen-options-toggle:before {
+	-moz-osx-font-smoothing: grayscale;
+	border: none;
+	content: "\f111";
+	display: block;
+	font: 18px/1 dashicons;
+	padding: 5px;
+	text-align: center;
+	text-decoration: none !important;
+	text-indent: 0;
+	left: 6px;
+	position: absolute;
+	top: 6px;
+}
+
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before {
+	border-radius: 100%;
+}
+
+.wp-customizer #screen-options-wrap {
+	display: none;
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	padding: 4px 15px 15px;
+}
+
+.wp-customizer .metabox-prefs label {
+	display: block;
+	padding-right: 0;
+	line-height: 30px;
+}
+
+/* rework the arrow indicator implementation for NVDA bug same as #32715 */
+.wp-customizer .toggle-indicator {
+	display: inline-block;
+	font-size: 20px;
+	line-height: 1;
+}
+
+.rtl .wp-customizer .toggle-indicator {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
+.wp-customizer .menu-item .item-edit .toggle-indicator:before,
+#available-menu-items .accordion-section-title .toggle-indicator:before {
+	content: "\f140";
+	display: block;
+	padding: 1px 2px 1px 0;
+	speak: never;
+	border-radius: 50%;
+	color: #787c82;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+}
+
+.control-section-nav_menu .field-link-target,
+.control-section-nav_menu .field-title-attribute,
+.control-section-nav_menu .field-css-classes,
+.control-section-nav_menu .field-xfn,
+.control-section-nav_menu .field-description {
+	display: none;
+}
+
+.control-section-nav_menu.field-link-target-active .field-link-target,
+.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
+.control-section-nav_menu.field-css-classes-active .field-css-classes,
+.control-section-nav_menu.field-xfn-active .field-xfn,
+.control-section-nav_menu.field-description-active .field-description {
+	display: block;
+}
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.menu-item-depth-0  { margin-left: 0;     }
+.menu-item-depth-1  { margin-left: 20px;  }
+.menu-item-depth-2  { margin-left: 40px;  }
+.menu-item-depth-3  { margin-left: 60px;  }
+.menu-item-depth-4  { margin-left: 80px;  }
+.menu-item-depth-5  { margin-left: 100px; }
+.menu-item-depth-6  { margin-left: 120px; }
+.menu-item-depth-7  { margin-left: 140px; }
+.menu-item-depth-8  { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
+.menu-item-depth-9  { margin-left: 180px; }
+.menu-item-depth-10 { margin-left: 200px; }
+.menu-item-depth-11 { margin-left: 220px; }
+
+/* @todo handle .menu-item-settings width */
+.menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
+.menu-item-depth-1  > .menu-item-bar { margin-right: 20px;  }
+.menu-item-depth-2  > .menu-item-bar { margin-right: 40px;  }
+.menu-item-depth-3  > .menu-item-bar { margin-right: 60px;  }
+.menu-item-depth-4  > .menu-item-bar { margin-right: 80px;  }
+.menu-item-depth-5  > .menu-item-bar { margin-right: 100px; }
+.menu-item-depth-6  > .menu-item-bar { margin-right: 120px; }
+.menu-item-depth-7  > .menu-item-bar { margin-right: 140px; }
+.menu-item-depth-8  > .menu-item-bar { margin-right: 160px; }
+.menu-item-depth-9  > .menu-item-bar { margin-right: 180px; }
+.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
+.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
+
+/* Submenu left margin. */
+.menu-item-depth-0  .menu-item-transport { margin-left: 0;      }
+.menu-item-depth-1  .menu-item-transport { margin-left: -20px;  }
+.menu-item-depth-3  .menu-item-transport { margin-left: -60px;  }
+.menu-item-depth-4  .menu-item-transport { margin-left: -80px;  }
+.menu-item-depth-2  .menu-item-transport { margin-left: -40px;  }
+.menu-item-depth-5  .menu-item-transport { margin-left: -100px; }
+.menu-item-depth-6  .menu-item-transport { margin-left: -120px; }
+.menu-item-depth-7  .menu-item-transport { margin-left: -140px; }
+.menu-item-depth-8  .menu-item-transport { margin-left: -160px; }
+.menu-item-depth-9  .menu-item-transport { margin-left: -180px; }
+.menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
+.menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
+
+/* WARNING: The 20px factor is hard-coded in JS. */
+.reordering .menu-item-depth-0  { margin-left: 0;     }
+.reordering .menu-item-depth-1  { margin-left: 15px;  }
+.reordering .menu-item-depth-2  { margin-left: 30px;  }
+.reordering .menu-item-depth-3  { margin-left: 45px;  }
+.reordering .menu-item-depth-4  { margin-left: 60px;  }
+.reordering .menu-item-depth-5  { margin-left: 75px;  }
+.reordering .menu-item-depth-6  { margin-left: 90px;  }
+.reordering .menu-item-depth-7  { margin-left: 105px; }
+.reordering .menu-item-depth-8  { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
+.reordering .menu-item-depth-9  { margin-left: 135px; }
+.reordering .menu-item-depth-10 { margin-left: 150px; }
+.reordering .menu-item-depth-11 { margin-left: 165px; }
+
+.reordering .menu-item-depth-0  > .menu-item-bar { margin-right: 0;     }
+.reordering .menu-item-depth-1  > .menu-item-bar { margin-right: 15px;  }
+.reordering .menu-item-depth-2  > .menu-item-bar { margin-right: 30px;  }
+.reordering .menu-item-depth-3  > .menu-item-bar { margin-right: 45px;  }
+.reordering .menu-item-depth-4  > .menu-item-bar { margin-right: 60px;  }
+.reordering .menu-item-depth-5  > .menu-item-bar { margin-right: 75px;  }
+.reordering .menu-item-depth-6  > .menu-item-bar { margin-right: 90px;  }
+.reordering .menu-item-depth-7  > .menu-item-bar { margin-right: 105px; }
+.reordering .menu-item-depth-8  > .menu-item-bar { margin-right: 120px; }
+.reordering .menu-item-depth-9  > .menu-item-bar { margin-right: 135px; }
+.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
+.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
+
+.control-section-nav_menu.menu .menu-item-edit-active {
+	margin-left: 0;
+}
+
+.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
+	margin-right: 0;
+}
+
+.control-section-nav_menu.menu .sortable-placeholder {
+	margin-top: 0;
+	margin-bottom: 1px;
+	max-width: calc(100% - 2px);
+	float: left;
+	display: list-item;
+	border-color: #a7aaad;
+}
+
+.menu-item-transport li.customize-control {
+	float: none;
+}
+
+.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
+	margin-top: 0;
+}
+
+/**
+ * Add-menu-items mode
+ */
+
+.adding-menu-items .control-section {
+	opacity: .4;
+}
+
+.adding-menu-items .control-panel.control-section,
+.adding-menu-items .control-section.open {
+	opacity: 1;
+}
+
+.menu-item-bar .item-delete {
+	color: #d63638;
+	position: absolute;
+	top: 2px;
+	right: -19px;
+	width: 30px;
+	height: 38px;
+	cursor: pointer;
+	display: none;
+}
+
+.menu-item-bar .item-delete:before {
+	content: "\f335";
+	position: absolute;
+	top: 9px;
+	left: 5px;
+	border-radius: 50%;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.menu-item-bar .item-delete:hover,
+.menu-item-bar .item-delete:focus {
+	box-shadow: none;
+	outline: none;
+	color: #d63638;
+}
+
+.adding-menu-items .menu-item-bar .item-edit {
+	display: none;
+}
+
+.adding-menu-items .menu-item-bar .item-delete {
+	display: block;
+}
+
+/**
+ * Styles for menu-item addition panel
+ */
+
+#available-menu-items.opening {
+	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
+}
+
+#available-menu-items #available-menu-items-search.open {
+	height: 100%;
+	border-bottom: none;
+}
+
+#available-menu-items .accordion-section-title {
+	border-left: none;
+	border-right: none;
+	background: #fff;
+	transition: background-color 0.15s;
+	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
+	-webkit-user-select: auto;
+	user-select: auto;
+}
+
+#available-menu-items .open .accordion-section-title,
+#available-menu-items #available-menu-items-search .accordion-section-title {
+	background: #f0f0f1;
+}
+
+/* rework the arrow indicator implementation for NVDA bug see #32715 */
+#available-menu-items .accordion-section-title:after {
+	content: none !important;
+}
+
+#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
+#available-menu-items .button-link:hover .toggle-indicator:before,
+#available-menu-items .button-link:focus .toggle-indicator:before {
+	color: #1d2327;
+}
+
+#available-menu-items .open .accordion-section-title .toggle-indicator:before {
+	content: "\f142";
+	color: #1d2327;
+}
+
+#available-menu-items .available-menu-items-list {
+	overflow-y: auto;
+	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-title button {
+	display: block;
+	width: 28px;
+	height: 35px;
+	position: absolute;
+	top: 5px;
+	right: 5px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .accordion-section-title .no-items,
+#available-menu-items .cannot-expand .accordion-section-title .spinner,
+#available-menu-items .cannot-expand .accordion-section-title > button {
+	display: none;
+}
+
+#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
+	display: block;
+}
+
+#available-menu-items .cannot-expand .accordion-section-title .no-items {
+	float: right;
+	color: #50575e;
+	font-weight: 400;
+	margin-left: 5px;
+}
+
+#available-menu-items .accordion-section-content {
+	max-height: 290px;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	background: transparent;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list {
+	margin: 0 0 45px;
+	padding: 1px 15px 15px;
+}
+
+#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
+	margin-bottom: 0;
+}
+
+#new-custom-menu-item .accordion-section-content {
+	padding: 0 15px 15px;
+}
+
+#available-menu-items .menu-item-tpl {
+	margin: 0;
+}
+
+#custom-menu-item-name.invalid,
+#custom-menu-item-url.invalid,
+.edit-menu-item-url.invalid,
+.menu-name-field.invalid,
+.menu-name-field.invalid:focus,
+#available-menu-items .new-content-item .create-item-input.invalid,
+#available-menu-items .new-content-item .create-item-input.invalid:focus {
+	border: 1px solid #d63638;
+}
+
+#available-menu-items .menu-item-handle .item-type {
+	padding-right: 0;
+}
+
+#available-menu-items .menu-item-handle .item-title {
+	padding-left: 20px;
+}
+
+#available-menu-items .menu-item-handle {
+	cursor: pointer;
+}
+
+#available-menu-items .menu-item-handle {
+	box-shadow: none;
+	margin-top: -1px;
+}
+
+#available-menu-items .menu-item-handle:hover {
+	z-index: 1;
+}
+
+#available-menu-items .item-title h4 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-menu-items .item-add {
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	color: #8c8f94;
+	width: 30px;
+	height: 38px;
+	box-shadow: none;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+}
+
+#available-menu-items .menu-item-handle .item-add:focus {
+	color: #1d2327;
+}
+
+#available-menu-items .item-add:before {
+	content: "\f543";
+	position: relative;
+	left: 2px;
+	top: 3px;
+	display: inline-block;
+	height: 20px;
+	border-radius: 50%;
+	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
+}
+
+#available-menu-items .menu-item-handle.item-added .item-type,
+#available-menu-items .menu-item-handle.item-added .item-title,
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
+	color: #8c8f94;
+}
+
+#available-menu-items .menu-item-handle.item-added .item-add:before {
+	content: "\f147";
+}
+
+#available-menu-items .accordion-section-title.loading .spinner,
+#available-menu-items-search.loading .accordion-section-title .spinner {
+	visibility: visible;
+	margin: 0 20px;
+}
+
+#available-menu-items-search .spinner {
+	position: absolute;
+	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
+	right: 21px;
+	margin: 0 !important;
+}
+
+/* search results list */
+#available-menu-items #available-menu-items-search .accordion-section-content {
+	position: absolute;
+	left: 0;
+	top: 60px; /* below title div / search input */
+	bottom: 0; /* 100% height that still triggers lazy load */
+	max-height: none;
+	width: 100%;
+	padding: 1px 15px 15px;
+	box-sizing: border-box;
+}
+
+#available-menu-items-search .nothing-found {
+	/* Compensate the 1px top padding of the container. */
+	margin-top: -1px;
+}
+
+#available-menu-items-search .accordion-section-title:after {
+	display: none;
+}
+
+#available-menu-items-search .accordion-section-content:empty {
+	min-height: 0;
+	padding: 0;
+}
+
+#available-menu-items-search.loading .accordion-section-content div {
+	opacity: .5;
+}
+
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
+	opacity: 1;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-menu-items #available-menu-items {
+	left: 0;
+	visibility: visible;
+}
+
+body.adding-menu-items .wp-full-overlay-main {
+	left: 300px;
+}
+
+body.adding-menu-items #customize-preview {
+	opacity: 0.4;
+}
+
+body.adding-menu-items #customize-preview iframe {
+	pointer-events: none;
+}
+
+.menu-item-handle .spinner {
+	display: none;
+	float: left;
+	margin: 0 8px 0 0;
+}
+
+.nav-menu-inserted-item-loading .spinner {
+	display: block;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
+	padding: 0 0 0 8px;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle,
+.added-menu-item .menu-item-handle.loading {
+	padding: 10px 15px 10px 8px;
+	cursor: default;
+	opacity: .5;
+	background: #fff;
+	color: #787c82;
+}
+
+.added-menu-item .menu-item-handle {
+	transition-property: opacity, background, color;
+	transition-duration: 1.25s;
+	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
+}
+
+/* Add/delete Menus */
+
+#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
+	border-bottom-color: #dcdcde;
+}
+
+/* @todo update selector */
+#accordion-section-add_menu {
+	margin: 15px 12px;
+}
+
+#accordion-section-add_menu h3 {
+	text-align: right;
+}
+
+#accordion-section-add_menu h3,
+#accordion-section-add_menu .customize-add-menu-button {
+	margin: 0;
+}
+
+#accordion-section-add_menu .customize-add-menu-button {
+	font-weight: 400;
+}
+
+#create-new-menu-submit {
+	float: right;
+	margin: 0 0 12px;
+}
+
+.menu-delete-item {
+	float: left;
+	padding: 1em 0;
+	width: 100%;
+}
+
+.assigned-menu-locations-title p {
+	margin: 0 0 8px;
+}
+
+li.assigned-to-menu-location .menu-delete-item {
+	display: none;
+}
+
+li.assigned-to-menu-location .add-new-menu-item {
+	margin-bottom: 1em;
+}
+
+.menu-item-handle {
+	margin-top: -1px;
+}
+.ui-sortable-disabled .menu-item-handle {
+	cursor: default;
+}
+
+.menu-item-handle:hover {
+	position: relative;
+	z-index: 10;
+	color: #2271b1;
+}
+
+.menu-item-handle:hover .item-type,
+.menu-item-handle:hover .item-edit,
+#available-menu-items .menu-item-handle:hover .item-add {
+	color: #2271b1;
+}
+
+.menu-item-edit-active .menu-item-handle {
+	border-color: #8c8f94;
+	border-bottom: none;
+}
+
+.customize-control-nav_menu_item {
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .new-menu-item-invitation {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+.customize-control-nav_menu .customize-control-nav_menu-buttons {
+	margin-top: 12px;
+}
+
+/**
+ * box-shadows
+ */
+
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before,
+.wp-customizer button:focus .toggle-indicator:before,
+.menu-delete:focus,
+.menu-item-bar .item-delete:focus:before,
+#available-menu-items .item-add:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+
+@media screen and (max-width: 782px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 63px;
+	}
+}
+
+@media screen and (max-width: 640px) {
+	#available-menu-items #available-menu-items-search .accordion-section-content {
+		top: 130px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/customize-nav-menus.min.css b/tools/storybook/wordpress/css/customize-nav-menus.min.css
new file mode 100644
index 00000000000..613dca605b0
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-nav-menus.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#customize-theme-controls #accordion-section-menu_locations{position:relative;margin-top:30px}#customize-theme-controls #accordion-section-menu_locations>.accordion-section-title{border-bottom-color:#dcdcde;margin-top:15px}#customize-theme-controls .customize-section-title-menu_locations-description,#customize-theme-controls .customize-section-title-menu_locations-heading,#customize-theme-controls .customize-section-title-nav_menus-heading{padding:0 12px}#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description{font-style:normal}.menu-in-location,.menu-in-locations{display:block;font-weight:600;font-size:10px}#customize-controls .control-section .accordion-section-title:focus .menu-in-location,#customize-controls .control-section .accordion-section-title:hover .menu-in-location,#customize-controls .theme-location-set{color:#50575e}.customize-control-nav_menu_location .create-menu,.customize-control-nav_menu_location .edit-menu{margin-left:6px;vertical-align:middle;line-height:2.2}#customize-controls .customize-control-nav_menu_name{margin-bottom:12px}.customize-control-nav_menu_name p:last-of-type{margin-bottom:0}#customize-new-menu-submit{float:right;min-width:85px}.wp-customizer .menu-item-bar .menu-item-handle,.wp-customizer .menu-item-settings,.wp-customizer .menu-item-settings .description-thin{box-sizing:border-box}.wp-customizer .menu-item-bar{margin:0}.wp-customizer .menu-item-bar .menu-item-handle{width:100%;max-width:100%;background:#fff}.wp-customizer .menu-item-handle .item-title{margin-right:0}.wp-customizer .menu-item-handle .item-type{padding:1px 21px 0 5px;float:right;text-align:right}.wp-customizer .menu-item-handle:hover{z-index:8}.customize-control-nav_menu_item.has-notifications .menu-item-handle{border-left:4px solid #72aee6}.wp-customizer .menu-item-settings{max-width:100%;overflow:hidden;z-index:8;padding:10px;background:#f0f0f1;border:1px solid #8c8f94;border-top:none}.wp-customizer .menu-item-settings .description-thin{width:100%;height:auto;margin:0 0 8px}.wp-customizer .menu-item-settings input[type=text]{width:100%}.wp-customizer .menu-item-settings .submitbox{margin:0;padding:0}.wp-customizer .menu-item-settings .link-to-original{padding:5px 0;border:none;font-style:normal;margin:0;width:100%}.wp-customizer .menu-item .submitbox .submitdelete{float:left;margin:6px 0 0;padding:0;cursor:pointer}.menu-item-reorder-nav{display:none;background-color:#fff;position:absolute;top:0;right:0}.menus-move-left:before{content:"\f341"}.menus-move-right:before{content:"\f345"}.reordering .menu-item .item-controls,.reordering .menu-item .item-type{display:none}.reordering .menu-item-reorder-nav{display:block}.customize-control input.menu-name-field{width:100%}.wp-customizer .menu-item .item-edit{position:absolute;right:-19px;top:2px;display:block;width:30px;height:38px;margin-right:0!important;box-shadow:none;outline:0;overflow:hidden;cursor:pointer;text-align:center}.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before{content:"\f142"}.wp-customizer .menu-item-settings p.description{font-style:normal}.wp-customizer .menu-settings dl{margin:12px 0 0;padding:0}.wp-customizer .menu-settings .checkbox-input{margin-top:8px}.wp-customizer .menu-settings .menu-theme-locations{border-top:1px solid #c3c4c7}.wp-customizer .menu-settings{margin-top:36px;border-top:none}.wp-customizer .menu-location-settings{margin-top:12px;border-top:none}.wp-customizer .control-section-nav_menu .menu-location-settings{margin-top:24px;border-top:1px solid #dcdcde}.customize-control-nav_menu_auto_add,.wp-customizer .control-section-nav_menu .menu-location-settings{padding-top:12px}.menu-location-settings .customize-control-checkbox .theme-location-set{line-height:1}.customize-control-nav_menu_auto_add label{vertical-align:top}.menu-location-settings .new-menu-locations-widget-note{display:block}.customize-control-menu{margin-top:4px}#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle{color:#50575e}.customize-screen-options-toggle{background:0 0;border:none;color:#50575e;cursor:pointer;margin:0;padding:20px;position:absolute;right:0;top:30px}#customize-controls .customize-info .customize-help-toggle{padding:20px}#customize-controls .customize-info .customize-help-toggle:before{padding:4px}#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,.active-menu-screen-options .customize-screen-options-toggle,.customize-screen-options-toggle:active,.customize-screen-options-toggle:focus,.customize-screen-options-toggle:hover{color:#2271b1}#customize-controls .customize-info .customize-help-toggle:focus,.customize-screen-options-toggle:focus{outline:1px solid transparent}.customize-screen-options-toggle:before{-moz-osx-font-smoothing:grayscale;border:none;content:"\f111";display:block;font:18px/1 dashicons;padding:5px;text-align:center;text-decoration:none!important;text-indent:0;left:6px;position:absolute;top:6px}#customize-controls .customize-info .customize-help-toggle:focus:before,.customize-screen-options-toggle:focus:before{border-radius:100%}.wp-customizer #screen-options-wrap{display:none;background:#fff;border-top:1px solid #dcdcde;padding:4px 15px 15px}.wp-customizer .metabox-prefs label{display:block;padding-right:0;line-height:30px}.wp-customizer .toggle-indicator{display:inline-block;font-size:20px;line-height:1}.rtl .wp-customizer .toggle-indicator{text-indent:1px}#available-menu-items .accordion-section-title .toggle-indicator:before,.wp-customizer .menu-item .item-edit .toggle-indicator:before{content:"\f140";display:block;padding:1px 2px 1px 0;speak:never;border-radius:50%;color:#787c82;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important}.control-section-nav_menu .field-css-classes,.control-section-nav_menu .field-description,.control-section-nav_menu .field-link-target,.control-section-nav_menu .field-title-attribute,.control-section-nav_menu .field-xfn{display:none}.control-section-nav_menu.field-css-classes-active .field-css-classes,.control-section-nav_menu.field-description-active .field-description,.control-section-nav_menu.field-link-target-active .field-link-target,.control-section-nav_menu.field-title-attribute-active .field-title-attribute,.control-section-nav_menu.field-xfn-active .field-xfn{display:block}.menu-item-depth-0{margin-left:0}.menu-item-depth-1{margin-left:20px}.menu-item-depth-2{margin-left:40px}.menu-item-depth-3{margin-left:60px}.menu-item-depth-4{margin-left:80px}.menu-item-depth-5{margin-left:100px}.menu-item-depth-6{margin-left:120px}.menu-item-depth-7{margin-left:140px}.menu-item-depth-8{margin-left:160px}.menu-item-depth-9{margin-left:180px}.menu-item-depth-10{margin-left:200px}.menu-item-depth-11{margin-left:220px}.menu-item-depth-0>.menu-item-bar{margin-right:0}.menu-item-depth-1>.menu-item-bar{margin-right:20px}.menu-item-depth-2>.menu-item-bar{margin-right:40px}.menu-item-depth-3>.menu-item-bar{margin-right:60px}.menu-item-depth-4>.menu-item-bar{margin-right:80px}.menu-item-depth-5>.menu-item-bar{margin-right:100px}.menu-item-depth-6>.menu-item-bar{margin-right:120px}.menu-item-depth-7>.menu-item-bar{margin-right:140px}.menu-item-depth-8>.menu-item-bar{margin-right:160px}.menu-item-depth-9>.menu-item-bar{margin-right:180px}.menu-item-depth-10>.menu-item-bar{margin-right:200px}.menu-item-depth-11>.menu-item-bar{margin-right:220px}.menu-item-depth-0 .menu-item-transport{margin-left:0}.menu-item-depth-1 .menu-item-transport{margin-left:-20px}.menu-item-depth-3 .menu-item-transport{margin-left:-60px}.menu-item-depth-4 .menu-item-transport{margin-left:-80px}.menu-item-depth-2 .menu-item-transport{margin-left:-40px}.menu-item-depth-5 .menu-item-transport{margin-left:-100px}.menu-item-depth-6 .menu-item-transport{margin-left:-120px}.menu-item-depth-7 .menu-item-transport{margin-left:-140px}.menu-item-depth-8 .menu-item-transport{margin-left:-160px}.menu-item-depth-9 .menu-item-transport{margin-left:-180px}.menu-item-depth-10 .menu-item-transport{margin-left:-200px}.menu-item-depth-11 .menu-item-transport{margin-left:-220px}.reordering .menu-item-depth-0{margin-left:0}.reordering .menu-item-depth-1{margin-left:15px}.reordering .menu-item-depth-2{margin-left:30px}.reordering .menu-item-depth-3{margin-left:45px}.reordering .menu-item-depth-4{margin-left:60px}.reordering .menu-item-depth-5{margin-left:75px}.reordering .menu-item-depth-6{margin-left:90px}.reordering .menu-item-depth-7{margin-left:105px}.reordering .menu-item-depth-8{margin-left:120px}.reordering .menu-item-depth-9{margin-left:135px}.reordering .menu-item-depth-10{margin-left:150px}.reordering .menu-item-depth-11{margin-left:165px}.reordering .menu-item-depth-0>.menu-item-bar{margin-right:0}.reordering .menu-item-depth-1>.menu-item-bar{margin-right:15px}.reordering .menu-item-depth-2>.menu-item-bar{margin-right:30px}.reordering .menu-item-depth-3>.menu-item-bar{margin-right:45px}.reordering .menu-item-depth-4>.menu-item-bar{margin-right:60px}.reordering .menu-item-depth-5>.menu-item-bar{margin-right:75px}.reordering .menu-item-depth-6>.menu-item-bar{margin-right:90px}.reordering .menu-item-depth-7>.menu-item-bar{margin-right:105px}.reordering .menu-item-depth-8>.menu-item-bar{margin-right:120px}.reordering .menu-item-depth-9>.menu-item-bar{margin-right:135px}.reordering .menu-item-depth-10>.menu-item-bar{margin-right:150px}.reordering .menu-item-depth-11>.menu-item-bar{margin-right:165px}.control-section-nav_menu.menu .menu-item-edit-active{margin-left:0}.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar{margin-right:0}.control-section-nav_menu.menu .sortable-placeholder{margin-top:0;margin-bottom:1px;max-width:calc(100% - 2px);float:left;display:list-item;border-color:#a7aaad}.menu-item-transport li.customize-control{float:none}.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar{margin-top:0}.adding-menu-items .control-section{opacity:.4}.adding-menu-items .control-panel.control-section,.adding-menu-items .control-section.open{opacity:1}.menu-item-bar .item-delete{color:#d63638;position:absolute;top:2px;right:-19px;width:30px;height:38px;cursor:pointer;display:none}.menu-item-bar .item-delete:before{content:"\f335";position:absolute;top:9px;left:5px;border-radius:50%;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.menu-item-bar .item-delete:focus,.menu-item-bar .item-delete:hover{box-shadow:none;outline:0;color:#d63638}.adding-menu-items .menu-item-bar .item-edit{display:none}.adding-menu-items .menu-item-bar .item-delete{display:block}#available-menu-items.opening{overflow-y:hidden}#available-menu-items #available-menu-items-search.open{height:100%;border-bottom:none}#available-menu-items .accordion-section-title{border-left:none;border-right:none;background:#fff;transition:background-color .15s;-webkit-user-select:auto;user-select:auto}#available-menu-items #available-menu-items-search .accordion-section-title,#available-menu-items .open .accordion-section-title{background:#f0f0f1}#available-menu-items .accordion-section-title:after{content:none!important}#available-menu-items .accordion-section-title:hover .toggle-indicator:before,#available-menu-items .button-link:focus .toggle-indicator:before,#available-menu-items .button-link:hover .toggle-indicator:before{color:#1d2327}#available-menu-items .open .accordion-section-title .toggle-indicator:before{content:"\f142";color:#1d2327}#available-menu-items .available-menu-items-list{overflow-y:auto;max-height:200px;background:0 0}#available-menu-items .accordion-section-title button{display:block;width:28px;height:35px;position:absolute;top:5px;right:5px;box-shadow:none;outline:0;cursor:pointer;text-align:center}#available-menu-items .accordion-section-title .no-items,#available-menu-items .cannot-expand .accordion-section-title .spinner,#available-menu-items .cannot-expand .accordion-section-title>button{display:none}#available-menu-items-search.cannot-expand .accordion-section-title .spinner{display:block}#available-menu-items .cannot-expand .accordion-section-title .no-items{float:right;color:#50575e;font-weight:400;margin-left:5px}#available-menu-items .accordion-section-content{max-height:290px;margin:0;padding:0;position:relative;background:0 0}#available-menu-items .accordion-section-content .available-menu-items-list{margin:0 0 45px;padding:1px 15px 15px}#available-menu-items .accordion-section-content .available-menu-items-list:only-child{margin-bottom:0}#new-custom-menu-item .accordion-section-content{padding:0 15px 15px}#available-menu-items .menu-item-tpl{margin:0}#available-menu-items .new-content-item .create-item-input.invalid,#available-menu-items .new-content-item .create-item-input.invalid:focus,#custom-menu-item-name.invalid,#custom-menu-item-url.invalid,.edit-menu-item-url.invalid,.menu-name-field.invalid,.menu-name-field.invalid:focus{border:1px solid #d63638}#available-menu-items .menu-item-handle .item-type{padding-right:0}#available-menu-items .menu-item-handle .item-title{padding-left:20px}#available-menu-items .menu-item-handle{cursor:pointer}#available-menu-items .menu-item-handle{box-shadow:none;margin-top:-1px}#available-menu-items .menu-item-handle:hover{z-index:1}#available-menu-items .item-title h4{padding:0 0 5px;font-size:14px}#available-menu-items .item-add{position:absolute;top:1px;left:1px;color:#8c8f94;width:30px;height:38px;box-shadow:none;outline:0;cursor:pointer;text-align:center}#available-menu-items .menu-item-handle .item-add:focus{color:#1d2327}#available-menu-items .item-add:before{content:"\f543";position:relative;left:2px;top:3px;display:inline-block;height:20px;border-radius:50%;font:normal 20px/1.05 dashicons}#available-menu-items .menu-item-handle.item-added .item-add:focus,#available-menu-items .menu-item-handle.item-added .item-title,#available-menu-items .menu-item-handle.item-added .item-type,#available-menu-items .menu-item-handle.item-added:hover .item-add{color:#8c8f94}#available-menu-items .menu-item-handle.item-added .item-add:before{content:"\f147"}#available-menu-items .accordion-section-title.loading .spinner,#available-menu-items-search.loading .accordion-section-title .spinner{visibility:visible;margin:0 20px}#available-menu-items-search .spinner{position:absolute;top:20px;right:21px;margin:0!important}#available-menu-items #available-menu-items-search .accordion-section-content{position:absolute;left:0;top:60px;bottom:0;max-height:none;width:100%;padding:1px 15px 15px;box-sizing:border-box}#available-menu-items-search .nothing-found{margin-top:-1px}#available-menu-items-search .accordion-section-title:after{display:none}#available-menu-items-search .accordion-section-content:empty{min-height:0;padding:0}#available-menu-items-search.loading .accordion-section-content div{opacity:.5}#available-menu-items-search.loading.loading-more .accordion-section-content div{opacity:1}#customize-preview{transition:all .2s}body.adding-menu-items #available-menu-items{left:0;visibility:visible}body.adding-menu-items .wp-full-overlay-main{left:300px}body.adding-menu-items #customize-preview{opacity:.4}body.adding-menu-items #customize-preview iframe{pointer-events:none}.menu-item-handle .spinner{display:none;float:left;margin:0 8px 0 0}.nav-menu-inserted-item-loading .spinner{display:block}.nav-menu-inserted-item-loading .menu-item-handle .item-type{padding:0 0 0 8px}.added-menu-item .menu-item-handle.loading,.nav-menu-inserted-item-loading .menu-item-handle{padding:10px 15px 10px 8px;cursor:default;opacity:.5;background:#fff;color:#787c82}.added-menu-item .menu-item-handle{transition-property:opacity,background,color;transition-duration:1.25s;transition-timing-function:cubic-bezier(.25,-2.5,.75,8)}#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title{border-bottom-color:#dcdcde}#accordion-section-add_menu{margin:15px 12px}#accordion-section-add_menu h3{text-align:right}#accordion-section-add_menu .customize-add-menu-button,#accordion-section-add_menu h3{margin:0}#accordion-section-add_menu .customize-add-menu-button{font-weight:400}#create-new-menu-submit{float:right;margin:0 0 12px}.menu-delete-item{float:left;padding:1em 0;width:100%}.assigned-menu-locations-title p{margin:0 0 8px}li.assigned-to-menu-location .menu-delete-item{display:none}li.assigned-to-menu-location .add-new-menu-item{margin-bottom:1em}.menu-item-handle{margin-top:-1px}.ui-sortable-disabled .menu-item-handle{cursor:default}.menu-item-handle:hover{position:relative;z-index:10;color:#2271b1}#available-menu-items .menu-item-handle:hover .item-add,.menu-item-handle:hover .item-edit,.menu-item-handle:hover .item-type{color:#2271b1}.menu-item-edit-active .menu-item-handle{border-color:#8c8f94;border-bottom:none}.customize-control-nav_menu_item{margin-bottom:0}.customize-control-nav_menu .new-menu-item-invitation{margin-top:0;margin-bottom:0}.customize-control-nav_menu .customize-control-nav_menu-buttons{margin-top:12px}#available-menu-items .item-add:focus:before,#customize-controls .customize-info .customize-help-toggle:focus:before,.customize-screen-options-toggle:focus:before,.menu-delete:focus,.menu-item-bar .item-delete:focus:before,.wp-customizer .menu-item .submitbox .submitdelete:focus,.wp-customizer button:focus .toggle-indicator:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}@media screen and (max-width:782px){#available-menu-items #available-menu-items-search .accordion-section-content{top:63px}}@media screen and (max-width:640px){#available-menu-items #available-menu-items-search .accordion-section-content{top:130px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/customize-widgets-rtl.css b/tools/storybook/wordpress/css/customize-widgets-rtl.css
new file mode 100644
index 00000000000..baec34a1465
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-widgets-rtl.css
@@ -0,0 +1,479 @@
+/*! This file is auto-generated */
+.wp-full-overlay-sidebar {
+	overflow: visible;
+}
+
+/**
+ * Hide all sidebar sections by default, only show them (via JS) once the
+ * preview loads and we know whether the sidebars are used in the template.
+ */
+
+.control-section.control-section-sidebar,
+.customize-control-sidebar_widgets label,
+.customize-control-sidebar_widgets .hide-if-js {
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
+	display: none;
+}
+
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
+	overflow: visible;
+}
+
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
+.customize-control-widget_form .widget-top {
+	background: #fff;
+	transition: opacity 0.5s;
+}
+
+.customize-control .widget-action {
+	color: #787c82;
+}
+
+.customize-control .widget-top:hover .widget-action,
+.customize-control .widget-action:focus {
+	color: #1d2327;
+}
+
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
+	opacity: 0.5;
+}
+
+.customize-control-widget_form .widget-control-save {
+	display: none;
+}
+
+.customize-control-widget_form .spinner {
+	visibility: hidden;
+	margin-top: 0;
+}
+
+.customize-control-widget_form.previewer-loading .spinner {
+	visibility: visible;
+}
+
+.customize-control-widget_form.widget-form-disabled .widget-content {
+	opacity: 0.7;
+	pointer-events: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.customize-control-widget_form .widget {
+	margin-bottom: 0;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-inside {
+	position: fixed;
+	right: 299px;
+	top: 25%;
+	border: 1px solid #dcdcde;
+	overflow: auto;
+}
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
+	padding: 20px;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-top {
+	transition: background-color 0.4s;
+}
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
+	background-color: #dcdcde;
+}
+
+.widget-inside {
+	padding: 1px 10px 10px;
+	border-top: none;
+	line-height: 1.23076923;
+}
+
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
+	content: "\f141";
+}
+
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
+	content: "\f139";
+}
+
+.widget-title-action {
+	cursor: pointer;
+}
+
+.widget-top,
+.customize-control-widget_form .widget .customize-control-title {
+	cursor: move;
+}
+
+.control-section.accordion-section.highlighted > .accordion-section-title,
+.customize-control-widget_form.highlighted {
+	outline: none;
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+	position: relative;
+	z-index: 1;
+}
+
+#widget-customizer-control-templates {
+	display: none;
+}
+
+/**
+ * Widget reordering styles
+ */
+
+#customize-theme-controls .widget-reorder-nav {
+	display: none;
+	float: left;
+	background-color: #f6f7f7;
+}
+
+.move-widget:before {
+	content: "\f504";
+}
+
+#customize-theme-controls .move-widget-area {
+	display: none;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	cursor: auto;
+}
+
+#customize-theme-controls .reordering .move-widget-area.active {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-area .description {
+	margin: 0;
+	padding: 15px 20px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .widget-area-select {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#customize-theme-controls .widget-area-select li {
+	position: relative;
+	margin: 0;
+	padding: 13px 42px 15px 15px;
+	color: #50575e;
+	border-top: 1px solid #c3c4c7;
+	cursor: pointer;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#customize-theme-controls .widget-area-select li:before {
+	display: none;
+	content: "\f147";
+	position: absolute;
+	top: 12px;
+	right: 10px;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#customize-theme-controls .widget-area-select li:last-child {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+#customize-theme-controls .widget-area-select .selected {
+	color: #fff;
+	background: #2271b1;
+}
+
+#customize-theme-controls .widget-area-select .selected:before {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-actions {
+	text-align: left;
+	padding: 12px;
+}
+
+#customize-theme-controls .reordering .widget-title-action {
+	display: none;
+}
+
+#customize-theme-controls .reordering .widget-reorder-nav {
+	display: block;
+}
+
+/* Text Widget */
+.wp-customizer div.mce-inline-toolbar-grp,
+.wp-customizer div.mce-tooltip {
+	z-index: 500100 !important;
+}
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-backdrop {
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-wrap {
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
+}
+
+/**
+ * Styles for new widget addition panel
+ */
+
+/* override widgets admin page rules in wp-admin/css/widgets.css */
+#widgets-left #available-widgets .widget {
+	float: none !important;
+	width: auto !important;
+}
+
+/* Keep rule that is no longer necessary on widgets.php. */
+#available-widgets .widget-action {
+	display: none;
+}
+
+.ios #available-widgets {
+	transition: right 0s;
+}
+
+#available-widgets .widget-tpl:hover,
+#available-widgets .widget-tpl.selected {
+	background: #f6f7f7;
+	border-bottom-color: #c3c4c7;
+	color: #2271b1;
+	border-right: 4px solid #2271b1;
+}
+
+#customize-controls .widget-title h3 {
+	font-size: 1em;
+}
+
+#available-widgets .widget-title h3 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-widgets .widget .widget-description {
+	padding: 0;
+	color: #646970;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-widget #available-widgets {
+	right: 0;
+	visibility: visible;
+}
+
+body.adding-widget .wp-full-overlay-main {
+	right: 300px;
+}
+
+body.adding-widget #customize-preview {
+	opacity: 0.4;
+}
+
+
+/**
+ * Widget Icon styling
+ * No plurals in naming.
+ * Ordered from lowest to highest specificity.
+ */
+
+#available-widgets .widget-title {
+	position: relative;
+}
+
+#available-widgets .widget-title:before {
+	content: "\f132";
+	position: absolute;
+	top: -3px;
+	left: 100%;
+	margin-left: 20px;
+	width: 20px;
+	height: 20px;
+	color: #2c3338;
+	font: normal 20px/1 dashicons;
+	text-align: center;
+	box-sizing: border-box;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* dashicons-smiley */
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
+
+/* dashicons-star-filled */
+#available-widgets [class*="super"] .widget-title:before,
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
+
+/* dashicons-wordpress */
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
+
+/* dashicons-archive */
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
+
+/* dashicons-category */
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
+
+/* dashicons-admin-comments */
+#available-widgets [class*="comment"] .widget-title:before,
+#available-widgets [class*="testimonial"] .widget-title:before,
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
+
+/* dashicons-admin-post */
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
+
+/* dashicons-admin-page */
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
+
+/* dashicons-text */
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
+
+/* dashicons-admin-links */
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
+
+/* dashicons-search */
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
+
+/* dashicons-menu */
+#available-widgets [class*="menu"] .widget-title:before,
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
+
+/* dashicons-tagcloud */
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
+
+/* dashicons-rss */
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
+
+/* dashicons-calendar */
+#available-widgets [class*="event"] .widget-title:before,
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
+
+/* dashicons-format-image */
+#available-widgets [class*="image"] .widget-title:before,
+#available-widgets [class*="photo"] .widget-title:before,
+#available-widgets [class*="slide"] .widget-title:before,
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
+
+/* dashicons-format-gallery */
+#available-widgets [class*="album"] .widget-title:before,
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
+
+/* dashicons-format-video */
+#available-widgets [class*="video"] .widget-title:before,
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
+
+/* dashicons-format-audio */
+#available-widgets [class*="music"] .widget-title:before,
+#available-widgets [class*="radio"] .widget-title:before,
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
+
+/* dashicons-admin-users */
+#available-widgets [class*="login"] .widget-title:before,
+#available-widgets [class*="user"] .widget-title:before,
+#available-widgets [class*="member"] .widget-title:before,
+#available-widgets [class*="avatar"] .widget-title:before,
+#available-widgets [class*="subscriber"] .widget-title:before,
+#available-widgets [class*="profile"] .widget-title:before,
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
+
+/* dashicons-cart */
+#available-widgets [class*="commerce"] .widget-title:before,
+#available-widgets [class*="shop"] .widget-title:before,
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
+
+/* dashicons-shield */
+#available-widgets [class*="secur"] .widget-title:before,
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
+
+/* dashicons-chart-bar */
+#available-widgets [class*="analytic"] .widget-title:before,
+#available-widgets [class*="stat"] .widget-title:before,
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
+
+/* dashicons-feedback */
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
+
+/* dashicons-email-alt */
+#available-widgets [class*="subscribe"] .widget-title:before,
+#available-widgets [class*="news"] .widget-title:before,
+#available-widgets [class*="contact"] .widget-title:before,
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
+
+/* dashicons-share */
+#available-widgets [class*="share"] .widget-title:before,
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
+
+/* dashicons-translation */
+#available-widgets [class*="lang"] .widget-title:before,
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
+
+/* dashicons-location-alt */
+#available-widgets [class*="locat"] .widget-title:before,
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
+
+/* dashicons-download */
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
+
+/* dashicons-cloud */
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
+
+/* dashicons-facebook */
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
+
+/* dashicons-twitter */
+#available-widgets [class*="tweet"] .widget-title:before,
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
+
+@media screen and (max-height: 700px) and (min-width: 981px) {
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
+	.customize-control-widget_form {
+		margin-bottom: 0;
+	}
+
+	.widget-top {
+		box-shadow: none;
+		margin-top: -1px;
+	}
+
+	.widget-top:hover {
+		position: relative;
+		z-index: 1;
+	}
+
+	.last-widget {
+		margin-bottom: 15px;
+	}
+
+	.widget-title h3 {
+		padding: 13px 15px;
+	}
+
+	.widget-top .widget-action {
+		padding: 8px 10px;
+	}
+
+	.widget-reorder-nav span {
+		height: 39px;
+	}
+
+	.widget-reorder-nav span:before {
+		line-height: 39px;
+	}
+
+	/* Compact the move widget areas. */
+	#customize-theme-controls .widget-area-select li {
+		padding: 9px 42px 11px 15px;
+	}
+
+	#customize-theme-controls .widget-area-select li:before {
+		top: 8px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/customize-widgets-rtl.min.css b/tools/storybook/wordpress/css/customize-widgets-rtl.min.css
new file mode 100644
index 00000000000..255d2c854df
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-widgets-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-full-overlay-sidebar{overflow:visible}.control-section.control-section-sidebar,.customize-control-sidebar_widgets .hide-if-js,.customize-control-sidebar_widgets label{display:none}.control-section.control-section-sidebar .accordion-section-content.ui-sortable{overflow:visible}.customize-control-widget_form .widget-top{background:#fff;transition:opacity .5s}.customize-control .widget-action{color:#787c82}.customize-control .widget-action:focus,.customize-control .widget-top:hover .widget-action{color:#1d2327}.customize-control-widget_form:not(.widget-rendered) .widget-top{opacity:.5}.customize-control-widget_form .widget-control-save{display:none}.customize-control-widget_form .spinner{visibility:hidden;margin-top:0}.customize-control-widget_form.previewer-loading .spinner{visibility:visible}.customize-control-widget_form.widget-form-disabled .widget-content{opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.customize-control-widget_form .widget{margin-bottom:0}.customize-control-widget_form.wide-widget-control .widget-inside{position:fixed;right:299px;top:25%;border:1px solid #dcdcde;overflow:auto}.customize-control-widget_form.wide-widget-control .widget-inside>.form{padding:20px}.customize-control-widget_form.wide-widget-control .widget-top{transition:background-color .4s}.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top,.customize-control-widget_form.wide-widget-control.expanding .widget-top{background-color:#dcdcde}.widget-inside{padding:1px 10px 10px;border-top:none;line-height:1.23076923}.customize-control-widget_form.expanded .widget-action .toggle-indicator:before{content:"\f142"}.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before{content:"\f141"}.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before{content:"\f139"}.widget-title-action{cursor:pointer}.customize-control-widget_form .widget .customize-control-title,.widget-top{cursor:move}.control-section.accordion-section.highlighted>.accordion-section-title,.customize-control-widget_form.highlighted{outline:0;box-shadow:0 0 2px rgba(79,148,212,.8);position:relative;z-index:1}#widget-customizer-control-templates{display:none}#customize-theme-controls .widget-reorder-nav{display:none;float:left;background-color:#f6f7f7}.move-widget:before{content:"\f504"}#customize-theme-controls .move-widget-area{display:none;background:#fff;border:1px solid #c3c4c7;border-top:none;cursor:auto}#customize-theme-controls .reordering .move-widget-area.active{display:block}#customize-theme-controls .move-widget-area .description{margin:0;padding:15px 20px;font-weight:400}#customize-theme-controls .widget-area-select{margin:0;padding:0;list-style:none}#customize-theme-controls .widget-area-select li{position:relative;margin:0;padding:13px 42px 15px 15px;color:#50575e;border-top:1px solid #c3c4c7;cursor:pointer;-webkit-user-select:none;user-select:none}#customize-theme-controls .widget-area-select li:before{display:none;content:"\f147";position:absolute;top:12px;right:10px;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#customize-theme-controls .widget-area-select li:last-child{border-bottom:1px solid #c3c4c7}#customize-theme-controls .widget-area-select .selected{color:#fff;background:#2271b1}#customize-theme-controls .widget-area-select .selected:before{display:block}#customize-theme-controls .move-widget-actions{text-align:left;padding:12px}#customize-theme-controls .reordering .widget-title-action{display:none}#customize-theme-controls .reordering .widget-reorder-nav{display:block}.wp-customizer div.mce-inline-toolbar-grp,.wp-customizer div.mce-tooltip{z-index:500100!important}.wp-customizer .ui-autocomplete.wplink-autocomplete{z-index:500110}.wp-customizer #wp-link-backdrop{z-index:500100}.wp-customizer #wp-link-wrap{z-index:500105}#widgets-left #available-widgets .widget{float:none!important;width:auto!important}#available-widgets .widget-action{display:none}.ios #available-widgets{transition:right 0s}#available-widgets .widget-tpl.selected,#available-widgets .widget-tpl:hover{background:#f6f7f7;border-bottom-color:#c3c4c7;color:#2271b1;border-right:4px solid #2271b1}#customize-controls .widget-title h3{font-size:1em}#available-widgets .widget-title h3{padding:0 0 5px;font-size:14px}#available-widgets .widget .widget-description{padding:0;color:#646970}#customize-preview{transition:all .2s}body.adding-widget #available-widgets{right:0;visibility:visible}body.adding-widget .wp-full-overlay-main{right:300px}body.adding-widget #customize-preview{opacity:.4}#available-widgets .widget-title{position:relative}#available-widgets .widget-title:before{content:"\f132";position:absolute;top:-3px;left:100%;margin-left:20px;width:20px;height:20px;color:#2c3338;font:normal 20px/1 dashicons;text-align:center;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#available-widgets [class*=easy] .widget-title:before{content:"\f328";top:-4px}#available-widgets [class*=like] .widget-title:before,#available-widgets [class*=super] .widget-title:before{content:"\f155";top:-4px}#available-widgets [class*=meta] .widget-title:before{content:"\f120"}#available-widgets [class*=archives] .widget-title:before{content:"\f480";top:-4px}#available-widgets [class*=categor] .widget-title:before{content:"\f318";top:-4px}#available-widgets [class*=chat] .widget-title:before,#available-widgets [class*=comment] .widget-title:before,#available-widgets [class*=testimonial] .widget-title:before{content:"\f101"}#available-widgets [class*=post] .widget-title:before{content:"\f109"}#available-widgets [class*=page] .widget-title:before{content:"\f105"}#available-widgets [class*=text] .widget-title:before{content:"\f478"}#available-widgets [class*=link] .widget-title:before{content:"\f103"}#available-widgets [class*=search] .widget-title:before{content:"\f179"}#available-widgets [class*=menu] .widget-title:before,#available-widgets [class*=nav] .widget-title:before{content:"\f333"}#available-widgets [class*=tag] .widget-title:before{content:"\f479"}#available-widgets [class*=rss] .widget-title:before{content:"\f303";top:-6px}#available-widgets [class*=calendar] .widget-title:before,#available-widgets [class*=event] .widget-title:before{content:"\f145";top:-4px}#available-widgets [class*=image] .widget-title:before,#available-widgets [class*=instagram] .widget-title:before,#available-widgets [class*=photo] .widget-title:before,#available-widgets [class*=slide] .widget-title:before{content:"\f128"}#available-widgets [class*=album] .widget-title:before,#available-widgets [class*=galler] .widget-title:before{content:"\f161"}#available-widgets [class*=tube] .widget-title:before,#available-widgets [class*=video] .widget-title:before{content:"\f126"}#available-widgets [class*=audio] .widget-title:before,#available-widgets [class*=music] .widget-title:before,#available-widgets [class*=radio] .widget-title:before{content:"\f127"}#available-widgets [class*=avatar] .widget-title:before,#available-widgets [class*=grofile] .widget-title:before,#available-widgets [class*=login] .widget-title:before,#available-widgets [class*=member] .widget-title:before,#available-widgets [class*=profile] .widget-title:before,#available-widgets [class*=subscriber] .widget-title:before,#available-widgets [class*=user] .widget-title:before{content:"\f110"}#available-widgets [class*=cart] .widget-title:before,#available-widgets [class*=commerce] .widget-title:before,#available-widgets [class*=shop] .widget-title:before{content:"\f174";top:-4px}#available-widgets [class*=firewall] .widget-title:before,#available-widgets [class*=secur] .widget-title:before{content:"\f332"}#available-widgets [class*=analytic] .widget-title:before,#available-widgets [class*=poll] .widget-title:before,#available-widgets [class*=stat] .widget-title:before{content:"\f185"}#available-widgets [class*=form] .widget-title:before{content:"\f175"}#available-widgets [class*=contact] .widget-title:before,#available-widgets [class*=mail] .widget-title:before,#available-widgets [class*=news] .widget-title:before,#available-widgets [class*=subscribe] .widget-title:before{content:"\f466"}#available-widgets [class*=share] .widget-title:before,#available-widgets [class*=socia] .widget-title:before{content:"\f237"}#available-widgets [class*=lang] .widget-title:before,#available-widgets [class*=translat] .widget-title:before{content:"\f326"}#available-widgets [class*=locat] .widget-title:before,#available-widgets [class*=map] .widget-title:before{content:"\f231"}#available-widgets [class*=download] .widget-title:before{content:"\f316"}#available-widgets [class*=weather] .widget-title:before{content:"\f176";top:-4px}#available-widgets [class*=facebook] .widget-title:before{content:"\f304"}#available-widgets [class*=tweet] .widget-title:before,#available-widgets [class*=twitter] .widget-title:before{content:"\f301"}@media screen and (max-height:700px) and (min-width:981px){.customize-control-widget_form{margin-bottom:0}.widget-top{box-shadow:none;margin-top:-1px}.widget-top:hover{position:relative;z-index:1}.last-widget{margin-bottom:15px}.widget-title h3{padding:13px 15px}.widget-top .widget-action{padding:8px 10px}.widget-reorder-nav span{height:39px}.widget-reorder-nav span:before{line-height:39px}#customize-theme-controls .widget-area-select li{padding:9px 42px 11px 15px}#customize-theme-controls .widget-area-select li:before{top:8px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/customize-widgets.css b/tools/storybook/wordpress/css/customize-widgets.css
new file mode 100644
index 00000000000..3bd7a46b28e
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-widgets.css
@@ -0,0 +1,478 @@
+.wp-full-overlay-sidebar {
+	overflow: visible;
+}
+
+/**
+ * Hide all sidebar sections by default, only show them (via JS) once the
+ * preview loads and we know whether the sidebars are used in the template.
+ */
+
+.control-section.control-section-sidebar,
+.customize-control-sidebar_widgets label,
+.customize-control-sidebar_widgets .hide-if-js {
+	/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
+	display: none;
+}
+
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
+	overflow: visible;
+}
+
+/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
+.customize-control-widget_form .widget-top {
+	background: #fff;
+	transition: opacity 0.5s;
+}
+
+.customize-control .widget-action {
+	color: #787c82;
+}
+
+.customize-control .widget-top:hover .widget-action,
+.customize-control .widget-action:focus {
+	color: #1d2327;
+}
+
+.customize-control-widget_form:not(.widget-rendered) .widget-top {
+	opacity: 0.5;
+}
+
+.customize-control-widget_form .widget-control-save {
+	display: none;
+}
+
+.customize-control-widget_form .spinner {
+	visibility: hidden;
+	margin-top: 0;
+}
+
+.customize-control-widget_form.previewer-loading .spinner {
+	visibility: visible;
+}
+
+.customize-control-widget_form.widget-form-disabled .widget-content {
+	opacity: 0.7;
+	pointer-events: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.customize-control-widget_form .widget {
+	margin-bottom: 0;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-inside {
+	position: fixed;
+	left: 299px;
+	top: 25%;
+	border: 1px solid #dcdcde;
+	overflow: auto;
+}
+.customize-control-widget_form.wide-widget-control .widget-inside > .form {
+	padding: 20px;
+}
+
+.customize-control-widget_form.wide-widget-control .widget-top {
+	transition: background-color 0.4s;
+}
+.customize-control-widget_form.wide-widget-control.expanding .widget-top,
+.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
+	background-color: #dcdcde;
+}
+
+.widget-inside {
+	padding: 1px 10px 10px;
+	border-top: none;
+	line-height: 1.23076923;
+}
+
+.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
+	content: "\f142";
+}
+
+.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
+	content: "\f139";
+}
+
+.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
+	content: "\f141";
+}
+
+.widget-title-action {
+	cursor: pointer;
+}
+
+.widget-top,
+.customize-control-widget_form .widget .customize-control-title {
+	cursor: move;
+}
+
+.control-section.accordion-section.highlighted > .accordion-section-title,
+.customize-control-widget_form.highlighted {
+	outline: none;
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+	position: relative;
+	z-index: 1;
+}
+
+#widget-customizer-control-templates {
+	display: none;
+}
+
+/**
+ * Widget reordering styles
+ */
+
+#customize-theme-controls .widget-reorder-nav {
+	display: none;
+	float: right;
+	background-color: #f6f7f7;
+}
+
+.move-widget:before {
+	content: "\f504";
+}
+
+#customize-theme-controls .move-widget-area {
+	display: none;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	cursor: auto;
+}
+
+#customize-theme-controls .reordering .move-widget-area.active {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-area .description {
+	margin: 0;
+	padding: 15px 20px;
+	font-weight: 400;
+}
+
+#customize-theme-controls .widget-area-select {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+#customize-theme-controls .widget-area-select li {
+	position: relative;
+	margin: 0;
+	padding: 13px 15px 15px 42px;
+	color: #50575e;
+	border-top: 1px solid #c3c4c7;
+	cursor: pointer;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+#customize-theme-controls .widget-area-select li:before {
+	display: none;
+	content: "\f147";
+	position: absolute;
+	top: 12px;
+	left: 10px;
+	font: normal 20px/1 dashicons;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#customize-theme-controls .widget-area-select li:last-child {
+	border-bottom: 1px solid #c3c4c7;
+}
+
+#customize-theme-controls .widget-area-select .selected {
+	color: #fff;
+	background: #2271b1;
+}
+
+#customize-theme-controls .widget-area-select .selected:before {
+	display: block;
+}
+
+#customize-theme-controls .move-widget-actions {
+	text-align: right;
+	padding: 12px;
+}
+
+#customize-theme-controls .reordering .widget-title-action {
+	display: none;
+}
+
+#customize-theme-controls .reordering .widget-reorder-nav {
+	display: block;
+}
+
+/* Text Widget */
+.wp-customizer div.mce-inline-toolbar-grp,
+.wp-customizer div.mce-tooltip {
+	z-index: 500100 !important;
+}
+.wp-customizer .ui-autocomplete.wplink-autocomplete {
+	z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-backdrop {
+	z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
+}
+.wp-customizer #wp-link-wrap {
+	z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
+}
+
+/**
+ * Styles for new widget addition panel
+ */
+
+/* override widgets admin page rules in wp-admin/css/widgets.css */
+#widgets-left #available-widgets .widget {
+	float: none !important;
+	width: auto !important;
+}
+
+/* Keep rule that is no longer necessary on widgets.php. */
+#available-widgets .widget-action {
+	display: none;
+}
+
+.ios #available-widgets {
+	transition: left 0s;
+}
+
+#available-widgets .widget-tpl:hover,
+#available-widgets .widget-tpl.selected {
+	background: #f6f7f7;
+	border-bottom-color: #c3c4c7;
+	color: #2271b1;
+	border-left: 4px solid #2271b1;
+}
+
+#customize-controls .widget-title h3 {
+	font-size: 1em;
+}
+
+#available-widgets .widget-title h3 {
+	padding: 0 0 5px;
+	font-size: 14px;
+}
+
+#available-widgets .widget .widget-description {
+	padding: 0;
+	color: #646970;
+}
+
+#customize-preview {
+	transition: all 0.2s;
+}
+
+body.adding-widget #available-widgets {
+	left: 0;
+	visibility: visible;
+}
+
+body.adding-widget .wp-full-overlay-main {
+	left: 300px;
+}
+
+body.adding-widget #customize-preview {
+	opacity: 0.4;
+}
+
+
+/**
+ * Widget Icon styling
+ * No plurals in naming.
+ * Ordered from lowest to highest specificity.
+ */
+
+#available-widgets .widget-title {
+	position: relative;
+}
+
+#available-widgets .widget-title:before {
+	content: "\f132";
+	position: absolute;
+	top: -3px;
+	right: 100%;
+	margin-right: 20px;
+	width: 20px;
+	height: 20px;
+	color: #2c3338;
+	font: normal 20px/1 dashicons;
+	text-align: center;
+	box-sizing: border-box;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+/* dashicons-smiley */
+#available-widgets [class*="easy"] .widget-title:before { content: "\f328"; top: -4px; }
+
+/* dashicons-star-filled */
+#available-widgets [class*="super"] .widget-title:before,
+#available-widgets [class*="like"] .widget-title:before { content: "\f155"; top: -4px; }
+
+/* dashicons-wordpress */
+#available-widgets [class*="meta"] .widget-title:before { content: "\f120"; }
+
+/* dashicons-archive */
+#available-widgets [class*="archives"] .widget-title:before { content: "\f480"; top: -4px; }
+
+/* dashicons-category */
+#available-widgets [class*="categor"] .widget-title:before { content: "\f318"; top: -4px; }
+
+/* dashicons-admin-comments */
+#available-widgets [class*="comment"] .widget-title:before,
+#available-widgets [class*="testimonial"] .widget-title:before,
+#available-widgets [class*="chat"] .widget-title:before { content: "\f101"; }
+
+/* dashicons-admin-post */
+#available-widgets [class*="post"] .widget-title:before { content: "\f109"; }
+
+/* dashicons-admin-page */
+#available-widgets [class*="page"] .widget-title:before { content: "\f105"; }
+
+/* dashicons-text */
+#available-widgets [class*="text"] .widget-title:before { content: "\f478"; }
+
+/* dashicons-admin-links */
+#available-widgets [class*="link"] .widget-title:before { content: "\f103"; }
+
+/* dashicons-search */
+#available-widgets [class*="search"] .widget-title:before { content: "\f179"; }
+
+/* dashicons-menu */
+#available-widgets [class*="menu"] .widget-title:before,
+#available-widgets [class*="nav"] .widget-title:before { content: "\f333"; }
+
+/* dashicons-tagcloud */
+#available-widgets [class*="tag"] .widget-title:before { content: "\f479"; }
+
+/* dashicons-rss */
+#available-widgets [class*="rss"] .widget-title:before { content: "\f303"; top: -6px; }
+
+/* dashicons-calendar */
+#available-widgets [class*="event"] .widget-title:before,
+#available-widgets [class*="calendar"] .widget-title:before { content: "\f145"; top: -4px;}
+
+/* dashicons-format-image */
+#available-widgets [class*="image"] .widget-title:before,
+#available-widgets [class*="photo"] .widget-title:before,
+#available-widgets [class*="slide"] .widget-title:before,
+#available-widgets [class*="instagram"] .widget-title:before { content: "\f128"; }
+
+/* dashicons-format-gallery */
+#available-widgets [class*="album"] .widget-title:before,
+#available-widgets [class*="galler"] .widget-title:before { content: "\f161"; }
+
+/* dashicons-format-video */
+#available-widgets [class*="video"] .widget-title:before,
+#available-widgets [class*="tube"] .widget-title:before { content: "\f126"; }
+
+/* dashicons-format-audio */
+#available-widgets [class*="music"] .widget-title:before,
+#available-widgets [class*="radio"] .widget-title:before,
+#available-widgets [class*="audio"] .widget-title:before { content: "\f127"; }
+
+/* dashicons-admin-users */
+#available-widgets [class*="login"] .widget-title:before,
+#available-widgets [class*="user"] .widget-title:before,
+#available-widgets [class*="member"] .widget-title:before,
+#available-widgets [class*="avatar"] .widget-title:before,
+#available-widgets [class*="subscriber"] .widget-title:before,
+#available-widgets [class*="profile"] .widget-title:before,
+#available-widgets [class*="grofile"] .widget-title:before { content: "\f110"; }
+
+/* dashicons-cart */
+#available-widgets [class*="commerce"] .widget-title:before,
+#available-widgets [class*="shop"] .widget-title:before,
+#available-widgets [class*="cart"] .widget-title:before { content: "\f174"; top: -4px; }
+
+/* dashicons-shield */
+#available-widgets [class*="secur"] .widget-title:before,
+#available-widgets [class*="firewall"] .widget-title:before { content: "\f332"; }
+
+/* dashicons-chart-bar */
+#available-widgets [class*="analytic"] .widget-title:before,
+#available-widgets [class*="stat"] .widget-title:before,
+#available-widgets [class*="poll"] .widget-title:before { content: "\f185"; }
+
+/* dashicons-feedback */
+#available-widgets [class*="form"] .widget-title:before { content: "\f175"; }
+
+/* dashicons-email-alt */
+#available-widgets [class*="subscribe"] .widget-title:before,
+#available-widgets [class*="news"] .widget-title:before,
+#available-widgets [class*="contact"] .widget-title:before,
+#available-widgets [class*="mail"] .widget-title:before { content: "\f466"; }
+
+/* dashicons-share */
+#available-widgets [class*="share"] .widget-title:before,
+#available-widgets [class*="socia"] .widget-title:before { content: "\f237"; }
+
+/* dashicons-translation */
+#available-widgets [class*="lang"] .widget-title:before,
+#available-widgets [class*="translat"] .widget-title:before { content: "\f326"; }
+
+/* dashicons-location-alt */
+#available-widgets [class*="locat"] .widget-title:before,
+#available-widgets [class*="map"] .widget-title:before { content: "\f231"; }
+
+/* dashicons-download */
+#available-widgets [class*="download"] .widget-title:before { content: "\f316"; }
+
+/* dashicons-cloud */
+#available-widgets [class*="weather"] .widget-title:before { content: "\f176"; top: -4px;}
+
+/* dashicons-facebook */
+#available-widgets [class*="facebook"] .widget-title:before { content: "\f304"; }
+
+/* dashicons-twitter */
+#available-widgets [class*="tweet"] .widget-title:before,
+#available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
+
+@media screen and (max-height: 700px) and (min-width: 981px) {
+	/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
+	.customize-control-widget_form {
+		margin-bottom: 0;
+	}
+
+	.widget-top {
+		box-shadow: none;
+		margin-top: -1px;
+	}
+
+	.widget-top:hover {
+		position: relative;
+		z-index: 1;
+	}
+
+	.last-widget {
+		margin-bottom: 15px;
+	}
+
+	.widget-title h3 {
+		padding: 13px 15px;
+	}
+
+	.widget-top .widget-action {
+		padding: 8px 10px;
+	}
+
+	.widget-reorder-nav span {
+		height: 39px;
+	}
+
+	.widget-reorder-nav span:before {
+		line-height: 39px;
+	}
+
+	/* Compact the move widget areas. */
+	#customize-theme-controls .widget-area-select li {
+		padding: 9px 15px 11px 42px;
+	}
+
+	#customize-theme-controls .widget-area-select li:before {
+		top: 8px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/customize-widgets.min.css b/tools/storybook/wordpress/css/customize-widgets.min.css
new file mode 100644
index 00000000000..657e21dffe8
--- /dev/null
+++ b/tools/storybook/wordpress/css/customize-widgets.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.wp-full-overlay-sidebar{overflow:visible}.control-section.control-section-sidebar,.customize-control-sidebar_widgets .hide-if-js,.customize-control-sidebar_widgets label{display:none}.control-section.control-section-sidebar .accordion-section-content.ui-sortable{overflow:visible}.customize-control-widget_form .widget-top{background:#fff;transition:opacity .5s}.customize-control .widget-action{color:#787c82}.customize-control .widget-action:focus,.customize-control .widget-top:hover .widget-action{color:#1d2327}.customize-control-widget_form:not(.widget-rendered) .widget-top{opacity:.5}.customize-control-widget_form .widget-control-save{display:none}.customize-control-widget_form .spinner{visibility:hidden;margin-top:0}.customize-control-widget_form.previewer-loading .spinner{visibility:visible}.customize-control-widget_form.widget-form-disabled .widget-content{opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.customize-control-widget_form .widget{margin-bottom:0}.customize-control-widget_form.wide-widget-control .widget-inside{position:fixed;left:299px;top:25%;border:1px solid #dcdcde;overflow:auto}.customize-control-widget_form.wide-widget-control .widget-inside>.form{padding:20px}.customize-control-widget_form.wide-widget-control .widget-top{transition:background-color .4s}.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top,.customize-control-widget_form.wide-widget-control.expanding .widget-top{background-color:#dcdcde}.widget-inside{padding:1px 10px 10px;border-top:none;line-height:1.23076923}.customize-control-widget_form.expanded .widget-action .toggle-indicator:before{content:"\f142"}.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before{content:"\f139"}.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before{content:"\f141"}.widget-title-action{cursor:pointer}.customize-control-widget_form .widget .customize-control-title,.widget-top{cursor:move}.control-section.accordion-section.highlighted>.accordion-section-title,.customize-control-widget_form.highlighted{outline:0;box-shadow:0 0 2px rgba(79,148,212,.8);position:relative;z-index:1}#widget-customizer-control-templates{display:none}#customize-theme-controls .widget-reorder-nav{display:none;float:right;background-color:#f6f7f7}.move-widget:before{content:"\f504"}#customize-theme-controls .move-widget-area{display:none;background:#fff;border:1px solid #c3c4c7;border-top:none;cursor:auto}#customize-theme-controls .reordering .move-widget-area.active{display:block}#customize-theme-controls .move-widget-area .description{margin:0;padding:15px 20px;font-weight:400}#customize-theme-controls .widget-area-select{margin:0;padding:0;list-style:none}#customize-theme-controls .widget-area-select li{position:relative;margin:0;padding:13px 15px 15px 42px;color:#50575e;border-top:1px solid #c3c4c7;cursor:pointer;-webkit-user-select:none;user-select:none}#customize-theme-controls .widget-area-select li:before{display:none;content:"\f147";position:absolute;top:12px;left:10px;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#customize-theme-controls .widget-area-select li:last-child{border-bottom:1px solid #c3c4c7}#customize-theme-controls .widget-area-select .selected{color:#fff;background:#2271b1}#customize-theme-controls .widget-area-select .selected:before{display:block}#customize-theme-controls .move-widget-actions{text-align:right;padding:12px}#customize-theme-controls .reordering .widget-title-action{display:none}#customize-theme-controls .reordering .widget-reorder-nav{display:block}.wp-customizer div.mce-inline-toolbar-grp,.wp-customizer div.mce-tooltip{z-index:500100!important}.wp-customizer .ui-autocomplete.wplink-autocomplete{z-index:500110}.wp-customizer #wp-link-backdrop{z-index:500100}.wp-customizer #wp-link-wrap{z-index:500105}#widgets-left #available-widgets .widget{float:none!important;width:auto!important}#available-widgets .widget-action{display:none}.ios #available-widgets{transition:left 0s}#available-widgets .widget-tpl.selected,#available-widgets .widget-tpl:hover{background:#f6f7f7;border-bottom-color:#c3c4c7;color:#2271b1;border-left:4px solid #2271b1}#customize-controls .widget-title h3{font-size:1em}#available-widgets .widget-title h3{padding:0 0 5px;font-size:14px}#available-widgets .widget .widget-description{padding:0;color:#646970}#customize-preview{transition:all .2s}body.adding-widget #available-widgets{left:0;visibility:visible}body.adding-widget .wp-full-overlay-main{left:300px}body.adding-widget #customize-preview{opacity:.4}#available-widgets .widget-title{position:relative}#available-widgets .widget-title:before{content:"\f132";position:absolute;top:-3px;right:100%;margin-right:20px;width:20px;height:20px;color:#2c3338;font:normal 20px/1 dashicons;text-align:center;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#available-widgets [class*=easy] .widget-title:before{content:"\f328";top:-4px}#available-widgets [class*=like] .widget-title:before,#available-widgets [class*=super] .widget-title:before{content:"\f155";top:-4px}#available-widgets [class*=meta] .widget-title:before{content:"\f120"}#available-widgets [class*=archives] .widget-title:before{content:"\f480";top:-4px}#available-widgets [class*=categor] .widget-title:before{content:"\f318";top:-4px}#available-widgets [class*=chat] .widget-title:before,#available-widgets [class*=comment] .widget-title:before,#available-widgets [class*=testimonial] .widget-title:before{content:"\f101"}#available-widgets [class*=post] .widget-title:before{content:"\f109"}#available-widgets [class*=page] .widget-title:before{content:"\f105"}#available-widgets [class*=text] .widget-title:before{content:"\f478"}#available-widgets [class*=link] .widget-title:before{content:"\f103"}#available-widgets [class*=search] .widget-title:before{content:"\f179"}#available-widgets [class*=menu] .widget-title:before,#available-widgets [class*=nav] .widget-title:before{content:"\f333"}#available-widgets [class*=tag] .widget-title:before{content:"\f479"}#available-widgets [class*=rss] .widget-title:before{content:"\f303";top:-6px}#available-widgets [class*=calendar] .widget-title:before,#available-widgets [class*=event] .widget-title:before{content:"\f145";top:-4px}#available-widgets [class*=image] .widget-title:before,#available-widgets [class*=instagram] .widget-title:before,#available-widgets [class*=photo] .widget-title:before,#available-widgets [class*=slide] .widget-title:before{content:"\f128"}#available-widgets [class*=album] .widget-title:before,#available-widgets [class*=galler] .widget-title:before{content:"\f161"}#available-widgets [class*=tube] .widget-title:before,#available-widgets [class*=video] .widget-title:before{content:"\f126"}#available-widgets [class*=audio] .widget-title:before,#available-widgets [class*=music] .widget-title:before,#available-widgets [class*=radio] .widget-title:before{content:"\f127"}#available-widgets [class*=avatar] .widget-title:before,#available-widgets [class*=grofile] .widget-title:before,#available-widgets [class*=login] .widget-title:before,#available-widgets [class*=member] .widget-title:before,#available-widgets [class*=profile] .widget-title:before,#available-widgets [class*=subscriber] .widget-title:before,#available-widgets [class*=user] .widget-title:before{content:"\f110"}#available-widgets [class*=cart] .widget-title:before,#available-widgets [class*=commerce] .widget-title:before,#available-widgets [class*=shop] .widget-title:before{content:"\f174";top:-4px}#available-widgets [class*=firewall] .widget-title:before,#available-widgets [class*=secur] .widget-title:before{content:"\f332"}#available-widgets [class*=analytic] .widget-title:before,#available-widgets [class*=poll] .widget-title:before,#available-widgets [class*=stat] .widget-title:before{content:"\f185"}#available-widgets [class*=form] .widget-title:before{content:"\f175"}#available-widgets [class*=contact] .widget-title:before,#available-widgets [class*=mail] .widget-title:before,#available-widgets [class*=news] .widget-title:before,#available-widgets [class*=subscribe] .widget-title:before{content:"\f466"}#available-widgets [class*=share] .widget-title:before,#available-widgets [class*=socia] .widget-title:before{content:"\f237"}#available-widgets [class*=lang] .widget-title:before,#available-widgets [class*=translat] .widget-title:before{content:"\f326"}#available-widgets [class*=locat] .widget-title:before,#available-widgets [class*=map] .widget-title:before{content:"\f231"}#available-widgets [class*=download] .widget-title:before{content:"\f316"}#available-widgets [class*=weather] .widget-title:before{content:"\f176";top:-4px}#available-widgets [class*=facebook] .widget-title:before{content:"\f304"}#available-widgets [class*=tweet] .widget-title:before,#available-widgets [class*=twitter] .widget-title:before{content:"\f301"}@media screen and (max-height:700px) and (min-width:981px){.customize-control-widget_form{margin-bottom:0}.widget-top{box-shadow:none;margin-top:-1px}.widget-top:hover{position:relative;z-index:1}.last-widget{margin-bottom:15px}.widget-title h3{padding:13px 15px}.widget-top .widget-action{padding:8px 10px}.widget-reorder-nav span{height:39px}.widget-reorder-nav span:before{line-height:39px}#customize-theme-controls .widget-area-select li{padding:9px 15px 11px 42px}#customize-theme-controls .widget-area-select li:before{top:8px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/dashboard-rtl.css b/tools/storybook/wordpress/css/dashboard-rtl.css
new file mode 100644
index 00000000000..3ec1be84723
--- /dev/null
+++ b/tools/storybook/wordpress/css/dashboard-rtl.css
@@ -0,0 +1,1488 @@
+/*! This file is auto-generated */
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+	width: 100%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
+	width: 49.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
+	float: left;
+	width: 50.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
+	width: 33.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
+	width: 33%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
+	float: left;
+}
+
+#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
+	border: none !important;
+}
+
+#dashboard-widgets-wrap {
+	overflow: hidden;
+	margin: 0 -8px;
+}
+
+#dashboard-widgets .postbox .inside {
+	margin-bottom: 0;
+}
+
+#dashboard-widgets .meta-box-sortables {
+	display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
+	/* Required min-height to make the jQuery UI Sortable drop zone work. */
+	min-height: 100px;
+	margin: 0 8px 20px;
+}
+
+#dashboard-widgets .postbox-container .empty-container {
+	outline: 3px dashed #c3c4c7;
+	height: 250px;
+}
+
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+	outline: 3px dashed #646970;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+}
+
+#dashboard-widgets .postbox-container .empty-container:after {
+	content: attr(data-emptystring);
+	margin: auto;
+	position: absolute;
+	top: 50%;
+	right: 0;
+	left: 0;
+	transform: translateY( -50% );
+	padding: 0 2em;
+	text-align: center;
+	color: #646970;
+	font-size: 16px;
+	line-height: 1.5;
+	display: none;
+}
+
+
+/* @todo: this was originally in this section, but likely belongs elsewhere */
+#the-comment-list td.comment p.comment-author {
+	margin-top: 0;
+	margin-right: 0;
+}
+
+#the-comment-list p.comment-author img {
+	float: right;
+	margin-left: 8px;
+}
+
+#the-comment-list p.comment-author strong a {
+	border: none;
+}
+
+#the-comment-list td {
+	vertical-align: top;
+}
+
+#the-comment-list td.comment {
+	word-wrap: break-word;
+}
+
+#the-comment-list td.comment img {
+	max-width: 100%;
+}
+
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
+.index-php #screen-meta-links {
+	margin: 0 0 8px 20px;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+	position: relative;
+	overflow: auto;
+	margin: 16px 0;
+	background: #2271b1 url(../images/about-texture.png) center repeat;
+	background-size: 500px 500px;
+	background-blend-mode: overlay;
+	font-size: 14px;
+	line-height: 1.3;
+	clear: both;
+}
+
+.welcome-panel::before {
+	content: "";
+	position: absolute;
+	top: -16px;
+	left: 96px;
+	z-index: 0;
+	width: 300px;
+	height: 382px;
+	background: url(../images/about-header-about.svg) no-repeat center;
+	background-size: contain;
+}
+
+.welcome-panel h2 {
+	margin: 0;
+	font-size: 48px;
+	font-weight: 600;
+	line-height: 1.25;
+	color: #fff;
+}
+
+.welcome-panel h3 {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.4;
+}
+
+.welcome-panel p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.welcome-panel-header {
+	color: #fff;
+}
+
+.welcome-panel-header a {
+	color: #fff;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel-header a:hover {
+	color: #f5e6ab;
+	text-decoration: none;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel .welcome-panel-close:focus {
+	outline-color: currentColor;
+	outline-offset: 1px;
+	box-shadow: none;
+}
+
+.welcome-panel-header p {
+	margin: 0.5em 0 0;
+	font-size: 20px;
+	line-height: 1.4;
+}
+
+.welcome-panel .welcome-panel-close {
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	padding: 10px 24px 10px 15px;
+	font-size: 13px;
+	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
+	text-decoration: none;
+}
+
+.welcome-panel .welcome-panel-close:before {
+	position: absolute;
+	top: 8px;
+	right: 0;
+	transition: all .1s ease-in-out;
+	content: '\f335';
+	font-size: 24px;
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close {
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close:hover,
+.welcome-panel .welcome-panel-close:focus,
+.welcome-panel .welcome-panel-close:hover::before,
+.welcome-panel .welcome-panel-close:focus::before {
+	color: #f5e6ab;
+}
+
+/* @deprecated 5.9.0 -- Button removed from panel. */
+.wp-core-ui .welcome-panel .button.button-hero {
+	margin: 15px 0 3px 13px;
+	padding: 12px 36px;
+	height: auto;
+	line-height: 1.4285714;
+	white-space: normal;
+}
+
+.welcome-panel-content {
+	min-height: 400px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.welcome-panel-header {
+	box-sizing: border-box;
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 1500px;
+	width: 100%;
+	/* 408px = 300px (balloon width) + 96px (offset from edge) + 16px (spacing). */
+	padding: 48px 48px 48px 408px;
+}
+
+.welcome-panel .welcome-panel-column-container {
+	box-sizing: border-box;
+	width: 100%;
+	clear: both;
+	display: grid;
+	z-index: 1;
+	margin-top: 32px;
+	padding: 48px;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 32px;
+	align-self: flex-end;
+	background: #fff;
+}
+
+[class*="welcome-panel-icon"] {
+	height: 60px;
+	width: 60px;
+	background-color: #1d2327;
+	background-position: center;
+	background-size: 24px 24px;
+	background-repeat: no-repeat;
+	border-radius: 100%;
+}
+
+.welcome-panel-column {
+	display: grid;
+	grid-template-columns: min-content 1fr;
+	gap: 24px;
+}
+
+.welcome-panel-icon-pages {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-layout {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-styles {
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
+}
+
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus {
+	line-height: 1.14285714;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column ul {
+	margin: 0.8em 0 1em 1em;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li {
+	font-size: 14px;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li a {
+	text-decoration: none;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column li {
+	line-height: 1.14285714;
+	list-style-type: none;
+	padding: 0 0 8px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon {
+	background: transparent !important;
+}
+
+/* Welcome Panel and Right Now common Icons style */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before,
+#dashboard_right_now .search-engines-info:before {
+	color: #646970;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 0 0 10px;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	vertical-align: top;
+}
+
+/* Welcome Panel specific Icons styles */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+	content: "\f119";
+	top: -3px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-add-page:before {
+	content: "\f132";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-setup-home:before {
+	content: "\f102";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-view-site:before {
+	content: "\f115";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus:before {
+	content: "\f116";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-comments:before {
+	content: "\f117";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-learn-more:before {
+	content: "\f118";
+	top: -1px;
+}
+
+/* Right Now specific Icons styles */
+
+#dashboard_right_now .search-engines-info:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
+	content: "\f159"; /* generic icon for items added by CPTs ? */
+	padding: 0 0 0 5px;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+	content: "\f105";
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+	content: "\f109";
+}
+
+#dashboard_right_now .comment-count a:before {
+	content: "\f101";
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+	content: "\f125";
+}
+
+#dashboard_right_now .storage-count a:before {
+	content: "\f104";
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+	content: "\f153";
+}
+
+#dashboard_right_now .search-engines-info:before {
+	content: "\f348";
+}
+
+/* Dashboard WordPress events */
+
+.community-events-errors {
+	margin: 0;
+}
+
+.community-events-loading {
+	padding: 10px 12px 8px;
+}
+
+.community-events {
+	margin-bottom: 6px;
+	padding: 0 12px;
+}
+
+.community-events .spinner {
+	float: none;
+	margin: 5px 2px 0;
+	vertical-align: top;
+}
+
+.community-events-errors[aria-hidden="true"],
+.community-events-errors [aria-hidden="true"],
+.community-events-loading[aria-hidden="true"],
+.community-events[aria-hidden="true"],
+.community-events form[aria-hidden="true"] {
+	display: none;
+}
+
+.community-events .activity-block:first-child,
+.community-events h2 {
+	padding-top: 12px;
+	padding-bottom: 10px;
+}
+
+.community-events-form {
+	margin: 15px 0 5px;
+}
+
+.community-events-form .regular-text {
+	width: 40%;
+	height: 29px;
+	margin: 0;
+	vertical-align: top;
+}
+
+.community-events li.event-none {
+	border-right: 4px solid #72aee6;
+}
+
+#dashboard-widgets .community-events li.event-none a {
+	text-decoration: underline;
+}
+
+.community-events-form label {
+	display: inline-block;
+	vertical-align: top;
+	line-height: 2.15384615;
+	height: 28px;
+}
+
+.community-events .activity-block > p {
+	margin-bottom: 0;
+	display: inline;
+}
+
+.community-events-toggle-location {
+	vertical-align: middle;
+}
+
+#community-events-submit {
+	margin-right: 3px;
+	margin-left: 3px;
+}
+
+/* Needs higher specificity than #dashboard-widgets .button-link */
+#dashboard-widgets .community-events-cancel.button-link {
+	vertical-align: top;
+	/* Same properties as the submit button for cross-browsers alignment. */
+	line-height: 2;
+	height: 28px;
+	text-decoration: underline;
+}
+
+.community-events ul {
+	background-color: #f6f7f7;
+	padding-right: 0;
+	padding-left: 0;
+	padding-bottom: 0;
+}
+
+.community-events li {
+	margin: 0;
+	padding: 8px 12px;
+	color: #2c3338;
+}
+.community-events li:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events li ~ li {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events .activity-block.last {
+	border-bottom: 1px solid #f0f0f1;
+	padding-top: 0;
+	margin-top: -1px;
+}
+
+.community-events .event-info {
+	display: block;
+}
+
+.event-icon {
+	height: 18px;
+	padding-left: 10px;
+	width: 18px;
+	display: none; /* Hide on smaller screens */
+}
+
+.event-icon:before {
+	color: #646970;
+	font-size: 18px;
+}
+.event-meetup .event-icon:before {
+	content: "\f484";
+}
+.event-wordcamp .event-icon:before {
+	content: "\f486";
+}
+
+.community-events .event-title {
+	font-weight: 600;
+	display: block;
+}
+
+.community-events .event-date,
+.community-events .event-time {
+	display: block;
+}
+
+.community-events-footer {
+	margin-top: 0;
+	margin-bottom: 0;
+	padding: 12px;
+	border-top: 1px solid #f0f0f1;
+	color: #dcdcde;
+}
+
+/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
+.community-events-footer .screen-reader-text {
+	height: inherit;
+	white-space: nowrap;
+}
+
+/* Dashboard WordPress news */
+
+#dashboard_primary .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_primary .widget-loading {
+	padding: 12px 12px 0;
+	margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
+}
+
+/* Notice when JS is off. */
+#dashboard_primary .inside .notice {
+	margin: 0;
+}
+
+body #dashboard-widgets .postbox form .submit {
+	margin: 0;
+}
+
+/* Used only for configurable widgets. */
+.dashboard-widget-control-form p {
+	margin-top: 0;
+}
+
+.rssSummary {
+	color: #646970;
+	margin-top: 4px;
+}
+
+#dashboard_primary .rss-widget {
+	font-size: 13px;
+	padding: 0 12px;
+}
+
+#dashboard_primary .rss-widget:last-child {
+	border-bottom: none;
+	padding-bottom: 8px;
+}
+
+#dashboard_primary .rss-widget a {
+	font-weight: 400;
+}
+
+#dashboard_primary .rss-widget span,
+#dashboard_primary .rss-widget span.rss-date {
+	color: #646970;
+}
+
+#dashboard_primary .rss-widget span.rss-date {
+	margin-right: 12px;
+}
+
+#dashboard_primary .rss-widget ul li {
+	padding: 4px 0;
+	margin: 0;
+}
+
+/* Dashboard right now */
+
+#dashboard_right_now ul {
+	margin: 0;
+	/* contain floats but don't use overflow: hidden */
+	display: inline-block;
+	width: 100%;
+}
+
+#dashboard_right_now li {
+	width: 50%;
+	float: right;
+	margin-bottom: 10px;
+}
+
+#dashboard_right_now .inside {
+	padding: 0;
+}
+
+#dashboard_right_now .main {
+	padding: 0 12px 11px;
+}
+
+#dashboard_right_now .main p {
+	margin: 0;
+}
+
+#dashboard_right_now #wp-version-message .button {
+	float: left;
+	position: relative;
+	top: -5px;
+	margin-right: 5px;
+}
+
+#dashboard_right_now p.search-engines-info {
+	margin: 1em 0;
+}
+
+.mu-storage {
+	overflow: hidden;
+}
+
+#dashboard-widgets h3.mu-storage {
+	margin: 0 0 10px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+}
+
+/* Dashboard right now - Colors */
+
+#dashboard_right_now .sub {
+	color: #50575e;
+	background: #f6f7f7;
+	border-top: 1px solid #f0f0f1;
+	padding: 10px 12px 6px;
+}
+
+#dashboard_right_now .sub h3 {
+	color: #50575e;
+}
+
+#dashboard_right_now .sub p {
+	margin: 0 0 1em;
+}
+
+#dashboard_right_now .warning a:before,
+#dashboard_right_now .warning span:before {
+	color: #d63638;
+}
+
+/* Dashboard Quick Draft */
+
+#dashboard_quick_press .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_quick_press div.updated {
+	margin-bottom: 10px;
+	border: 1px solid #f0f0f1;
+	border-width: 1px 0 1px 1px;
+}
+
+#dashboard_quick_press form {
+	margin: 12px;
+}
+
+#dashboard_quick_press .drafts {
+	padding: 10px 0 0;
+}
+
+/* Dashboard Quick Draft - Form styling */
+
+#dashboard_quick_press label {
+	display: inline-block;
+	margin-bottom: 4px;
+}
+
+#dashboard_quick_press input,
+#dashboard_quick_press textarea {
+	box-sizing: border-box;
+	margin: 0;
+}
+
+#dashboard-widgets .postbox form .submit {
+	margin: -39px 0;
+	float: left;
+}
+
+#description-wrap {
+	margin-top: 12px;
+}
+
+#quick-press textarea#content {
+	min-height: 90px;
+	max-height: 1300px;
+	margin: 0 0 8px;
+	padding: 6px 7px;
+	resize: none;
+}
+
+/* Dashboard Quick Draft - Drafts list */
+
+.js #dashboard_quick_press .drafts {
+	border-top: 1px solid #f0f0f1;
+}
+
+#dashboard_quick_press .drafts abbr {
+	border: none;
+}
+
+#dashboard_quick_press .drafts .view-all {
+	float: left;
+	margin: 0 0 0 12px;
+}
+
+#dashboard_primary a.rsswidget {
+	font-weight: 400;
+}
+
+#dashboard_quick_press .drafts ul {
+	margin: 0 12px;
+}
+
+#dashboard_quick_press .drafts li {
+	margin-bottom: 1em;
+}
+#dashboard_quick_press .drafts li time {
+	color: #646970;
+}
+
+#dashboard_quick_press .drafts p {
+	margin: 0;
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title {
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title a,
+#dashboard_quick_press .draft-title time {
+	margin: 0 0 0 5px;
+}
+
+/* Dashboard common styles */
+
+#dashboard-widgets h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets h3,
+#dashboard_quick_press .drafts h2 {
+	margin: 0 12px 8px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+	color: #1d2327;
+}
+
+#dashboard_quick_press .drafts h2 {
+	line-height: inherit;
+}
+
+#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets .inside h3 {
+	margin-right: 0;
+	margin-left: 0;
+}
+
+/* Dashboard activity widget */
+
+#dashboard_activity .comment-meta span.approve:before {
+	content: "\f227";
+	font: 20px/.5 dashicons;
+	margin-right: 5px;
+	vertical-align: middle;
+	position: relative;
+	top: -1px;
+	margin-left: 2px;
+}
+
+#dashboard_activity .inside {
+	margin: 0;
+	padding-bottom: 0;
+}
+
+#dashboard_activity .no-activity {
+	overflow: hidden;
+	padding: 12px 0;
+	text-align: center;
+}
+
+#dashboard_activity .no-activity p {
+	color: #646970;
+	font-size: 16px;
+}
+
+#dashboard_activity .subsubsub {
+	float: none;
+	border-top: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+	color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
+}
+
+#future-posts ul,
+#published-posts ul {
+	clear: both;
+	margin-bottom: 0;
+}
+
+#future-posts li,
+#published-posts li {
+	margin-bottom: 8px;
+}
+
+#future-posts ul span,
+#published-posts ul span {
+	display: inline-block;
+	margin-left: 5px;
+	min-width: 150px;
+	color: #646970;
+}
+
+.activity-block {
+	border-bottom: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+.activity-block:last-child {
+	border-bottom: none;
+}
+
+.activity-block .subsubsub li {
+	color: #dcdcde;
+}
+
+/* Dashboard activity widget - Comments */
+/* @todo: needs serious de-duplication */
+
+#activity-widget #the-comment-list tr.undo,
+#activity-widget #the-comment-list div.undo {
+	background: none;
+	padding: 6px 0;
+	margin-right: 12px;
+}
+
+#activity-widget #the-comment-list .comment-item {
+	background: #f6f7f7;
+	padding: 12px;
+	position: relative;
+}
+
+#activity-widget #the-comment-list .avatar {
+	position: absolute;
+	top: 12px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
+	padding-right: 63px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
+	margin: 1em 0;
+}
+
+#activity-widget #the-comment-list .comment-item p.row-actions {
+	margin: 4px 0 0;
+}
+
+#activity-widget #the-comment-list .comment-item:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+#activity-widget #the-comment-list .unapproved {
+	background-color: #fcf9e8;
+}
+
+#activity-widget #the-comment-list .unapproved:before {
+	content: "";
+	display: block;
+	position: absolute;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	background: #d63638;
+	width: 4px;
+}
+
+#activity-widget #the-comment-list .spam-undo-inside .avatar,
+#activity-widget #the-comment-list .trash-undo-inside .avatar {
+	position: relative;
+	top: 0;
+}
+
+/* Browse happy box */
+
+#dashboard-widgets #dashboard_browser_nag.postbox .inside {
+	margin: 10px;
+}
+
+.postbox .button-link .edit-box {
+	display: none;
+}
+
+.edit-box {
+	opacity: 0;
+}
+
+.hndle:hover .edit-box,
+.edit-box:focus {
+	opacity: 1;
+}
+
+#dashboard-widgets form .input-text-wrap input {
+	width: 100%;
+}
+
+#dashboard-widgets form .textarea-wrap textarea {
+	width: 100%;
+}
+
+#dashboard-widgets .postbox form .submit {
+	float: none;
+	margin: .5em 0 0;
+	padding: 0;
+	border: none;
+}
+
+#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
+	min-width: 0;
+}
+
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
+	text-decoration: none;
+}
+
+#dashboard-widgets h2 a {
+	text-decoration: underline;
+}
+
+#dashboard-widgets .hndle .postbox-title-action {
+	float: left;
+	line-height: 1.2;
+}
+
+#dashboard_plugins h5 {
+	font-size: 14px;
+}
+
+/* Recent Comments */
+
+#latest-comments #the-comment-list {
+	position: relative;
+	margin: 0 -12px;
+}
+
+#activity-widget #the-comment-list .comment,
+#activity-widget #the-comment-list .pingback {
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+}
+
+#activity-widget .comments #the-comment-list .alt {
+	background-color: transparent;
+}
+
+#activity-widget #latest-comments #the-comment-list .comment-item {
+	/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
+	   for other users this needs a min height equal to the gravatar image */
+	min-height: 50px;
+	margin: 0;
+	padding: 12px;
+}
+
+#latest-comments #the-comment-list .pingback {
+	padding-right: 12px !important;
+}
+
+#latest-comments #the-comment-list .comment-item:first-child {
+	border-top: none;
+}
+
+#latest-comments #the-comment-list .comment-meta {
+	line-height: 1.5;
+	margin: 0;
+	color: #646970;
+}
+
+#latest-comments #the-comment-list .comment-meta cite {
+	font-style: normal;
+	font-weight: 400;
+}
+
+#latest-comments #the-comment-list .comment-item blockquote,
+#latest-comments #the-comment-list .comment-item blockquote p {
+	margin: 0;
+	padding: 0;
+	display: inline;
+}
+
+#latest-comments #the-comment-list .comment-item p.row-actions {
+	margin: 3px 0 0;
+	padding: 0;
+	font-size: 13px;
+}
+
+/* Feeds */
+.rss-widget ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+a.rsswidget {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.4;
+}
+
+.rss-widget ul li {
+	line-height: 1.5;
+	margin-bottom: 12px;
+}
+
+.rss-widget span.rss-date {
+	color: #646970;
+	font-size: 13px;
+	margin-right: 3px;
+}
+
+.rss-widget cite {
+	display: block;
+	text-align: left;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+.rss-widget cite:before {
+	content: "\2014";
+}
+
+.dashboard-comment-wrap {
+	word-wrap: break-word;
+}
+
+/* Browser Nag */
+#dashboard_browser_nag a.update-browser-link {
+	font-size: 1.2em;
+	font-weight: 600;
+}
+
+#dashboard_browser_nag a {
+	text-decoration: underline;
+}
+
+#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
+	padding-left: 128px;
+}
+
+#dashboard_browser_nag .browser-icon {
+	margin-top: -32px;
+}
+
+#dashboard_browser_nag.postbox {
+	background-color: #b32d2e;
+	background-image: none;
+	border-color: #b32d2e;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag.postbox h2 {
+	border-bottom-color: transparent;
+	background: transparent none;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag a {
+	color: #fff;
+}
+
+#dashboard_browser_nag.postbox .postbox-header {
+	border-color: transparent;
+}
+
+#dashboard_browser_nag h2.hndle {
+	border: none;
+	font-weight: 600;
+	font-size: 20px;
+	padding-top: 10px;
+}
+
+.postbox#dashboard_browser_nag p a.dismiss {
+	font-size: 14px;
+}
+
+.postbox#dashboard_browser_nag p,
+.postbox#dashboard_browser_nag a,
+.postbox#dashboard_browser_nag p.browser-update-nag {
+	font-size: 16px;
+}
+
+/* PHP Nag */
+#dashboard_php_nag .dashicons-warning {
+	color: #dba617;
+	padding-left: 6px;
+}
+
+#dashboard_php_nag.php-insecure .dashicons-warning {
+	color: #d63638;
+}
+
+#dashboard_php_nag h2 {
+	display: inline-block;
+}
+
+#dashboard_php_nag p {
+	margin: 12px 0;
+}
+
+#dashboard_php_nag h3 {
+	font-weight: 600;
+}
+
+#dashboard_php_nag .button .dashicons-external {
+	line-height: 25px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (min-width: 1600px) {
+	.welcome-panel .welcome-panel-column-container {
+		display: flex;
+		justify-content: center;
+	}
+
+	.welcome-panel-column {
+		width: 100%;
+		max-width: 460px;
+	}
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 100%;
+	}
+
+	#dashboard-widgets .meta-box-sortables {
+		min-height: 0;
+	}
+
+	.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+		min-height: 100px;
+	}
+
+	#dashboard-widgets .meta-box-sortables.empty-container {
+		margin-bottom: 0;
+	}
+}
+
+/* two columns on the dash, but keep the setting if one is selected */
+@media only screen and (min-width: 800px) and (max-width: 1499px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 49.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-2,
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: left;
+		width: 50.5%;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container,
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container:after,
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+		width: 100%;
+	}
+
+	#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	/* show the radio buttons for column prefs only for one or two columns */
+	.index-php .screen-layout,
+	.index-php .columns-prefs {
+		display: block;
+	}
+
+	.columns-prefs .columns-prefs-3,
+	.columns-prefs .columns-prefs-4 {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* three columns on the dash */
+@media only screen and (min-width: 1500px) and (max-width: 1800px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 33.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-1 {
+		width: 33%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: left;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* Always show the "Drag boxes here" CSS generated content on large screens. */
+@media only screen and (min-width: 1801px) {
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+@media screen and (max-width: 870px) {
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column li {
+		display: inline-block;
+		margin-left: 13px;
+	}
+
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column ul {
+		margin: 0.4em 0 0;
+	}
+
+}
+
+@media screen and (max-width: 1180px) and (min-width: 783px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"] {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.welcome-panel::before {
+		width: 240px;
+		height: 305px;
+		left: 32px;
+	}
+
+	.welcome-panel-header {
+		/* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+		padding: 32px 32px 32px 288px;
+	}
+
+	.welcome-panel .welcome-panel-column-container {
+		grid-template-columns: 1fr;
+		box-sizing: border-box;
+		padding: 32px;
+		width: 100%;
+	}
+
+	.welcome-panel .welcome-panel-column-content {
+		max-width: 520px;
+	}
+
+	/* Keep the close icon from overlapping the Welcome text. */
+	.welcome-panel .welcome-panel-close {
+		overflow: hidden;
+		text-indent: 40px;
+		white-space: nowrap;
+		width: 20px;
+		height: 20px;
+		padding: 5px;
+		top: 5px;
+		left: 5px;
+	}
+
+	.welcome-panel .welcome-panel-close::before {
+		top: 5px;
+		right: -35px;
+	}
+
+	#dashboard-widgets h2 {
+		padding: 12px;
+	}
+
+	#dashboard_recent_comments #the-comment-list .comment-item .avatar {
+		height: 30px;
+		width: 30px;
+		margin: 4px 0 5px 10px;
+	}
+
+	.community-events-toggle-location {
+		height: 38px;
+		vertical-align: baseline;
+	}
+
+	.community-events-form .regular-text {
+		height: 32px;
+	}
+
+	#community-events-submit {
+		margin-bottom: 0;
+		/* Override .wp-core-ui .button */
+		vertical-align: top;
+	}
+
+	.community-events-form label,
+	#dashboard-widgets .community-events-cancel.button-link {
+		/* Same properties as the submit button for cross-browsers alignment. */
+		font-size: 14px;
+		line-height: normal;
+		height: auto;
+		padding: 6px 0;
+		border: 1px solid transparent;
+	}
+
+	.community-events .spinner {
+		margin-top: 7px;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	.welcome-panel::before {
+		display: none;
+	}
+
+	.welcome-panel-header {
+		padding: 32px;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.welcome-panel-column {
+		gap: 16px;
+	}
+}
+
+@media screen and (max-width: 360px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"] {
+		display: none;
+	}
+}
+
+@media screen and (min-width: 355px) {
+	.community-events .event-info {
+		display: table-row;
+		float: right;
+		max-width: 59%;
+	}
+
+	.event-icon,
+	.event-icon[aria-hidden="true"] {
+		display: table-cell;
+	}
+
+	.event-info-inner {
+		display: table-cell;
+	}
+
+	.community-events .event-date-time {
+		float: left;
+		max-width: 39%;
+	}
+
+	.community-events .event-date,
+	.community-events .event-time {
+		text-align: left;
+	}
+}
diff --git a/tools/storybook/wordpress/css/dashboard-rtl.min.css b/tools/storybook/wordpress/css/dashboard-rtl.min.css
new file mode 100644
index 00000000000..5ddca8b7789
--- /dev/null
+++ b/tools/storybook/wordpress/css/dashboard-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container{width:100%}#wpbody-content #dashboard-widgets.columns-2 .postbox-container{width:49.5%}#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4{float:left;width:50.5%}#wpbody-content #dashboard-widgets.columns-3 .postbox-container{width:33.5%}#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1{width:33%}#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4{float:left}#wpbody-content #dashboard-widgets.columns-4 .postbox-container{width:25%}#dashboard-widgets .postbox-container{width:25%}#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container{border:none!important}#dashboard-widgets-wrap{overflow:hidden;margin:0 -8px}#dashboard-widgets .postbox .inside{margin-bottom:0}#dashboard-widgets .meta-box-sortables{display:flow-root;min-height:100px;margin:0 8px 20px}#dashboard-widgets .postbox-container .empty-container{outline:3px dashed #c3c4c7;height:250px}.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables{outline:3px dashed #646970;display:flow-root}#dashboard-widgets .postbox-container .empty-container:after{content:attr(data-emptystring);margin:auto;position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);padding:0 2em;text-align:center;color:#646970;font-size:16px;line-height:1.5;display:none}#the-comment-list td.comment p.comment-author{margin-top:0;margin-right:0}#the-comment-list p.comment-author img{float:right;margin-left:8px}#the-comment-list p.comment-author strong a{border:none}#the-comment-list td{vertical-align:top}#the-comment-list td.comment{word-wrap:break-word}#the-comment-list td.comment img{max-width:100%}.index-php #screen-meta-links{margin:0 0 8px 20px}.welcome-panel{position:relative;overflow:auto;margin:16px 0;background:#2271b1 url(../images/about-texture.png) center repeat;background-size:500px 500px;background-blend-mode:overlay;font-size:14px;line-height:1.3;clear:both}.welcome-panel::before{content:"";position:absolute;top:-16px;left:96px;z-index:0;width:300px;height:382px;background:url(../images/about-header-about.svg) no-repeat center;background-size:contain}.welcome-panel h2{margin:0;font-size:48px;font-weight:600;line-height:1.25;color:#fff}.welcome-panel h3{margin:0;font-size:20px;font-weight:400;line-height:1.4}.welcome-panel p{font-size:inherit;line-height:inherit}.welcome-panel-header{color:#fff}.welcome-panel-header a{color:#fff}.welcome-panel-header a:focus,.welcome-panel-header a:hover{color:#f5e6ab;text-decoration:none}.welcome-panel .welcome-panel-close:focus,.welcome-panel-header a:focus{outline-color:currentColor;outline-offset:1px;box-shadow:none}.welcome-panel-header p{margin:.5em 0 0;font-size:20px;line-height:1.4}.welcome-panel .welcome-panel-close{position:absolute;top:10px;left:10px;padding:10px 24px 10px 15px;font-size:13px;line-height:1.23076923;text-decoration:none}.welcome-panel .welcome-panel-close:before{position:absolute;top:8px;right:0;transition:all .1s ease-in-out;content:'\f335';font-size:24px;color:#fff}.welcome-panel .welcome-panel-close{color:#fff}.welcome-panel .welcome-panel-close:focus,.welcome-panel .welcome-panel-close:focus::before,.welcome-panel .welcome-panel-close:hover,.welcome-panel .welcome-panel-close:hover::before{color:#f5e6ab}.wp-core-ui .welcome-panel .button.button-hero{margin:15px 0 3px 13px;padding:12px 36px;height:auto;line-height:1.4285714;white-space:normal}.welcome-panel-content{min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.welcome-panel-header{box-sizing:border-box;margin-right:auto;margin-left:auto;max-width:1500px;width:100%;padding:48px 48px 48px 408px}.welcome-panel .welcome-panel-column-container{box-sizing:border-box;width:100%;clear:both;display:grid;z-index:1;margin-top:32px;padding:48px;grid-template-columns:repeat(3,1fr);gap:32px;align-self:flex-end;background:#fff}[class*=welcome-panel-icon]{height:60px;width:60px;background-color:#1d2327;background-position:center;background-size:24px 24px;background-repeat:no-repeat;border-radius:100%}.welcome-panel-column{display:grid;grid-template-columns:min-content 1fr;gap:24px}.welcome-panel-icon-pages{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E")}.welcome-panel-icon-layout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E")}.welcome-panel-icon-styles{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E")}.welcome-panel .welcome-widgets-menus{line-height:1.14285714}.welcome-panel .welcome-panel-column ul{margin:.8em 0 1em 1em}.welcome-panel li{font-size:14px}.welcome-panel li a{text-decoration:none}.welcome-panel .welcome-panel-column li{line-height:1.14285714;list-style-type:none;padding:0 0 8px}.welcome-panel .welcome-icon{background:0 0!important}#dashboard_right_now .search-engines-info:before,#dashboard_right_now li a:before,#dashboard_right_now li span:before,.welcome-panel .welcome-icon:before{color:#646970;font:normal 20px/1 dashicons;speak:never;display:inline-block;padding:0 0 0 10px;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;vertical-align:top}.welcome-panel .welcome-edit-page:before,.welcome-panel .welcome-write-blog:before{content:"\f119";top:-3px}.welcome-panel .welcome-add-page:before{content:"\f132";top:-1px}.welcome-panel .welcome-setup-home:before{content:"\f102";top:-1px}.welcome-panel .welcome-view-site:before{content:"\f115";top:-2px}.welcome-panel .welcome-widgets-menus:before{content:"\f116";top:-2px}.welcome-panel .welcome-widgets:before{content:"\f538";top:-2px}.welcome-panel .welcome-menus:before{content:"\f163";top:-2px}.welcome-panel .welcome-comments:before{content:"\f117";top:-1px}.welcome-panel .welcome-learn-more:before{content:"\f118";top:-1px}#dashboard_right_now .search-engines-info:before,#dashboard_right_now li a:before,#dashboard_right_now li>span:before{content:"\f159";padding:0 0 0 5px}#dashboard_right_now .page-count a:before,#dashboard_right_now .page-count span:before{content:"\f105"}#dashboard_right_now .post-count a:before,#dashboard_right_now .post-count span:before{content:"\f109"}#dashboard_right_now .comment-count a:before{content:"\f101"}#dashboard_right_now .comment-mod-count a:before{content:"\f125"}#dashboard_right_now .storage-count a:before{content:"\f104"}#dashboard_right_now .storage-count.warning a:before{content:"\f153"}#dashboard_right_now .search-engines-info:before{content:"\f348"}.community-events-errors{margin:0}.community-events-loading{padding:10px 12px 8px}.community-events{margin-bottom:6px;padding:0 12px}.community-events .spinner{float:none;margin:5px 2px 0;vertical-align:top}.community-events form[aria-hidden=true],.community-events-errors [aria-hidden=true],.community-events-errors[aria-hidden=true],.community-events-loading[aria-hidden=true],.community-events[aria-hidden=true]{display:none}.community-events .activity-block:first-child,.community-events h2{padding-top:12px;padding-bottom:10px}.community-events-form{margin:15px 0 5px}.community-events-form .regular-text{width:40%;height:29px;margin:0;vertical-align:top}.community-events li.event-none{border-right:4px solid #72aee6}#dashboard-widgets .community-events li.event-none a{text-decoration:underline}.community-events-form label{display:inline-block;vertical-align:top;line-height:2.15384615;height:28px}.community-events .activity-block>p{margin-bottom:0;display:inline}.community-events-toggle-location{vertical-align:middle}#community-events-submit{margin-right:3px;margin-left:3px}#dashboard-widgets .community-events-cancel.button-link{vertical-align:top;line-height:2;height:28px;text-decoration:underline}.community-events ul{background-color:#f6f7f7;padding-right:0;padding-left:0;padding-bottom:0}.community-events li{margin:0;padding:8px 12px;color:#2c3338}.community-events li:first-child{border-top:1px solid #f0f0f1}.community-events li~li{border-top:1px solid #f0f0f1}.community-events .activity-block.last{border-bottom:1px solid #f0f0f1;padding-top:0;margin-top:-1px}.community-events .event-info{display:block}.event-icon{height:18px;padding-left:10px;width:18px;display:none}.event-icon:before{color:#646970;font-size:18px}.event-meetup .event-icon:before{content:"\f484"}.event-wordcamp .event-icon:before{content:"\f486"}.community-events .event-title{font-weight:600;display:block}.community-events .event-date,.community-events .event-time{display:block}.community-events-footer{margin-top:0;margin-bottom:0;padding:12px;border-top:1px solid #f0f0f1;color:#dcdcde}.community-events-footer .screen-reader-text{height:inherit;white-space:nowrap}#dashboard_primary .inside{margin:0;padding:0}#dashboard_primary .widget-loading{padding:12px 12px 0;margin-bottom:1em!important}#dashboard_primary .inside .notice{margin:0}body #dashboard-widgets .postbox form .submit{margin:0}.dashboard-widget-control-form p{margin-top:0}.rssSummary{color:#646970;margin-top:4px}#dashboard_primary .rss-widget{font-size:13px;padding:0 12px}#dashboard_primary .rss-widget:last-child{border-bottom:none;padding-bottom:8px}#dashboard_primary .rss-widget a{font-weight:400}#dashboard_primary .rss-widget span,#dashboard_primary .rss-widget span.rss-date{color:#646970}#dashboard_primary .rss-widget span.rss-date{margin-right:12px}#dashboard_primary .rss-widget ul li{padding:4px 0;margin:0}#dashboard_right_now ul{margin:0;display:inline-block;width:100%}#dashboard_right_now li{width:50%;float:right;margin-bottom:10px}#dashboard_right_now .inside{padding:0}#dashboard_right_now .main{padding:0 12px 11px}#dashboard_right_now .main p{margin:0}#dashboard_right_now #wp-version-message .button{float:left;position:relative;top:-5px;margin-right:5px}#dashboard_right_now p.search-engines-info{margin:1em 0}.mu-storage{overflow:hidden}#dashboard-widgets h3.mu-storage{margin:0 0 10px;padding:0;font-size:14px;font-weight:400}#dashboard_right_now .sub{color:#50575e;background:#f6f7f7;border-top:1px solid #f0f0f1;padding:10px 12px 6px}#dashboard_right_now .sub h3{color:#50575e}#dashboard_right_now .sub p{margin:0 0 1em}#dashboard_right_now .warning a:before,#dashboard_right_now .warning span:before{color:#d63638}#dashboard_quick_press .inside{margin:0;padding:0}#dashboard_quick_press div.updated{margin-bottom:10px;border:1px solid #f0f0f1;border-width:1px 0 1px 1px}#dashboard_quick_press form{margin:12px}#dashboard_quick_press .drafts{padding:10px 0 0}#dashboard_quick_press label{display:inline-block;margin-bottom:4px}#dashboard_quick_press input,#dashboard_quick_press textarea{box-sizing:border-box;margin:0}#dashboard-widgets .postbox form .submit{margin:-39px 0;float:left}#description-wrap{margin-top:12px}#quick-press textarea#content{min-height:90px;max-height:1300px;margin:0 0 8px;padding:6px 7px;resize:none}.js #dashboard_quick_press .drafts{border-top:1px solid #f0f0f1}#dashboard_quick_press .drafts abbr{border:none}#dashboard_quick_press .drafts .view-all{float:left;margin:0 0 0 12px}#dashboard_primary a.rsswidget{font-weight:400}#dashboard_quick_press .drafts ul{margin:0 12px}#dashboard_quick_press .drafts li{margin-bottom:1em}#dashboard_quick_press .drafts li time{color:#646970}#dashboard_quick_press .drafts p{margin:0;word-wrap:break-word}#dashboard_quick_press .draft-title{word-wrap:break-word}#dashboard_quick_press .draft-title a,#dashboard_quick_press .draft-title time{margin:0 0 0 5px}#dashboard-widgets h3,#dashboard-widgets h4,#dashboard_quick_press .drafts h2{margin:0 12px 8px;padding:0;font-size:14px;font-weight:400;color:#1d2327}#dashboard_quick_press .drafts h2{line-height:inherit}#dashboard-widgets .inside h3,#dashboard-widgets .inside h4{margin-right:0;margin-left:0}#dashboard_activity .comment-meta span.approve:before{content:"\f227";font:20px/.5 dashicons;margin-right:5px;vertical-align:middle;position:relative;top:-1px;margin-left:2px}#dashboard_activity .inside{margin:0;padding-bottom:0}#dashboard_activity .no-activity{overflow:hidden;padding:12px 0;text-align:center}#dashboard_activity .no-activity p{color:#646970;font-size:16px}#dashboard_activity .subsubsub{float:none;border-top:1px solid #f0f0f1;margin:0 -12px;padding:8px 12px 4px}#dashboard_activity .subsubsub a .count,#dashboard_activity .subsubsub a.current .count{color:#646970}#future-posts ul,#published-posts ul{clear:both;margin-bottom:0}#future-posts li,#published-posts li{margin-bottom:8px}#future-posts ul span,#published-posts ul span{display:inline-block;margin-left:5px;min-width:150px;color:#646970}.activity-block{border-bottom:1px solid #f0f0f1;margin:0 -12px;padding:8px 12px 4px}.activity-block:last-child{border-bottom:none}.activity-block .subsubsub li{color:#dcdcde}#activity-widget #the-comment-list div.undo,#activity-widget #the-comment-list tr.undo{background:0 0;padding:6px 0;margin-right:12px}#activity-widget #the-comment-list .comment-item{background:#f6f7f7;padding:12px;position:relative}#activity-widget #the-comment-list .avatar{position:absolute;top:12px}#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar{padding-right:63px}#activity-widget #the-comment-list .dashboard-comment-wrap blockquote{margin:1em 0}#activity-widget #the-comment-list .comment-item p.row-actions{margin:4px 0 0}#activity-widget #the-comment-list .comment-item:first-child{border-top:1px solid #f0f0f1}#activity-widget #the-comment-list .unapproved{background-color:#fcf9e8}#activity-widget #the-comment-list .unapproved:before{content:"";display:block;position:absolute;right:0;top:0;bottom:0;background:#d63638;width:4px}#activity-widget #the-comment-list .spam-undo-inside .avatar,#activity-widget #the-comment-list .trash-undo-inside .avatar{position:relative;top:0}#dashboard-widgets #dashboard_browser_nag.postbox .inside{margin:10px}.postbox .button-link .edit-box{display:none}.edit-box{opacity:0}.edit-box:focus,.hndle:hover .edit-box{opacity:1}#dashboard-widgets form .input-text-wrap input{width:100%}#dashboard-widgets form .textarea-wrap textarea{width:100%}#dashboard-widgets .postbox form .submit{float:none;margin:.5em 0 0;padding:0;border:none}#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish{min-width:0}#dashboard-widgets .button-link,#dashboard-widgets li a,.community-events-footer a{text-decoration:none}#dashboard-widgets h2 a{text-decoration:underline}#dashboard-widgets .hndle .postbox-title-action{float:left;line-height:1.2}#dashboard_plugins h5{font-size:14px}#latest-comments #the-comment-list{position:relative;margin:0 -12px}#activity-widget #the-comment-list .comment,#activity-widget #the-comment-list .pingback{box-shadow:inset 0 1px 0 rgba(0,0,0,.06)}#activity-widget .comments #the-comment-list .alt{background-color:transparent}#activity-widget #latest-comments #the-comment-list .comment-item{min-height:50px;margin:0;padding:12px}#latest-comments #the-comment-list .pingback{padding-right:12px!important}#latest-comments #the-comment-list .comment-item:first-child{border-top:none}#latest-comments #the-comment-list .comment-meta{line-height:1.5;margin:0;color:#646970}#latest-comments #the-comment-list .comment-meta cite{font-style:normal;font-weight:400}#latest-comments #the-comment-list .comment-item blockquote,#latest-comments #the-comment-list .comment-item blockquote p{margin:0;padding:0;display:inline}#latest-comments #the-comment-list .comment-item p.row-actions{margin:3px 0 0;padding:0;font-size:13px}.rss-widget ul{margin:0;padding:0;list-style:none}a.rsswidget{font-size:13px;font-weight:600;line-height:1.4}.rss-widget ul li{line-height:1.5;margin-bottom:12px}.rss-widget span.rss-date{color:#646970;font-size:13px;margin-right:3px}.rss-widget cite{display:block;text-align:left;margin:0 0 1em;padding:0}.rss-widget cite:before{content:"\2014"}.dashboard-comment-wrap{word-wrap:break-word}#dashboard_browser_nag a.update-browser-link{font-size:1.2em;font-weight:600}#dashboard_browser_nag a{text-decoration:underline}#dashboard_browser_nag p.browser-update-nag.has-browser-icon{padding-left:128px}#dashboard_browser_nag .browser-icon{margin-top:-32px}#dashboard_browser_nag.postbox{background-color:#b32d2e;background-image:none;border-color:#b32d2e;color:#fff;box-shadow:none}#dashboard_browser_nag.postbox h2{border-bottom-color:transparent;background:transparent none;color:#fff;box-shadow:none}#dashboard_browser_nag a{color:#fff}#dashboard_browser_nag.postbox .postbox-header{border-color:transparent}#dashboard_browser_nag h2.hndle{border:none;font-weight:600;font-size:20px;padding-top:10px}.postbox#dashboard_browser_nag p a.dismiss{font-size:14px}.postbox#dashboard_browser_nag a,.postbox#dashboard_browser_nag p,.postbox#dashboard_browser_nag p.browser-update-nag{font-size:16px}#dashboard_php_nag .dashicons-warning{color:#dba617;padding-left:6px}#dashboard_php_nag.php-insecure .dashicons-warning{color:#d63638}#dashboard_php_nag h2{display:inline-block}#dashboard_php_nag p{margin:12px 0}#dashboard_php_nag h3{font-weight:600}#dashboard_php_nag .button .dashicons-external{line-height:25px}@media only screen and (min-width:1600px){.welcome-panel .welcome-panel-column-container{display:flex;justify-content:center}.welcome-panel-column{width:100%;max-width:460px}}@media only screen and (max-width:799px){#wpbody-content #dashboard-widgets .postbox-container{width:100%}#dashboard-widgets .meta-box-sortables{min-height:0}.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables{min-height:100px}#dashboard-widgets .meta-box-sortables.empty-container{margin-bottom:0}}@media only screen and (min-width:800px) and (max-width:1499px){#wpbody-content #dashboard-widgets .postbox-container{width:49.5%}#wpbody-content #dashboard-widgets #postbox-container-2,#wpbody-content #dashboard-widgets #postbox-container-3,#wpbody-content #dashboard-widgets #postbox-container-4{float:left;width:50.5%}#dashboard-widgets #postbox-container-3 .empty-container,#dashboard-widgets #postbox-container-4 .empty-container{outline:0;height:0;min-height:0;margin-bottom:0}#dashboard-widgets #postbox-container-3 .empty-container:after,#dashboard-widgets #postbox-container-4 .empty-container:after{display:none}#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container{width:100%}#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container{outline:0;height:0;min-height:0;margin-bottom:0}.index-php .columns-prefs,.index-php .screen-layout{display:block}.columns-prefs .columns-prefs-3,.columns-prefs .columns-prefs-4{display:none}#dashboard-widgets .postbox-container .empty-container:after{display:block}}@media only screen and (min-width:1500px) and (max-width:1800px){#wpbody-content #dashboard-widgets .postbox-container{width:33.5%}#wpbody-content #dashboard-widgets #postbox-container-1{width:33%}#wpbody-content #dashboard-widgets #postbox-container-3,#wpbody-content #dashboard-widgets #postbox-container-4{float:left}#dashboard-widgets #postbox-container-4 .empty-container{outline:0;height:0;min-height:0;margin-bottom:0}#dashboard-widgets #postbox-container-4 .empty-container:after{display:none}#dashboard-widgets .postbox-container .empty-container:after{display:block}}@media only screen and (min-width:1801px){#dashboard-widgets .postbox-container .empty-container:after{display:block}}@media screen and (max-width:870px){.welcome-panel .welcome-panel-column li{display:inline-block;margin-left:13px}.welcome-panel .welcome-panel-column ul{margin:.4em 0 0}}@media screen and (max-width:1180px) and (min-width:783px){.welcome-panel-column{grid-template-columns:1fr}[class*=welcome-panel-icon]{display:none}}@media screen and (max-width:782px){.welcome-panel::before{width:240px;height:305px;left:32px}.welcome-panel-header{padding:32px 32px 32px 288px}.welcome-panel .welcome-panel-column-container{grid-template-columns:1fr;box-sizing:border-box;padding:32px;width:100%}.welcome-panel .welcome-panel-column-content{max-width:520px}.welcome-panel .welcome-panel-close{overflow:hidden;text-indent:40px;white-space:nowrap;width:20px;height:20px;padding:5px;top:5px;left:5px}.welcome-panel .welcome-panel-close::before{top:5px;right:-35px}#dashboard-widgets h2{padding:12px}#dashboard_recent_comments #the-comment-list .comment-item .avatar{height:30px;width:30px;margin:4px 0 5px 10px}.community-events-toggle-location{height:38px;vertical-align:baseline}.community-events-form .regular-text{height:32px}#community-events-submit{margin-bottom:0;vertical-align:top}#dashboard-widgets .community-events-cancel.button-link,.community-events-form label{font-size:14px;line-height:normal;height:auto;padding:6px 0;border:1px solid transparent}.community-events .spinner{margin-top:7px}}@media screen and (max-width:600px){.welcome-panel::before{display:none}.welcome-panel-header{padding:32px}}@media screen and (max-width:480px){.welcome-panel-column{gap:16px}}@media screen and (max-width:360px){.welcome-panel-column{grid-template-columns:1fr}[class*=welcome-panel-icon]{display:none}}@media screen and (min-width:355px){.community-events .event-info{display:table-row;float:right;max-width:59%}.event-icon,.event-icon[aria-hidden=true]{display:table-cell}.event-info-inner{display:table-cell}.community-events .event-date-time{float:left;max-width:39%}.community-events .event-date,.community-events .event-time{text-align:left}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/dashboard.css b/tools/storybook/wordpress/css/dashboard.css
new file mode 100644
index 00000000000..e8f414a9f53
--- /dev/null
+++ b/tools/storybook/wordpress/css/dashboard.css
@@ -0,0 +1,1487 @@
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+	width: 100%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
+	width: 49.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
+	float: right;
+	width: 50.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
+	width: 33.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
+	width: 33%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
+	float: right;
+}
+
+#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets .postbox-container {
+	width: 25%;
+}
+
+#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
+	border: none !important;
+}
+
+#dashboard-widgets-wrap {
+	overflow: hidden;
+	margin: 0 -8px;
+}
+
+#dashboard-widgets .postbox .inside {
+	margin-bottom: 0;
+}
+
+#dashboard-widgets .meta-box-sortables {
+	display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
+	/* Required min-height to make the jQuery UI Sortable drop zone work. */
+	min-height: 100px;
+	margin: 0 8px 20px;
+}
+
+#dashboard-widgets .postbox-container .empty-container {
+	outline: 3px dashed #c3c4c7;
+	height: 250px;
+}
+
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+	outline: 3px dashed #646970;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+}
+
+#dashboard-widgets .postbox-container .empty-container:after {
+	content: attr(data-emptystring);
+	margin: auto;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	right: 0;
+	transform: translateY( -50% );
+	padding: 0 2em;
+	text-align: center;
+	color: #646970;
+	font-size: 16px;
+	line-height: 1.5;
+	display: none;
+}
+
+
+/* @todo: this was originally in this section, but likely belongs elsewhere */
+#the-comment-list td.comment p.comment-author {
+	margin-top: 0;
+	margin-left: 0;
+}
+
+#the-comment-list p.comment-author img {
+	float: left;
+	margin-right: 8px;
+}
+
+#the-comment-list p.comment-author strong a {
+	border: none;
+}
+
+#the-comment-list td {
+	vertical-align: top;
+}
+
+#the-comment-list td.comment {
+	word-wrap: break-word;
+}
+
+#the-comment-list td.comment img {
+	max-width: 100%;
+}
+
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
+.index-php #screen-meta-links {
+	margin: 0 20px 8px 0;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+	position: relative;
+	overflow: auto;
+	margin: 16px 0;
+	background: #2271b1 url(../images/about-texture.png) center repeat;
+	background-size: 500px 500px;
+	background-blend-mode: overlay;
+	font-size: 14px;
+	line-height: 1.3;
+	clear: both;
+}
+
+.welcome-panel::before {
+	content: "";
+	position: absolute;
+	top: -16px;
+	right: 96px;
+	z-index: 0;
+	width: 300px;
+	height: 382px;
+	background: url(../images/about-header-about.svg) no-repeat center;
+	background-size: contain;
+}
+
+.welcome-panel h2 {
+	margin: 0;
+	font-size: 48px;
+	font-weight: 600;
+	line-height: 1.25;
+	color: #fff;
+}
+
+.welcome-panel h3 {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.4;
+}
+
+.welcome-panel p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.welcome-panel-header {
+	color: #fff;
+}
+
+.welcome-panel-header a {
+	color: #fff;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel-header a:hover {
+	color: #f5e6ab;
+	text-decoration: none;
+}
+
+.welcome-panel-header a:focus,
+.welcome-panel .welcome-panel-close:focus {
+	outline-color: currentColor;
+	outline-offset: 1px;
+	box-shadow: none;
+}
+
+.welcome-panel-header p {
+	margin: 0.5em 0 0;
+	font-size: 20px;
+	line-height: 1.4;
+}
+
+.welcome-panel .welcome-panel-close {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	padding: 10px 15px 10px 24px;
+	font-size: 13px;
+	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
+	text-decoration: none;
+}
+
+.welcome-panel .welcome-panel-close:before {
+	position: absolute;
+	top: 8px;
+	left: 0;
+	transition: all .1s ease-in-out;
+	content: '\f335';
+	font-size: 24px;
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close {
+	color: #fff;
+}
+
+.welcome-panel .welcome-panel-close:hover,
+.welcome-panel .welcome-panel-close:focus,
+.welcome-panel .welcome-panel-close:hover::before,
+.welcome-panel .welcome-panel-close:focus::before {
+	color: #f5e6ab;
+}
+
+/* @deprecated 5.9.0 -- Button removed from panel. */
+.wp-core-ui .welcome-panel .button.button-hero {
+	margin: 15px 13px 3px 0;
+	padding: 12px 36px;
+	height: auto;
+	line-height: 1.4285714;
+	white-space: normal;
+}
+
+.welcome-panel-content {
+	min-height: 400px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+.welcome-panel-header {
+	box-sizing: border-box;
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 1500px;
+	width: 100%;
+	/* 408px = 300px (balloon width) + 96px (offset from edge) + 16px (spacing). */
+	padding: 48px 408px 48px 48px;
+}
+
+.welcome-panel .welcome-panel-column-container {
+	box-sizing: border-box;
+	width: 100%;
+	clear: both;
+	display: grid;
+	z-index: 1;
+	margin-top: 32px;
+	padding: 48px;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 32px;
+	align-self: flex-end;
+	background: #fff;
+}
+
+[class*="welcome-panel-icon"] {
+	height: 60px;
+	width: 60px;
+	background-color: #1d2327;
+	background-position: center;
+	background-size: 24px 24px;
+	background-repeat: no-repeat;
+	border-radius: 100%;
+}
+
+.welcome-panel-column {
+	display: grid;
+	grid-template-columns: min-content 1fr;
+	gap: 24px;
+}
+
+.welcome-panel-icon-pages {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-layout {
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
+}
+
+.welcome-panel-icon-styles {
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
+}
+
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus {
+	line-height: 1.14285714;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column ul {
+	margin: 0.8em 1em 1em 0;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li {
+	font-size: 14px;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel li a {
+	text-decoration: none;
+}
+
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+.welcome-panel .welcome-panel-column li {
+	line-height: 1.14285714;
+	list-style-type: none;
+	padding: 0 0 8px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon {
+	background: transparent !important;
+}
+
+/* Welcome Panel and Right Now common Icons style */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-icon:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before,
+#dashboard_right_now .search-engines-info:before {
+	color: #646970;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0 10px 0 0;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	vertical-align: top;
+}
+
+/* Welcome Panel specific Icons styles */
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+	content: "\f119";
+	top: -3px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-add-page:before {
+	content: "\f132";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-setup-home:before {
+	content: "\f102";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-view-site:before {
+	content: "\f115";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets-menus:before {
+	content: "\f116";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-comments:before {
+	content: "\f117";
+	top: -1px;
+}
+
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
+.welcome-panel .welcome-learn-more:before {
+	content: "\f118";
+	top: -1px;
+}
+
+/* Right Now specific Icons styles */
+
+#dashboard_right_now .search-engines-info:before,
+#dashboard_right_now li a:before,
+#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
+	content: "\f159"; /* generic icon for items added by CPTs ? */
+	padding: 0 5px 0 0;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+	content: "\f105";
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+	content: "\f109";
+}
+
+#dashboard_right_now .comment-count a:before {
+	content: "\f101";
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+	content: "\f125";
+}
+
+#dashboard_right_now .storage-count a:before {
+	content: "\f104";
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+	content: "\f153";
+}
+
+#dashboard_right_now .search-engines-info:before {
+	content: "\f348";
+}
+
+/* Dashboard WordPress events */
+
+.community-events-errors {
+	margin: 0;
+}
+
+.community-events-loading {
+	padding: 10px 12px 8px;
+}
+
+.community-events {
+	margin-bottom: 6px;
+	padding: 0 12px;
+}
+
+.community-events .spinner {
+	float: none;
+	margin: 5px 2px 0;
+	vertical-align: top;
+}
+
+.community-events-errors[aria-hidden="true"],
+.community-events-errors [aria-hidden="true"],
+.community-events-loading[aria-hidden="true"],
+.community-events[aria-hidden="true"],
+.community-events form[aria-hidden="true"] {
+	display: none;
+}
+
+.community-events .activity-block:first-child,
+.community-events h2 {
+	padding-top: 12px;
+	padding-bottom: 10px;
+}
+
+.community-events-form {
+	margin: 15px 0 5px;
+}
+
+.community-events-form .regular-text {
+	width: 40%;
+	height: 29px;
+	margin: 0;
+	vertical-align: top;
+}
+
+.community-events li.event-none {
+	border-left: 4px solid #72aee6;
+}
+
+#dashboard-widgets .community-events li.event-none a {
+	text-decoration: underline;
+}
+
+.community-events-form label {
+	display: inline-block;
+	vertical-align: top;
+	line-height: 2.15384615;
+	height: 28px;
+}
+
+.community-events .activity-block > p {
+	margin-bottom: 0;
+	display: inline;
+}
+
+.community-events-toggle-location {
+	vertical-align: middle;
+}
+
+#community-events-submit {
+	margin-left: 3px;
+	margin-right: 3px;
+}
+
+/* Needs higher specificity than #dashboard-widgets .button-link */
+#dashboard-widgets .community-events-cancel.button-link {
+	vertical-align: top;
+	/* Same properties as the submit button for cross-browsers alignment. */
+	line-height: 2;
+	height: 28px;
+	text-decoration: underline;
+}
+
+.community-events ul {
+	background-color: #f6f7f7;
+	padding-left: 0;
+	padding-right: 0;
+	padding-bottom: 0;
+}
+
+.community-events li {
+	margin: 0;
+	padding: 8px 12px;
+	color: #2c3338;
+}
+.community-events li:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events li ~ li {
+	border-top: 1px solid #f0f0f1;
+}
+
+.community-events .activity-block.last {
+	border-bottom: 1px solid #f0f0f1;
+	padding-top: 0;
+	margin-top: -1px;
+}
+
+.community-events .event-info {
+	display: block;
+}
+
+.event-icon {
+	height: 18px;
+	padding-right: 10px;
+	width: 18px;
+	display: none; /* Hide on smaller screens */
+}
+
+.event-icon:before {
+	color: #646970;
+	font-size: 18px;
+}
+.event-meetup .event-icon:before {
+	content: "\f484";
+}
+.event-wordcamp .event-icon:before {
+	content: "\f486";
+}
+
+.community-events .event-title {
+	font-weight: 600;
+	display: block;
+}
+
+.community-events .event-date,
+.community-events .event-time {
+	display: block;
+}
+
+.community-events-footer {
+	margin-top: 0;
+	margin-bottom: 0;
+	padding: 12px;
+	border-top: 1px solid #f0f0f1;
+	color: #dcdcde;
+}
+
+/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
+.community-events-footer .screen-reader-text {
+	height: inherit;
+	white-space: nowrap;
+}
+
+/* Dashboard WordPress news */
+
+#dashboard_primary .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_primary .widget-loading {
+	padding: 12px 12px 0;
+	margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
+}
+
+/* Notice when JS is off. */
+#dashboard_primary .inside .notice {
+	margin: 0;
+}
+
+body #dashboard-widgets .postbox form .submit {
+	margin: 0;
+}
+
+/* Used only for configurable widgets. */
+.dashboard-widget-control-form p {
+	margin-top: 0;
+}
+
+.rssSummary {
+	color: #646970;
+	margin-top: 4px;
+}
+
+#dashboard_primary .rss-widget {
+	font-size: 13px;
+	padding: 0 12px;
+}
+
+#dashboard_primary .rss-widget:last-child {
+	border-bottom: none;
+	padding-bottom: 8px;
+}
+
+#dashboard_primary .rss-widget a {
+	font-weight: 400;
+}
+
+#dashboard_primary .rss-widget span,
+#dashboard_primary .rss-widget span.rss-date {
+	color: #646970;
+}
+
+#dashboard_primary .rss-widget span.rss-date {
+	margin-left: 12px;
+}
+
+#dashboard_primary .rss-widget ul li {
+	padding: 4px 0;
+	margin: 0;
+}
+
+/* Dashboard right now */
+
+#dashboard_right_now ul {
+	margin: 0;
+	/* contain floats but don't use overflow: hidden */
+	display: inline-block;
+	width: 100%;
+}
+
+#dashboard_right_now li {
+	width: 50%;
+	float: left;
+	margin-bottom: 10px;
+}
+
+#dashboard_right_now .inside {
+	padding: 0;
+}
+
+#dashboard_right_now .main {
+	padding: 0 12px 11px;
+}
+
+#dashboard_right_now .main p {
+	margin: 0;
+}
+
+#dashboard_right_now #wp-version-message .button {
+	float: right;
+	position: relative;
+	top: -5px;
+	margin-left: 5px;
+}
+
+#dashboard_right_now p.search-engines-info {
+	margin: 1em 0;
+}
+
+.mu-storage {
+	overflow: hidden;
+}
+
+#dashboard-widgets h3.mu-storage {
+	margin: 0 0 10px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+}
+
+/* Dashboard right now - Colors */
+
+#dashboard_right_now .sub {
+	color: #50575e;
+	background: #f6f7f7;
+	border-top: 1px solid #f0f0f1;
+	padding: 10px 12px 6px;
+}
+
+#dashboard_right_now .sub h3 {
+	color: #50575e;
+}
+
+#dashboard_right_now .sub p {
+	margin: 0 0 1em;
+}
+
+#dashboard_right_now .warning a:before,
+#dashboard_right_now .warning span:before {
+	color: #d63638;
+}
+
+/* Dashboard Quick Draft */
+
+#dashboard_quick_press .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#dashboard_quick_press div.updated {
+	margin-bottom: 10px;
+	border: 1px solid #f0f0f1;
+	border-width: 1px 1px 1px 0;
+}
+
+#dashboard_quick_press form {
+	margin: 12px;
+}
+
+#dashboard_quick_press .drafts {
+	padding: 10px 0 0;
+}
+
+/* Dashboard Quick Draft - Form styling */
+
+#dashboard_quick_press label {
+	display: inline-block;
+	margin-bottom: 4px;
+}
+
+#dashboard_quick_press input,
+#dashboard_quick_press textarea {
+	box-sizing: border-box;
+	margin: 0;
+}
+
+#dashboard-widgets .postbox form .submit {
+	margin: -39px 0;
+	float: right;
+}
+
+#description-wrap {
+	margin-top: 12px;
+}
+
+#quick-press textarea#content {
+	min-height: 90px;
+	max-height: 1300px;
+	margin: 0 0 8px;
+	padding: 6px 7px;
+	resize: none;
+}
+
+/* Dashboard Quick Draft - Drafts list */
+
+.js #dashboard_quick_press .drafts {
+	border-top: 1px solid #f0f0f1;
+}
+
+#dashboard_quick_press .drafts abbr {
+	border: none;
+}
+
+#dashboard_quick_press .drafts .view-all {
+	float: right;
+	margin: 0 12px 0 0;
+}
+
+#dashboard_primary a.rsswidget {
+	font-weight: 400;
+}
+
+#dashboard_quick_press .drafts ul {
+	margin: 0 12px;
+}
+
+#dashboard_quick_press .drafts li {
+	margin-bottom: 1em;
+}
+#dashboard_quick_press .drafts li time {
+	color: #646970;
+}
+
+#dashboard_quick_press .drafts p {
+	margin: 0;
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title {
+	word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title a,
+#dashboard_quick_press .draft-title time {
+	margin: 0 5px 0 0;
+}
+
+/* Dashboard common styles */
+
+#dashboard-widgets h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets h3,
+#dashboard_quick_press .drafts h2 {
+	margin: 0 12px 8px;
+	padding: 0;
+	font-size: 14px;
+	font-weight: 400;
+	color: #1d2327;
+}
+
+#dashboard_quick_press .drafts h2 {
+	line-height: inherit;
+}
+
+#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
+#dashboard-widgets .inside h3 {
+	margin-left: 0;
+	margin-right: 0;
+}
+
+/* Dashboard activity widget */
+
+#dashboard_activity .comment-meta span.approve:before {
+	content: "\f227";
+	font: 20px/.5 dashicons;
+	margin-left: 5px;
+	vertical-align: middle;
+	position: relative;
+	top: -1px;
+	margin-right: 2px;
+}
+
+#dashboard_activity .inside {
+	margin: 0;
+	padding-bottom: 0;
+}
+
+#dashboard_activity .no-activity {
+	overflow: hidden;
+	padding: 12px 0;
+	text-align: center;
+}
+
+#dashboard_activity .no-activity p {
+	color: #646970;
+	font-size: 16px;
+}
+
+#dashboard_activity .subsubsub {
+	float: none;
+	border-top: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+	color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
+}
+
+#future-posts ul,
+#published-posts ul {
+	clear: both;
+	margin-bottom: 0;
+}
+
+#future-posts li,
+#published-posts li {
+	margin-bottom: 8px;
+}
+
+#future-posts ul span,
+#published-posts ul span {
+	display: inline-block;
+	margin-right: 5px;
+	min-width: 150px;
+	color: #646970;
+}
+
+.activity-block {
+	border-bottom: 1px solid #f0f0f1;
+	margin: 0 -12px;
+	padding: 8px 12px 4px;
+}
+
+.activity-block:last-child {
+	border-bottom: none;
+}
+
+.activity-block .subsubsub li {
+	color: #dcdcde;
+}
+
+/* Dashboard activity widget - Comments */
+/* @todo: needs serious de-duplication */
+
+#activity-widget #the-comment-list tr.undo,
+#activity-widget #the-comment-list div.undo {
+	background: none;
+	padding: 6px 0;
+	margin-left: 12px;
+}
+
+#activity-widget #the-comment-list .comment-item {
+	background: #f6f7f7;
+	padding: 12px;
+	position: relative;
+}
+
+#activity-widget #the-comment-list .avatar {
+	position: absolute;
+	top: 12px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
+	padding-left: 63px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
+	margin: 1em 0;
+}
+
+#activity-widget #the-comment-list .comment-item p.row-actions {
+	margin: 4px 0 0;
+}
+
+#activity-widget #the-comment-list .comment-item:first-child {
+	border-top: 1px solid #f0f0f1;
+}
+
+#activity-widget #the-comment-list .unapproved {
+	background-color: #fcf9e8;
+}
+
+#activity-widget #the-comment-list .unapproved:before {
+	content: "";
+	display: block;
+	position: absolute;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	background: #d63638;
+	width: 4px;
+}
+
+#activity-widget #the-comment-list .spam-undo-inside .avatar,
+#activity-widget #the-comment-list .trash-undo-inside .avatar {
+	position: relative;
+	top: 0;
+}
+
+/* Browse happy box */
+
+#dashboard-widgets #dashboard_browser_nag.postbox .inside {
+	margin: 10px;
+}
+
+.postbox .button-link .edit-box {
+	display: none;
+}
+
+.edit-box {
+	opacity: 0;
+}
+
+.hndle:hover .edit-box,
+.edit-box:focus {
+	opacity: 1;
+}
+
+#dashboard-widgets form .input-text-wrap input {
+	width: 100%;
+}
+
+#dashboard-widgets form .textarea-wrap textarea {
+	width: 100%;
+}
+
+#dashboard-widgets .postbox form .submit {
+	float: none;
+	margin: .5em 0 0;
+	padding: 0;
+	border: none;
+}
+
+#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
+	min-width: 0;
+}
+
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
+	text-decoration: none;
+}
+
+#dashboard-widgets h2 a {
+	text-decoration: underline;
+}
+
+#dashboard-widgets .hndle .postbox-title-action {
+	float: right;
+	line-height: 1.2;
+}
+
+#dashboard_plugins h5 {
+	font-size: 14px;
+}
+
+/* Recent Comments */
+
+#latest-comments #the-comment-list {
+	position: relative;
+	margin: 0 -12px;
+}
+
+#activity-widget #the-comment-list .comment,
+#activity-widget #the-comment-list .pingback {
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+}
+
+#activity-widget .comments #the-comment-list .alt {
+	background-color: transparent;
+}
+
+#activity-widget #latest-comments #the-comment-list .comment-item {
+	/* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
+	   for other users this needs a min height equal to the gravatar image */
+	min-height: 50px;
+	margin: 0;
+	padding: 12px;
+}
+
+#latest-comments #the-comment-list .pingback {
+	padding-left: 12px !important;
+}
+
+#latest-comments #the-comment-list .comment-item:first-child {
+	border-top: none;
+}
+
+#latest-comments #the-comment-list .comment-meta {
+	line-height: 1.5;
+	margin: 0;
+	color: #646970;
+}
+
+#latest-comments #the-comment-list .comment-meta cite {
+	font-style: normal;
+	font-weight: 400;
+}
+
+#latest-comments #the-comment-list .comment-item blockquote,
+#latest-comments #the-comment-list .comment-item blockquote p {
+	margin: 0;
+	padding: 0;
+	display: inline;
+}
+
+#latest-comments #the-comment-list .comment-item p.row-actions {
+	margin: 3px 0 0;
+	padding: 0;
+	font-size: 13px;
+}
+
+/* Feeds */
+.rss-widget ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+a.rsswidget {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.4;
+}
+
+.rss-widget ul li {
+	line-height: 1.5;
+	margin-bottom: 12px;
+}
+
+.rss-widget span.rss-date {
+	color: #646970;
+	font-size: 13px;
+	margin-left: 3px;
+}
+
+.rss-widget cite {
+	display: block;
+	text-align: right;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+.rss-widget cite:before {
+	content: "\2014";
+}
+
+.dashboard-comment-wrap {
+	word-wrap: break-word;
+}
+
+/* Browser Nag */
+#dashboard_browser_nag a.update-browser-link {
+	font-size: 1.2em;
+	font-weight: 600;
+}
+
+#dashboard_browser_nag a {
+	text-decoration: underline;
+}
+
+#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
+	padding-right: 128px;
+}
+
+#dashboard_browser_nag .browser-icon {
+	margin-top: -32px;
+}
+
+#dashboard_browser_nag.postbox {
+	background-color: #b32d2e;
+	background-image: none;
+	border-color: #b32d2e;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag.postbox h2 {
+	border-bottom-color: transparent;
+	background: transparent none;
+	color: #fff;
+	box-shadow: none;
+}
+
+#dashboard_browser_nag a {
+	color: #fff;
+}
+
+#dashboard_browser_nag.postbox .postbox-header {
+	border-color: transparent;
+}
+
+#dashboard_browser_nag h2.hndle {
+	border: none;
+	font-weight: 600;
+	font-size: 20px;
+	padding-top: 10px;
+}
+
+.postbox#dashboard_browser_nag p a.dismiss {
+	font-size: 14px;
+}
+
+.postbox#dashboard_browser_nag p,
+.postbox#dashboard_browser_nag a,
+.postbox#dashboard_browser_nag p.browser-update-nag {
+	font-size: 16px;
+}
+
+/* PHP Nag */
+#dashboard_php_nag .dashicons-warning {
+	color: #dba617;
+	padding-right: 6px;
+}
+
+#dashboard_php_nag.php-insecure .dashicons-warning {
+	color: #d63638;
+}
+
+#dashboard_php_nag h2 {
+	display: inline-block;
+}
+
+#dashboard_php_nag p {
+	margin: 12px 0;
+}
+
+#dashboard_php_nag h3 {
+	font-weight: 600;
+}
+
+#dashboard_php_nag .button .dashicons-external {
+	line-height: 25px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (min-width: 1600px) {
+	.welcome-panel .welcome-panel-column-container {
+		display: flex;
+		justify-content: center;
+	}
+
+	.welcome-panel-column {
+		width: 100%;
+		max-width: 460px;
+	}
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 100%;
+	}
+
+	#dashboard-widgets .meta-box-sortables {
+		min-height: 0;
+	}
+
+	.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
+		min-height: 100px;
+	}
+
+	#dashboard-widgets .meta-box-sortables.empty-container {
+		margin-bottom: 0;
+	}
+}
+
+/* two columns on the dash, but keep the setting if one is selected */
+@media only screen and (min-width: 800px) and (max-width: 1499px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 49.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-2,
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: right;
+		width: 50.5%;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container,
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-3 .empty-container:after,
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+		width: 100%;
+	}
+
+	#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	/* show the radio buttons for column prefs only for one or two columns */
+	.index-php .screen-layout,
+	.index-php .columns-prefs {
+		display: block;
+	}
+
+	.columns-prefs .columns-prefs-3,
+	.columns-prefs .columns-prefs-4 {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* three columns on the dash */
+@media only screen and (min-width: 1500px) and (max-width: 1800px) {
+	#wpbody-content #dashboard-widgets .postbox-container {
+		width: 33.5%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-1 {
+		width: 33%;
+	}
+
+	#wpbody-content #dashboard-widgets #postbox-container-3,
+	#wpbody-content #dashboard-widgets #postbox-container-4 {
+		float: right;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container {
+		outline: none;
+		height: 0;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	#dashboard-widgets #postbox-container-4 .empty-container:after {
+		display: none;
+	}
+
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+/* Always show the "Drag boxes here" CSS generated content on large screens. */
+@media only screen and (min-width: 1801px) {
+	#dashboard-widgets .postbox-container .empty-container:after {
+		display: block;
+	}
+}
+
+@media screen and (max-width: 870px) {
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column li {
+		display: inline-block;
+		margin-right: 13px;
+	}
+
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
+	.welcome-panel .welcome-panel-column ul {
+		margin: 0.4em 0 0;
+	}
+
+}
+
+@media screen and (max-width: 1180px) and (min-width: 783px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"] {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.welcome-panel::before {
+		width: 240px;
+		height: 305px;
+		right: 32px;
+	}
+
+	.welcome-panel-header {
+		/* 288px = 240px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+		padding: 32px 288px 32px 32px;
+	}
+
+	.welcome-panel .welcome-panel-column-container {
+		grid-template-columns: 1fr;
+		box-sizing: border-box;
+		padding: 32px;
+		width: 100%;
+	}
+
+	.welcome-panel .welcome-panel-column-content {
+		max-width: 520px;
+	}
+
+	/* Keep the close icon from overlapping the Welcome text. */
+	.welcome-panel .welcome-panel-close {
+		overflow: hidden;
+		text-indent: 40px;
+		white-space: nowrap;
+		width: 20px;
+		height: 20px;
+		padding: 5px;
+		top: 5px;
+		right: 5px;
+	}
+
+	.welcome-panel .welcome-panel-close::before {
+		top: 5px;
+		left: -35px;
+	}
+
+	#dashboard-widgets h2 {
+		padding: 12px;
+	}
+
+	#dashboard_recent_comments #the-comment-list .comment-item .avatar {
+		height: 30px;
+		width: 30px;
+		margin: 4px 10px 5px 0;
+	}
+
+	.community-events-toggle-location {
+		height: 38px;
+		vertical-align: baseline;
+	}
+
+	.community-events-form .regular-text {
+		height: 32px;
+	}
+
+	#community-events-submit {
+		margin-bottom: 0;
+		/* Override .wp-core-ui .button */
+		vertical-align: top;
+	}
+
+	.community-events-form label,
+	#dashboard-widgets .community-events-cancel.button-link {
+		/* Same properties as the submit button for cross-browsers alignment. */
+		font-size: 14px;
+		line-height: normal;
+		height: auto;
+		padding: 6px 0;
+		border: 1px solid transparent;
+	}
+
+	.community-events .spinner {
+		margin-top: 7px;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	.welcome-panel::before {
+		display: none;
+	}
+
+	.welcome-panel-header {
+		padding: 32px;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.welcome-panel-column {
+		gap: 16px;
+	}
+}
+
+@media screen and (max-width: 360px) {
+	.welcome-panel-column {
+		grid-template-columns: 1fr;
+	}
+
+	[class*="welcome-panel-icon"] {
+		display: none;
+	}
+}
+
+@media screen and (min-width: 355px) {
+	.community-events .event-info {
+		display: table-row;
+		float: left;
+		max-width: 59%;
+	}
+
+	.event-icon,
+	.event-icon[aria-hidden="true"] {
+		display: table-cell;
+	}
+
+	.event-info-inner {
+		display: table-cell;
+	}
+
+	.community-events .event-date-time {
+		float: right;
+		max-width: 39%;
+	}
+
+	.community-events .event-date,
+	.community-events .event-time {
+		text-align: right;
+	}
+}
diff --git a/tools/storybook/wordpress/css/dashboard.min.css b/tools/storybook/wordpress/css/dashboard.min.css
new file mode 100644
index 00000000000..4e8bb145ba1
--- /dev/null
+++ b/tools/storybook/wordpress/css/dashboard.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container{width:100%}#wpbody-content #dashboard-widgets.columns-2 .postbox-container{width:49.5%}#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4{float:right;width:50.5%}#wpbody-content #dashboard-widgets.columns-3 .postbox-container{width:33.5%}#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1{width:33%}#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4{float:right}#wpbody-content #dashboard-widgets.columns-4 .postbox-container{width:25%}#dashboard-widgets .postbox-container{width:25%}#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container{border:none!important}#dashboard-widgets-wrap{overflow:hidden;margin:0 -8px}#dashboard-widgets .postbox .inside{margin-bottom:0}#dashboard-widgets .meta-box-sortables{display:flow-root;min-height:100px;margin:0 8px 20px}#dashboard-widgets .postbox-container .empty-container{outline:3px dashed #c3c4c7;height:250px}.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables{outline:3px dashed #646970;display:flow-root}#dashboard-widgets .postbox-container .empty-container:after{content:attr(data-emptystring);margin:auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:0 2em;text-align:center;color:#646970;font-size:16px;line-height:1.5;display:none}#the-comment-list td.comment p.comment-author{margin-top:0;margin-left:0}#the-comment-list p.comment-author img{float:left;margin-right:8px}#the-comment-list p.comment-author strong a{border:none}#the-comment-list td{vertical-align:top}#the-comment-list td.comment{word-wrap:break-word}#the-comment-list td.comment img{max-width:100%}.index-php #screen-meta-links{margin:0 20px 8px 0}.welcome-panel{position:relative;overflow:auto;margin:16px 0;background:#2271b1 url(../images/about-texture.png) center repeat;background-size:500px 500px;background-blend-mode:overlay;font-size:14px;line-height:1.3;clear:both}.welcome-panel::before{content:"";position:absolute;top:-16px;right:96px;z-index:0;width:300px;height:382px;background:url(../images/about-header-about.svg) no-repeat center;background-size:contain}.welcome-panel h2{margin:0;font-size:48px;font-weight:600;line-height:1.25;color:#fff}.welcome-panel h3{margin:0;font-size:20px;font-weight:400;line-height:1.4}.welcome-panel p{font-size:inherit;line-height:inherit}.welcome-panel-header{color:#fff}.welcome-panel-header a{color:#fff}.welcome-panel-header a:focus,.welcome-panel-header a:hover{color:#f5e6ab;text-decoration:none}.welcome-panel .welcome-panel-close:focus,.welcome-panel-header a:focus{outline-color:currentColor;outline-offset:1px;box-shadow:none}.welcome-panel-header p{margin:.5em 0 0;font-size:20px;line-height:1.4}.welcome-panel .welcome-panel-close{position:absolute;top:10px;right:10px;padding:10px 15px 10px 24px;font-size:13px;line-height:1.23076923;text-decoration:none}.welcome-panel .welcome-panel-close:before{position:absolute;top:8px;left:0;transition:all .1s ease-in-out;content:'\f335';font-size:24px;color:#fff}.welcome-panel .welcome-panel-close{color:#fff}.welcome-panel .welcome-panel-close:focus,.welcome-panel .welcome-panel-close:focus::before,.welcome-panel .welcome-panel-close:hover,.welcome-panel .welcome-panel-close:hover::before{color:#f5e6ab}.wp-core-ui .welcome-panel .button.button-hero{margin:15px 13px 3px 0;padding:12px 36px;height:auto;line-height:1.4285714;white-space:normal}.welcome-panel-content{min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.welcome-panel-header{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1500px;width:100%;padding:48px 408px 48px 48px}.welcome-panel .welcome-panel-column-container{box-sizing:border-box;width:100%;clear:both;display:grid;z-index:1;margin-top:32px;padding:48px;grid-template-columns:repeat(3,1fr);gap:32px;align-self:flex-end;background:#fff}[class*=welcome-panel-icon]{height:60px;width:60px;background-color:#1d2327;background-position:center;background-size:24px 24px;background-repeat:no-repeat;border-radius:100%}.welcome-panel-column{display:grid;grid-template-columns:min-content 1fr;gap:24px}.welcome-panel-icon-pages{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E")}.welcome-panel-icon-layout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E")}.welcome-panel-icon-styles{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E")}.welcome-panel .welcome-widgets-menus{line-height:1.14285714}.welcome-panel .welcome-panel-column ul{margin:.8em 1em 1em 0}.welcome-panel li{font-size:14px}.welcome-panel li a{text-decoration:none}.welcome-panel .welcome-panel-column li{line-height:1.14285714;list-style-type:none;padding:0 0 8px}.welcome-panel .welcome-icon{background:0 0!important}#dashboard_right_now .search-engines-info:before,#dashboard_right_now li a:before,#dashboard_right_now li span:before,.welcome-panel .welcome-icon:before{color:#646970;font:normal 20px/1 dashicons;speak:never;display:inline-block;padding:0 10px 0 0;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;vertical-align:top}.welcome-panel .welcome-edit-page:before,.welcome-panel .welcome-write-blog:before{content:"\f119";top:-3px}.welcome-panel .welcome-add-page:before{content:"\f132";top:-1px}.welcome-panel .welcome-setup-home:before{content:"\f102";top:-1px}.welcome-panel .welcome-view-site:before{content:"\f115";top:-2px}.welcome-panel .welcome-widgets-menus:before{content:"\f116";top:-2px}.welcome-panel .welcome-widgets:before{content:"\f538";top:-2px}.welcome-panel .welcome-menus:before{content:"\f163";top:-2px}.welcome-panel .welcome-comments:before{content:"\f117";top:-1px}.welcome-panel .welcome-learn-more:before{content:"\f118";top:-1px}#dashboard_right_now .search-engines-info:before,#dashboard_right_now li a:before,#dashboard_right_now li>span:before{content:"\f159";padding:0 5px 0 0}#dashboard_right_now .page-count a:before,#dashboard_right_now .page-count span:before{content:"\f105"}#dashboard_right_now .post-count a:before,#dashboard_right_now .post-count span:before{content:"\f109"}#dashboard_right_now .comment-count a:before{content:"\f101"}#dashboard_right_now .comment-mod-count a:before{content:"\f125"}#dashboard_right_now .storage-count a:before{content:"\f104"}#dashboard_right_now .storage-count.warning a:before{content:"\f153"}#dashboard_right_now .search-engines-info:before{content:"\f348"}.community-events-errors{margin:0}.community-events-loading{padding:10px 12px 8px}.community-events{margin-bottom:6px;padding:0 12px}.community-events .spinner{float:none;margin:5px 2px 0;vertical-align:top}.community-events form[aria-hidden=true],.community-events-errors [aria-hidden=true],.community-events-errors[aria-hidden=true],.community-events-loading[aria-hidden=true],.community-events[aria-hidden=true]{display:none}.community-events .activity-block:first-child,.community-events h2{padding-top:12px;padding-bottom:10px}.community-events-form{margin:15px 0 5px}.community-events-form .regular-text{width:40%;height:29px;margin:0;vertical-align:top}.community-events li.event-none{border-left:4px solid #72aee6}#dashboard-widgets .community-events li.event-none a{text-decoration:underline}.community-events-form label{display:inline-block;vertical-align:top;line-height:2.15384615;height:28px}.community-events .activity-block>p{margin-bottom:0;display:inline}.community-events-toggle-location{vertical-align:middle}#community-events-submit{margin-left:3px;margin-right:3px}#dashboard-widgets .community-events-cancel.button-link{vertical-align:top;line-height:2;height:28px;text-decoration:underline}.community-events ul{background-color:#f6f7f7;padding-left:0;padding-right:0;padding-bottom:0}.community-events li{margin:0;padding:8px 12px;color:#2c3338}.community-events li:first-child{border-top:1px solid #f0f0f1}.community-events li~li{border-top:1px solid #f0f0f1}.community-events .activity-block.last{border-bottom:1px solid #f0f0f1;padding-top:0;margin-top:-1px}.community-events .event-info{display:block}.event-icon{height:18px;padding-right:10px;width:18px;display:none}.event-icon:before{color:#646970;font-size:18px}.event-meetup .event-icon:before{content:"\f484"}.event-wordcamp .event-icon:before{content:"\f486"}.community-events .event-title{font-weight:600;display:block}.community-events .event-date,.community-events .event-time{display:block}.community-events-footer{margin-top:0;margin-bottom:0;padding:12px;border-top:1px solid #f0f0f1;color:#dcdcde}.community-events-footer .screen-reader-text{height:inherit;white-space:nowrap}#dashboard_primary .inside{margin:0;padding:0}#dashboard_primary .widget-loading{padding:12px 12px 0;margin-bottom:1em!important}#dashboard_primary .inside .notice{margin:0}body #dashboard-widgets .postbox form .submit{margin:0}.dashboard-widget-control-form p{margin-top:0}.rssSummary{color:#646970;margin-top:4px}#dashboard_primary .rss-widget{font-size:13px;padding:0 12px}#dashboard_primary .rss-widget:last-child{border-bottom:none;padding-bottom:8px}#dashboard_primary .rss-widget a{font-weight:400}#dashboard_primary .rss-widget span,#dashboard_primary .rss-widget span.rss-date{color:#646970}#dashboard_primary .rss-widget span.rss-date{margin-left:12px}#dashboard_primary .rss-widget ul li{padding:4px 0;margin:0}#dashboard_right_now ul{margin:0;display:inline-block;width:100%}#dashboard_right_now li{width:50%;float:left;margin-bottom:10px}#dashboard_right_now .inside{padding:0}#dashboard_right_now .main{padding:0 12px 11px}#dashboard_right_now .main p{margin:0}#dashboard_right_now #wp-version-message .button{float:right;position:relative;top:-5px;margin-left:5px}#dashboard_right_now p.search-engines-info{margin:1em 0}.mu-storage{overflow:hidden}#dashboard-widgets h3.mu-storage{margin:0 0 10px;padding:0;font-size:14px;font-weight:400}#dashboard_right_now .sub{color:#50575e;background:#f6f7f7;border-top:1px solid #f0f0f1;padding:10px 12px 6px}#dashboard_right_now .sub h3{color:#50575e}#dashboard_right_now .sub p{margin:0 0 1em}#dashboard_right_now .warning a:before,#dashboard_right_now .warning span:before{color:#d63638}#dashboard_quick_press .inside{margin:0;padding:0}#dashboard_quick_press div.updated{margin-bottom:10px;border:1px solid #f0f0f1;border-width:1px 1px 1px 0}#dashboard_quick_press form{margin:12px}#dashboard_quick_press .drafts{padding:10px 0 0}#dashboard_quick_press label{display:inline-block;margin-bottom:4px}#dashboard_quick_press input,#dashboard_quick_press textarea{box-sizing:border-box;margin:0}#dashboard-widgets .postbox form .submit{margin:-39px 0;float:right}#description-wrap{margin-top:12px}#quick-press textarea#content{min-height:90px;max-height:1300px;margin:0 0 8px;padding:6px 7px;resize:none}.js #dashboard_quick_press .drafts{border-top:1px solid #f0f0f1}#dashboard_quick_press .drafts abbr{border:none}#dashboard_quick_press .drafts .view-all{float:right;margin:0 12px 0 0}#dashboard_primary a.rsswidget{font-weight:400}#dashboard_quick_press .drafts ul{margin:0 12px}#dashboard_quick_press .drafts li{margin-bottom:1em}#dashboard_quick_press .drafts li time{color:#646970}#dashboard_quick_press .drafts p{margin:0;word-wrap:break-word}#dashboard_quick_press .draft-title{word-wrap:break-word}#dashboard_quick_press .draft-title a,#dashboard_quick_press .draft-title time{margin:0 5px 0 0}#dashboard-widgets h3,#dashboard-widgets h4,#dashboard_quick_press .drafts h2{margin:0 12px 8px;padding:0;font-size:14px;font-weight:400;color:#1d2327}#dashboard_quick_press .drafts h2{line-height:inherit}#dashboard-widgets .inside h3,#dashboard-widgets .inside h4{margin-left:0;margin-right:0}#dashboard_activity .comment-meta span.approve:before{content:"\f227";font:20px/.5 dashicons;margin-left:5px;vertical-align:middle;position:relative;top:-1px;margin-right:2px}#dashboard_activity .inside{margin:0;padding-bottom:0}#dashboard_activity .no-activity{overflow:hidden;padding:12px 0;text-align:center}#dashboard_activity .no-activity p{color:#646970;font-size:16px}#dashboard_activity .subsubsub{float:none;border-top:1px solid #f0f0f1;margin:0 -12px;padding:8px 12px 4px}#dashboard_activity .subsubsub a .count,#dashboard_activity .subsubsub a.current .count{color:#646970}#future-posts ul,#published-posts ul{clear:both;margin-bottom:0}#future-posts li,#published-posts li{margin-bottom:8px}#future-posts ul span,#published-posts ul span{display:inline-block;margin-right:5px;min-width:150px;color:#646970}.activity-block{border-bottom:1px solid #f0f0f1;margin:0 -12px;padding:8px 12px 4px}.activity-block:last-child{border-bottom:none}.activity-block .subsubsub li{color:#dcdcde}#activity-widget #the-comment-list div.undo,#activity-widget #the-comment-list tr.undo{background:0 0;padding:6px 0;margin-left:12px}#activity-widget #the-comment-list .comment-item{background:#f6f7f7;padding:12px;position:relative}#activity-widget #the-comment-list .avatar{position:absolute;top:12px}#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar{padding-left:63px}#activity-widget #the-comment-list .dashboard-comment-wrap blockquote{margin:1em 0}#activity-widget #the-comment-list .comment-item p.row-actions{margin:4px 0 0}#activity-widget #the-comment-list .comment-item:first-child{border-top:1px solid #f0f0f1}#activity-widget #the-comment-list .unapproved{background-color:#fcf9e8}#activity-widget #the-comment-list .unapproved:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;background:#d63638;width:4px}#activity-widget #the-comment-list .spam-undo-inside .avatar,#activity-widget #the-comment-list .trash-undo-inside .avatar{position:relative;top:0}#dashboard-widgets #dashboard_browser_nag.postbox .inside{margin:10px}.postbox .button-link .edit-box{display:none}.edit-box{opacity:0}.edit-box:focus,.hndle:hover .edit-box{opacity:1}#dashboard-widgets form .input-text-wrap input{width:100%}#dashboard-widgets form .textarea-wrap textarea{width:100%}#dashboard-widgets .postbox form .submit{float:none;margin:.5em 0 0;padding:0;border:none}#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish{min-width:0}#dashboard-widgets .button-link,#dashboard-widgets li a,.community-events-footer a{text-decoration:none}#dashboard-widgets h2 a{text-decoration:underline}#dashboard-widgets .hndle .postbox-title-action{float:right;line-height:1.2}#dashboard_plugins h5{font-size:14px}#latest-comments #the-comment-list{position:relative;margin:0 -12px}#activity-widget #the-comment-list .comment,#activity-widget #the-comment-list .pingback{box-shadow:inset 0 1px 0 rgba(0,0,0,.06)}#activity-widget .comments #the-comment-list .alt{background-color:transparent}#activity-widget #latest-comments #the-comment-list .comment-item{min-height:50px;margin:0;padding:12px}#latest-comments #the-comment-list .pingback{padding-left:12px!important}#latest-comments #the-comment-list .comment-item:first-child{border-top:none}#latest-comments #the-comment-list .comment-meta{line-height:1.5;margin:0;color:#646970}#latest-comments #the-comment-list .comment-meta cite{font-style:normal;font-weight:400}#latest-comments #the-comment-list .comment-item blockquote,#latest-comments #the-comment-list .comment-item blockquote p{margin:0;padding:0;display:inline}#latest-comments #the-comment-list .comment-item p.row-actions{margin:3px 0 0;padding:0;font-size:13px}.rss-widget ul{margin:0;padding:0;list-style:none}a.rsswidget{font-size:13px;font-weight:600;line-height:1.4}.rss-widget ul li{line-height:1.5;margin-bottom:12px}.rss-widget span.rss-date{color:#646970;font-size:13px;margin-left:3px}.rss-widget cite{display:block;text-align:right;margin:0 0 1em;padding:0}.rss-widget cite:before{content:"\2014"}.dashboard-comment-wrap{word-wrap:break-word}#dashboard_browser_nag a.update-browser-link{font-size:1.2em;font-weight:600}#dashboard_browser_nag a{text-decoration:underline}#dashboard_browser_nag p.browser-update-nag.has-browser-icon{padding-right:128px}#dashboard_browser_nag .browser-icon{margin-top:-32px}#dashboard_browser_nag.postbox{background-color:#b32d2e;background-image:none;border-color:#b32d2e;color:#fff;box-shadow:none}#dashboard_browser_nag.postbox h2{border-bottom-color:transparent;background:transparent none;color:#fff;box-shadow:none}#dashboard_browser_nag a{color:#fff}#dashboard_browser_nag.postbox .postbox-header{border-color:transparent}#dashboard_browser_nag h2.hndle{border:none;font-weight:600;font-size:20px;padding-top:10px}.postbox#dashboard_browser_nag p a.dismiss{font-size:14px}.postbox#dashboard_browser_nag a,.postbox#dashboard_browser_nag p,.postbox#dashboard_browser_nag p.browser-update-nag{font-size:16px}#dashboard_php_nag .dashicons-warning{color:#dba617;padding-right:6px}#dashboard_php_nag.php-insecure .dashicons-warning{color:#d63638}#dashboard_php_nag h2{display:inline-block}#dashboard_php_nag p{margin:12px 0}#dashboard_php_nag h3{font-weight:600}#dashboard_php_nag .button .dashicons-external{line-height:25px}@media only screen and (min-width:1600px){.welcome-panel .welcome-panel-column-container{display:flex;justify-content:center}.welcome-panel-column{width:100%;max-width:460px}}@media only screen and (max-width:799px){#wpbody-content #dashboard-widgets .postbox-container{width:100%}#dashboard-widgets .meta-box-sortables{min-height:0}.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables{min-height:100px}#dashboard-widgets .meta-box-sortables.empty-container{margin-bottom:0}}@media only screen and (min-width:800px) and (max-width:1499px){#wpbody-content #dashboard-widgets .postbox-container{width:49.5%}#wpbody-content #dashboard-widgets #postbox-container-2,#wpbody-content #dashboard-widgets #postbox-container-3,#wpbody-content #dashboard-widgets #postbox-container-4{float:right;width:50.5%}#dashboard-widgets #postbox-container-3 .empty-container,#dashboard-widgets #postbox-container-4 .empty-container{outline:0;height:0;min-height:0;margin-bottom:0}#dashboard-widgets #postbox-container-3 .empty-container:after,#dashboard-widgets #postbox-container-4 .empty-container:after{display:none}#wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container{width:100%}#wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container{outline:0;height:0;min-height:0;margin-bottom:0}.index-php .columns-prefs,.index-php .screen-layout{display:block}.columns-prefs .columns-prefs-3,.columns-prefs .columns-prefs-4{display:none}#dashboard-widgets .postbox-container .empty-container:after{display:block}}@media only screen and (min-width:1500px) and (max-width:1800px){#wpbody-content #dashboard-widgets .postbox-container{width:33.5%}#wpbody-content #dashboard-widgets #postbox-container-1{width:33%}#wpbody-content #dashboard-widgets #postbox-container-3,#wpbody-content #dashboard-widgets #postbox-container-4{float:right}#dashboard-widgets #postbox-container-4 .empty-container{outline:0;height:0;min-height:0;margin-bottom:0}#dashboard-widgets #postbox-container-4 .empty-container:after{display:none}#dashboard-widgets .postbox-container .empty-container:after{display:block}}@media only screen and (min-width:1801px){#dashboard-widgets .postbox-container .empty-container:after{display:block}}@media screen and (max-width:870px){.welcome-panel .welcome-panel-column li{display:inline-block;margin-right:13px}.welcome-panel .welcome-panel-column ul{margin:.4em 0 0}}@media screen and (max-width:1180px) and (min-width:783px){.welcome-panel-column{grid-template-columns:1fr}[class*=welcome-panel-icon]{display:none}}@media screen and (max-width:782px){.welcome-panel::before{width:240px;height:305px;right:32px}.welcome-panel-header{padding:32px 288px 32px 32px}.welcome-panel .welcome-panel-column-container{grid-template-columns:1fr;box-sizing:border-box;padding:32px;width:100%}.welcome-panel .welcome-panel-column-content{max-width:520px}.welcome-panel .welcome-panel-close{overflow:hidden;text-indent:40px;white-space:nowrap;width:20px;height:20px;padding:5px;top:5px;right:5px}.welcome-panel .welcome-panel-close::before{top:5px;left:-35px}#dashboard-widgets h2{padding:12px}#dashboard_recent_comments #the-comment-list .comment-item .avatar{height:30px;width:30px;margin:4px 10px 5px 0}.community-events-toggle-location{height:38px;vertical-align:baseline}.community-events-form .regular-text{height:32px}#community-events-submit{margin-bottom:0;vertical-align:top}#dashboard-widgets .community-events-cancel.button-link,.community-events-form label{font-size:14px;line-height:normal;height:auto;padding:6px 0;border:1px solid transparent}.community-events .spinner{margin-top:7px}}@media screen and (max-width:600px){.welcome-panel::before{display:none}.welcome-panel-header{padding:32px}}@media screen and (max-width:480px){.welcome-panel-column{gap:16px}}@media screen and (max-width:360px){.welcome-panel-column{grid-template-columns:1fr}[class*=welcome-panel-icon]{display:none}}@media screen and (min-width:355px){.community-events .event-info{display:table-row;float:left;max-width:59%}.event-icon,.event-icon[aria-hidden=true]{display:table-cell}.event-info-inner{display:table-cell}.community-events .event-date-time{float:right;max-width:39%}.community-events .event-date,.community-events .event-time{text-align:right}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/deprecated-media-rtl.css b/tools/storybook/wordpress/css/deprecated-media-rtl.css
new file mode 100644
index 00000000000..3211e7db4c3
--- /dev/null
+++ b/tools/storybook/wordpress/css/deprecated-media-rtl.css
@@ -0,0 +1,430 @@
+/*! This file is auto-generated */
+/* Styles for the media library iframe (not used on the Library screen) */
+
+div#media-upload-header {
+	margin: 0;
+	padding: 5px 5px 0;
+	font-weight: 600;
+	position: relative;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#sidemenu {
+	overflow: hidden;
+	float: none;
+	position: relative;
+	right: 0;
+	bottom: -1px;
+	margin: 0 5px;
+	padding-right: 10px;
+	list-style: none;
+	font-size: 12px;
+	font-weight: 400;
+}
+
+#sidemenu a {
+	padding: 0 7px;
+	display: block;
+	float: right;
+	line-height: 28px;
+	border-top: 1px solid #f6f7f7;
+	border-bottom: 1px solid #dcdcde;
+	background-color: #f6f7f7;
+	text-decoration: none;
+	transition: none;
+}
+
+#sidemenu li {
+	display: inline;
+	line-height: 200%;
+	list-style: none;
+	text-align: center;
+	white-space: nowrap;
+	margin: 0;
+	padding: 0;
+}
+
+#sidemenu a.current {
+	font-weight: 400;
+	padding-right: 6px;
+	padding-left: 6px;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #f0f0f1;
+	background-color: #f0f0f1;
+	color: #000;
+}
+
+#media-upload:after { /* clearfix */
+	content: "";
+	display: table;
+	clear: both;
+}
+
+#media-upload .slidetoggle {
+	border-top-color: #dcdcde;
+}
+
+#media-upload input[type="radio"] {
+	padding: 0;
+}
+
+.media-upload-form label.form-help,
+td.help {
+	color: #646970;
+}
+
+form {
+	margin: 1em;
+}
+
+#search-filter {
+	text-align: left;
+}
+
+th {
+	position: relative;
+}
+
+.media-upload-form label.form-help, td.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+.media-upload-form p.help {
+	margin: 0;
+	padding: 0;
+}
+
+.media-upload-form fieldset {
+	width: 100%;
+	border: none;
+	text-align: justify;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+/* specific to the image upload form */
+
+.image-align-none-label {
+	background: url(../images/align-none.png) no-repeat center right;
+}
+
+.image-align-left-label {
+	background: url(../images/align-left.png) no-repeat center right;
+}
+
+.image-align-center-label {
+	background: url(../images/align-center.png) no-repeat center right;
+}
+
+.image-align-right-label {
+	background: url(../images/align-right.png) no-repeat center right;
+}
+
+tr.image-size td {
+	width: 460px;
+}
+
+tr.image-size div.image-size-item {
+	margin: 0 0 5px;
+}
+
+#library-form .progress,
+#gallery-form .progress,
+.insert-gallery,
+.describe.startopen,
+.describe.startclosed {
+	display: none;
+}
+
+.media-item .thumbnail {
+	max-width: 128px;
+	max-height: 128px;
+}
+
+thead.media-item-info tr {
+	background-color: transparent;
+}
+
+.form-table thead.media-item-info {
+	border: 8px solid #fff;
+}
+
+abbr.required,
+span.required {
+	text-decoration: none;
+	border: none;
+}
+
+.describe label {
+	display: inline;
+}
+
+.describe td.error {
+	padding: 2px 8px;
+}
+
+.describe td.A1 {
+	width: 132px;
+}
+
+.describe input[type="text"],
+.describe textarea {
+	width: 460px;
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* Specific to Uploader */
+
+#media-upload p.ml-submit {
+	padding: 1em 0;
+}
+
+#media-upload p.help,
+#media-upload label.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+#media-upload .ui-sortable .media-item {
+	cursor: move;
+}
+
+#media-upload tr.image-size {
+	margin-bottom: 1em;
+	height: 3em;
+}
+
+#media-upload #filter {
+	width: 623px;
+}
+
+#media-upload #filter .subsubsub {
+	margin: 8px 0;
+}
+
+#media-upload .tablenav-pages a,
+#media-upload .tablenav-pages .current {
+	display: inline-block;
+	padding: 4px 5px 6px;
+	font-size: 16px;
+	line-height: 1;
+	text-align: center;
+	text-decoration: none;
+}
+
+#media-upload .tablenav-pages a {
+	min-width: 17px;
+	border: 1px solid #c3c4c7;
+	background: #f6f7f7;
+}
+
+#filter .tablenav select {
+	border-style: solid;
+	border-width: 1px;
+	padding: 2px;
+	vertical-align: top;
+	width: auto;
+}
+
+#media-upload .del-attachment {
+	display: none;
+	margin: 5px 0;
+}
+
+.menu_order {
+	float: left;
+	font-size: 11px;
+	margin: 8px 10px 0;
+}
+
+.menu_order_input {
+	border: 1px solid #dcdcde;
+	font-size: 10px;
+	padding: 1px;
+	width: 23px;
+}
+
+.ui-sortable-helper {
+	background-color: #fff;
+	border: 1px solid #a7aaad;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#media-upload th.order-head {
+	width: 20%;
+	text-align: center;
+}
+
+#media-upload th.actions-head {
+	width: 25%;
+	text-align: center;
+}
+
+#media-upload a.wp-post-thumbnail {
+	margin: 0 20px;
+}
+
+#media-upload .widefat {
+	border-style: solid solid none;
+}
+
+.sorthelper {
+	height: 37px;
+	width: 623px;
+	display: block;
+}
+
+#gallery-settings th.label {
+	width: 160px;
+}
+
+#gallery-settings #basic th.label {
+	padding: 5px 0 5px 5px;
+}
+
+#gallery-settings .title {
+	clear: both;
+	padding: 0 0 3px;
+	font-size: 1.6em;
+	border-bottom: 1px solid #dcdcde;
+}
+
+h3.media-title {
+	font-size: 1.6em;
+}
+
+h4.media-sub-title {
+	border-bottom: 1px solid #dcdcde;
+	font-size: 1.3em;
+	margin: 12px;
+	padding: 0 0 3px;
+}
+
+#gallery-settings .title,
+h3.media-title,
+h4.media-sub-title {
+	font-family: Georgia,"Times New Roman",Times,serif;
+	font-weight: 400;
+	color: #50575e;
+}
+
+#gallery-settings .describe td {
+	vertical-align: middle;
+	height: 3em;
+}
+
+#gallery-settings .describe th.label {
+	padding-top: .5em;
+	text-align: right;
+}
+
+#gallery-settings .describe {
+	padding: 5px;
+	width: 100%;
+	clear: both;
+	cursor: default;
+	background: #fff;
+}
+
+#gallery-settings .describe select {
+	width: 15em;
+}
+
+#gallery-settings .describe select option,
+#gallery-settings .describe td {
+	padding: 0;
+}
+
+#gallery-settings label,
+#gallery-settings legend {
+	font-size: 13px;
+	color: #3c434a;
+	margin-left: 15px;
+}
+
+#gallery-settings .align .field label {
+	margin: 0 3px 0 1em;
+}
+
+#gallery-settings p.ml-submit {
+	border-top: 1px solid #dcdcde;
+}
+
+#gallery-settings select#columns {
+	width: 6em;
+}
+
+#sort-buttons {
+	font-size: 0.8em;
+	margin: 3px 0 -8px 25px;
+	text-align: left;
+	max-width: 625px;
+}
+
+#sort-buttons a {
+	text-decoration: none;
+}
+
+#sort-buttons #asc,
+#sort-buttons #showall {
+	padding-right: 5px;
+}
+
+#sort-buttons span {
+	margin-left: 25px;
+}
+
+p.media-types {
+	margin: 0;
+	padding: 1em;
+}
+
+p.media-types-required-info {
+	padding-top: 0;
+}
+
+tr.not-image {
+	display: none;
+}
+
+table.not-image tr.not-image {
+	display: table-row;
+}
+
+table.not-image tr.image-only {
+	display: none;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.image-align-none-label {
+		background-image: url(../images/align-none-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-left-label {
+		background-image: url(../images/align-left-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+
+	.image-align-center-label {
+		background-image: url(../images/align-center-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-right-label {
+		background-image: url(../images/align-right-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/deprecated-media-rtl.min.css b/tools/storybook/wordpress/css/deprecated-media-rtl.min.css
new file mode 100644
index 00000000000..d08a18838b3
--- /dev/null
+++ b/tools/storybook/wordpress/css/deprecated-media-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+div#media-upload-header{margin:0;padding:5px 5px 0;font-weight:600;position:relative;border-bottom:1px solid #dcdcde;background:#f6f7f7}#sidemenu{overflow:hidden;float:none;position:relative;right:0;bottom:-1px;margin:0 5px;padding-right:10px;list-style:none;font-size:12px;font-weight:400}#sidemenu a{padding:0 7px;display:block;float:right;line-height:28px;border-top:1px solid #f6f7f7;border-bottom:1px solid #dcdcde;background-color:#f6f7f7;text-decoration:none;transition:none}#sidemenu li{display:inline;line-height:200%;list-style:none;text-align:center;white-space:nowrap;margin:0;padding:0}#sidemenu a.current{font-weight:400;padding-right:6px;padding-left:6px;border:1px solid #dcdcde;border-bottom-color:#f0f0f1;background-color:#f0f0f1;color:#000}#media-upload:after{content:"";display:table;clear:both}#media-upload .slidetoggle{border-top-color:#dcdcde}#media-upload input[type=radio]{padding:0}.media-upload-form label.form-help,td.help{color:#646970}form{margin:1em}#search-filter{text-align:left}th{position:relative}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:400}.media-upload-form p.help{margin:0;padding:0}.media-upload-form fieldset{width:100%;border:none;text-align:justify;margin:0 0 1em;padding:0}.image-align-none-label{background:url(../images/align-none.png) no-repeat center right}.image-align-left-label{background:url(../images/align-left.png) no-repeat center right}.image-align-center-label{background:url(../images/align-center.png) no-repeat center right}.image-align-right-label{background:url(../images/align-right.png) no-repeat center right}tr.image-size td{width:460px}tr.image-size div.image-size-item{margin:0 0 5px}#gallery-form .progress,#library-form .progress,.describe.startclosed,.describe.startopen,.insert-gallery{display:none}.media-item .thumbnail{max-width:128px;max-height:128px}thead.media-item-info tr{background-color:transparent}.form-table thead.media-item-info{border:8px solid #fff}abbr.required,span.required{text-decoration:none;border:none}.describe label{display:inline}.describe td.error{padding:2px 8px}.describe td.A1{width:132px}.describe input[type=text],.describe textarea{width:460px;border-width:1px;border-style:solid}#media-upload p.ml-submit{padding:1em 0}#media-upload label.help,#media-upload p.help{font-family:sans-serif;font-style:italic;font-weight:400}#media-upload .ui-sortable .media-item{cursor:move}#media-upload tr.image-size{margin-bottom:1em;height:3em}#media-upload #filter{width:623px}#media-upload #filter .subsubsub{margin:8px 0}#media-upload .tablenav-pages .current,#media-upload .tablenav-pages a{display:inline-block;padding:4px 5px 6px;font-size:16px;line-height:1;text-align:center;text-decoration:none}#media-upload .tablenav-pages a{min-width:17px;border:1px solid #c3c4c7;background:#f6f7f7}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto}#media-upload .del-attachment{display:none;margin:5px 0}.menu_order{float:left;font-size:11px;margin:8px 10px 0}.menu_order_input{border:1px solid #dcdcde;font-size:10px;padding:1px;width:23px}.ui-sortable-helper{background-color:#fff;border:1px solid #a7aaad;opacity:.6}#media-upload th.order-head{width:20%;text-align:center}#media-upload th.actions-head{width:25%;text-align:center}#media-upload a.wp-post-thumbnail{margin:0 20px}#media-upload .widefat{border-style:solid solid none}.sorthelper{height:37px;width:623px;display:block}#gallery-settings th.label{width:160px}#gallery-settings #basic th.label{padding:5px 0 5px 5px}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #dcdcde}h3.media-title{font-size:1.6em}h4.media-sub-title{border-bottom:1px solid #dcdcde;font-size:1.3em;margin:12px;padding:0 0 3px}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:400;color:#50575e}#gallery-settings .describe td{vertical-align:middle;height:3em}#gallery-settings .describe th.label{padding-top:.5em;text-align:right}#gallery-settings .describe{padding:5px;width:100%;clear:both;cursor:default;background:#fff}#gallery-settings .describe select{width:15em}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#3c434a;margin-left:15px}#gallery-settings .align .field label{margin:0 3px 0 1em}#gallery-settings p.ml-submit{border-top:1px solid #dcdcde}#gallery-settings select#columns{width:6em}#sort-buttons{font-size:.8em;margin:3px 0 -8px 25px;text-align:left;max-width:625px}#sort-buttons a{text-decoration:none}#sort-buttons #asc,#sort-buttons #showall{padding-right:5px}#sort-buttons span{margin-left:25px}p.media-types{margin:0;padding:1em}p.media-types-required-info{padding-top:0}tr.not-image{display:none}table.not-image tr.not-image{display:table-row}table.not-image tr.image-only{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.image-align-none-label{background-image:url(../images/align-none-2x.png?ver=20120916);background-size:21px 15px}.image-align-left-label{background-image:url(../images/align-left-2x.png?ver=20120916);background-size:22px 15px}.image-align-center-label{background-image:url(../images/align-center-2x.png?ver=20120916);background-size:21px 15px}.image-align-right-label{background-image:url(../images/align-right-2x.png?ver=20120916);background-size:22px 15px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/deprecated-media.css b/tools/storybook/wordpress/css/deprecated-media.css
new file mode 100644
index 00000000000..359fc59e3c3
--- /dev/null
+++ b/tools/storybook/wordpress/css/deprecated-media.css
@@ -0,0 +1,429 @@
+/* Styles for the media library iframe (not used on the Library screen) */
+
+div#media-upload-header {
+	margin: 0;
+	padding: 5px 5px 0;
+	font-weight: 600;
+	position: relative;
+	border-bottom: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+#sidemenu {
+	overflow: hidden;
+	float: none;
+	position: relative;
+	left: 0;
+	bottom: -1px;
+	margin: 0 5px;
+	padding-left: 10px;
+	list-style: none;
+	font-size: 12px;
+	font-weight: 400;
+}
+
+#sidemenu a {
+	padding: 0 7px;
+	display: block;
+	float: left;
+	line-height: 28px;
+	border-top: 1px solid #f6f7f7;
+	border-bottom: 1px solid #dcdcde;
+	background-color: #f6f7f7;
+	text-decoration: none;
+	transition: none;
+}
+
+#sidemenu li {
+	display: inline;
+	line-height: 200%;
+	list-style: none;
+	text-align: center;
+	white-space: nowrap;
+	margin: 0;
+	padding: 0;
+}
+
+#sidemenu a.current {
+	font-weight: 400;
+	padding-left: 6px;
+	padding-right: 6px;
+	border: 1px solid #dcdcde;
+	border-bottom-color: #f0f0f1;
+	background-color: #f0f0f1;
+	color: #000;
+}
+
+#media-upload:after { /* clearfix */
+	content: "";
+	display: table;
+	clear: both;
+}
+
+#media-upload .slidetoggle {
+	border-top-color: #dcdcde;
+}
+
+#media-upload input[type="radio"] {
+	padding: 0;
+}
+
+.media-upload-form label.form-help,
+td.help {
+	color: #646970;
+}
+
+form {
+	margin: 1em;
+}
+
+#search-filter {
+	text-align: right;
+}
+
+th {
+	position: relative;
+}
+
+.media-upload-form label.form-help, td.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+.media-upload-form p.help {
+	margin: 0;
+	padding: 0;
+}
+
+.media-upload-form fieldset {
+	width: 100%;
+	border: none;
+	text-align: justify;
+	margin: 0 0 1em;
+	padding: 0;
+}
+
+/* specific to the image upload form */
+
+.image-align-none-label {
+	background: url(../images/align-none.png) no-repeat center left;
+}
+
+.image-align-left-label {
+	background: url(../images/align-left.png) no-repeat center left;
+}
+
+.image-align-center-label {
+	background: url(../images/align-center.png) no-repeat center left;
+}
+
+.image-align-right-label {
+	background: url(../images/align-right.png) no-repeat center left;
+}
+
+tr.image-size td {
+	width: 460px;
+}
+
+tr.image-size div.image-size-item {
+	margin: 0 0 5px;
+}
+
+#library-form .progress,
+#gallery-form .progress,
+.insert-gallery,
+.describe.startopen,
+.describe.startclosed {
+	display: none;
+}
+
+.media-item .thumbnail {
+	max-width: 128px;
+	max-height: 128px;
+}
+
+thead.media-item-info tr {
+	background-color: transparent;
+}
+
+.form-table thead.media-item-info {
+	border: 8px solid #fff;
+}
+
+abbr.required,
+span.required {
+	text-decoration: none;
+	border: none;
+}
+
+.describe label {
+	display: inline;
+}
+
+.describe td.error {
+	padding: 2px 8px;
+}
+
+.describe td.A1 {
+	width: 132px;
+}
+
+.describe input[type="text"],
+.describe textarea {
+	width: 460px;
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* Specific to Uploader */
+
+#media-upload p.ml-submit {
+	padding: 1em 0;
+}
+
+#media-upload p.help,
+#media-upload label.help {
+	font-family: sans-serif;
+	font-style: italic;
+	font-weight: 400;
+}
+
+#media-upload .ui-sortable .media-item {
+	cursor: move;
+}
+
+#media-upload tr.image-size {
+	margin-bottom: 1em;
+	height: 3em;
+}
+
+#media-upload #filter {
+	width: 623px;
+}
+
+#media-upload #filter .subsubsub {
+	margin: 8px 0;
+}
+
+#media-upload .tablenav-pages a,
+#media-upload .tablenav-pages .current {
+	display: inline-block;
+	padding: 4px 5px 6px;
+	font-size: 16px;
+	line-height: 1;
+	text-align: center;
+	text-decoration: none;
+}
+
+#media-upload .tablenav-pages a {
+	min-width: 17px;
+	border: 1px solid #c3c4c7;
+	background: #f6f7f7;
+}
+
+#filter .tablenav select {
+	border-style: solid;
+	border-width: 1px;
+	padding: 2px;
+	vertical-align: top;
+	width: auto;
+}
+
+#media-upload .del-attachment {
+	display: none;
+	margin: 5px 0;
+}
+
+.menu_order {
+	float: right;
+	font-size: 11px;
+	margin: 8px 10px 0;
+}
+
+.menu_order_input {
+	border: 1px solid #dcdcde;
+	font-size: 10px;
+	padding: 1px;
+	width: 23px;
+}
+
+.ui-sortable-helper {
+	background-color: #fff;
+	border: 1px solid #a7aaad;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#media-upload th.order-head {
+	width: 20%;
+	text-align: center;
+}
+
+#media-upload th.actions-head {
+	width: 25%;
+	text-align: center;
+}
+
+#media-upload a.wp-post-thumbnail {
+	margin: 0 20px;
+}
+
+#media-upload .widefat {
+	border-style: solid solid none;
+}
+
+.sorthelper {
+	height: 37px;
+	width: 623px;
+	display: block;
+}
+
+#gallery-settings th.label {
+	width: 160px;
+}
+
+#gallery-settings #basic th.label {
+	padding: 5px 5px 5px 0;
+}
+
+#gallery-settings .title {
+	clear: both;
+	padding: 0 0 3px;
+	font-size: 1.6em;
+	border-bottom: 1px solid #dcdcde;
+}
+
+h3.media-title {
+	font-size: 1.6em;
+}
+
+h4.media-sub-title {
+	border-bottom: 1px solid #dcdcde;
+	font-size: 1.3em;
+	margin: 12px;
+	padding: 0 0 3px;
+}
+
+#gallery-settings .title,
+h3.media-title,
+h4.media-sub-title {
+	font-family: Georgia,"Times New Roman",Times,serif;
+	font-weight: 400;
+	color: #50575e;
+}
+
+#gallery-settings .describe td {
+	vertical-align: middle;
+	height: 3em;
+}
+
+#gallery-settings .describe th.label {
+	padding-top: .5em;
+	text-align: left;
+}
+
+#gallery-settings .describe {
+	padding: 5px;
+	width: 100%;
+	clear: both;
+	cursor: default;
+	background: #fff;
+}
+
+#gallery-settings .describe select {
+	width: 15em;
+}
+
+#gallery-settings .describe select option,
+#gallery-settings .describe td {
+	padding: 0;
+}
+
+#gallery-settings label,
+#gallery-settings legend {
+	font-size: 13px;
+	color: #3c434a;
+	margin-right: 15px;
+}
+
+#gallery-settings .align .field label {
+	margin: 0 1em 0 3px;
+}
+
+#gallery-settings p.ml-submit {
+	border-top: 1px solid #dcdcde;
+}
+
+#gallery-settings select#columns {
+	width: 6em;
+}
+
+#sort-buttons {
+	font-size: 0.8em;
+	margin: 3px 25px -8px 0;
+	text-align: right;
+	max-width: 625px;
+}
+
+#sort-buttons a {
+	text-decoration: none;
+}
+
+#sort-buttons #asc,
+#sort-buttons #showall {
+	padding-left: 5px;
+}
+
+#sort-buttons span {
+	margin-right: 25px;
+}
+
+p.media-types {
+	margin: 0;
+	padding: 1em;
+}
+
+p.media-types-required-info {
+	padding-top: 0;
+}
+
+tr.not-image {
+	display: none;
+}
+
+table.not-image tr.not-image {
+	display: table-row;
+}
+
+table.not-image tr.image-only {
+	display: none;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.image-align-none-label {
+		background-image: url(../images/align-none-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-left-label {
+		background-image: url(../images/align-left-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+
+	.image-align-center-label {
+		background-image: url(../images/align-center-2x.png?ver=20120916);
+		background-size: 21px 15px;
+	}
+
+	.image-align-right-label {
+		background-image: url(../images/align-right-2x.png?ver=20120916);
+		background-size: 22px 15px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/deprecated-media.min.css b/tools/storybook/wordpress/css/deprecated-media.min.css
new file mode 100644
index 00000000000..77543f742d7
--- /dev/null
+++ b/tools/storybook/wordpress/css/deprecated-media.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+div#media-upload-header{margin:0;padding:5px 5px 0;font-weight:600;position:relative;border-bottom:1px solid #dcdcde;background:#f6f7f7}#sidemenu{overflow:hidden;float:none;position:relative;left:0;bottom:-1px;margin:0 5px;padding-left:10px;list-style:none;font-size:12px;font-weight:400}#sidemenu a{padding:0 7px;display:block;float:left;line-height:28px;border-top:1px solid #f6f7f7;border-bottom:1px solid #dcdcde;background-color:#f6f7f7;text-decoration:none;transition:none}#sidemenu li{display:inline;line-height:200%;list-style:none;text-align:center;white-space:nowrap;margin:0;padding:0}#sidemenu a.current{font-weight:400;padding-left:6px;padding-right:6px;border:1px solid #dcdcde;border-bottom-color:#f0f0f1;background-color:#f0f0f1;color:#000}#media-upload:after{content:"";display:table;clear:both}#media-upload .slidetoggle{border-top-color:#dcdcde}#media-upload input[type=radio]{padding:0}.media-upload-form label.form-help,td.help{color:#646970}form{margin:1em}#search-filter{text-align:right}th{position:relative}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:400}.media-upload-form p.help{margin:0;padding:0}.media-upload-form fieldset{width:100%;border:none;text-align:justify;margin:0 0 1em;padding:0}.image-align-none-label{background:url(../images/align-none.png) no-repeat center left}.image-align-left-label{background:url(../images/align-left.png) no-repeat center left}.image-align-center-label{background:url(../images/align-center.png) no-repeat center left}.image-align-right-label{background:url(../images/align-right.png) no-repeat center left}tr.image-size td{width:460px}tr.image-size div.image-size-item{margin:0 0 5px}#gallery-form .progress,#library-form .progress,.describe.startclosed,.describe.startopen,.insert-gallery{display:none}.media-item .thumbnail{max-width:128px;max-height:128px}thead.media-item-info tr{background-color:transparent}.form-table thead.media-item-info{border:8px solid #fff}abbr.required,span.required{text-decoration:none;border:none}.describe label{display:inline}.describe td.error{padding:2px 8px}.describe td.A1{width:132px}.describe input[type=text],.describe textarea{width:460px;border-width:1px;border-style:solid}#media-upload p.ml-submit{padding:1em 0}#media-upload label.help,#media-upload p.help{font-family:sans-serif;font-style:italic;font-weight:400}#media-upload .ui-sortable .media-item{cursor:move}#media-upload tr.image-size{margin-bottom:1em;height:3em}#media-upload #filter{width:623px}#media-upload #filter .subsubsub{margin:8px 0}#media-upload .tablenav-pages .current,#media-upload .tablenav-pages a{display:inline-block;padding:4px 5px 6px;font-size:16px;line-height:1;text-align:center;text-decoration:none}#media-upload .tablenav-pages a{min-width:17px;border:1px solid #c3c4c7;background:#f6f7f7}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto}#media-upload .del-attachment{display:none;margin:5px 0}.menu_order{float:right;font-size:11px;margin:8px 10px 0}.menu_order_input{border:1px solid #dcdcde;font-size:10px;padding:1px;width:23px}.ui-sortable-helper{background-color:#fff;border:1px solid #a7aaad;opacity:.6}#media-upload th.order-head{width:20%;text-align:center}#media-upload th.actions-head{width:25%;text-align:center}#media-upload a.wp-post-thumbnail{margin:0 20px}#media-upload .widefat{border-style:solid solid none}.sorthelper{height:37px;width:623px;display:block}#gallery-settings th.label{width:160px}#gallery-settings #basic th.label{padding:5px 5px 5px 0}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #dcdcde}h3.media-title{font-size:1.6em}h4.media-sub-title{border-bottom:1px solid #dcdcde;font-size:1.3em;margin:12px;padding:0 0 3px}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:400;color:#50575e}#gallery-settings .describe td{vertical-align:middle;height:3em}#gallery-settings .describe th.label{padding-top:.5em;text-align:left}#gallery-settings .describe{padding:5px;width:100%;clear:both;cursor:default;background:#fff}#gallery-settings .describe select{width:15em}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#3c434a;margin-right:15px}#gallery-settings .align .field label{margin:0 1em 0 3px}#gallery-settings p.ml-submit{border-top:1px solid #dcdcde}#gallery-settings select#columns{width:6em}#sort-buttons{font-size:.8em;margin:3px 25px -8px 0;text-align:right;max-width:625px}#sort-buttons a{text-decoration:none}#sort-buttons #asc,#sort-buttons #showall{padding-left:5px}#sort-buttons span{margin-right:25px}p.media-types{margin:0;padding:1em}p.media-types-required-info{padding-top:0}tr.not-image{display:none}table.not-image tr.not-image{display:table-row}table.not-image tr.image-only{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.image-align-none-label{background-image:url(../images/align-none-2x.png?ver=20120916);background-size:21px 15px}.image-align-left-label{background-image:url(../images/align-left-2x.png?ver=20120916);background-size:22px 15px}.image-align-center-label{background-image:url(../images/align-center-2x.png?ver=20120916);background-size:21px 15px}.image-align-right-label{background-image:url(../images/align-right-2x.png?ver=20120916);background-size:22px 15px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/edit-rtl.css b/tools/storybook/wordpress/css/edit-rtl.css
new file mode 100644
index 00000000000..31eaaa07da9
--- /dev/null
+++ b/tools/storybook/wordpress/css/edit-rtl.css
@@ -0,0 +1,2022 @@
+/*! This file is auto-generated */
+#poststuff {
+	padding-top: 10px;
+	min-width: 763px;
+}
+
+#poststuff #post-body {
+	padding: 0;
+}
+
+#poststuff .postbox-container {
+	width: 100%;
+}
+
+#poststuff #post-body.columns-2 {
+	margin-left: 300px;
+}
+
+/*------------------------------------------------------------------------------
+  11.0 - Write/Edit Post Screen
+------------------------------------------------------------------------------*/
+
+#show-comments {
+	overflow: hidden;
+}
+
+#save-action .spinner,
+#show-comments a {
+	float: right;
+}
+
+#show-comments .spinner {
+	float: none;
+	margin-top: 0;
+}
+
+#lost-connection-notice .spinner {
+	visibility: visible;
+	float: right;
+	margin: 0 0 0 5px;
+}
+
+#titlediv {
+	position: relative;
+}
+
+#titlediv label {
+	cursor: text;
+}
+
+#titlediv div.inside {
+	margin: 0;
+}
+
+#poststuff #titlewrap {
+	border: 0;
+	padding: 0;
+}
+
+#titlediv #title {
+	padding: 3px 8px;
+	font-size: 1.7em;
+	line-height: 100%;
+	height: 1.7em;
+	width: 100%;
+	outline: none;
+	margin: 0 0 3px;
+	background-color: #fff;
+}
+
+#titlediv #title-prompt-text {
+	color: #646970;
+	position: absolute;
+	font-size: 1.7em;
+	padding: 10px;
+	pointer-events: none;
+}
+
+input#link_description,
+input#link_url {
+	width: 100%;
+}
+
+#pending {
+	background: 100% none;
+	border: 0 none;
+	padding: 0;
+	font-size: 11px;
+	margin-top: -1px;
+}
+
+#edit-slug-box,
+#comment-link-box {
+	line-height: 1.84615384;
+	min-height: 25px;
+	margin-top: 5px;
+	padding: 0 10px;
+	color: #646970;
+}
+
+#sample-permalink {
+	display: inline-block;
+	max-width: 100%;
+	word-wrap: break-word;
+}
+
+#edit-slug-box .cancel {
+	margin-left: 10px;
+	padding: 0;
+	font-size: 11px;
+}
+
+#comment-link-box {
+	margin: 5px 0;
+	padding: 0 5px;
+}
+
+#editable-post-name-full {
+	display: none;
+}
+
+#editable-post-name {
+	font-weight: 600;
+}
+
+#editable-post-name input {
+	font-size: 13px;
+	font-weight: 400;
+	height: 24px;
+	margin: 0;
+	width: 16em;
+}
+
+.postarea h3 label {
+	float: right;
+}
+
+body.post-new-php .submitbox .submitdelete {
+	display: none;
+}
+
+.submitbox .submit a:hover {
+	text-decoration: underline;
+}
+
+.submitbox .submit input {
+	margin-bottom: 8px;
+	margin-left: 4px;
+	padding: 6px;
+}
+
+#post-status-select {
+	margin-top: 3px;
+}
+
+body.post-type-wp_navigation div#minor-publishing,
+body.post-type-wp_navigation .inline-edit-status {
+	display: none;
+}
+
+/* Post Screen */
+
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
+	outline: 3px dashed #646970;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+	/*
+	 * This min-height is meant to limit jumpiness while dragging. It's equivalent
+	 * to the minimum height of the sortable-placeholder which is given by the height
+	 * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder
+	 * bottom margin (20px) + 2 additional pixels to compensate browsers rounding.
+	 */
+	min-height: 60px;
+	margin-bottom: 20px;
+}
+
+.postbox {
+	position: relative;
+	min-width: 255px;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+}
+
+#trackback_url {
+	width: 99%;
+}
+
+#normal-sortables .postbox .submit {
+	background: transparent none;
+	border: 0 none;
+	float: left;
+	padding: 0 12px;
+	margin: 0;
+}
+
+.category-add input[type="text"],
+.category-add select {
+	width: 100%;
+	max-width: 260px;
+	vertical-align: baseline;
+}
+
+#side-sortables .category-add input[type="text"],
+#side-sortables .category-add select {
+	margin: 0 0 1em;
+}
+
+ul.category-tabs li,
+#side-sortables .add-menu-item-tabs li,
+.wp-tab-bar li {
+	display: inline;
+	line-height: 1.35;
+}
+
+.no-js .category-tabs li.hide-if-no-js {
+	display: none;
+}
+
+.category-tabs a,
+#side-sortables .add-menu-item-tabs a,
+.wp-tab-bar a {
+	text-decoration: none;
+}
+
+/* @todo: do these really need to be so specific? */
+#side-sortables .category-tabs .tabs a,
+#side-sortables .add-menu-item-tabs .tabs a,
+.wp-tab-bar .wp-tab-active a,
+#post-body ul.category-tabs li.tabs a,
+#post-body ul.add-menu-item-tabs li.tabs a {
+	color: #2c3338;
+}
+
+.category-tabs {
+	margin: 8px 0 5px;
+}
+
+/* Back-compat for pre-4.4 */
+#category-adder h4 {
+	margin: 0;
+}
+
+.taxonomy-add-new {
+	display: inline-block;
+	margin: 10px 0;
+	font-weight: 600;
+}
+
+#side-sortables .add-menu-item-tabs,
+.wp-tab-bar {
+	margin-bottom: 3px;
+}
+
+#normal-sortables .postbox #replyrow .submit {
+	float: none;
+	margin: 0;
+	padding: 5px 7px 10px;
+	overflow: hidden;
+}
+
+#side-sortables .submitbox .submit input,
+#side-sortables .submitbox .submit .preview,
+#side-sortables .submitbox .submit a.preview:hover {
+	border: 0 none;
+}
+
+/* @todo: make this a more generic class */
+ul.category-tabs,
+ul.add-menu-item-tabs,
+ul.wp-tab-bar {
+	margin-top: 12px;
+}
+
+ul.category-tabs li,
+ul.add-menu-item-tabs li {
+	border: solid 1px transparent;
+	position: relative;
+}
+
+ul.category-tabs li.tabs,
+ul.add-menu-item-tabs li.tabs,
+.wp-tab-active {
+	border: 1px solid #dcdcde;
+	border-bottom-color: #fff;
+	background-color: #fff;
+}
+
+ul.category-tabs li,
+ul.add-menu-item-tabs li,
+ul.wp-tab-bar li {
+	padding: 3px 5px 6px;
+}
+
+#set-post-thumbnail {
+	display: inline-block;
+	max-width: 100%;
+}
+
+#postimagediv .inside img {
+	max-width: 100%;
+	height: auto;
+	width: auto;
+	vertical-align: top;
+	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 100% 0, 10px 10px;
+	background-size: 20px 20px;
+}
+
+form#tags-filter {
+	position: relative;
+}
+
+/* Global classes */
+.wp-hidden-children .wp-hidden-child,
+.ui-tabs-hide {
+	display: none;
+}
+
+#post-body .tagsdiv #newtag {
+	margin-left: 5px;
+	width: 16em;
+}
+
+#side-sortables input#post_password {
+	width: 94%
+}
+
+#side-sortables .tagsdiv #newtag {
+	width: 68%;
+}
+
+#post-status-info {
+	width: 100%;
+	border-spacing: 0;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	background-color: #f6f7f7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	z-index: 999;
+}
+
+#post-status-info td {
+	font-size: 12px;
+}
+
+.autosave-info {
+	padding: 2px 10px;
+	text-align: left;
+}
+
+#editorcontent #post-status-info {
+	border: none;
+}
+
+#content-resize-handle {
+	background: transparent url(../images/resize.gif) no-repeat scroll left bottom;
+	width: 12px;
+	cursor: row-resize;
+}
+
+/*rtl:ignore*/
+.rtl #content-resize-handle {
+	background-image: url(../images/resize-rtl.gif);
+	background-position: left bottom;
+}
+
+.wp-editor-expand #content-resize-handle {
+	display: none;
+}
+
+#postdivrich #content {
+	resize: none;
+}
+
+#wp-word-count {
+	padding: 2px 10px;
+}
+
+#wp-content-editor-container {
+	position: relative;
+}
+
+.wp-editor-expand #wp-content-editor-tools {
+	z-index: 1000;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.wp-editor-expand #wp-content-editor-container {
+	box-shadow: none;
+	margin-top: -1px;
+}
+
+.wp-editor-expand #wp-content-editor-container {
+	border-bottom: 0 none;
+}
+
+.wp-editor-expand div.mce-statusbar {
+	z-index: 1;
+}
+
+.wp-editor-expand #post-status-info {
+	border-top: 1px solid #c3c4c7;
+}
+
+.wp-editor-expand div.mce-toolbar-grp {
+	z-index: 999;
+}
+
+/* TinyMCE native fullscreen mode override */
+.mce-fullscreen #wp-content-wrap .mce-menubar,
+.mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
+.mce-fullscreen #wp-content-wrap .mce-edit-area,
+.mce-fullscreen #wp-content-wrap .mce-statusbar {
+	position: static !important;
+	width: auto !important;
+	padding: 0 !important;
+}
+
+.mce-fullscreen #wp-content-wrap .mce-statusbar {
+	visibility: visible !important;
+}
+
+.mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
+	display: none;
+}
+
+.post-php.mce-fullscreen #wpadminbar,
+.mce-fullscreen #wp-content-wrap .mce-wp-dfw {
+	display: none;
+}
+/* End TinyMCE native fullscreen mode override */
+
+#wp-content-editor-tools {
+	background-color: #f0f0f1;
+	padding-top: 20px;
+}
+
+#poststuff #post-body.columns-2 #side-sortables {
+	width: 280px;
+}
+
+#timestampdiv select {
+	vertical-align: top;
+	font-size: 12px;
+	line-height: 2.33333333; /* 28px */
+}
+
+#aa, #jj, #hh, #mn {
+	padding: 6px 1px;
+	font-size: 12px;
+	line-height: 1.16666666; /* 14px */
+}
+
+#jj, #hh, #mn {
+	width: 2em;
+}
+
+#aa {
+	width: 3.4em;
+}
+
+.curtime #timestamp {
+	padding: 2px 0 1px;
+	display: inline !important;
+	height: auto !important;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-uploadedby:before,
+#post-body .misc-pub-uploadedto:before,
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before,
+#post-body .misc-pub-comment-status:before {
+	color: #8c8f94;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-uploadedby:before,
+#post-body .misc-pub-uploadedto:before,
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before,
+#post-body .misc-pub-comment-status:before {
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	margin-right: -1px;
+	padding-left: 3px;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body .misc-pub-comment-status:before {
+	content: "\f173";
+}
+
+#post-body #visibility:before {
+	content: "\f177";
+}
+
+.curtime #timestamp:before {
+	content: "\f145";
+	position: relative;
+	top: -1px;
+}
+
+#post-body .misc-pub-uploadedby:before {
+	content: "\f110";
+	position: relative;
+	top: -1px;
+}
+
+#post-body .misc-pub-uploadedto:before {
+	content: "\f318";
+	position: relative;
+	top: -1px;
+}
+
+#post-body .misc-pub-revisions:before {
+	content: "\f321";
+}
+
+#post-body .misc-pub-response-to:before {
+	content: "\f101";
+}
+
+#timestampdiv {
+	padding-top: 5px;
+	line-height: 1.76923076;
+}
+
+#timestampdiv p {
+	margin: 8px 0 6px;
+}
+
+#timestampdiv input {
+	text-align: center;
+}
+
+.notification-dialog {
+	position: fixed;
+	top: 30%;
+	max-height: 70%;
+	right: 50%;
+	width: 450px;
+	margin-right: -225px;
+	background: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	line-height: 1.5;
+	z-index: 1000005;
+	overflow-y: auto;
+}
+
+.notification-dialog-background {
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	background: #000;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	z-index: 1000000;
+}
+
+#post-lock-dialog .post-locked-message,
+#post-lock-dialog .post-taken-over {
+	margin: 25px;
+}
+
+#post-lock-dialog .post-locked-message a.button,
+#file-editor-warning .button {
+	margin-left: 10px;
+}
+
+#post-lock-dialog .post-locked-avatar {
+	float: right;
+	margin: 0 0 20px 20px;
+}
+
+#post-lock-dialog .wp-tab-first {
+	outline: 0;
+}
+
+#post-lock-dialog .locked-saving img {
+	float: right;
+	margin-left: 3px;
+}
+
+#post-lock-dialog.saving .locked-saving,
+#post-lock-dialog.saved .locked-saved {
+	display: inline;
+}
+
+#excerpt {
+	display: block;
+	margin: 12px 0 0;
+	height: 4em;
+	width: 100%;
+}
+
+.tagchecklist {
+	margin-right: 14px;
+	font-size: 12px;
+	overflow: auto;
+}
+
+.tagchecklist br {
+	display: none;
+}
+
+.tagchecklist strong {
+	margin-right: -8px;
+	position: absolute;
+}
+
+.tagchecklist > li {
+	float: right;
+	margin-left: 25px;
+	font-size: 13px;
+	line-height: 1.8;
+	cursor: default;
+	max-width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.tagchecklist .ntdelbutton {
+	position: absolute;
+	width: 24px;
+	height: 24px;
+	border: none;
+	margin: 0 -19px 0 0;
+	padding: 0;
+	background: none;
+	cursor: pointer;
+	text-indent: 0;
+}
+
+#poststuff h3.hndle, /* Back-compat for pre-4.4 */
+#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
+#poststuff h2 {
+	font-size: 14px;
+	padding: 8px 12px;
+	margin: 0;
+	line-height: 1.4;
+}
+
+#poststuff .stuffbox h2 {
+	padding: 8px 10px;
+}
+
+#poststuff .stuffbox > h2 {
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#poststuff .inside {
+	margin: 6px 0 0;
+}
+
+.link-php #poststuff .inside,
+.link-add-php #poststuff .inside {
+	margin-top: 12px;
+}
+
+#poststuff .stuffbox .inside {
+	margin: 0;
+}
+
+#poststuff .inside #parent_id,
+#poststuff .inside #page_template {
+	max-width: 100%;
+}
+
+.post-attributes-label-wrapper {
+	margin-bottom: 0.5em;
+}
+
+.post-attributes-label {
+	vertical-align: baseline;
+	font-weight: 600;
+}
+
+#post-visibility-select,
+#comment-status-radio {
+	line-height: 1.5;
+	margin-top: 3px;
+}
+
+#linksubmitdiv .inside, /* Old Link Manager back-compat. */
+#poststuff #submitdiv .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#post-body-content,
+.edit-form-section {
+	margin-bottom: 20px;
+}
+
+.wp_attachment_details .attachment-content-description {
+	margin-top: 0.5385em;
+	display: inline-block;
+	min-height: 1.6923em;
+}
+
+/**
+* Privacy Settings section
+*
+* Note: This section includes selectors from
+* Site Health where duplicate styling is used.
+*/
+
+/* General */
+.privacy-settings #wpcontent,
+.privacy-settings.auto-fold #wpcontent,
+.site-health #wpcontent,
+.site-health.auto-fold #wpcontent {
+	padding-right: 0;
+}
+
+/* Emulates .wrap h1 styling */
+.privacy-settings-header h1,
+.health-check-header h1 {
+	display: inline-block;
+	font-weight: 600;
+	margin: 0 0.8rem 1rem;
+	font-size: 23px;
+	padding: 9px 0 4px;
+	line-height: 1.3;
+}
+
+/* Header */
+.privacy-settings-header,
+.health-check-header {
+	text-align: center;
+	margin: 0 0 1rem;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.privacy-settings-title-section,
+.health-check-title-section {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	clear: both;
+	padding-top: 8px;
+}
+
+.privacy-settings-tabs-wrapper {
+	/* IE 11 */
+	display: -ms-inline-grid;
+	-ms-grid-columns: 1fr 1fr;
+	vertical-align: top;
+	/* modern browsers */
+	display: inline-grid;
+	grid-template-columns: 1fr 1fr;
+}
+
+.privacy-settings-tab {
+	display: block; /* IE 11 */
+	text-decoration: none;
+	color: inherit;
+	padding: 0.5rem 1rem 1rem;
+	margin: 0 1rem;
+	transition: box-shadow 0.5s ease-in-out;
+}
+
+.privacy-settings-tab:nth-child(1),
+.health-check-tab:nth-child(1) {
+	-ms-grid-column: 1; /* IE 11 */
+}
+
+.privacy-settings-tab:nth-child(2),
+.health-check-tab:nth-child(2) {
+	-ms-grid-column: 2; /* IE 11 */
+}
+
+.privacy-settings-tab:focus,
+.health-check-tab:focus {
+	color: #1d2327;
+	outline: 1px solid #787c82;
+	box-shadow: none;
+}
+
+.privacy-settings-tab.active,
+.health-check-tab.active {
+	box-shadow: inset 0 -3px #3582c4;
+	font-weight: 600;
+}
+
+/* Body */
+.privacy-settings-body,
+.health-check-body {
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+.tools-privacy-policy-page th {
+	min-width: 230px;
+}
+
+.hr-separator {
+	margin-top: 20px;
+	margin-bottom: 15px;
+}
+
+/* Accordions */
+.privacy-settings-accordion,
+.health-check-accordion {
+	border: 1px solid #c3c4c7;
+}
+
+.privacy-settings-accordion-heading,
+.health-check-accordion-heading {
+	margin: 0;
+	border-top: 1px solid #c3c4c7;
+	font-size: inherit;
+	line-height: inherit;
+	font-weight: 600;
+	color: inherit;
+}
+
+.privacy-settings-accordion-heading:first-child,
+.health-check-accordion-heading:first-child {
+	border-top: none;
+}
+
+.privacy-settings-accordion-trigger,
+.health-check-accordion-trigger {
+	background: #fff;
+	border: 0;
+	color: #2c3338;
+	cursor: pointer;
+	display: flex;
+	font-weight: 400;
+	margin: 0;
+	padding: 1em 1.5em 1em 3.5em;
+	min-height: 46px;
+	position: relative;
+	text-align: right;
+	width: 100%;
+	align-items: center;
+	justify-content: space-between;
+	-webkit-user-select: auto;
+	user-select: auto;
+}
+
+.privacy-settings-accordion-trigger:hover,
+.privacy-settings-accordion-trigger:active,
+.health-check-accordion-trigger:hover,
+.health-check-accordion-trigger:active {
+	background: #f6f7f7;
+}
+
+.privacy-settings-accordion-trigger:focus,
+.health-check-accordion-trigger:focus {
+	color: #1d2327;
+	border: none;
+	box-shadow: none;
+	outline-offset: -1px;
+	outline: 2px solid #2271b1;
+	background-color: #f6f7f7;
+}
+
+.privacy-settings-accordion-trigger .title,
+.health-check-accordion-trigger .title {
+	pointer-events: none;
+	font-weight: 600;
+	flex-grow: 1;
+}
+
+.privacy-settings-accordion-trigger .icon,
+.privacy-settings-view-read .icon,
+.health-check-accordion-trigger .icon,
+.site-health-view-passed .icon {
+	border: solid #50575e;
+	border-width: 0 0 2px 2px;
+	height: 0.5rem;
+	pointer-events: none;
+	position: absolute;
+	left: 1.5em;
+	top: 50%;
+	transform: translateY(-70%) rotate(-45deg);
+	width: 0.5rem;
+}
+
+.privacy-settings-accordion-trigger .badge,
+.health-check-accordion-trigger .badge {
+	padding: 0.1rem 0.5rem 0.15rem;
+	color: #2c3338;
+	font-weight: 600;
+}
+
+.privacy-settings-accordion-trigger .badge {
+	margin-right: 0.5rem;
+}
+
+.privacy-settings-accordion-trigger .badge.blue,
+.health-check-accordion-trigger .badge.blue {
+	border: 1px solid #72aee6;
+}
+
+.privacy-settings-accordion-trigger .badge.orange,
+.health-check-accordion-trigger .badge.orange {
+	border: 1px solid #dba617;
+}
+
+.privacy-settings-accordion-trigger .badge.red,
+.health-check-accordion-trigger .badge.red {
+	border: 1px solid #e65054;
+}
+
+.privacy-settings-accordion-trigger .badge.green,
+.health-check-accordion-trigger .badge.green {
+	border: 1px solid #00ba37;
+}
+
+.privacy-settings-accordion-trigger .badge.purple,
+.health-check-accordion-trigger .badge.purple {
+	border: 1px solid #2271b1;
+}
+
+.privacy-settings-accordion-trigger .badge.gray,
+.health-check-accordion-trigger .badge.gray {
+	border: 1px solid #c3c4c7;
+}
+
+.privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
+.privacy-settings-view-passed[aria-expanded="true"] .icon,
+.health-check-accordion-trigger[aria-expanded="true"] .icon,
+.site-health-view-passed[aria-expanded="true"] .icon {
+	transform: translateY(-30%) rotate(135deg)
+}
+
+.privacy-settings-accordion-panel,
+.health-check-accordion-panel {
+	margin: 0;
+	padding: 1em 1.5em;
+	background: #fff;
+}
+
+.privacy-settings-accordion-panel[hidden],
+.health-check-accordion-panel[hidden] {
+	display: none;
+}
+
+.privacy-settings-accordion-panel a .dashicons,
+.health-check-accordion-panel a .dashicons {
+	text-decoration: none;
+}
+
+.privacy-settings-accordion-actions {
+	text-align: left;
+	display: block;
+}
+
+.privacy-settings-accordion-actions .success {
+	display: none;
+	color: #008a20;
+	padding-left: 1em;
+	padding-top: 6px;
+}
+
+.privacy-settings-accordion-actions .success.visible {
+	display: inline-block;
+}
+
+/* Suggested text for privacy policy */
+.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
+.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,
+.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy {
+	display: none;
+}
+
+.privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */
+.privacy-settings-accordion-panel strong.privacy-policy-tutorial {
+	display: block;
+	margin: 0 0 1em;
+}
+
+.privacy-text-copy span {
+	pointer-events: none;
+}
+
+.privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
+.privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
+.privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
+.privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) {
+	margin: 0;
+	padding: 1em;
+	border-right: 2px solid #787c82;
+}
+
+/* Media queries */
+@media screen and (max-width: 782px) {
+
+	.privacy-settings-body,
+	.health-check-body {
+		margin: 0 12px;
+		width: auto;
+	}
+
+	.privacy-settings .notice,
+	.site-health .notice {
+		margin: 5px 10px 15px;
+	}
+
+	.privacy-settings .update-nag,
+	.site-health .update-nag {
+		margin-left: 10px;
+		margin-right: 10px;
+	}
+
+	input#create-page {
+		margin-top: 10px;
+	}
+
+	.wp-core-ui button.privacy-text-copy {
+		white-space: normal;
+		line-height: 1.8;
+	}
+}
+
+@media only screen and (max-width: 1004px) {
+
+	.privacy-settings-body,
+	.health-check-body {
+		margin: 0 22px;
+		width: auto;
+	}
+}
+
+/**
+* End Privacy Settings section
+*/
+
+/*------------------------------------------------------------------------------
+  11.1 - Custom Fields
+------------------------------------------------------------------------------*/
+
+#postcustomstuff thead th {
+	padding: 5px 8px 8px;
+	background-color: #f0f0f1;
+}
+
+#postcustom #postcustomstuff .submit {
+	border: 0 none;
+	float: none;
+	padding: 0 8px 8px;
+}
+
+#side-sortables #postcustom #postcustomstuff .submit {
+	margin: 0;
+	padding: 0;
+}
+
+#side-sortables #postcustom #postcustomstuff #the-list textarea {
+	height: 85px;
+}
+
+#side-sortables #postcustom #postcustomstuff td.left input,
+#side-sortables #postcustom #postcustomstuff td.left select,
+#side-sortables #postcustomstuff #newmetaleft a {
+	margin: 3px 3px 0;
+}
+
+#postcustomstuff table {
+	margin: 0;
+	width: 100%;
+	border: 1px solid #dcdcde;
+	border-spacing: 0;
+	background-color: #f6f7f7;
+}
+
+#postcustomstuff tr {
+	vertical-align: top;
+}
+
+#postcustomstuff table input,
+#postcustomstuff table select,
+#postcustomstuff table textarea {
+	width: 96%;
+	margin: 8px;
+}
+
+#side-sortables #postcustomstuff table input,
+#side-sortables #postcustomstuff table select,
+#side-sortables #postcustomstuff table textarea {
+	margin: 3px;
+}
+
+#postcustomstuff th.left,
+#postcustomstuff td.left {
+	width: 38%;
+}
+
+#postcustomstuff .submit input {
+	margin: 0;
+	width: auto;
+}
+
+#postcustomstuff #newmetaleft a {
+	display: inline-block;
+	margin: 0 8px 8px;
+	text-decoration: none;
+}
+
+.no-js #postcustomstuff #enternew {
+	display: none;
+}
+
+#post-body-content .compat-attachment-fields {
+	margin-bottom: 20px;
+}
+
+.compat-attachment-fields th {
+	padding-top: 5px;
+	padding-left: 10px;
+}
+
+/*------------------------------------------------------------------------------
+  11.3 - Featured Images
+------------------------------------------------------------------------------*/
+
+#select-featured-image {
+	padding: 4px 0;
+	overflow: hidden;
+}
+
+#select-featured-image img {
+	max-width: 100%;
+	height: auto;
+	margin-bottom: 10px;
+}
+
+#select-featured-image a {
+	float: right;
+	clear: both;
+}
+
+#select-featured-image .remove {
+	display: none;
+	margin-top: 10px;
+}
+
+.js #select-featured-image.has-featured-image .remove {
+	display: inline-block;
+}
+
+.no-js #select-featured-image .choose {
+	display: none;
+}
+
+/*------------------------------------------------------------------------------
+  11.4 - Post formats
+------------------------------------------------------------------------------*/
+
+.post-format-icon::before {
+	display: inline-block;
+	vertical-align: middle;
+	height: 20px;
+	width: 20px;
+	margin-top: -4px;
+	margin-left: 7px;
+	color: #dcdcde;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+a.post-format-icon:hover:before {
+	color: #135e96;
+}
+
+#post-formats-select {
+	line-height: 2;
+}
+
+#post-formats-select .post-format-icon::before {
+	top: 5px;
+}
+
+input.post-format {
+	margin-top: 1px;
+}
+
+label.post-format-icon {
+	margin-right: 0;
+	padding: 2px 0;
+}
+
+.post-format-icon.post-format-standard::before {
+	content: "\f109";
+}
+
+.post-format-icon.post-format-image::before {
+	content: "\f128";
+}
+
+.post-format-icon.post-format-gallery::before {
+	content: "\f161";
+}
+
+.post-format-icon.post-format-audio::before {
+	content: "\f127";
+}
+
+.post-format-icon.post-format-video::before {
+	content: "\f126";
+}
+
+.post-format-icon.post-format-chat::before {
+	content: "\f125";
+}
+
+.post-format-icon.post-format-status::before {
+	content: "\f130";
+}
+
+.post-format-icon.post-format-aside::before {
+	content: "\f123";
+}
+
+.post-format-icon.post-format-quote::before {
+	content: "\f122";
+}
+
+.post-format-icon.post-format-link::before {
+	content: "\f103";
+}
+
+/*------------------------------------------------------------------------------
+  12.0 - Categories
+------------------------------------------------------------------------------*/
+
+.category-adder {
+	margin-right: 120px;
+	padding: 4px 0;
+}
+
+.category-adder h4 {
+	margin: 0 0 8px;
+}
+
+#side-sortables .category-adder {
+	margin: 0;
+}
+
+.wp-tab-panel,
+.categorydiv div.tabs-panel,
+.customlinkdiv div.tabs-panel,
+.posttypediv div.tabs-panel,
+.taxonomydiv div.tabs-panel {
+	min-height: 42px;
+	max-height: 200px;
+	overflow: auto;
+	padding: 0 0.9em;
+	border: solid 1px #dcdcde;
+	background-color: #fff;
+}
+
+div.tabs-panel-active {
+	display: block;
+}
+
+div.tabs-panel-inactive {
+	display: none;
+}
+
+div.tabs-panel-active:focus {
+	box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 0 none;
+}
+
+#front-page-warning,
+#front-static-pages ul,
+ul.export-filters,
+.inline-editor ul.cat-checklist ul,
+.categorydiv ul.categorychecklist ul,
+.customlinkdiv ul.categorychecklist ul,
+.posttypediv ul.categorychecklist ul,
+.taxonomydiv ul.categorychecklist ul {
+	margin-right: 18px;
+}
+
+ul.categorychecklist li {
+	margin: 0;
+	padding: 0;
+	line-height: 1.69230769;
+	word-wrap: break-word;
+}
+
+.categorydiv .tabs-panel,
+.customlinkdiv .tabs-panel,
+.posttypediv .tabs-panel,
+.taxonomydiv .tabs-panel {
+	border-width: 3px;
+	border-style: solid;
+}
+
+.form-wrap label {
+	display: block;
+	padding: 2px 0;
+}
+
+.form-field input[type="text"],
+.form-field input[type="password"],
+.form-field input[type="email"],
+.form-field input[type="number"],
+.form-field input[type="search"],
+.form-field input[type="tel"],
+.form-field input[type="url"],
+.form-field textarea {
+	border-style: solid;
+	border-width: 1px;
+	width: 95%;
+}
+
+.form-field select,
+.form-field p {
+	max-width: 95%;
+}
+
+p.description,
+.form-wrap p {
+	margin: 2px 0 5px;
+	color: #646970;
+}
+
+p.help,
+p.description,
+span.description,
+.form-wrap p {
+	font-size: 13px;
+}
+
+p.description code {
+	font-style: normal;
+}
+
+.form-wrap .form-field {
+	margin: 1em 0;
+	padding: 0;
+}
+
+.col-wrap h2 {
+	margin: 12px 0;
+	font-size: 1.1em;
+}
+
+.col-wrap p.submit {
+	margin-top: -10px;
+}
+
+.edit-term-notes {
+	margin-top: 2em;
+}
+
+/*------------------------------------------------------------------------------
+  13.0 - Tags
+------------------------------------------------------------------------------*/
+
+#poststuff .tagsdiv .ajaxtag {
+	margin-top: 1em;
+}
+
+#poststuff .tagsdiv .howto {
+	margin: 1em 0 6px;
+}
+
+.ajaxtag .newtag {
+	position: relative;
+}
+
+.tagsdiv .newtag {
+	width: 180px;
+}
+
+.tagsdiv .the-tags {
+	display: block;
+	height: 60px;
+	margin: 0 auto;
+	overflow: auto;
+	width: 260px;
+}
+
+#post-body-content .tagsdiv .the-tags {
+	margin: 0 5px;
+}
+
+p.popular-tags {
+	border: none;
+	line-height: 2em;
+	padding: 8px 12px 12px;
+	text-align: justify;
+}
+
+p.popular-tags a {
+	padding: 0 3px;
+}
+
+.tagcloud {
+	width: 97%;
+	margin: 0 0 40px;
+	text-align: justify;
+}
+
+.tagcloud h2 {
+	margin: 2px 0 12px;
+}
+
+#poststuff .inside .the-tagcloud {
+	margin: 5px 0 10px;
+	padding: 8px;
+	border: 1px solid #dcdcde;
+	line-height: 1.2;
+	word-spacing: 3px;
+}
+
+.the-tagcloud ul {
+	margin: 0;
+}
+
+.the-tagcloud ul li {
+	display: inline-block;
+}
+
+/* Back-compat styles from deprecated jQuery.suggest, see ticket #40260. */
+.ac_results {
+	display: none;
+	margin: -1px 0 0;
+	padding: 0;
+	list-style: none;
+	position: absolute;
+	z-index: 10000;
+	border: 1px solid #4f94d4;
+	background-color: #fff;
+}
+
+.wp-customizer .ac_results {
+	z-index: 500000;
+}
+
+.ac_results li {
+	margin: 0;
+	padding: 5px 10px;
+	white-space: nowrap;
+	text-align: right;
+}
+
+.ac_results .ac_over,
+.ac_over .ac_match {
+	background-color: #2271b1;
+	color: #fff;
+	cursor: pointer;
+}
+
+.ac_match {
+	text-decoration: underline;
+}
+
+#addtag .spinner {
+	float: none;
+	vertical-align: top;
+}
+
+#edittag {
+	max-width: 800px;
+}
+
+.edit-tag-actions {
+	margin-top: 20px;
+}
+
+/* Comments */
+
+.comment-php .wp-editor-area {
+	height: 200px;
+}
+
+.comment-ays th,
+.comment-ays td {
+	padding: 10px 15px;
+}
+
+.comment-ays .comment-content ul {
+	list-style: initial;
+	margin-right: 2em;
+}
+
+.comment-ays .comment-content a[href]:after {
+	content: "(" attr( href ) ")";
+	display: inline-block;
+	padding: 0 4px;
+	color: #646970;
+	font-size: 13px;
+	word-break: break-all;
+}
+
+.comment-ays .comment-content p.edit-comment {
+	margin-top: 10px;
+}
+
+.comment-ays .comment-content p.edit-comment a[href]:after {
+	content: "";
+	padding: 0;
+}
+
+.comment-ays-submit .button-cancel {
+	margin-right: 1em;
+}
+
+.trash-undo-inside,
+.spam-undo-inside {
+	margin: 1px 0 1px 8px;
+	line-height: 1.23076923;
+}
+
+.spam-undo-inside .avatar,
+.trash-undo-inside .avatar {
+	height: 20px;
+	width: 20px;
+	margin-left: 8px;
+	vertical-align: middle;
+}
+
+.stuffbox .editcomment {
+	clear: none;
+	margin-top: 0;
+}
+
+#namediv.stuffbox .editcomment input {
+	width: 100%;
+}
+
+#namediv.stuffbox .editcomment.form-table td {
+	padding: 10px;
+}
+
+#comment-status-radio p {
+	margin: 3px 0 5px;
+}
+
+#comment-status-radio input {
+	margin: 2px 0 5px 3px;
+	vertical-align: middle;
+}
+
+#comment-status-radio label {
+	padding: 5px 0;
+}
+
+/* links tables */
+table.links-table {
+	width: 100%;
+	border-spacing: 0;
+}
+
+.links-table th {
+	font-weight: 400;
+	text-align: right;
+	vertical-align: top;
+	min-width: 80px;
+	width: 20%;
+	word-wrap: break-word;
+}
+
+.links-table th,
+.links-table td {
+	padding: 5px 0;
+}
+
+.links-table td label {
+	margin-left: 8px;
+}
+
+.links-table td input[type="text"],
+.links-table td textarea {
+	width: 100%;
+}
+
+.links-table #link_rel {
+	max-width: 280px;
+}
+
+/* DFW 2
+-------------------------------------------------------------- */
+
+#qt_content_dfw {
+	display: none;
+}
+
+.wp-editor-expand #qt_content_dfw {
+	display: inline-block;
+}
+
+.focus-on .wrap > h1,
+.focus-on .page-title-action,
+.focus-on #wpfooter,
+.focus-on .postbox-container > *,
+.focus-on div.updated,
+.focus-on div.error,
+.focus-on div.notice,
+.focus-on .update-nag,
+.focus-on #wp-toolbar,
+.focus-on #screen-meta-links,
+.focus-on #screen-meta {
+	opacity: 0;
+	transition-duration: 0.6s;
+	transition-property: opacity;
+	transition-timing-function: ease-in-out;
+}
+
+.focus-on #wp-toolbar {
+	opacity: 0.3;
+}
+
+.focus-off .wrap > h1,
+.focus-off .page-title-action,
+.focus-off #wpfooter,
+.focus-off .postbox-container > *,
+.focus-off div.updated,
+.focus-off div.error,
+.focus-off div.notice,
+.focus-off .update-nag,
+.focus-off #wp-toolbar,
+.focus-off #screen-meta-links,
+.focus-off #screen-meta {
+	opacity: 1;
+	transition-duration: 0.2s;
+	transition-property: opacity;
+	transition-timing-function: ease-in-out;
+}
+
+.focus-off #wp-toolbar {
+	-webkit-transform: translate(0, 0);
+}
+
+.focus-on #adminmenuback,
+.focus-on #adminmenuwrap {
+	transition-duration: 0.6s;
+	transition-property: transform;
+	transition-timing-function: ease-in-out;
+}
+
+.focus-on #adminmenuback,
+.focus-on #adminmenuwrap {
+	transform: translateX( 100% );
+}
+
+.focus-off #adminmenuback,
+.focus-off #adminmenuwrap {
+	transform: translateX( 0 );
+	transition-duration: 0.2s;
+	transition-property: transform;
+	transition-timing-function: ease-in-out;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	#content-resize-handle,
+	#post-body .wp_themeSkin .mceStatusbar a.mceResize {
+		background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
+		background-size: 11px 11px;
+	}
+
+	/*rtl:ignore*/
+	.rtl #content-resize-handle,
+	.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
+		background-image: url(../images/resize-rtl-2x.gif);
+		background-position: left bottom;
+	}
+}
+
+/*
+ * The edit attachment screen auto-switches to one column layout when the
+ * viewport is smaller than 1200 pixels.
+ */
+@media only screen and (max-width: 1200px) {
+	.post-type-attachment #poststuff {
+		min-width: 0;
+	}
+
+	.post-type-attachment #wpbody-content #poststuff #post-body {
+		margin: 0;
+	}
+
+	.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
+		margin-left: 0;
+		width: 100%;
+	}
+
+	.post-type-attachment #poststuff #postbox-container-1 .empty-container,
+	.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+
+	.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
+		min-height: 0;
+		width: auto;
+	}
+
+	.is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables {
+		outline: none;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	/* hide the radio buttons for column prefs */
+	.post-type-attachment .screen-layout,
+	.post-type-attachment .columns-prefs {
+		display: none;
+	}
+}
+
+/* one column on the post write/edit screen */
+@media only screen and (max-width: 850px) {
+	#poststuff {
+		min-width: 0;
+	}
+
+	#wpbody-content #poststuff #post-body {
+		margin: 0;
+	}
+
+	#wpbody-content #post-body.columns-2 #postbox-container-1 {
+		margin-left: 0;
+		width: 100%;
+	}
+
+	#poststuff #postbox-container-1 .empty-container,
+	#poststuff #postbox-container-1 #side-sortables:empty {
+		height: 0;
+		min-height: 0;
+	}
+
+	#poststuff #post-body.columns-2 #side-sortables {
+		min-height: 0;
+		width: auto;
+	}
+
+	/* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */
+	.is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container,
+	.is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,
+	.is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,
+	.is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables {
+		height: auto;
+		min-height: 60px;
+	}
+
+	/* hide the radio buttons for column prefs */
+	.screen-layout,
+	.columns-prefs {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.wp-core-ui .edit-tag-actions .button-primary {
+		margin-bottom: 0;
+	}
+
+	#post-body-content {
+		min-width: 0;
+	}
+
+	#titlediv #title-prompt-text {
+		padding: 10px;
+	}
+
+	#poststuff .stuffbox .inside {
+		padding: 0 0 4px 2px;
+	}
+
+	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
+	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
+	#poststuff h2 {
+		padding: 12px;
+	}
+
+	#namediv.stuffbox .editcomment.form-table td {
+		padding: 5px 10px;
+	}
+
+	.post-format-options {
+		padding-left: 0;
+	}
+
+	.post-format-options a {
+		margin-left: 5px;
+		margin-bottom: 5px;
+		min-width: 52px;
+	}
+
+	.post-format-options .post-format-title {
+		font-size: 11px;
+	}
+
+	.post-format-options a div {
+		height: 28px;
+		width: 28px;
+	}
+
+	.post-format-options a div:before {
+		font-size: 26px !important;
+	}
+
+	/* Publish Metabox Options */
+	#post-visibility-select {
+		line-height: 280%;
+	}
+
+	.wp-core-ui .save-post-visibility,
+	.wp-core-ui .save-timestamp {
+		vertical-align: middle;
+		margin-left: 15px;
+	}
+
+	.timestamp-wrap select#mm {
+		display: block;
+		width: 100%;
+		margin-bottom: 10px;
+	}
+
+	.timestamp-wrap #jj,
+	.timestamp-wrap #aa,
+	.timestamp-wrap #hh,
+	.timestamp-wrap #mn {
+		padding: 12px 3px;
+		font-size: 14px;
+		margin-bottom: 5px;
+		width: auto;
+		text-align: center;
+	}
+
+	/* Categories Metabox */
+	ul.category-tabs {
+		margin: 30px 0 15px;
+	}
+
+	ul.category-tabs li.tabs {
+		padding: 15px;
+	}
+
+	ul.categorychecklist li {
+		margin-bottom: 15px;
+	}
+
+	ul.categorychecklist ul {
+		margin-top: 15px;
+	}
+
+	.category-add input[type=text],
+	.category-add select {
+		max-width: none;
+		margin-bottom: 15px;
+	}
+
+	/* Tags Metabox */
+	.tagsdiv .newtag {
+		width: 100%;
+		height: auto;
+		margin-bottom: 15px;
+	}
+
+	.tagchecklist {
+		margin: 25px 10px;
+	}
+
+	.tagchecklist > li {
+		font-size: 16px;
+		line-height: 1.4;
+	}
+
+	/* Discussion */
+	#commentstatusdiv p {
+		line-height: 2.8;
+	}
+
+	/* TinyMCE Adjustments */
+	.mceToolbar * {
+		white-space: normal !important;
+	}
+
+	.mceToolbar tr,
+	.mceToolbar td {
+		float: right !important;
+	}
+
+	.wp_themeSkin a.mceButton {
+		width: 30px;
+		height: 30px;
+	}
+
+	.wp_themeSkin .mceButton .mceIcon {
+		margin-top: 5px;
+		margin-right: 5px;
+	}
+
+	.wp_themeSkin .mceSplitButton {
+		margin-top: 1px;
+	}
+
+	.wp_themeSkin .mceSplitButton td a.mceAction {
+		padding: 6px 6px 6px 3px;
+	}
+
+	.wp_themeSkin .mceSplitButton td a.mceOpen,
+	.wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
+		padding-top: 6px;
+		padding-bottom: 6px;
+		background-position: 1px 6px;
+	}
+
+	.wp_themeSkin table.mceListBox {
+		margin: 5px;
+	}
+
+	div.quicktags-toolbar input {
+		padding: 10px 20px;
+	}
+
+	button.wp-switch-editor {
+		font-size: 16px;
+		line-height: 1;
+		margin: 7px 7px 0 0;
+		padding: 8px 12px;
+	}
+
+	#wp-content-media-buttons a {
+		font-size: 14px;
+		padding: 6px 10px;
+	}
+
+	.wp-media-buttons span.wp-media-buttons-icon,
+	.wp-media-buttons span.jetpack-contact-form-icon {
+		width: 22px !important;
+		margin-right: -2px !important;
+	}
+
+	.wp-media-buttons .add_media span.wp-media-buttons-icon:before,
+	.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
+		font-size: 20px !important;
+	}
+
+	#content_wp_fullscreen {
+		display: none;
+	}
+
+	.misc-pub-section {
+		padding: 20px 10px;
+	}
+
+	#delete-action,
+	#publishing-action {
+		line-height: 3.61538461;
+	}
+
+	#publishing-action .spinner {
+		float: none;
+		margin-top: -2px; /* Half of the Publish button's bottom margin. */
+	}
+
+	/* Moderate Comment */
+	.comment-ays th,
+	.comment-ays td {
+		padding-bottom: 0;
+	}
+
+	.comment-ays td {
+		padding-top: 6px;
+	}
+
+	/* Links */
+	.links-table #link_rel {
+		max-width: none;
+	}
+
+	.links-table th,
+	.links-table td {
+		padding: 10px 0;
+	}
+
+	.edit-term-notes {
+		display: none;
+	}
+
+	.privacy-text-box {
+		width: auto;
+	}
+
+	.privacy-text-box-toc {
+		float: none;
+		width: auto;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.privacy-text-section .return-to-top {
+		margin: 2em 0 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/edit-rtl.min.css b/tools/storybook/wordpress/css/edit-rtl.min.css
new file mode 100644
index 00000000000..f5e6966bbe9
--- /dev/null
+++ b/tools/storybook/wordpress/css/edit-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#poststuff{padding-top:10px;min-width:763px}#poststuff #post-body{padding:0}#poststuff .postbox-container{width:100%}#poststuff #post-body.columns-2{margin-left:300px}#show-comments{overflow:hidden}#save-action .spinner,#show-comments a{float:right}#show-comments .spinner{float:none;margin-top:0}#lost-connection-notice .spinner{visibility:visible;float:right;margin:0 0 0 5px}#titlediv{position:relative}#titlediv label{cursor:text}#titlediv div.inside{margin:0}#poststuff #titlewrap{border:0;padding:0}#titlediv #title{padding:3px 8px;font-size:1.7em;line-height:100%;height:1.7em;width:100%;outline:0;margin:0 0 3px;background-color:#fff}#titlediv #title-prompt-text{color:#646970;position:absolute;font-size:1.7em;padding:10px;pointer-events:none}input#link_description,input#link_url{width:100%}#pending{background:100% none;border:0 none;padding:0;font-size:11px;margin-top:-1px}#comment-link-box,#edit-slug-box{line-height:1.84615384;min-height:25px;margin-top:5px;padding:0 10px;color:#646970}#sample-permalink{display:inline-block;max-width:100%;word-wrap:break-word}#edit-slug-box .cancel{margin-left:10px;padding:0;font-size:11px}#comment-link-box{margin:5px 0;padding:0 5px}#editable-post-name-full{display:none}#editable-post-name{font-weight:600}#editable-post-name input{font-size:13px;font-weight:400;height:24px;margin:0;width:16em}.postarea h3 label{float:right}body.post-new-php .submitbox .submitdelete{display:none}.submitbox .submit a:hover{text-decoration:underline}.submitbox .submit input{margin-bottom:8px;margin-left:4px;padding:6px}#post-status-select{margin-top:3px}body.post-type-wp_navigation .inline-edit-status,body.post-type-wp_navigation div#minor-publishing{display:none}.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables{outline:3px dashed #646970;display:flow-root;min-height:60px;margin-bottom:20px}.postbox{position:relative;min-width:255px;border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04);background:#fff}#trackback_url{width:99%}#normal-sortables .postbox .submit{background:transparent none;border:0 none;float:left;padding:0 12px;margin:0}.category-add input[type=text],.category-add select{width:100%;max-width:260px;vertical-align:baseline}#side-sortables .category-add input[type=text],#side-sortables .category-add select{margin:0 0 1em}#side-sortables .add-menu-item-tabs li,.wp-tab-bar li,ul.category-tabs li{display:inline;line-height:1.35}.no-js .category-tabs li.hide-if-no-js{display:none}#side-sortables .add-menu-item-tabs a,.category-tabs a,.wp-tab-bar a{text-decoration:none}#post-body ul.add-menu-item-tabs li.tabs a,#post-body ul.category-tabs li.tabs a,#side-sortables .add-menu-item-tabs .tabs a,#side-sortables .category-tabs .tabs a,.wp-tab-bar .wp-tab-active a{color:#2c3338}.category-tabs{margin:8px 0 5px}#category-adder h4{margin:0}.taxonomy-add-new{display:inline-block;margin:10px 0;font-weight:600}#side-sortables .add-menu-item-tabs,.wp-tab-bar{margin-bottom:3px}#normal-sortables .postbox #replyrow .submit{float:none;margin:0;padding:5px 7px 10px;overflow:hidden}#side-sortables .submitbox .submit .preview,#side-sortables .submitbox .submit a.preview:hover,#side-sortables .submitbox .submit input{border:0 none}ul.add-menu-item-tabs,ul.category-tabs,ul.wp-tab-bar{margin-top:12px}ul.add-menu-item-tabs li,ul.category-tabs li{border:solid 1px transparent;position:relative}.wp-tab-active,ul.add-menu-item-tabs li.tabs,ul.category-tabs li.tabs{border:1px solid #dcdcde;border-bottom-color:#fff;background-color:#fff}ul.add-menu-item-tabs li,ul.category-tabs li,ul.wp-tab-bar li{padding:3px 5px 6px}#set-post-thumbnail{display:inline-block;max-width:100%}#postimagediv .inside img{max-width:100%;height:auto;width:auto;vertical-align:top;background-image:linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:100% 0,10px 10px;background-size:20px 20px}form#tags-filter{position:relative}.ui-tabs-hide,.wp-hidden-children .wp-hidden-child{display:none}#post-body .tagsdiv #newtag{margin-left:5px;width:16em}#side-sortables input#post_password{width:94%}#side-sortables .tagsdiv #newtag{width:68%}#post-status-info{width:100%;border-spacing:0;border:1px solid #c3c4c7;border-top:none;background-color:#f6f7f7;box-shadow:0 1px 1px rgba(0,0,0,.04);z-index:999}#post-status-info td{font-size:12px}.autosave-info{padding:2px 10px;text-align:left}#editorcontent #post-status-info{border:none}#content-resize-handle{background:transparent url(../images/resize.gif) no-repeat scroll left bottom;width:12px;cursor:row-resize}.rtl #content-resize-handle{background-image:url(../images/resize-rtl.gif);background-position:left bottom}.wp-editor-expand #content-resize-handle{display:none}#postdivrich #content{resize:none}#wp-word-count{padding:2px 10px}#wp-content-editor-container{position:relative}.wp-editor-expand #wp-content-editor-tools{z-index:1000;border-bottom:1px solid #c3c4c7}.wp-editor-expand #wp-content-editor-container{box-shadow:none;margin-top:-1px}.wp-editor-expand #wp-content-editor-container{border-bottom:0 none}.wp-editor-expand div.mce-statusbar{z-index:1}.wp-editor-expand #post-status-info{border-top:1px solid #c3c4c7}.wp-editor-expand div.mce-toolbar-grp{z-index:999}.mce-fullscreen #wp-content-wrap .mce-edit-area,.mce-fullscreen #wp-content-wrap .mce-menubar,.mce-fullscreen #wp-content-wrap .mce-statusbar,.mce-fullscreen #wp-content-wrap .mce-toolbar-grp{position:static!important;width:auto!important;padding:0!important}.mce-fullscreen #wp-content-wrap .mce-statusbar{visibility:visible!important}.mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw{display:none}.mce-fullscreen #wp-content-wrap .mce-wp-dfw,.post-php.mce-fullscreen #wpadminbar{display:none}#wp-content-editor-tools{background-color:#f0f0f1;padding-top:20px}#poststuff #post-body.columns-2 #side-sortables{width:280px}#timestampdiv select{vertical-align:top;font-size:12px;line-height:2.33333333}#aa,#hh,#jj,#mn{padding:6px 1px;font-size:12px;line-height:1.16666666}#hh,#jj,#mn{width:2em}#aa{width:3.4em}.curtime #timestamp{padding:2px 0 1px;display:inline!important;height:auto!important}#post-body #visibility:before,#post-body .misc-pub-comment-status:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-response-to:before,#post-body .misc-pub-revisions:before,#post-body .misc-pub-uploadedby:before,#post-body .misc-pub-uploadedto:before,.curtime #timestamp:before{color:#8c8f94}#post-body #visibility:before,#post-body .misc-pub-comment-status:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-response-to:before,#post-body .misc-pub-revisions:before,#post-body .misc-pub-uploadedby:before,#post-body .misc-pub-uploadedto:before,.curtime #timestamp:before{font:normal 20px/1 dashicons;speak:never;display:inline-block;margin-right:-1px;padding-left:3px;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#post-body .misc-pub-comment-status:before,#post-body .misc-pub-post-status:before{content:"\f173"}#post-body #visibility:before{content:"\f177"}.curtime #timestamp:before{content:"\f145";position:relative;top:-1px}#post-body .misc-pub-uploadedby:before{content:"\f110";position:relative;top:-1px}#post-body .misc-pub-uploadedto:before{content:"\f318";position:relative;top:-1px}#post-body .misc-pub-revisions:before{content:"\f321"}#post-body .misc-pub-response-to:before{content:"\f101"}#timestampdiv{padding-top:5px;line-height:1.76923076}#timestampdiv p{margin:8px 0 6px}#timestampdiv input{text-align:center}.notification-dialog{position:fixed;top:30%;max-height:70%;right:50%;width:450px;margin-right:-225px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);line-height:1.5;z-index:1000005;overflow-y:auto}.notification-dialog-background{position:fixed;top:0;right:0;left:0;bottom:0;background:#000;opacity:.7;z-index:1000000}#post-lock-dialog .post-locked-message,#post-lock-dialog .post-taken-over{margin:25px}#file-editor-warning .button,#post-lock-dialog .post-locked-message a.button{margin-left:10px}#post-lock-dialog .post-locked-avatar{float:right;margin:0 0 20px 20px}#post-lock-dialog .wp-tab-first{outline:0}#post-lock-dialog .locked-saving img{float:right;margin-left:3px}#post-lock-dialog.saved .locked-saved,#post-lock-dialog.saving .locked-saving{display:inline}#excerpt{display:block;margin:12px 0 0;height:4em;width:100%}.tagchecklist{margin-right:14px;font-size:12px;overflow:auto}.tagchecklist br{display:none}.tagchecklist strong{margin-right:-8px;position:absolute}.tagchecklist>li{float:right;margin-left:25px;font-size:13px;line-height:1.8;cursor:default;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tagchecklist .ntdelbutton{position:absolute;width:24px;height:24px;border:none;margin:0 -19px 0 0;padding:0;background:0 0;cursor:pointer;text-indent:0}#poststuff .stuffbox>h3,#poststuff h2,#poststuff h3.hndle{font-size:14px;padding:8px 12px;margin:0;line-height:1.4}#poststuff .stuffbox h2{padding:8px 10px}#poststuff .stuffbox>h2{border-bottom:1px solid #f0f0f1}#poststuff .inside{margin:6px 0 0}.link-add-php #poststuff .inside,.link-php #poststuff .inside{margin-top:12px}#poststuff .stuffbox .inside{margin:0}#poststuff .inside #page_template,#poststuff .inside #parent_id{max-width:100%}.post-attributes-label-wrapper{margin-bottom:.5em}.post-attributes-label{vertical-align:baseline;font-weight:600}#comment-status-radio,#post-visibility-select{line-height:1.5;margin-top:3px}#linksubmitdiv .inside,#poststuff #submitdiv .inside{margin:0;padding:0}#post-body-content,.edit-form-section{margin-bottom:20px}.wp_attachment_details .attachment-content-description{margin-top:.5385em;display:inline-block;min-height:1.6923em}.privacy-settings #wpcontent,.privacy-settings.auto-fold #wpcontent,.site-health #wpcontent,.site-health.auto-fold #wpcontent{padding-right:0}.health-check-header h1,.privacy-settings-header h1{display:inline-block;font-weight:600;margin:0 .8rem 1rem;font-size:23px;padding:9px 0 4px;line-height:1.3}.health-check-header,.privacy-settings-header{text-align:center;margin:0 0 1rem;background:#fff;border-bottom:1px solid #dcdcde}.health-check-title-section,.privacy-settings-title-section{display:flex;align-items:center;justify-content:center;clear:both;padding-top:8px}.privacy-settings-tabs-wrapper{display:-ms-inline-grid;-ms-grid-columns:1fr 1fr;vertical-align:top;display:inline-grid;grid-template-columns:1fr 1fr}.privacy-settings-tab{display:block;text-decoration:none;color:inherit;padding:.5rem 1rem 1rem;margin:0 1rem;transition:box-shadow .5s ease-in-out}.health-check-tab:nth-child(1),.privacy-settings-tab:nth-child(1){-ms-grid-column:1}.health-check-tab:nth-child(2),.privacy-settings-tab:nth-child(2){-ms-grid-column:2}.health-check-tab:focus,.privacy-settings-tab:focus{color:#1d2327;outline:1px solid #787c82;box-shadow:none}.health-check-tab.active,.privacy-settings-tab.active{box-shadow:inset 0 -3px #3582c4;font-weight:600}.health-check-body,.privacy-settings-body{max-width:800px;margin:0 auto}.tools-privacy-policy-page th{min-width:230px}.hr-separator{margin-top:20px;margin-bottom:15px}.health-check-accordion,.privacy-settings-accordion{border:1px solid #c3c4c7}.health-check-accordion-heading,.privacy-settings-accordion-heading{margin:0;border-top:1px solid #c3c4c7;font-size:inherit;line-height:inherit;font-weight:600;color:inherit}.health-check-accordion-heading:first-child,.privacy-settings-accordion-heading:first-child{border-top:none}.health-check-accordion-trigger,.privacy-settings-accordion-trigger{background:#fff;border:0;color:#2c3338;cursor:pointer;display:flex;font-weight:400;margin:0;padding:1em 1.5em 1em 3.5em;min-height:46px;position:relative;text-align:right;width:100%;align-items:center;justify-content:space-between;-webkit-user-select:auto;user-select:auto}.health-check-accordion-trigger:active,.health-check-accordion-trigger:hover,.privacy-settings-accordion-trigger:active,.privacy-settings-accordion-trigger:hover{background:#f6f7f7}.health-check-accordion-trigger:focus,.privacy-settings-accordion-trigger:focus{color:#1d2327;border:none;box-shadow:none;outline-offset:-1px;outline:2px solid #2271b1;background-color:#f6f7f7}.health-check-accordion-trigger .title,.privacy-settings-accordion-trigger .title{pointer-events:none;font-weight:600;flex-grow:1}.health-check-accordion-trigger .icon,.privacy-settings-accordion-trigger .icon,.privacy-settings-view-read .icon,.site-health-view-passed .icon{border:solid #50575e;border-width:0 0 2px 2px;height:.5rem;pointer-events:none;position:absolute;left:1.5em;top:50%;transform:translateY(-70%) rotate(-45deg);width:.5rem}.health-check-accordion-trigger .badge,.privacy-settings-accordion-trigger .badge{padding:.1rem .5rem .15rem;color:#2c3338;font-weight:600}.privacy-settings-accordion-trigger .badge{margin-right:.5rem}.health-check-accordion-trigger .badge.blue,.privacy-settings-accordion-trigger .badge.blue{border:1px solid #72aee6}.health-check-accordion-trigger .badge.orange,.privacy-settings-accordion-trigger .badge.orange{border:1px solid #dba617}.health-check-accordion-trigger .badge.red,.privacy-settings-accordion-trigger .badge.red{border:1px solid #e65054}.health-check-accordion-trigger .badge.green,.privacy-settings-accordion-trigger .badge.green{border:1px solid #00ba37}.health-check-accordion-trigger .badge.purple,.privacy-settings-accordion-trigger .badge.purple{border:1px solid #2271b1}.health-check-accordion-trigger .badge.gray,.privacy-settings-accordion-trigger .badge.gray{border:1px solid #c3c4c7}.health-check-accordion-trigger[aria-expanded=true] .icon,.privacy-settings-accordion-trigger[aria-expanded=true] .icon,.privacy-settings-view-passed[aria-expanded=true] .icon,.site-health-view-passed[aria-expanded=true] .icon{transform:translateY(-30%) rotate(135deg)}.health-check-accordion-panel,.privacy-settings-accordion-panel{margin:0;padding:1em 1.5em;background:#fff}.health-check-accordion-panel[hidden],.privacy-settings-accordion-panel[hidden]{display:none}.health-check-accordion-panel a .dashicons,.privacy-settings-accordion-panel a .dashicons{text-decoration:none}.privacy-settings-accordion-actions{text-align:left;display:block}.privacy-settings-accordion-actions .success{display:none;color:#008a20;padding-left:1em;padding-top:6px}.privacy-settings-accordion-actions .success.visible{display:inline-block}.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy,.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help{display:none}.privacy-settings-accordion-panel strong.privacy-policy-tutorial,.privacy-settings-accordion-panel strong.wp-policy-help{display:block;margin:0 0 1em}.privacy-text-copy span{pointer-events:none}.privacy-settings-accordion-panel .wp-suggested-text div>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep),.privacy-settings-accordion-panel .wp-suggested-text>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep),.privacy-settings-accordion-panel div>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep),.privacy-settings-accordion-panel>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep){margin:0;padding:1em;border-right:2px solid #787c82}@media screen and (max-width:782px){.health-check-body,.privacy-settings-body{margin:0 12px;width:auto}.privacy-settings .notice,.site-health .notice{margin:5px 10px 15px}.privacy-settings .update-nag,.site-health .update-nag{margin-left:10px;margin-right:10px}input#create-page{margin-top:10px}.wp-core-ui button.privacy-text-copy{white-space:normal;line-height:1.8}}@media only screen and (max-width:1004px){.health-check-body,.privacy-settings-body{margin:0 22px;width:auto}}#postcustomstuff thead th{padding:5px 8px 8px;background-color:#f0f0f1}#postcustom #postcustomstuff .submit{border:0 none;float:none;padding:0 8px 8px}#side-sortables #postcustom #postcustomstuff .submit{margin:0;padding:0}#side-sortables #postcustom #postcustomstuff #the-list textarea{height:85px}#side-sortables #postcustom #postcustomstuff td.left input,#side-sortables #postcustom #postcustomstuff td.left select,#side-sortables #postcustomstuff #newmetaleft a{margin:3px 3px 0}#postcustomstuff table{margin:0;width:100%;border:1px solid #dcdcde;border-spacing:0;background-color:#f6f7f7}#postcustomstuff tr{vertical-align:top}#postcustomstuff table input,#postcustomstuff table select,#postcustomstuff table textarea{width:96%;margin:8px}#side-sortables #postcustomstuff table input,#side-sortables #postcustomstuff table select,#side-sortables #postcustomstuff table textarea{margin:3px}#postcustomstuff td.left,#postcustomstuff th.left{width:38%}#postcustomstuff .submit input{margin:0;width:auto}#postcustomstuff #newmetaleft a{display:inline-block;margin:0 8px 8px;text-decoration:none}.no-js #postcustomstuff #enternew{display:none}#post-body-content .compat-attachment-fields{margin-bottom:20px}.compat-attachment-fields th{padding-top:5px;padding-left:10px}#select-featured-image{padding:4px 0;overflow:hidden}#select-featured-image img{max-width:100%;height:auto;margin-bottom:10px}#select-featured-image a{float:right;clear:both}#select-featured-image .remove{display:none;margin-top:10px}.js #select-featured-image.has-featured-image .remove{display:inline-block}.no-js #select-featured-image .choose{display:none}.post-format-icon::before{display:inline-block;vertical-align:middle;height:20px;width:20px;margin-top:-4px;margin-left:7px;color:#dcdcde;font:normal 20px/1 dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a.post-format-icon:hover:before{color:#135e96}#post-formats-select{line-height:2}#post-formats-select .post-format-icon::before{top:5px}input.post-format{margin-top:1px}label.post-format-icon{margin-right:0;padding:2px 0}.post-format-icon.post-format-standard::before{content:"\f109"}.post-format-icon.post-format-image::before{content:"\f128"}.post-format-icon.post-format-gallery::before{content:"\f161"}.post-format-icon.post-format-audio::before{content:"\f127"}.post-format-icon.post-format-video::before{content:"\f126"}.post-format-icon.post-format-chat::before{content:"\f125"}.post-format-icon.post-format-status::before{content:"\f130"}.post-format-icon.post-format-aside::before{content:"\f123"}.post-format-icon.post-format-quote::before{content:"\f122"}.post-format-icon.post-format-link::before{content:"\f103"}.category-adder{margin-right:120px;padding:4px 0}.category-adder h4{margin:0 0 8px}#side-sortables .category-adder{margin:0}.categorydiv div.tabs-panel,.customlinkdiv div.tabs-panel,.posttypediv div.tabs-panel,.taxonomydiv div.tabs-panel,.wp-tab-panel{min-height:42px;max-height:200px;overflow:auto;padding:0 .9em;border:solid 1px #dcdcde;background-color:#fff}div.tabs-panel-active{display:block}div.tabs-panel-inactive{display:none}div.tabs-panel-active:focus{box-shadow:inset 0 0 0 1px #4f94d4,inset 0 0 2px 1px rgba(79,148,212,.8);outline:0 none}#front-page-warning,#front-static-pages ul,.categorydiv ul.categorychecklist ul,.customlinkdiv ul.categorychecklist ul,.inline-editor ul.cat-checklist ul,.posttypediv ul.categorychecklist ul,.taxonomydiv ul.categorychecklist ul,ul.export-filters{margin-right:18px}ul.categorychecklist li{margin:0;padding:0;line-height:1.69230769;word-wrap:break-word}.categorydiv .tabs-panel,.customlinkdiv .tabs-panel,.posttypediv .tabs-panel,.taxonomydiv .tabs-panel{border-width:3px;border-style:solid}.form-wrap label{display:block;padding:2px 0}.form-field input[type=email],.form-field input[type=number],.form-field input[type=password],.form-field input[type=search],.form-field input[type=tel],.form-field input[type=text],.form-field input[type=url],.form-field textarea{border-style:solid;border-width:1px;width:95%}.form-field p,.form-field select{max-width:95%}.form-wrap p,p.description{margin:2px 0 5px;color:#646970}.form-wrap p,p.description,p.help,span.description{font-size:13px}p.description code{font-style:normal}.form-wrap .form-field{margin:1em 0;padding:0}.col-wrap h2{margin:12px 0;font-size:1.1em}.col-wrap p.submit{margin-top:-10px}.edit-term-notes{margin-top:2em}#poststuff .tagsdiv .ajaxtag{margin-top:1em}#poststuff .tagsdiv .howto{margin:1em 0 6px}.ajaxtag .newtag{position:relative}.tagsdiv .newtag{width:180px}.tagsdiv .the-tags{display:block;height:60px;margin:0 auto;overflow:auto;width:260px}#post-body-content .tagsdiv .the-tags{margin:0 5px}p.popular-tags{border:none;line-height:2em;padding:8px 12px 12px;text-align:justify}p.popular-tags a{padding:0 3px}.tagcloud{width:97%;margin:0 0 40px;text-align:justify}.tagcloud h2{margin:2px 0 12px}#poststuff .inside .the-tagcloud{margin:5px 0 10px;padding:8px;border:1px solid #dcdcde;line-height:1.2;word-spacing:3px}.the-tagcloud ul{margin:0}.the-tagcloud ul li{display:inline-block}.ac_results{display:none;margin:-1px 0 0;padding:0;list-style:none;position:absolute;z-index:10000;border:1px solid #4f94d4;background-color:#fff}.wp-customizer .ac_results{z-index:500000}.ac_results li{margin:0;padding:5px 10px;white-space:nowrap;text-align:right}.ac_over .ac_match,.ac_results .ac_over{background-color:#2271b1;color:#fff;cursor:pointer}.ac_match{text-decoration:underline}#addtag .spinner{float:none;vertical-align:top}#edittag{max-width:800px}.edit-tag-actions{margin-top:20px}.comment-php .wp-editor-area{height:200px}.comment-ays td,.comment-ays th{padding:10px 15px}.comment-ays .comment-content ul{list-style:initial;margin-right:2em}.comment-ays .comment-content a[href]:after{content:"(" attr(href) ")";display:inline-block;padding:0 4px;color:#646970;font-size:13px;word-break:break-all}.comment-ays .comment-content p.edit-comment{margin-top:10px}.comment-ays .comment-content p.edit-comment a[href]:after{content:"";padding:0}.comment-ays-submit .button-cancel{margin-right:1em}.spam-undo-inside,.trash-undo-inside{margin:1px 0 1px 8px;line-height:1.23076923}.spam-undo-inside .avatar,.trash-undo-inside .avatar{height:20px;width:20px;margin-left:8px;vertical-align:middle}.stuffbox .editcomment{clear:none;margin-top:0}#namediv.stuffbox .editcomment input{width:100%}#namediv.stuffbox .editcomment.form-table td{padding:10px}#comment-status-radio p{margin:3px 0 5px}#comment-status-radio input{margin:2px 0 5px 3px;vertical-align:middle}#comment-status-radio label{padding:5px 0}table.links-table{width:100%;border-spacing:0}.links-table th{font-weight:400;text-align:right;vertical-align:top;min-width:80px;width:20%;word-wrap:break-word}.links-table td,.links-table th{padding:5px 0}.links-table td label{margin-left:8px}.links-table td input[type=text],.links-table td textarea{width:100%}.links-table #link_rel{max-width:280px}#qt_content_dfw{display:none}.wp-editor-expand #qt_content_dfw{display:inline-block}.focus-on #screen-meta,.focus-on #screen-meta-links,.focus-on #wp-toolbar,.focus-on #wpfooter,.focus-on .page-title-action,.focus-on .postbox-container>*,.focus-on .update-nag,.focus-on .wrap>h1,.focus-on div.error,.focus-on div.notice,.focus-on div.updated{opacity:0;transition-duration:.6s;transition-property:opacity;transition-timing-function:ease-in-out}.focus-on #wp-toolbar{opacity:.3}.focus-off #screen-meta,.focus-off #screen-meta-links,.focus-off #wp-toolbar,.focus-off #wpfooter,.focus-off .page-title-action,.focus-off .postbox-container>*,.focus-off .update-nag,.focus-off .wrap>h1,.focus-off div.error,.focus-off div.notice,.focus-off div.updated{opacity:1;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out}.focus-off #wp-toolbar{-webkit-transform:translate(0,0)}.focus-on #adminmenuback,.focus-on #adminmenuwrap{transition-duration:.6s;transition-property:transform;transition-timing-function:ease-in-out}.focus-on #adminmenuback,.focus-on #adminmenuwrap{transform:translateX(100%)}.focus-off #adminmenuback,.focus-off #adminmenuwrap{transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){#content-resize-handle,#post-body .wp_themeSkin .mceStatusbar a.mceResize{background:transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;background-size:11px 11px}.rtl #content-resize-handle,.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize{background-image:url(../images/resize-rtl-2x.gif);background-position:left bottom}}@media only screen and (max-width:1200px){.post-type-attachment #poststuff{min-width:0}.post-type-attachment #wpbody-content #poststuff #post-body{margin:0}.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1{margin-left:0;width:100%}.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty,.post-type-attachment #poststuff #postbox-container-1 .empty-container{outline:0;height:0;min-height:0}.post-type-attachment #poststuff #post-body.columns-2 #side-sortables{min-height:0;width:auto}.is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables{outline:0;min-height:0;margin-bottom:0}.post-type-attachment .columns-prefs,.post-type-attachment .screen-layout{display:none}}@media only screen and (max-width:850px){#poststuff{min-width:0}#wpbody-content #poststuff #post-body{margin:0}#wpbody-content #post-body.columns-2 #postbox-container-1{margin-left:0;width:100%}#poststuff #postbox-container-1 #side-sortables:empty,#poststuff #postbox-container-1 .empty-container{height:0;min-height:0}#poststuff #post-body.columns-2 #side-sortables{min-height:0;width:auto}.is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,.is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables,.is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,.is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container{height:auto;min-height:60px}.columns-prefs,.screen-layout{display:none}}@media screen and (max-width:782px){.wp-core-ui .edit-tag-actions .button-primary{margin-bottom:0}#post-body-content{min-width:0}#titlediv #title-prompt-text{padding:10px}#poststuff .stuffbox .inside{padding:0 0 4px 2px}#poststuff .stuffbox>h3,#poststuff h2,#poststuff h3.hndle{padding:12px}#namediv.stuffbox .editcomment.form-table td{padding:5px 10px}.post-format-options{padding-left:0}.post-format-options a{margin-left:5px;margin-bottom:5px;min-width:52px}.post-format-options .post-format-title{font-size:11px}.post-format-options a div{height:28px;width:28px}.post-format-options a div:before{font-size:26px!important}#post-visibility-select{line-height:280%}.wp-core-ui .save-post-visibility,.wp-core-ui .save-timestamp{vertical-align:middle;margin-left:15px}.timestamp-wrap select#mm{display:block;width:100%;margin-bottom:10px}.timestamp-wrap #aa,.timestamp-wrap #hh,.timestamp-wrap #jj,.timestamp-wrap #mn{padding:12px 3px;font-size:14px;margin-bottom:5px;width:auto;text-align:center}ul.category-tabs{margin:30px 0 15px}ul.category-tabs li.tabs{padding:15px}ul.categorychecklist li{margin-bottom:15px}ul.categorychecklist ul{margin-top:15px}.category-add input[type=text],.category-add select{max-width:none;margin-bottom:15px}.tagsdiv .newtag{width:100%;height:auto;margin-bottom:15px}.tagchecklist{margin:25px 10px}.tagchecklist>li{font-size:16px;line-height:1.4}#commentstatusdiv p{line-height:2.8}.mceToolbar *{white-space:normal!important}.mceToolbar td,.mceToolbar tr{float:right!important}.wp_themeSkin a.mceButton{width:30px;height:30px}.wp_themeSkin .mceButton .mceIcon{margin-top:5px;margin-right:5px}.wp_themeSkin .mceSplitButton{margin-top:1px}.wp_themeSkin .mceSplitButton td a.mceAction{padding:6px 6px 6px 3px}.wp_themeSkin .mceSplitButton td a.mceOpen,.wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen{padding-top:6px;padding-bottom:6px;background-position:1px 6px}.wp_themeSkin table.mceListBox{margin:5px}div.quicktags-toolbar input{padding:10px 20px}button.wp-switch-editor{font-size:16px;line-height:1;margin:7px 7px 0 0;padding:8px 12px}#wp-content-media-buttons a{font-size:14px;padding:6px 10px}.wp-media-buttons span.jetpack-contact-form-icon,.wp-media-buttons span.wp-media-buttons-icon{width:22px!important;margin-right:-2px!important}.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before,.wp-media-buttons .add_media span.wp-media-buttons-icon:before{font-size:20px!important}#content_wp_fullscreen{display:none}.misc-pub-section{padding:20px 10px}#delete-action,#publishing-action{line-height:3.61538461}#publishing-action .spinner{float:none;margin-top:-2px}.comment-ays td,.comment-ays th{padding-bottom:0}.comment-ays td{padding-top:6px}.links-table #link_rel{max-width:none}.links-table td,.links-table th{padding:10px 0}.edit-term-notes{display:none}.privacy-text-box{width:auto}.privacy-text-box-toc{float:none;width:auto;height:100%;display:flex;flex-direction:column}.privacy-text-section .return-to-top{margin:2em 0 0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/edit.css b/tools/storybook/wordpress/css/edit.css
new file mode 100644
index 00000000000..7fa904ae1a3
--- /dev/null
+++ b/tools/storybook/wordpress/css/edit.css
@@ -0,0 +1,2021 @@
+#poststuff {
+	padding-top: 10px;
+	min-width: 763px;
+}
+
+#poststuff #post-body {
+	padding: 0;
+}
+
+#poststuff .postbox-container {
+	width: 100%;
+}
+
+#poststuff #post-body.columns-2 {
+	margin-right: 300px;
+}
+
+/*------------------------------------------------------------------------------
+  11.0 - Write/Edit Post Screen
+------------------------------------------------------------------------------*/
+
+#show-comments {
+	overflow: hidden;
+}
+
+#save-action .spinner,
+#show-comments a {
+	float: left;
+}
+
+#show-comments .spinner {
+	float: none;
+	margin-top: 0;
+}
+
+#lost-connection-notice .spinner {
+	visibility: visible;
+	float: left;
+	margin: 0 5px 0 0;
+}
+
+#titlediv {
+	position: relative;
+}
+
+#titlediv label {
+	cursor: text;
+}
+
+#titlediv div.inside {
+	margin: 0;
+}
+
+#poststuff #titlewrap {
+	border: 0;
+	padding: 0;
+}
+
+#titlediv #title {
+	padding: 3px 8px;
+	font-size: 1.7em;
+	line-height: 100%;
+	height: 1.7em;
+	width: 100%;
+	outline: none;
+	margin: 0 0 3px;
+	background-color: #fff;
+}
+
+#titlediv #title-prompt-text {
+	color: #646970;
+	position: absolute;
+	font-size: 1.7em;
+	padding: 10px;
+	pointer-events: none;
+}
+
+input#link_description,
+input#link_url {
+	width: 100%;
+}
+
+#pending {
+	background: 0 none;
+	border: 0 none;
+	padding: 0;
+	font-size: 11px;
+	margin-top: -1px;
+}
+
+#edit-slug-box,
+#comment-link-box {
+	line-height: 1.84615384;
+	min-height: 25px;
+	margin-top: 5px;
+	padding: 0 10px;
+	color: #646970;
+}
+
+#sample-permalink {
+	display: inline-block;
+	max-width: 100%;
+	word-wrap: break-word;
+}
+
+#edit-slug-box .cancel {
+	margin-right: 10px;
+	padding: 0;
+	font-size: 11px;
+}
+
+#comment-link-box {
+	margin: 5px 0;
+	padding: 0 5px;
+}
+
+#editable-post-name-full {
+	display: none;
+}
+
+#editable-post-name {
+	font-weight: 600;
+}
+
+#editable-post-name input {
+	font-size: 13px;
+	font-weight: 400;
+	height: 24px;
+	margin: 0;
+	width: 16em;
+}
+
+.postarea h3 label {
+	float: left;
+}
+
+body.post-new-php .submitbox .submitdelete {
+	display: none;
+}
+
+.submitbox .submit a:hover {
+	text-decoration: underline;
+}
+
+.submitbox .submit input {
+	margin-bottom: 8px;
+	margin-right: 4px;
+	padding: 6px;
+}
+
+#post-status-select {
+	margin-top: 3px;
+}
+
+body.post-type-wp_navigation div#minor-publishing,
+body.post-type-wp_navigation .inline-edit-status {
+	display: none;
+}
+
+/* Post Screen */
+
+/* Only highlight drop zones when dragging and only in the 2 columns layout. */
+.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
+	outline: 3px dashed #646970;
+	/* Prevent margin on the child from collapsing with margin on the parent. */
+	display: flow-root;
+	/*
+	 * This min-height is meant to limit jumpiness while dragging. It's equivalent
+	 * to the minimum height of the sortable-placeholder which is given by the height
+	 * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder
+	 * bottom margin (20px) + 2 additional pixels to compensate browsers rounding.
+	 */
+	min-height: 60px;
+	margin-bottom: 20px;
+}
+
+.postbox {
+	position: relative;
+	min-width: 255px;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+}
+
+#trackback_url {
+	width: 99%;
+}
+
+#normal-sortables .postbox .submit {
+	background: transparent none;
+	border: 0 none;
+	float: right;
+	padding: 0 12px;
+	margin: 0;
+}
+
+.category-add input[type="text"],
+.category-add select {
+	width: 100%;
+	max-width: 260px;
+	vertical-align: baseline;
+}
+
+#side-sortables .category-add input[type="text"],
+#side-sortables .category-add select {
+	margin: 0 0 1em;
+}
+
+ul.category-tabs li,
+#side-sortables .add-menu-item-tabs li,
+.wp-tab-bar li {
+	display: inline;
+	line-height: 1.35;
+}
+
+.no-js .category-tabs li.hide-if-no-js {
+	display: none;
+}
+
+.category-tabs a,
+#side-sortables .add-menu-item-tabs a,
+.wp-tab-bar a {
+	text-decoration: none;
+}
+
+/* @todo: do these really need to be so specific? */
+#side-sortables .category-tabs .tabs a,
+#side-sortables .add-menu-item-tabs .tabs a,
+.wp-tab-bar .wp-tab-active a,
+#post-body ul.category-tabs li.tabs a,
+#post-body ul.add-menu-item-tabs li.tabs a {
+	color: #2c3338;
+}
+
+.category-tabs {
+	margin: 8px 0 5px;
+}
+
+/* Back-compat for pre-4.4 */
+#category-adder h4 {
+	margin: 0;
+}
+
+.taxonomy-add-new {
+	display: inline-block;
+	margin: 10px 0;
+	font-weight: 600;
+}
+
+#side-sortables .add-menu-item-tabs,
+.wp-tab-bar {
+	margin-bottom: 3px;
+}
+
+#normal-sortables .postbox #replyrow .submit {
+	float: none;
+	margin: 0;
+	padding: 5px 7px 10px;
+	overflow: hidden;
+}
+
+#side-sortables .submitbox .submit input,
+#side-sortables .submitbox .submit .preview,
+#side-sortables .submitbox .submit a.preview:hover {
+	border: 0 none;
+}
+
+/* @todo: make this a more generic class */
+ul.category-tabs,
+ul.add-menu-item-tabs,
+ul.wp-tab-bar {
+	margin-top: 12px;
+}
+
+ul.category-tabs li,
+ul.add-menu-item-tabs li {
+	border: solid 1px transparent;
+	position: relative;
+}
+
+ul.category-tabs li.tabs,
+ul.add-menu-item-tabs li.tabs,
+.wp-tab-active {
+	border: 1px solid #dcdcde;
+	border-bottom-color: #fff;
+	background-color: #fff;
+}
+
+ul.category-tabs li,
+ul.add-menu-item-tabs li,
+ul.wp-tab-bar li {
+	padding: 3px 5px 6px;
+}
+
+#set-post-thumbnail {
+	display: inline-block;
+	max-width: 100%;
+}
+
+#postimagediv .inside img {
+	max-width: 100%;
+	height: auto;
+	width: auto;
+	vertical-align: top;
+	background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 0 0, 10px 10px;
+	background-size: 20px 20px;
+}
+
+form#tags-filter {
+	position: relative;
+}
+
+/* Global classes */
+.wp-hidden-children .wp-hidden-child,
+.ui-tabs-hide {
+	display: none;
+}
+
+#post-body .tagsdiv #newtag {
+	margin-right: 5px;
+	width: 16em;
+}
+
+#side-sortables input#post_password {
+	width: 94%
+}
+
+#side-sortables .tagsdiv #newtag {
+	width: 68%;
+}
+
+#post-status-info {
+	width: 100%;
+	border-spacing: 0;
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	background-color: #f6f7f7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	z-index: 999;
+}
+
+#post-status-info td {
+	font-size: 12px;
+}
+
+.autosave-info {
+	padding: 2px 10px;
+	text-align: right;
+}
+
+#editorcontent #post-status-info {
+	border: none;
+}
+
+#content-resize-handle {
+	background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
+	width: 12px;
+	cursor: row-resize;
+}
+
+/*rtl:ignore*/
+.rtl #content-resize-handle {
+	background-image: url(../images/resize-rtl.gif);
+	background-position: left bottom;
+}
+
+.wp-editor-expand #content-resize-handle {
+	display: none;
+}
+
+#postdivrich #content {
+	resize: none;
+}
+
+#wp-word-count {
+	padding: 2px 10px;
+}
+
+#wp-content-editor-container {
+	position: relative;
+}
+
+.wp-editor-expand #wp-content-editor-tools {
+	z-index: 1000;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.wp-editor-expand #wp-content-editor-container {
+	box-shadow: none;
+	margin-top: -1px;
+}
+
+.wp-editor-expand #wp-content-editor-container {
+	border-bottom: 0 none;
+}
+
+.wp-editor-expand div.mce-statusbar {
+	z-index: 1;
+}
+
+.wp-editor-expand #post-status-info {
+	border-top: 1px solid #c3c4c7;
+}
+
+.wp-editor-expand div.mce-toolbar-grp {
+	z-index: 999;
+}
+
+/* TinyMCE native fullscreen mode override */
+.mce-fullscreen #wp-content-wrap .mce-menubar,
+.mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
+.mce-fullscreen #wp-content-wrap .mce-edit-area,
+.mce-fullscreen #wp-content-wrap .mce-statusbar {
+	position: static !important;
+	width: auto !important;
+	padding: 0 !important;
+}
+
+.mce-fullscreen #wp-content-wrap .mce-statusbar {
+	visibility: visible !important;
+}
+
+.mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
+	display: none;
+}
+
+.post-php.mce-fullscreen #wpadminbar,
+.mce-fullscreen #wp-content-wrap .mce-wp-dfw {
+	display: none;
+}
+/* End TinyMCE native fullscreen mode override */
+
+#wp-content-editor-tools {
+	background-color: #f0f0f1;
+	padding-top: 20px;
+}
+
+#poststuff #post-body.columns-2 #side-sortables {
+	width: 280px;
+}
+
+#timestampdiv select {
+	vertical-align: top;
+	font-size: 12px;
+	line-height: 2.33333333; /* 28px */
+}
+
+#aa, #jj, #hh, #mn {
+	padding: 6px 1px;
+	font-size: 12px;
+	line-height: 1.16666666; /* 14px */
+}
+
+#jj, #hh, #mn {
+	width: 2em;
+}
+
+#aa {
+	width: 3.4em;
+}
+
+.curtime #timestamp {
+	padding: 2px 0 1px;
+	display: inline !important;
+	height: auto !important;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-uploadedby:before,
+#post-body .misc-pub-uploadedto:before,
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before,
+#post-body .misc-pub-comment-status:before {
+	color: #8c8f94;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-uploadedby:before,
+#post-body .misc-pub-uploadedto:before,
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before,
+#post-body .misc-pub-comment-status:before {
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	margin-left: -1px;
+	padding-right: 3px;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#post-body .misc-pub-post-status:before,
+#post-body .misc-pub-comment-status:before {
+	content: "\f173";
+}
+
+#post-body #visibility:before {
+	content: "\f177";
+}
+
+.curtime #timestamp:before {
+	content: "\f145";
+	position: relative;
+	top: -1px;
+}
+
+#post-body .misc-pub-uploadedby:before {
+	content: "\f110";
+	position: relative;
+	top: -1px;
+}
+
+#post-body .misc-pub-uploadedto:before {
+	content: "\f318";
+	position: relative;
+	top: -1px;
+}
+
+#post-body .misc-pub-revisions:before {
+	content: "\f321";
+}
+
+#post-body .misc-pub-response-to:before {
+	content: "\f101";
+}
+
+#timestampdiv {
+	padding-top: 5px;
+	line-height: 1.76923076;
+}
+
+#timestampdiv p {
+	margin: 8px 0 6px;
+}
+
+#timestampdiv input {
+	text-align: center;
+}
+
+.notification-dialog {
+	position: fixed;
+	top: 30%;
+	max-height: 70%;
+	left: 50%;
+	width: 450px;
+	margin-left: -225px;
+	background: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	line-height: 1.5;
+	z-index: 1000005;
+	overflow-y: auto;
+}
+
+.notification-dialog-background {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: #000;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	z-index: 1000000;
+}
+
+#post-lock-dialog .post-locked-message,
+#post-lock-dialog .post-taken-over {
+	margin: 25px;
+}
+
+#post-lock-dialog .post-locked-message a.button,
+#file-editor-warning .button {
+	margin-right: 10px;
+}
+
+#post-lock-dialog .post-locked-avatar {
+	float: left;
+	margin: 0 20px 20px 0;
+}
+
+#post-lock-dialog .wp-tab-first {
+	outline: 0;
+}
+
+#post-lock-dialog .locked-saving img {
+	float: left;
+	margin-right: 3px;
+}
+
+#post-lock-dialog.saving .locked-saving,
+#post-lock-dialog.saved .locked-saved {
+	display: inline;
+}
+
+#excerpt {
+	display: block;
+	margin: 12px 0 0;
+	height: 4em;
+	width: 100%;
+}
+
+.tagchecklist {
+	margin-left: 14px;
+	font-size: 12px;
+	overflow: auto;
+}
+
+.tagchecklist br {
+	display: none;
+}
+
+.tagchecklist strong {
+	margin-left: -8px;
+	position: absolute;
+}
+
+.tagchecklist > li {
+	float: left;
+	margin-right: 25px;
+	font-size: 13px;
+	line-height: 1.8;
+	cursor: default;
+	max-width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.tagchecklist .ntdelbutton {
+	position: absolute;
+	width: 24px;
+	height: 24px;
+	border: none;
+	margin: 0 0 0 -19px;
+	padding: 0;
+	background: none;
+	cursor: pointer;
+	text-indent: 0;
+}
+
+#poststuff h3.hndle, /* Back-compat for pre-4.4 */
+#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
+#poststuff h2 {
+	font-size: 14px;
+	padding: 8px 12px;
+	margin: 0;
+	line-height: 1.4;
+}
+
+#poststuff .stuffbox h2 {
+	padding: 8px 10px;
+}
+
+#poststuff .stuffbox > h2 {
+	border-bottom: 1px solid #f0f0f1;
+}
+
+#poststuff .inside {
+	margin: 6px 0 0;
+}
+
+.link-php #poststuff .inside,
+.link-add-php #poststuff .inside {
+	margin-top: 12px;
+}
+
+#poststuff .stuffbox .inside {
+	margin: 0;
+}
+
+#poststuff .inside #parent_id,
+#poststuff .inside #page_template {
+	max-width: 100%;
+}
+
+.post-attributes-label-wrapper {
+	margin-bottom: 0.5em;
+}
+
+.post-attributes-label {
+	vertical-align: baseline;
+	font-weight: 600;
+}
+
+#post-visibility-select,
+#comment-status-radio {
+	line-height: 1.5;
+	margin-top: 3px;
+}
+
+#linksubmitdiv .inside, /* Old Link Manager back-compat. */
+#poststuff #submitdiv .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#post-body-content,
+.edit-form-section {
+	margin-bottom: 20px;
+}
+
+.wp_attachment_details .attachment-content-description {
+	margin-top: 0.5385em;
+	display: inline-block;
+	min-height: 1.6923em;
+}
+
+/**
+* Privacy Settings section
+*
+* Note: This section includes selectors from
+* Site Health where duplicate styling is used.
+*/
+
+/* General */
+.privacy-settings #wpcontent,
+.privacy-settings.auto-fold #wpcontent,
+.site-health #wpcontent,
+.site-health.auto-fold #wpcontent {
+	padding-left: 0;
+}
+
+/* Emulates .wrap h1 styling */
+.privacy-settings-header h1,
+.health-check-header h1 {
+	display: inline-block;
+	font-weight: 600;
+	margin: 0 0.8rem 1rem;
+	font-size: 23px;
+	padding: 9px 0 4px;
+	line-height: 1.3;
+}
+
+/* Header */
+.privacy-settings-header,
+.health-check-header {
+	text-align: center;
+	margin: 0 0 1rem;
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.privacy-settings-title-section,
+.health-check-title-section {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	clear: both;
+	padding-top: 8px;
+}
+
+.privacy-settings-tabs-wrapper {
+	/* IE 11 */
+	display: -ms-inline-grid;
+	-ms-grid-columns: 1fr 1fr;
+	vertical-align: top;
+	/* modern browsers */
+	display: inline-grid;
+	grid-template-columns: 1fr 1fr;
+}
+
+.privacy-settings-tab {
+	display: block; /* IE 11 */
+	text-decoration: none;
+	color: inherit;
+	padding: 0.5rem 1rem 1rem;
+	margin: 0 1rem;
+	transition: box-shadow 0.5s ease-in-out;
+}
+
+.privacy-settings-tab:nth-child(1),
+.health-check-tab:nth-child(1) {
+	-ms-grid-column: 1; /* IE 11 */
+}
+
+.privacy-settings-tab:nth-child(2),
+.health-check-tab:nth-child(2) {
+	-ms-grid-column: 2; /* IE 11 */
+}
+
+.privacy-settings-tab:focus,
+.health-check-tab:focus {
+	color: #1d2327;
+	outline: 1px solid #787c82;
+	box-shadow: none;
+}
+
+.privacy-settings-tab.active,
+.health-check-tab.active {
+	box-shadow: inset 0 -3px #3582c4;
+	font-weight: 600;
+}
+
+/* Body */
+.privacy-settings-body,
+.health-check-body {
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+.tools-privacy-policy-page th {
+	min-width: 230px;
+}
+
+.hr-separator {
+	margin-top: 20px;
+	margin-bottom: 15px;
+}
+
+/* Accordions */
+.privacy-settings-accordion,
+.health-check-accordion {
+	border: 1px solid #c3c4c7;
+}
+
+.privacy-settings-accordion-heading,
+.health-check-accordion-heading {
+	margin: 0;
+	border-top: 1px solid #c3c4c7;
+	font-size: inherit;
+	line-height: inherit;
+	font-weight: 600;
+	color: inherit;
+}
+
+.privacy-settings-accordion-heading:first-child,
+.health-check-accordion-heading:first-child {
+	border-top: none;
+}
+
+.privacy-settings-accordion-trigger,
+.health-check-accordion-trigger {
+	background: #fff;
+	border: 0;
+	color: #2c3338;
+	cursor: pointer;
+	display: flex;
+	font-weight: 400;
+	margin: 0;
+	padding: 1em 3.5em 1em 1.5em;
+	min-height: 46px;
+	position: relative;
+	text-align: left;
+	width: 100%;
+	align-items: center;
+	justify-content: space-between;
+	-webkit-user-select: auto;
+	user-select: auto;
+}
+
+.privacy-settings-accordion-trigger:hover,
+.privacy-settings-accordion-trigger:active,
+.health-check-accordion-trigger:hover,
+.health-check-accordion-trigger:active {
+	background: #f6f7f7;
+}
+
+.privacy-settings-accordion-trigger:focus,
+.health-check-accordion-trigger:focus {
+	color: #1d2327;
+	border: none;
+	box-shadow: none;
+	outline-offset: -1px;
+	outline: 2px solid #2271b1;
+	background-color: #f6f7f7;
+}
+
+.privacy-settings-accordion-trigger .title,
+.health-check-accordion-trigger .title {
+	pointer-events: none;
+	font-weight: 600;
+	flex-grow: 1;
+}
+
+.privacy-settings-accordion-trigger .icon,
+.privacy-settings-view-read .icon,
+.health-check-accordion-trigger .icon,
+.site-health-view-passed .icon {
+	border: solid #50575e;
+	border-width: 0 2px 2px 0;
+	height: 0.5rem;
+	pointer-events: none;
+	position: absolute;
+	right: 1.5em;
+	top: 50%;
+	transform: translateY(-70%) rotate(45deg);
+	width: 0.5rem;
+}
+
+.privacy-settings-accordion-trigger .badge,
+.health-check-accordion-trigger .badge {
+	padding: 0.1rem 0.5rem 0.15rem;
+	color: #2c3338;
+	font-weight: 600;
+}
+
+.privacy-settings-accordion-trigger .badge {
+	margin-left: 0.5rem;
+}
+
+.privacy-settings-accordion-trigger .badge.blue,
+.health-check-accordion-trigger .badge.blue {
+	border: 1px solid #72aee6;
+}
+
+.privacy-settings-accordion-trigger .badge.orange,
+.health-check-accordion-trigger .badge.orange {
+	border: 1px solid #dba617;
+}
+
+.privacy-settings-accordion-trigger .badge.red,
+.health-check-accordion-trigger .badge.red {
+	border: 1px solid #e65054;
+}
+
+.privacy-settings-accordion-trigger .badge.green,
+.health-check-accordion-trigger .badge.green {
+	border: 1px solid #00ba37;
+}
+
+.privacy-settings-accordion-trigger .badge.purple,
+.health-check-accordion-trigger .badge.purple {
+	border: 1px solid #2271b1;
+}
+
+.privacy-settings-accordion-trigger .badge.gray,
+.health-check-accordion-trigger .badge.gray {
+	border: 1px solid #c3c4c7;
+}
+
+.privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
+.privacy-settings-view-passed[aria-expanded="true"] .icon,
+.health-check-accordion-trigger[aria-expanded="true"] .icon,
+.site-health-view-passed[aria-expanded="true"] .icon {
+	transform: translateY(-30%) rotate(-135deg)
+}
+
+.privacy-settings-accordion-panel,
+.health-check-accordion-panel {
+	margin: 0;
+	padding: 1em 1.5em;
+	background: #fff;
+}
+
+.privacy-settings-accordion-panel[hidden],
+.health-check-accordion-panel[hidden] {
+	display: none;
+}
+
+.privacy-settings-accordion-panel a .dashicons,
+.health-check-accordion-panel a .dashicons {
+	text-decoration: none;
+}
+
+.privacy-settings-accordion-actions {
+	text-align: right;
+	display: block;
+}
+
+.privacy-settings-accordion-actions .success {
+	display: none;
+	color: #008a20;
+	padding-right: 1em;
+	padding-top: 6px;
+}
+
+.privacy-settings-accordion-actions .success.visible {
+	display: inline-block;
+}
+
+/* Suggested text for privacy policy */
+.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
+.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,
+.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy {
+	display: none;
+}
+
+.privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */
+.privacy-settings-accordion-panel strong.privacy-policy-tutorial {
+	display: block;
+	margin: 0 0 1em;
+}
+
+.privacy-text-copy span {
+	pointer-events: none;
+}
+
+.privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
+.privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
+.privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
+.privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) {
+	margin: 0;
+	padding: 1em;
+	border-left: 2px solid #787c82;
+}
+
+/* Media queries */
+@media screen and (max-width: 782px) {
+
+	.privacy-settings-body,
+	.health-check-body {
+		margin: 0 12px;
+		width: auto;
+	}
+
+	.privacy-settings .notice,
+	.site-health .notice {
+		margin: 5px 10px 15px;
+	}
+
+	.privacy-settings .update-nag,
+	.site-health .update-nag {
+		margin-right: 10px;
+		margin-left: 10px;
+	}
+
+	input#create-page {
+		margin-top: 10px;
+	}
+
+	.wp-core-ui button.privacy-text-copy {
+		white-space: normal;
+		line-height: 1.8;
+	}
+}
+
+@media only screen and (max-width: 1004px) {
+
+	.privacy-settings-body,
+	.health-check-body {
+		margin: 0 22px;
+		width: auto;
+	}
+}
+
+/**
+* End Privacy Settings section
+*/
+
+/*------------------------------------------------------------------------------
+  11.1 - Custom Fields
+------------------------------------------------------------------------------*/
+
+#postcustomstuff thead th {
+	padding: 5px 8px 8px;
+	background-color: #f0f0f1;
+}
+
+#postcustom #postcustomstuff .submit {
+	border: 0 none;
+	float: none;
+	padding: 0 8px 8px;
+}
+
+#side-sortables #postcustom #postcustomstuff .submit {
+	margin: 0;
+	padding: 0;
+}
+
+#side-sortables #postcustom #postcustomstuff #the-list textarea {
+	height: 85px;
+}
+
+#side-sortables #postcustom #postcustomstuff td.left input,
+#side-sortables #postcustom #postcustomstuff td.left select,
+#side-sortables #postcustomstuff #newmetaleft a {
+	margin: 3px 3px 0;
+}
+
+#postcustomstuff table {
+	margin: 0;
+	width: 100%;
+	border: 1px solid #dcdcde;
+	border-spacing: 0;
+	background-color: #f6f7f7;
+}
+
+#postcustomstuff tr {
+	vertical-align: top;
+}
+
+#postcustomstuff table input,
+#postcustomstuff table select,
+#postcustomstuff table textarea {
+	width: 96%;
+	margin: 8px;
+}
+
+#side-sortables #postcustomstuff table input,
+#side-sortables #postcustomstuff table select,
+#side-sortables #postcustomstuff table textarea {
+	margin: 3px;
+}
+
+#postcustomstuff th.left,
+#postcustomstuff td.left {
+	width: 38%;
+}
+
+#postcustomstuff .submit input {
+	margin: 0;
+	width: auto;
+}
+
+#postcustomstuff #newmetaleft a {
+	display: inline-block;
+	margin: 0 8px 8px;
+	text-decoration: none;
+}
+
+.no-js #postcustomstuff #enternew {
+	display: none;
+}
+
+#post-body-content .compat-attachment-fields {
+	margin-bottom: 20px;
+}
+
+.compat-attachment-fields th {
+	padding-top: 5px;
+	padding-right: 10px;
+}
+
+/*------------------------------------------------------------------------------
+  11.3 - Featured Images
+------------------------------------------------------------------------------*/
+
+#select-featured-image {
+	padding: 4px 0;
+	overflow: hidden;
+}
+
+#select-featured-image img {
+	max-width: 100%;
+	height: auto;
+	margin-bottom: 10px;
+}
+
+#select-featured-image a {
+	float: left;
+	clear: both;
+}
+
+#select-featured-image .remove {
+	display: none;
+	margin-top: 10px;
+}
+
+.js #select-featured-image.has-featured-image .remove {
+	display: inline-block;
+}
+
+.no-js #select-featured-image .choose {
+	display: none;
+}
+
+/*------------------------------------------------------------------------------
+  11.4 - Post formats
+------------------------------------------------------------------------------*/
+
+.post-format-icon::before {
+	display: inline-block;
+	vertical-align: middle;
+	height: 20px;
+	width: 20px;
+	margin-top: -4px;
+	margin-right: 7px;
+	color: #dcdcde;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+a.post-format-icon:hover:before {
+	color: #135e96;
+}
+
+#post-formats-select {
+	line-height: 2;
+}
+
+#post-formats-select .post-format-icon::before {
+	top: 5px;
+}
+
+input.post-format {
+	margin-top: 1px;
+}
+
+label.post-format-icon {
+	margin-left: 0;
+	padding: 2px 0;
+}
+
+.post-format-icon.post-format-standard::before {
+	content: "\f109";
+}
+
+.post-format-icon.post-format-image::before {
+	content: "\f128";
+}
+
+.post-format-icon.post-format-gallery::before {
+	content: "\f161";
+}
+
+.post-format-icon.post-format-audio::before {
+	content: "\f127";
+}
+
+.post-format-icon.post-format-video::before {
+	content: "\f126";
+}
+
+.post-format-icon.post-format-chat::before {
+	content: "\f125";
+}
+
+.post-format-icon.post-format-status::before {
+	content: "\f130";
+}
+
+.post-format-icon.post-format-aside::before {
+	content: "\f123";
+}
+
+.post-format-icon.post-format-quote::before {
+	content: "\f122";
+}
+
+.post-format-icon.post-format-link::before {
+	content: "\f103";
+}
+
+/*------------------------------------------------------------------------------
+  12.0 - Categories
+------------------------------------------------------------------------------*/
+
+.category-adder {
+	margin-left: 120px;
+	padding: 4px 0;
+}
+
+.category-adder h4 {
+	margin: 0 0 8px;
+}
+
+#side-sortables .category-adder {
+	margin: 0;
+}
+
+.wp-tab-panel,
+.categorydiv div.tabs-panel,
+.customlinkdiv div.tabs-panel,
+.posttypediv div.tabs-panel,
+.taxonomydiv div.tabs-panel {
+	min-height: 42px;
+	max-height: 200px;
+	overflow: auto;
+	padding: 0 0.9em;
+	border: solid 1px #dcdcde;
+	background-color: #fff;
+}
+
+div.tabs-panel-active {
+	display: block;
+}
+
+div.tabs-panel-inactive {
+	display: none;
+}
+
+div.tabs-panel-active:focus {
+	box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 0 none;
+}
+
+#front-page-warning,
+#front-static-pages ul,
+ul.export-filters,
+.inline-editor ul.cat-checklist ul,
+.categorydiv ul.categorychecklist ul,
+.customlinkdiv ul.categorychecklist ul,
+.posttypediv ul.categorychecklist ul,
+.taxonomydiv ul.categorychecklist ul {
+	margin-left: 18px;
+}
+
+ul.categorychecklist li {
+	margin: 0;
+	padding: 0;
+	line-height: 1.69230769;
+	word-wrap: break-word;
+}
+
+.categorydiv .tabs-panel,
+.customlinkdiv .tabs-panel,
+.posttypediv .tabs-panel,
+.taxonomydiv .tabs-panel {
+	border-width: 3px;
+	border-style: solid;
+}
+
+.form-wrap label {
+	display: block;
+	padding: 2px 0;
+}
+
+.form-field input[type="text"],
+.form-field input[type="password"],
+.form-field input[type="email"],
+.form-field input[type="number"],
+.form-field input[type="search"],
+.form-field input[type="tel"],
+.form-field input[type="url"],
+.form-field textarea {
+	border-style: solid;
+	border-width: 1px;
+	width: 95%;
+}
+
+.form-field select,
+.form-field p {
+	max-width: 95%;
+}
+
+p.description,
+.form-wrap p {
+	margin: 2px 0 5px;
+	color: #646970;
+}
+
+p.help,
+p.description,
+span.description,
+.form-wrap p {
+	font-size: 13px;
+}
+
+p.description code {
+	font-style: normal;
+}
+
+.form-wrap .form-field {
+	margin: 1em 0;
+	padding: 0;
+}
+
+.col-wrap h2 {
+	margin: 12px 0;
+	font-size: 1.1em;
+}
+
+.col-wrap p.submit {
+	margin-top: -10px;
+}
+
+.edit-term-notes {
+	margin-top: 2em;
+}
+
+/*------------------------------------------------------------------------------
+  13.0 - Tags
+------------------------------------------------------------------------------*/
+
+#poststuff .tagsdiv .ajaxtag {
+	margin-top: 1em;
+}
+
+#poststuff .tagsdiv .howto {
+	margin: 1em 0 6px;
+}
+
+.ajaxtag .newtag {
+	position: relative;
+}
+
+.tagsdiv .newtag {
+	width: 180px;
+}
+
+.tagsdiv .the-tags {
+	display: block;
+	height: 60px;
+	margin: 0 auto;
+	overflow: auto;
+	width: 260px;
+}
+
+#post-body-content .tagsdiv .the-tags {
+	margin: 0 5px;
+}
+
+p.popular-tags {
+	border: none;
+	line-height: 2em;
+	padding: 8px 12px 12px;
+	text-align: justify;
+}
+
+p.popular-tags a {
+	padding: 0 3px;
+}
+
+.tagcloud {
+	width: 97%;
+	margin: 0 0 40px;
+	text-align: justify;
+}
+
+.tagcloud h2 {
+	margin: 2px 0 12px;
+}
+
+#poststuff .inside .the-tagcloud {
+	margin: 5px 0 10px;
+	padding: 8px;
+	border: 1px solid #dcdcde;
+	line-height: 1.2;
+	word-spacing: 3px;
+}
+
+.the-tagcloud ul {
+	margin: 0;
+}
+
+.the-tagcloud ul li {
+	display: inline-block;
+}
+
+/* Back-compat styles from deprecated jQuery.suggest, see ticket #40260. */
+.ac_results {
+	display: none;
+	margin: -1px 0 0;
+	padding: 0;
+	list-style: none;
+	position: absolute;
+	z-index: 10000;
+	border: 1px solid #4f94d4;
+	background-color: #fff;
+}
+
+.wp-customizer .ac_results {
+	z-index: 500000;
+}
+
+.ac_results li {
+	margin: 0;
+	padding: 5px 10px;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.ac_results .ac_over,
+.ac_over .ac_match {
+	background-color: #2271b1;
+	color: #fff;
+	cursor: pointer;
+}
+
+.ac_match {
+	text-decoration: underline;
+}
+
+#addtag .spinner {
+	float: none;
+	vertical-align: top;
+}
+
+#edittag {
+	max-width: 800px;
+}
+
+.edit-tag-actions {
+	margin-top: 20px;
+}
+
+/* Comments */
+
+.comment-php .wp-editor-area {
+	height: 200px;
+}
+
+.comment-ays th,
+.comment-ays td {
+	padding: 10px 15px;
+}
+
+.comment-ays .comment-content ul {
+	list-style: initial;
+	margin-left: 2em;
+}
+
+.comment-ays .comment-content a[href]:after {
+	content: "(" attr( href ) ")";
+	display: inline-block;
+	padding: 0 4px;
+	color: #646970;
+	font-size: 13px;
+	word-break: break-all;
+}
+
+.comment-ays .comment-content p.edit-comment {
+	margin-top: 10px;
+}
+
+.comment-ays .comment-content p.edit-comment a[href]:after {
+	content: "";
+	padding: 0;
+}
+
+.comment-ays-submit .button-cancel {
+	margin-left: 1em;
+}
+
+.trash-undo-inside,
+.spam-undo-inside {
+	margin: 1px 8px 1px 0;
+	line-height: 1.23076923;
+}
+
+.spam-undo-inside .avatar,
+.trash-undo-inside .avatar {
+	height: 20px;
+	width: 20px;
+	margin-right: 8px;
+	vertical-align: middle;
+}
+
+.stuffbox .editcomment {
+	clear: none;
+	margin-top: 0;
+}
+
+#namediv.stuffbox .editcomment input {
+	width: 100%;
+}
+
+#namediv.stuffbox .editcomment.form-table td {
+	padding: 10px;
+}
+
+#comment-status-radio p {
+	margin: 3px 0 5px;
+}
+
+#comment-status-radio input {
+	margin: 2px 3px 5px 0;
+	vertical-align: middle;
+}
+
+#comment-status-radio label {
+	padding: 5px 0;
+}
+
+/* links tables */
+table.links-table {
+	width: 100%;
+	border-spacing: 0;
+}
+
+.links-table th {
+	font-weight: 400;
+	text-align: left;
+	vertical-align: top;
+	min-width: 80px;
+	width: 20%;
+	word-wrap: break-word;
+}
+
+.links-table th,
+.links-table td {
+	padding: 5px 0;
+}
+
+.links-table td label {
+	margin-right: 8px;
+}
+
+.links-table td input[type="text"],
+.links-table td textarea {
+	width: 100%;
+}
+
+.links-table #link_rel {
+	max-width: 280px;
+}
+
+/* DFW 2
+-------------------------------------------------------------- */
+
+#qt_content_dfw {
+	display: none;
+}
+
+.wp-editor-expand #qt_content_dfw {
+	display: inline-block;
+}
+
+.focus-on .wrap > h1,
+.focus-on .page-title-action,
+.focus-on #wpfooter,
+.focus-on .postbox-container > *,
+.focus-on div.updated,
+.focus-on div.error,
+.focus-on div.notice,
+.focus-on .update-nag,
+.focus-on #wp-toolbar,
+.focus-on #screen-meta-links,
+.focus-on #screen-meta {
+	opacity: 0;
+	transition-duration: 0.6s;
+	transition-property: opacity;
+	transition-timing-function: ease-in-out;
+}
+
+.focus-on #wp-toolbar {
+	opacity: 0.3;
+}
+
+.focus-off .wrap > h1,
+.focus-off .page-title-action,
+.focus-off #wpfooter,
+.focus-off .postbox-container > *,
+.focus-off div.updated,
+.focus-off div.error,
+.focus-off div.notice,
+.focus-off .update-nag,
+.focus-off #wp-toolbar,
+.focus-off #screen-meta-links,
+.focus-off #screen-meta {
+	opacity: 1;
+	transition-duration: 0.2s;
+	transition-property: opacity;
+	transition-timing-function: ease-in-out;
+}
+
+.focus-off #wp-toolbar {
+	-webkit-transform: translate(0, 0);
+}
+
+.focus-on #adminmenuback,
+.focus-on #adminmenuwrap {
+	transition-duration: 0.6s;
+	transition-property: transform;
+	transition-timing-function: ease-in-out;
+}
+
+.focus-on #adminmenuback,
+.focus-on #adminmenuwrap {
+	transform: translateX( -100% );
+}
+
+.focus-off #adminmenuback,
+.focus-off #adminmenuwrap {
+	transform: translateX( 0 );
+	transition-duration: 0.2s;
+	transition-property: transform;
+	transition-timing-function: ease-in-out;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	#content-resize-handle,
+	#post-body .wp_themeSkin .mceStatusbar a.mceResize {
+		background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
+		background-size: 11px 11px;
+	}
+
+	/*rtl:ignore*/
+	.rtl #content-resize-handle,
+	.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
+		background-image: url(../images/resize-rtl-2x.gif);
+		background-position: left bottom;
+	}
+}
+
+/*
+ * The edit attachment screen auto-switches to one column layout when the
+ * viewport is smaller than 1200 pixels.
+ */
+@media only screen and (max-width: 1200px) {
+	.post-type-attachment #poststuff {
+		min-width: 0;
+	}
+
+	.post-type-attachment #wpbody-content #poststuff #post-body {
+		margin: 0;
+	}
+
+	.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
+		margin-right: 0;
+		width: 100%;
+	}
+
+	.post-type-attachment #poststuff #postbox-container-1 .empty-container,
+	.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
+		outline: none;
+		height: 0;
+		min-height: 0;
+	}
+
+	.post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
+		min-height: 0;
+		width: auto;
+	}
+
+	.is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables {
+		outline: none;
+		min-height: 0;
+		margin-bottom: 0;
+	}
+
+	/* hide the radio buttons for column prefs */
+	.post-type-attachment .screen-layout,
+	.post-type-attachment .columns-prefs {
+		display: none;
+	}
+}
+
+/* one column on the post write/edit screen */
+@media only screen and (max-width: 850px) {
+	#poststuff {
+		min-width: 0;
+	}
+
+	#wpbody-content #poststuff #post-body {
+		margin: 0;
+	}
+
+	#wpbody-content #post-body.columns-2 #postbox-container-1 {
+		margin-right: 0;
+		width: 100%;
+	}
+
+	#poststuff #postbox-container-1 .empty-container,
+	#poststuff #postbox-container-1 #side-sortables:empty {
+		height: 0;
+		min-height: 0;
+	}
+
+	#poststuff #post-body.columns-2 #side-sortables {
+		min-height: 0;
+		width: auto;
+	}
+
+	/* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */
+	.is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container,
+	.is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,
+	.is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,
+	.is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables {
+		height: auto;
+		min-height: 60px;
+	}
+
+	/* hide the radio buttons for column prefs */
+	.screen-layout,
+	.columns-prefs {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.wp-core-ui .edit-tag-actions .button-primary {
+		margin-bottom: 0;
+	}
+
+	#post-body-content {
+		min-width: 0;
+	}
+
+	#titlediv #title-prompt-text {
+		padding: 10px;
+	}
+
+	#poststuff .stuffbox .inside {
+		padding: 0 2px 4px 0;
+	}
+
+	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
+	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
+	#poststuff h2 {
+		padding: 12px;
+	}
+
+	#namediv.stuffbox .editcomment.form-table td {
+		padding: 5px 10px;
+	}
+
+	.post-format-options {
+		padding-right: 0;
+	}
+
+	.post-format-options a {
+		margin-right: 5px;
+		margin-bottom: 5px;
+		min-width: 52px;
+	}
+
+	.post-format-options .post-format-title {
+		font-size: 11px;
+	}
+
+	.post-format-options a div {
+		height: 28px;
+		width: 28px;
+	}
+
+	.post-format-options a div:before {
+		font-size: 26px !important;
+	}
+
+	/* Publish Metabox Options */
+	#post-visibility-select {
+		line-height: 280%;
+	}
+
+	.wp-core-ui .save-post-visibility,
+	.wp-core-ui .save-timestamp {
+		vertical-align: middle;
+		margin-right: 15px;
+	}
+
+	.timestamp-wrap select#mm {
+		display: block;
+		width: 100%;
+		margin-bottom: 10px;
+	}
+
+	.timestamp-wrap #jj,
+	.timestamp-wrap #aa,
+	.timestamp-wrap #hh,
+	.timestamp-wrap #mn {
+		padding: 12px 3px;
+		font-size: 14px;
+		margin-bottom: 5px;
+		width: auto;
+		text-align: center;
+	}
+
+	/* Categories Metabox */
+	ul.category-tabs {
+		margin: 30px 0 15px;
+	}
+
+	ul.category-tabs li.tabs {
+		padding: 15px;
+	}
+
+	ul.categorychecklist li {
+		margin-bottom: 15px;
+	}
+
+	ul.categorychecklist ul {
+		margin-top: 15px;
+	}
+
+	.category-add input[type=text],
+	.category-add select {
+		max-width: none;
+		margin-bottom: 15px;
+	}
+
+	/* Tags Metabox */
+	.tagsdiv .newtag {
+		width: 100%;
+		height: auto;
+		margin-bottom: 15px;
+	}
+
+	.tagchecklist {
+		margin: 25px 10px;
+	}
+
+	.tagchecklist > li {
+		font-size: 16px;
+		line-height: 1.4;
+	}
+
+	/* Discussion */
+	#commentstatusdiv p {
+		line-height: 2.8;
+	}
+
+	/* TinyMCE Adjustments */
+	.mceToolbar * {
+		white-space: normal !important;
+	}
+
+	.mceToolbar tr,
+	.mceToolbar td {
+		float: left !important;
+	}
+
+	.wp_themeSkin a.mceButton {
+		width: 30px;
+		height: 30px;
+	}
+
+	.wp_themeSkin .mceButton .mceIcon {
+		margin-top: 5px;
+		margin-left: 5px;
+	}
+
+	.wp_themeSkin .mceSplitButton {
+		margin-top: 1px;
+	}
+
+	.wp_themeSkin .mceSplitButton td a.mceAction {
+		padding: 6px 3px 6px 6px;
+	}
+
+	.wp_themeSkin .mceSplitButton td a.mceOpen,
+	.wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
+		padding-top: 6px;
+		padding-bottom: 6px;
+		background-position: 1px 6px;
+	}
+
+	.wp_themeSkin table.mceListBox {
+		margin: 5px;
+	}
+
+	div.quicktags-toolbar input {
+		padding: 10px 20px;
+	}
+
+	button.wp-switch-editor {
+		font-size: 16px;
+		line-height: 1;
+		margin: 7px 0 0 7px;
+		padding: 8px 12px;
+	}
+
+	#wp-content-media-buttons a {
+		font-size: 14px;
+		padding: 6px 10px;
+	}
+
+	.wp-media-buttons span.wp-media-buttons-icon,
+	.wp-media-buttons span.jetpack-contact-form-icon {
+		width: 22px !important;
+		margin-left: -2px !important;
+	}
+
+	.wp-media-buttons .add_media span.wp-media-buttons-icon:before,
+	.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
+		font-size: 20px !important;
+	}
+
+	#content_wp_fullscreen {
+		display: none;
+	}
+
+	.misc-pub-section {
+		padding: 20px 10px;
+	}
+
+	#delete-action,
+	#publishing-action {
+		line-height: 3.61538461;
+	}
+
+	#publishing-action .spinner {
+		float: none;
+		margin-top: -2px; /* Half of the Publish button's bottom margin. */
+	}
+
+	/* Moderate Comment */
+	.comment-ays th,
+	.comment-ays td {
+		padding-bottom: 0;
+	}
+
+	.comment-ays td {
+		padding-top: 6px;
+	}
+
+	/* Links */
+	.links-table #link_rel {
+		max-width: none;
+	}
+
+	.links-table th,
+	.links-table td {
+		padding: 10px 0;
+	}
+
+	.edit-term-notes {
+		display: none;
+	}
+
+	.privacy-text-box {
+		width: auto;
+	}
+
+	.privacy-text-box-toc {
+		float: none;
+		width: auto;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.privacy-text-section .return-to-top {
+		margin: 2em 0 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/edit.min.css b/tools/storybook/wordpress/css/edit.min.css
new file mode 100644
index 00000000000..f9c161352c3
--- /dev/null
+++ b/tools/storybook/wordpress/css/edit.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+#poststuff{padding-top:10px;min-width:763px}#poststuff #post-body{padding:0}#poststuff .postbox-container{width:100%}#poststuff #post-body.columns-2{margin-right:300px}#show-comments{overflow:hidden}#save-action .spinner,#show-comments a{float:left}#show-comments .spinner{float:none;margin-top:0}#lost-connection-notice .spinner{visibility:visible;float:left;margin:0 5px 0 0}#titlediv{position:relative}#titlediv label{cursor:text}#titlediv div.inside{margin:0}#poststuff #titlewrap{border:0;padding:0}#titlediv #title{padding:3px 8px;font-size:1.7em;line-height:100%;height:1.7em;width:100%;outline:0;margin:0 0 3px;background-color:#fff}#titlediv #title-prompt-text{color:#646970;position:absolute;font-size:1.7em;padding:10px;pointer-events:none}input#link_description,input#link_url{width:100%}#pending{background:0 none;border:0 none;padding:0;font-size:11px;margin-top:-1px}#comment-link-box,#edit-slug-box{line-height:1.84615384;min-height:25px;margin-top:5px;padding:0 10px;color:#646970}#sample-permalink{display:inline-block;max-width:100%;word-wrap:break-word}#edit-slug-box .cancel{margin-right:10px;padding:0;font-size:11px}#comment-link-box{margin:5px 0;padding:0 5px}#editable-post-name-full{display:none}#editable-post-name{font-weight:600}#editable-post-name input{font-size:13px;font-weight:400;height:24px;margin:0;width:16em}.postarea h3 label{float:left}body.post-new-php .submitbox .submitdelete{display:none}.submitbox .submit a:hover{text-decoration:underline}.submitbox .submit input{margin-bottom:8px;margin-right:4px;padding:6px}#post-status-select{margin-top:3px}body.post-type-wp_navigation .inline-edit-status,body.post-type-wp_navigation div#minor-publishing{display:none}.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables{outline:3px dashed #646970;display:flow-root;min-height:60px;margin-bottom:20px}.postbox{position:relative;min-width:255px;border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04);background:#fff}#trackback_url{width:99%}#normal-sortables .postbox .submit{background:transparent none;border:0 none;float:right;padding:0 12px;margin:0}.category-add input[type=text],.category-add select{width:100%;max-width:260px;vertical-align:baseline}#side-sortables .category-add input[type=text],#side-sortables .category-add select{margin:0 0 1em}#side-sortables .add-menu-item-tabs li,.wp-tab-bar li,ul.category-tabs li{display:inline;line-height:1.35}.no-js .category-tabs li.hide-if-no-js{display:none}#side-sortables .add-menu-item-tabs a,.category-tabs a,.wp-tab-bar a{text-decoration:none}#post-body ul.add-menu-item-tabs li.tabs a,#post-body ul.category-tabs li.tabs a,#side-sortables .add-menu-item-tabs .tabs a,#side-sortables .category-tabs .tabs a,.wp-tab-bar .wp-tab-active a{color:#2c3338}.category-tabs{margin:8px 0 5px}#category-adder h4{margin:0}.taxonomy-add-new{display:inline-block;margin:10px 0;font-weight:600}#side-sortables .add-menu-item-tabs,.wp-tab-bar{margin-bottom:3px}#normal-sortables .postbox #replyrow .submit{float:none;margin:0;padding:5px 7px 10px;overflow:hidden}#side-sortables .submitbox .submit .preview,#side-sortables .submitbox .submit a.preview:hover,#side-sortables .submitbox .submit input{border:0 none}ul.add-menu-item-tabs,ul.category-tabs,ul.wp-tab-bar{margin-top:12px}ul.add-menu-item-tabs li,ul.category-tabs li{border:solid 1px transparent;position:relative}.wp-tab-active,ul.add-menu-item-tabs li.tabs,ul.category-tabs li.tabs{border:1px solid #dcdcde;border-bottom-color:#fff;background-color:#fff}ul.add-menu-item-tabs li,ul.category-tabs li,ul.wp-tab-bar li{padding:3px 5px 6px}#set-post-thumbnail{display:inline-block;max-width:100%}#postimagediv .inside img{max-width:100%;height:auto;width:auto;vertical-align:top;background-image:linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:0 0,10px 10px;background-size:20px 20px}form#tags-filter{position:relative}.ui-tabs-hide,.wp-hidden-children .wp-hidden-child{display:none}#post-body .tagsdiv #newtag{margin-right:5px;width:16em}#side-sortables input#post_password{width:94%}#side-sortables .tagsdiv #newtag{width:68%}#post-status-info{width:100%;border-spacing:0;border:1px solid #c3c4c7;border-top:none;background-color:#f6f7f7;box-shadow:0 1px 1px rgba(0,0,0,.04);z-index:999}#post-status-info td{font-size:12px}.autosave-info{padding:2px 10px;text-align:right}#editorcontent #post-status-info{border:none}#content-resize-handle{background:transparent url(../images/resize.gif) no-repeat scroll right bottom;width:12px;cursor:row-resize}.rtl #content-resize-handle{background-image:url(../images/resize-rtl.gif);background-position:left bottom}.wp-editor-expand #content-resize-handle{display:none}#postdivrich #content{resize:none}#wp-word-count{padding:2px 10px}#wp-content-editor-container{position:relative}.wp-editor-expand #wp-content-editor-tools{z-index:1000;border-bottom:1px solid #c3c4c7}.wp-editor-expand #wp-content-editor-container{box-shadow:none;margin-top:-1px}.wp-editor-expand #wp-content-editor-container{border-bottom:0 none}.wp-editor-expand div.mce-statusbar{z-index:1}.wp-editor-expand #post-status-info{border-top:1px solid #c3c4c7}.wp-editor-expand div.mce-toolbar-grp{z-index:999}.mce-fullscreen #wp-content-wrap .mce-edit-area,.mce-fullscreen #wp-content-wrap .mce-menubar,.mce-fullscreen #wp-content-wrap .mce-statusbar,.mce-fullscreen #wp-content-wrap .mce-toolbar-grp{position:static!important;width:auto!important;padding:0!important}.mce-fullscreen #wp-content-wrap .mce-statusbar{visibility:visible!important}.mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw{display:none}.mce-fullscreen #wp-content-wrap .mce-wp-dfw,.post-php.mce-fullscreen #wpadminbar{display:none}#wp-content-editor-tools{background-color:#f0f0f1;padding-top:20px}#poststuff #post-body.columns-2 #side-sortables{width:280px}#timestampdiv select{vertical-align:top;font-size:12px;line-height:2.33333333}#aa,#hh,#jj,#mn{padding:6px 1px;font-size:12px;line-height:1.16666666}#hh,#jj,#mn{width:2em}#aa{width:3.4em}.curtime #timestamp{padding:2px 0 1px;display:inline!important;height:auto!important}#post-body #visibility:before,#post-body .misc-pub-comment-status:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-response-to:before,#post-body .misc-pub-revisions:before,#post-body .misc-pub-uploadedby:before,#post-body .misc-pub-uploadedto:before,.curtime #timestamp:before{color:#8c8f94}#post-body #visibility:before,#post-body .misc-pub-comment-status:before,#post-body .misc-pub-post-status:before,#post-body .misc-pub-response-to:before,#post-body .misc-pub-revisions:before,#post-body .misc-pub-uploadedby:before,#post-body .misc-pub-uploadedto:before,.curtime #timestamp:before{font:normal 20px/1 dashicons;speak:never;display:inline-block;margin-left:-1px;padding-right:3px;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#post-body .misc-pub-comment-status:before,#post-body .misc-pub-post-status:before{content:"\f173"}#post-body #visibility:before{content:"\f177"}.curtime #timestamp:before{content:"\f145";position:relative;top:-1px}#post-body .misc-pub-uploadedby:before{content:"\f110";position:relative;top:-1px}#post-body .misc-pub-uploadedto:before{content:"\f318";position:relative;top:-1px}#post-body .misc-pub-revisions:before{content:"\f321"}#post-body .misc-pub-response-to:before{content:"\f101"}#timestampdiv{padding-top:5px;line-height:1.76923076}#timestampdiv p{margin:8px 0 6px}#timestampdiv input{text-align:center}.notification-dialog{position:fixed;top:30%;max-height:70%;left:50%;width:450px;margin-left:-225px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);line-height:1.5;z-index:1000005;overflow-y:auto}.notification-dialog-background{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.7;z-index:1000000}#post-lock-dialog .post-locked-message,#post-lock-dialog .post-taken-over{margin:25px}#file-editor-warning .button,#post-lock-dialog .post-locked-message a.button{margin-right:10px}#post-lock-dialog .post-locked-avatar{float:left;margin:0 20px 20px 0}#post-lock-dialog .wp-tab-first{outline:0}#post-lock-dialog .locked-saving img{float:left;margin-right:3px}#post-lock-dialog.saved .locked-saved,#post-lock-dialog.saving .locked-saving{display:inline}#excerpt{display:block;margin:12px 0 0;height:4em;width:100%}.tagchecklist{margin-left:14px;font-size:12px;overflow:auto}.tagchecklist br{display:none}.tagchecklist strong{margin-left:-8px;position:absolute}.tagchecklist>li{float:left;margin-right:25px;font-size:13px;line-height:1.8;cursor:default;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tagchecklist .ntdelbutton{position:absolute;width:24px;height:24px;border:none;margin:0 0 0 -19px;padding:0;background:0 0;cursor:pointer;text-indent:0}#poststuff .stuffbox>h3,#poststuff h2,#poststuff h3.hndle{font-size:14px;padding:8px 12px;margin:0;line-height:1.4}#poststuff .stuffbox h2{padding:8px 10px}#poststuff .stuffbox>h2{border-bottom:1px solid #f0f0f1}#poststuff .inside{margin:6px 0 0}.link-add-php #poststuff .inside,.link-php #poststuff .inside{margin-top:12px}#poststuff .stuffbox .inside{margin:0}#poststuff .inside #page_template,#poststuff .inside #parent_id{max-width:100%}.post-attributes-label-wrapper{margin-bottom:.5em}.post-attributes-label{vertical-align:baseline;font-weight:600}#comment-status-radio,#post-visibility-select{line-height:1.5;margin-top:3px}#linksubmitdiv .inside,#poststuff #submitdiv .inside{margin:0;padding:0}#post-body-content,.edit-form-section{margin-bottom:20px}.wp_attachment_details .attachment-content-description{margin-top:.5385em;display:inline-block;min-height:1.6923em}.privacy-settings #wpcontent,.privacy-settings.auto-fold #wpcontent,.site-health #wpcontent,.site-health.auto-fold #wpcontent{padding-left:0}.health-check-header h1,.privacy-settings-header h1{display:inline-block;font-weight:600;margin:0 .8rem 1rem;font-size:23px;padding:9px 0 4px;line-height:1.3}.health-check-header,.privacy-settings-header{text-align:center;margin:0 0 1rem;background:#fff;border-bottom:1px solid #dcdcde}.health-check-title-section,.privacy-settings-title-section{display:flex;align-items:center;justify-content:center;clear:both;padding-top:8px}.privacy-settings-tabs-wrapper{display:-ms-inline-grid;-ms-grid-columns:1fr 1fr;vertical-align:top;display:inline-grid;grid-template-columns:1fr 1fr}.privacy-settings-tab{display:block;text-decoration:none;color:inherit;padding:.5rem 1rem 1rem;margin:0 1rem;transition:box-shadow .5s ease-in-out}.health-check-tab:nth-child(1),.privacy-settings-tab:nth-child(1){-ms-grid-column:1}.health-check-tab:nth-child(2),.privacy-settings-tab:nth-child(2){-ms-grid-column:2}.health-check-tab:focus,.privacy-settings-tab:focus{color:#1d2327;outline:1px solid #787c82;box-shadow:none}.health-check-tab.active,.privacy-settings-tab.active{box-shadow:inset 0 -3px #3582c4;font-weight:600}.health-check-body,.privacy-settings-body{max-width:800px;margin:0 auto}.tools-privacy-policy-page th{min-width:230px}.hr-separator{margin-top:20px;margin-bottom:15px}.health-check-accordion,.privacy-settings-accordion{border:1px solid #c3c4c7}.health-check-accordion-heading,.privacy-settings-accordion-heading{margin:0;border-top:1px solid #c3c4c7;font-size:inherit;line-height:inherit;font-weight:600;color:inherit}.health-check-accordion-heading:first-child,.privacy-settings-accordion-heading:first-child{border-top:none}.health-check-accordion-trigger,.privacy-settings-accordion-trigger{background:#fff;border:0;color:#2c3338;cursor:pointer;display:flex;font-weight:400;margin:0;padding:1em 3.5em 1em 1.5em;min-height:46px;position:relative;text-align:left;width:100%;align-items:center;justify-content:space-between;-webkit-user-select:auto;user-select:auto}.health-check-accordion-trigger:active,.health-check-accordion-trigger:hover,.privacy-settings-accordion-trigger:active,.privacy-settings-accordion-trigger:hover{background:#f6f7f7}.health-check-accordion-trigger:focus,.privacy-settings-accordion-trigger:focus{color:#1d2327;border:none;box-shadow:none;outline-offset:-1px;outline:2px solid #2271b1;background-color:#f6f7f7}.health-check-accordion-trigger .title,.privacy-settings-accordion-trigger .title{pointer-events:none;font-weight:600;flex-grow:1}.health-check-accordion-trigger .icon,.privacy-settings-accordion-trigger .icon,.privacy-settings-view-read .icon,.site-health-view-passed .icon{border:solid #50575e;border-width:0 2px 2px 0;height:.5rem;pointer-events:none;position:absolute;right:1.5em;top:50%;transform:translateY(-70%) rotate(45deg);width:.5rem}.health-check-accordion-trigger .badge,.privacy-settings-accordion-trigger .badge{padding:.1rem .5rem .15rem;color:#2c3338;font-weight:600}.privacy-settings-accordion-trigger .badge{margin-left:.5rem}.health-check-accordion-trigger .badge.blue,.privacy-settings-accordion-trigger .badge.blue{border:1px solid #72aee6}.health-check-accordion-trigger .badge.orange,.privacy-settings-accordion-trigger .badge.orange{border:1px solid #dba617}.health-check-accordion-trigger .badge.red,.privacy-settings-accordion-trigger .badge.red{border:1px solid #e65054}.health-check-accordion-trigger .badge.green,.privacy-settings-accordion-trigger .badge.green{border:1px solid #00ba37}.health-check-accordion-trigger .badge.purple,.privacy-settings-accordion-trigger .badge.purple{border:1px solid #2271b1}.health-check-accordion-trigger .badge.gray,.privacy-settings-accordion-trigger .badge.gray{border:1px solid #c3c4c7}.health-check-accordion-trigger[aria-expanded=true] .icon,.privacy-settings-accordion-trigger[aria-expanded=true] .icon,.privacy-settings-view-passed[aria-expanded=true] .icon,.site-health-view-passed[aria-expanded=true] .icon{transform:translateY(-30%) rotate(-135deg)}.health-check-accordion-panel,.privacy-settings-accordion-panel{margin:0;padding:1em 1.5em;background:#fff}.health-check-accordion-panel[hidden],.privacy-settings-accordion-panel[hidden]{display:none}.health-check-accordion-panel a .dashicons,.privacy-settings-accordion-panel a .dashicons{text-decoration:none}.privacy-settings-accordion-actions{text-align:right;display:block}.privacy-settings-accordion-actions .success{display:none;color:#008a20;padding-right:1em;padding-top:6px}.privacy-settings-accordion-actions .success.visible{display:inline-block}.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy,.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help{display:none}.privacy-settings-accordion-panel strong.privacy-policy-tutorial,.privacy-settings-accordion-panel strong.wp-policy-help{display:block;margin:0 0 1em}.privacy-text-copy span{pointer-events:none}.privacy-settings-accordion-panel .wp-suggested-text div>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep),.privacy-settings-accordion-panel .wp-suggested-text>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep),.privacy-settings-accordion-panel div>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep),.privacy-settings-accordion-panel>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.noticep){margin:0;padding:1em;border-left:2px solid #787c82}@media screen and (max-width:782px){.health-check-body,.privacy-settings-body{margin:0 12px;width:auto}.privacy-settings .notice,.site-health .notice{margin:5px 10px 15px}.privacy-settings .update-nag,.site-health .update-nag{margin-right:10px;margin-left:10px}input#create-page{margin-top:10px}.wp-core-ui button.privacy-text-copy{white-space:normal;line-height:1.8}}@media only screen and (max-width:1004px){.health-check-body,.privacy-settings-body{margin:0 22px;width:auto}}#postcustomstuff thead th{padding:5px 8px 8px;background-color:#f0f0f1}#postcustom #postcustomstuff .submit{border:0 none;float:none;padding:0 8px 8px}#side-sortables #postcustom #postcustomstuff .submit{margin:0;padding:0}#side-sortables #postcustom #postcustomstuff #the-list textarea{height:85px}#side-sortables #postcustom #postcustomstuff td.left input,#side-sortables #postcustom #postcustomstuff td.left select,#side-sortables #postcustomstuff #newmetaleft a{margin:3px 3px 0}#postcustomstuff table{margin:0;width:100%;border:1px solid #dcdcde;border-spacing:0;background-color:#f6f7f7}#postcustomstuff tr{vertical-align:top}#postcustomstuff table input,#postcustomstuff table select,#postcustomstuff table textarea{width:96%;margin:8px}#side-sortables #postcustomstuff table input,#side-sortables #postcustomstuff table select,#side-sortables #postcustomstuff table textarea{margin:3px}#postcustomstuff td.left,#postcustomstuff th.left{width:38%}#postcustomstuff .submit input{margin:0;width:auto}#postcustomstuff #newmetaleft a{display:inline-block;margin:0 8px 8px;text-decoration:none}.no-js #postcustomstuff #enternew{display:none}#post-body-content .compat-attachment-fields{margin-bottom:20px}.compat-attachment-fields th{padding-top:5px;padding-right:10px}#select-featured-image{padding:4px 0;overflow:hidden}#select-featured-image img{max-width:100%;height:auto;margin-bottom:10px}#select-featured-image a{float:left;clear:both}#select-featured-image .remove{display:none;margin-top:10px}.js #select-featured-image.has-featured-image .remove{display:inline-block}.no-js #select-featured-image .choose{display:none}.post-format-icon::before{display:inline-block;vertical-align:middle;height:20px;width:20px;margin-top:-4px;margin-right:7px;color:#dcdcde;font:normal 20px/1 dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a.post-format-icon:hover:before{color:#135e96}#post-formats-select{line-height:2}#post-formats-select .post-format-icon::before{top:5px}input.post-format{margin-top:1px}label.post-format-icon{margin-left:0;padding:2px 0}.post-format-icon.post-format-standard::before{content:"\f109"}.post-format-icon.post-format-image::before{content:"\f128"}.post-format-icon.post-format-gallery::before{content:"\f161"}.post-format-icon.post-format-audio::before{content:"\f127"}.post-format-icon.post-format-video::before{content:"\f126"}.post-format-icon.post-format-chat::before{content:"\f125"}.post-format-icon.post-format-status::before{content:"\f130"}.post-format-icon.post-format-aside::before{content:"\f123"}.post-format-icon.post-format-quote::before{content:"\f122"}.post-format-icon.post-format-link::before{content:"\f103"}.category-adder{margin-left:120px;padding:4px 0}.category-adder h4{margin:0 0 8px}#side-sortables .category-adder{margin:0}.categorydiv div.tabs-panel,.customlinkdiv div.tabs-panel,.posttypediv div.tabs-panel,.taxonomydiv div.tabs-panel,.wp-tab-panel{min-height:42px;max-height:200px;overflow:auto;padding:0 .9em;border:solid 1px #dcdcde;background-color:#fff}div.tabs-panel-active{display:block}div.tabs-panel-inactive{display:none}div.tabs-panel-active:focus{box-shadow:inset 0 0 0 1px #4f94d4,inset 0 0 2px 1px rgba(79,148,212,.8);outline:0 none}#front-page-warning,#front-static-pages ul,.categorydiv ul.categorychecklist ul,.customlinkdiv ul.categorychecklist ul,.inline-editor ul.cat-checklist ul,.posttypediv ul.categorychecklist ul,.taxonomydiv ul.categorychecklist ul,ul.export-filters{margin-left:18px}ul.categorychecklist li{margin:0;padding:0;line-height:1.69230769;word-wrap:break-word}.categorydiv .tabs-panel,.customlinkdiv .tabs-panel,.posttypediv .tabs-panel,.taxonomydiv .tabs-panel{border-width:3px;border-style:solid}.form-wrap label{display:block;padding:2px 0}.form-field input[type=email],.form-field input[type=number],.form-field input[type=password],.form-field input[type=search],.form-field input[type=tel],.form-field input[type=text],.form-field input[type=url],.form-field textarea{border-style:solid;border-width:1px;width:95%}.form-field p,.form-field select{max-width:95%}.form-wrap p,p.description{margin:2px 0 5px;color:#646970}.form-wrap p,p.description,p.help,span.description{font-size:13px}p.description code{font-style:normal}.form-wrap .form-field{margin:1em 0;padding:0}.col-wrap h2{margin:12px 0;font-size:1.1em}.col-wrap p.submit{margin-top:-10px}.edit-term-notes{margin-top:2em}#poststuff .tagsdiv .ajaxtag{margin-top:1em}#poststuff .tagsdiv .howto{margin:1em 0 6px}.ajaxtag .newtag{position:relative}.tagsdiv .newtag{width:180px}.tagsdiv .the-tags{display:block;height:60px;margin:0 auto;overflow:auto;width:260px}#post-body-content .tagsdiv .the-tags{margin:0 5px}p.popular-tags{border:none;line-height:2em;padding:8px 12px 12px;text-align:justify}p.popular-tags a{padding:0 3px}.tagcloud{width:97%;margin:0 0 40px;text-align:justify}.tagcloud h2{margin:2px 0 12px}#poststuff .inside .the-tagcloud{margin:5px 0 10px;padding:8px;border:1px solid #dcdcde;line-height:1.2;word-spacing:3px}.the-tagcloud ul{margin:0}.the-tagcloud ul li{display:inline-block}.ac_results{display:none;margin:-1px 0 0;padding:0;list-style:none;position:absolute;z-index:10000;border:1px solid #4f94d4;background-color:#fff}.wp-customizer .ac_results{z-index:500000}.ac_results li{margin:0;padding:5px 10px;white-space:nowrap;text-align:left}.ac_over .ac_match,.ac_results .ac_over{background-color:#2271b1;color:#fff;cursor:pointer}.ac_match{text-decoration:underline}#addtag .spinner{float:none;vertical-align:top}#edittag{max-width:800px}.edit-tag-actions{margin-top:20px}.comment-php .wp-editor-area{height:200px}.comment-ays td,.comment-ays th{padding:10px 15px}.comment-ays .comment-content ul{list-style:initial;margin-left:2em}.comment-ays .comment-content a[href]:after{content:"(" attr(href) ")";display:inline-block;padding:0 4px;color:#646970;font-size:13px;word-break:break-all}.comment-ays .comment-content p.edit-comment{margin-top:10px}.comment-ays .comment-content p.edit-comment a[href]:after{content:"";padding:0}.comment-ays-submit .button-cancel{margin-left:1em}.spam-undo-inside,.trash-undo-inside{margin:1px 8px 1px 0;line-height:1.23076923}.spam-undo-inside .avatar,.trash-undo-inside .avatar{height:20px;width:20px;margin-right:8px;vertical-align:middle}.stuffbox .editcomment{clear:none;margin-top:0}#namediv.stuffbox .editcomment input{width:100%}#namediv.stuffbox .editcomment.form-table td{padding:10px}#comment-status-radio p{margin:3px 0 5px}#comment-status-radio input{margin:2px 3px 5px 0;vertical-align:middle}#comment-status-radio label{padding:5px 0}table.links-table{width:100%;border-spacing:0}.links-table th{font-weight:400;text-align:left;vertical-align:top;min-width:80px;width:20%;word-wrap:break-word}.links-table td,.links-table th{padding:5px 0}.links-table td label{margin-right:8px}.links-table td input[type=text],.links-table td textarea{width:100%}.links-table #link_rel{max-width:280px}#qt_content_dfw{display:none}.wp-editor-expand #qt_content_dfw{display:inline-block}.focus-on #screen-meta,.focus-on #screen-meta-links,.focus-on #wp-toolbar,.focus-on #wpfooter,.focus-on .page-title-action,.focus-on .postbox-container>*,.focus-on .update-nag,.focus-on .wrap>h1,.focus-on div.error,.focus-on div.notice,.focus-on div.updated{opacity:0;transition-duration:.6s;transition-property:opacity;transition-timing-function:ease-in-out}.focus-on #wp-toolbar{opacity:.3}.focus-off #screen-meta,.focus-off #screen-meta-links,.focus-off #wp-toolbar,.focus-off #wpfooter,.focus-off .page-title-action,.focus-off .postbox-container>*,.focus-off .update-nag,.focus-off .wrap>h1,.focus-off div.error,.focus-off div.notice,.focus-off div.updated{opacity:1;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out}.focus-off #wp-toolbar{-webkit-transform:translate(0,0)}.focus-on #adminmenuback,.focus-on #adminmenuwrap{transition-duration:.6s;transition-property:transform;transition-timing-function:ease-in-out}.focus-on #adminmenuback,.focus-on #adminmenuwrap{transform:translateX(-100%)}.focus-off #adminmenuback,.focus-off #adminmenuwrap{transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-in-out}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){#content-resize-handle,#post-body .wp_themeSkin .mceStatusbar a.mceResize{background:transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;background-size:11px 11px}.rtl #content-resize-handle,.rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize{background-image:url(../images/resize-rtl-2x.gif);background-position:left bottom}}@media only screen and (max-width:1200px){.post-type-attachment #poststuff{min-width:0}.post-type-attachment #wpbody-content #poststuff #post-body{margin:0}.post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1{margin-right:0;width:100%}.post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty,.post-type-attachment #poststuff #postbox-container-1 .empty-container{outline:0;height:0;min-height:0}.post-type-attachment #poststuff #post-body.columns-2 #side-sortables{min-height:0;width:auto}.is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables{outline:0;min-height:0;margin-bottom:0}.post-type-attachment .columns-prefs,.post-type-attachment .screen-layout{display:none}}@media only screen and (max-width:850px){#poststuff{min-width:0}#wpbody-content #poststuff #post-body{margin:0}#wpbody-content #post-body.columns-2 #postbox-container-1{margin-right:0;width:100%}#poststuff #postbox-container-1 #side-sortables:empty,#poststuff #postbox-container-1 .empty-container{height:0;min-height:0}#poststuff #post-body.columns-2 #side-sortables{min-height:0;width:auto}.is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,.is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables,.is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,.is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container{height:auto;min-height:60px}.columns-prefs,.screen-layout{display:none}}@media screen and (max-width:782px){.wp-core-ui .edit-tag-actions .button-primary{margin-bottom:0}#post-body-content{min-width:0}#titlediv #title-prompt-text{padding:10px}#poststuff .stuffbox .inside{padding:0 2px 4px 0}#poststuff .stuffbox>h3,#poststuff h2,#poststuff h3.hndle{padding:12px}#namediv.stuffbox .editcomment.form-table td{padding:5px 10px}.post-format-options{padding-right:0}.post-format-options a{margin-right:5px;margin-bottom:5px;min-width:52px}.post-format-options .post-format-title{font-size:11px}.post-format-options a div{height:28px;width:28px}.post-format-options a div:before{font-size:26px!important}#post-visibility-select{line-height:280%}.wp-core-ui .save-post-visibility,.wp-core-ui .save-timestamp{vertical-align:middle;margin-right:15px}.timestamp-wrap select#mm{display:block;width:100%;margin-bottom:10px}.timestamp-wrap #aa,.timestamp-wrap #hh,.timestamp-wrap #jj,.timestamp-wrap #mn{padding:12px 3px;font-size:14px;margin-bottom:5px;width:auto;text-align:center}ul.category-tabs{margin:30px 0 15px}ul.category-tabs li.tabs{padding:15px}ul.categorychecklist li{margin-bottom:15px}ul.categorychecklist ul{margin-top:15px}.category-add input[type=text],.category-add select{max-width:none;margin-bottom:15px}.tagsdiv .newtag{width:100%;height:auto;margin-bottom:15px}.tagchecklist{margin:25px 10px}.tagchecklist>li{font-size:16px;line-height:1.4}#commentstatusdiv p{line-height:2.8}.mceToolbar *{white-space:normal!important}.mceToolbar td,.mceToolbar tr{float:left!important}.wp_themeSkin a.mceButton{width:30px;height:30px}.wp_themeSkin .mceButton .mceIcon{margin-top:5px;margin-left:5px}.wp_themeSkin .mceSplitButton{margin-top:1px}.wp_themeSkin .mceSplitButton td a.mceAction{padding:6px 3px 6px 6px}.wp_themeSkin .mceSplitButton td a.mceOpen,.wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen{padding-top:6px;padding-bottom:6px;background-position:1px 6px}.wp_themeSkin table.mceListBox{margin:5px}div.quicktags-toolbar input{padding:10px 20px}button.wp-switch-editor{font-size:16px;line-height:1;margin:7px 0 0 7px;padding:8px 12px}#wp-content-media-buttons a{font-size:14px;padding:6px 10px}.wp-media-buttons span.jetpack-contact-form-icon,.wp-media-buttons span.wp-media-buttons-icon{width:22px!important;margin-left:-2px!important}.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before,.wp-media-buttons .add_media span.wp-media-buttons-icon:before{font-size:20px!important}#content_wp_fullscreen{display:none}.misc-pub-section{padding:20px 10px}#delete-action,#publishing-action{line-height:3.61538461}#publishing-action .spinner{float:none;margin-top:-2px}.comment-ays td,.comment-ays th{padding-bottom:0}.comment-ays td{padding-top:6px}.links-table #link_rel{max-width:none}.links-table td,.links-table th{padding:10px 0}.edit-term-notes{display:none}.privacy-text-box{width:auto}.privacy-text-box-toc{float:none;width:auto;height:100%;display:flex;flex-direction:column}.privacy-text-section .return-to-top{margin:2em 0 0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/farbtastic-rtl.css b/tools/storybook/wordpress/css/farbtastic-rtl.css
new file mode 100644
index 00000000000..e7c1c829b9d
--- /dev/null
+++ b/tools/storybook/wordpress/css/farbtastic-rtl.css
@@ -0,0 +1,42 @@
+/*! This file is auto-generated */
+
+.farbtastic {
+  position: relative;
+}
+
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+
+.farbtastic,
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+
+.farbtastic .color,
+.farbtastic .overlay {
+  top: 47px;
+  right: 47px;
+  width: 101px;
+  height: 101px;
+}
+
+.farbtastic .wheel {
+  background: url(../images/wheel.png) no-repeat;
+  width: 195px;
+  height: 195px;
+}
+
+.farbtastic .overlay {
+  background: url(../images/mask.png) no-repeat;
+}
+
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px -8px 0 0;
+  overflow: hidden;
+  background: url(../images/marker.png) no-repeat;
+}
diff --git a/tools/storybook/wordpress/css/farbtastic-rtl.min.css b/tools/storybook/wordpress/css/farbtastic-rtl.min.css
new file mode 100644
index 00000000000..26cc0c401d8
--- /dev/null
+++ b/tools/storybook/wordpress/css/farbtastic-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;right:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px -8px 0 0;overflow:hidden;background:url(../images/marker.png) no-repeat}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/farbtastic.css b/tools/storybook/wordpress/css/farbtastic.css
new file mode 100644
index 00000000000..2bb73bfc7ce
--- /dev/null
+++ b/tools/storybook/wordpress/css/farbtastic.css
@@ -0,0 +1,41 @@
+
+.farbtastic {
+  position: relative;
+}
+
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+
+.farbtastic,
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+
+.farbtastic .color,
+.farbtastic .overlay {
+  top: 47px;
+  left: 47px;
+  width: 101px;
+  height: 101px;
+}
+
+.farbtastic .wheel {
+  background: url(../images/wheel.png) no-repeat;
+  width: 195px;
+  height: 195px;
+}
+
+.farbtastic .overlay {
+  background: url(../images/mask.png) no-repeat;
+}
+
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px 0 0 -8px;
+  overflow: hidden;
+  background: url(../images/marker.png) no-repeat;
+}
diff --git a/tools/storybook/wordpress/css/farbtastic.min.css b/tools/storybook/wordpress/css/farbtastic.min.css
new file mode 100644
index 00000000000..e2768088a8f
--- /dev/null
+++ b/tools/storybook/wordpress/css/farbtastic.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(../images/marker.png) no-repeat}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/forms-rtl.css b/tools/storybook/wordpress/css/forms-rtl.css
new file mode 100644
index 00000000000..f665f2fba9f
--- /dev/null
+++ b/tools/storybook/wordpress/css/forms-rtl.css
@@ -0,0 +1,1766 @@
+/*! This file is auto-generated */
+/* Include margin and padding in the width calculation of input and textarea. */
+input,
+select,
+textarea,
+button {
+	box-sizing: border-box;
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input {
+	font-size: 14px;
+}
+
+textarea {
+	overflow: auto;
+	padding: 2px 6px;
+	/* inherits font size 14px */
+	line-height: 1.42857143; /* 20px */
+	resize: vertical;
+}
+
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 0 1px;
+}
+
+textarea.code {
+	padding: 4px 6px 1px;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"],
+select,
+textarea {
+	box-shadow: 0 0 0 transparent;
+	border-radius: 4px;
+	border: 1px solid #8c8f94;
+	background-color: #fff;
+	color: #2c3338;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 14px */
+	line-height: 2; /* 28px */
+	/* Only necessary for IE11 */
+	min-height: 30px;
+}
+
+::-webkit-datetime-edit {
+	/* inherits font size 14px */
+	line-height: 1.85714286; /* 26px */
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+select:focus,
+textarea:focus {
+	border-color: #2271b1;
+	box-shadow: 0 0 0 1px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+/* rtl:ignore */
+input[type="email"],
+input[type="url"] {
+	direction: ltr;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	border: 1px solid #8c8f94;
+	border-radius: 4px;
+	background: #fff;
+	color: #50575e;
+	clear: none;
+	cursor: pointer;
+	display: inline-block;
+	line-height: 0;
+	height: 1rem;
+	margin: -0.25rem 0 0 0.25rem;
+	outline: 0;
+	padding: 0 !important;
+	text-align: center;
+	vertical-align: middle;
+	width: 1rem;
+	min-width: 1rem;
+	-webkit-appearance: none;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+	transition: .05s border-color ease-in-out;
+}
+
+input[type="radio"]:checked + label:before {
+	color: #8c8f94;
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+	color: #135e96;
+}
+
+td > input[type="checkbox"],
+.wp-admin p input[type="checkbox"],
+.wp-admin p input[type="radio"] {
+	margin-top: 0;
+}
+
+.wp-admin p label input[type="checkbox"] {
+	margin-top: -4px;
+}
+
+.wp-admin p label input[type="radio"] {
+	margin-top: -2px;
+}
+
+input[type="radio"] {
+	border-radius: 50%;
+	margin-left: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 0.71428571;
+}
+
+input[type="checkbox"]:checked::before,
+input[type="radio"]:checked::before {
+	float: right;
+	display: inline-block;
+	vertical-align: middle;
+	width: 1rem;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+input[type="checkbox"]:checked::before {
+	/* Use the "Yes" SVG Dashicon */
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
+	margin: -0.1875rem -0.25rem 0 0;
+	height: 1.3125rem;
+	width: 1.3125rem;
+}
+
+input[type="radio"]:checked::before {
+	content: "";
+	border-radius: 50%;
+	width: 0.5rem; /* 8px */
+	height: 0.5rem; /* 8px */
+	margin: 0.1875rem; /* 3px */
+	background-color: #3582c4;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
+}
+
+@-moz-document url-prefix() {
+	input[type="checkbox"],
+	input[type="radio"],
+	.form-table input.tog {
+		margin-bottom: -1px;
+	}
+}
+
+/* Search */
+input[type="search"] {
+	-webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+	display: none;
+}
+
+.wp-admin input[type="file"] {
+	padding: 3px 0;
+	cursor: pointer;
+}
+
+input.readonly,
+input[readonly],
+textarea.readonly,
+textarea[readonly] {
+	background-color: #f0f0f1;
+}
+
+::-webkit-input-placeholder {
+	color: #646970;
+}
+
+::-moz-placeholder {
+	color: #646970;
+	opacity: 1;
+}
+
+:-ms-input-placeholder {
+	color: #646970;
+}
+
+.form-invalid .form-required,
+.form-invalid .form-required:focus,
+.form-invalid.form-required input,
+.form-invalid.form-required input:focus,
+.form-invalid.form-required select,
+.form-invalid.form-required select:focus {
+	border-color: #d63638 !important;
+	box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
+}
+
+.form-table .form-required.form-invalid td:after {
+	content: "\f534";
+	font: normal 20px/1 dashicons;
+	color: #d63638;
+	margin-right: -25px;
+	vertical-align: middle;
+}
+
+/* Adjust error indicator for password layout */
+.form-table .form-required.user-pass1-wrap.form-invalid td:after {
+	content: "";
+}
+
+.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
+	content: "\f534";
+	font: normal 20px/1 dashicons;
+	color: #d63638;
+	margin: 0 -29px 0 6px;
+	vertical-align: middle;
+}
+
+.form-input-tip {
+	color: #646970;
+}
+
+input:disabled,
+input.disabled,
+select:disabled,
+select.disabled,
+textarea:disabled,
+textarea.disabled {
+	background: rgba(255, 255, 255, 0.5);
+	border-color: rgba(220, 220, 222, 0.75);
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+	color: rgba(44, 51, 56, 0.5);
+}
+
+input[type="file"]:disabled,
+input[type="file"].disabled,
+input[type="range"]:disabled,
+input[type="range"].disabled {
+	background: none;
+	box-shadow: none;
+	cursor: default;
+}
+
+input[type="checkbox"]:disabled,
+input[type="checkbox"].disabled,
+input[type="radio"]:disabled,
+input[type="radio"].disabled,
+input[type="checkbox"]:disabled:checked:before,
+input[type="checkbox"].disabled:checked:before,
+input[type="radio"]:disabled:checked:before,
+input[type="radio"].disabled:checked:before {
+	opacity: 0.7;
+}
+
+/*------------------------------------------------------------------------------
+  2.0 - Forms
+------------------------------------------------------------------------------*/
+
+/* Select styles are based on the default button in buttons.css */
+.wp-core-ui select {
+	font-size: 14px;
+	line-height: 2; /* 28px */
+	color: #2c3338;
+	border-color: #8c8f94;
+	box-shadow: none;
+	border-radius: 3px;
+	padding: 0 8px 0 24px;
+	min-height: 30px;
+	max-width: 25rem;
+	-webkit-appearance: none;
+	/* The SVG is arrow-down-alt2 from Dashicons. */
+	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
+	background-size: 16px 16px;
+	cursor: pointer;
+	vertical-align: middle;
+}
+
+.wp-core-ui select:hover {
+	color: #2271b1;
+}
+
+.wp-core-ui select:focus {
+	border-color: #2271b1;
+	color: #0a4b78;
+	box-shadow: 0 0 0 1px #2271b1;
+}
+
+.wp-core-ui select:active {
+	border-color: #8c8f94;
+	box-shadow: none;
+}
+
+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
+	color: #a7aaad;
+	border-color: #dcdcde;
+	background-color: #f6f7f7;
+	/* The SVG is arrow-down-alt2 from Dashicons. */
+	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
+	cursor: default;
+	transform: none;
+}
+
+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-core-ui select:-moz-focusring {
+	color: transparent;
+	text-shadow: 0 0 0 #0a4b78;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-core-ui select::-ms-value {
+	background: transparent;
+	color: #50575e;
+}
+
+.wp-core-ui select:hover::-ms-value {
+	color: #2271b1;
+}
+
+.wp-core-ui select:focus::-ms-value {
+	color: #0a4b78;
+}
+
+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
+	color: #a7aaad;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-core-ui select::-ms-expand {
+	display: none;
+}
+
+.wp-admin .button-cancel {
+	display: inline-block;
+	min-height: 28px;
+	padding: 0 5px;
+	line-height: 2;
+}
+
+.meta-box-sortables select {
+	max-width: 100%;
+}
+
+.meta-box-sortables input {
+	vertical-align: middle;
+}
+
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
+.wp-core-ui select[multiple] {
+	height: auto;
+	padding-left: 8px;
+	background: #fff;
+}
+
+.submit {
+	padding: 1.5em 0;
+	margin: 5px 0;
+	border-bottom-right-radius: 3px;
+	border-bottom-left-radius: 3px;
+	border: none;
+}
+
+form p.submit a.cancel:hover {
+	text-decoration: none;
+}
+
+p.submit {
+	text-align: right;
+	max-width: 100%;
+	margin-top: 20px;
+	padding-top: 10px;
+}
+
+.textright p.submit {
+	border: none;
+	text-align: left;
+}
+
+table.form-table + p.submit,
+table.form-table + input + p.submit,
+table.form-table + input + input + p.submit {
+	border-top: none;
+	padding-top: 0;
+}
+
+#minor-publishing-actions input,
+#major-publishing-actions input,
+#minor-publishing-actions .preview {
+	text-align: center;
+}
+
+textarea.all-options,
+input.all-options {
+	width: 250px;
+}
+
+input.large-text,
+textarea.large-text {
+	width: 99%;
+}
+
+.regular-text {
+	width: 25em;
+}
+
+input.small-text {
+	width: 50px;
+	padding: 0 6px;
+}
+
+label input.small-text {
+	margin-top: -4px;
+}
+
+input[type="number"].small-text {
+	width: 65px;
+	padding-left: 0;
+}
+
+input.tiny-text {
+	width: 35px;
+}
+
+input[type="number"].tiny-text {
+	width: 45px;
+	padding-left: 0;
+}
+
+#doaction,
+#doaction2,
+#post-query-submit {
+	margin: 0 0 0 8px;
+}
+
+/* @since 5.7.0 secondary bulk action controls require JS. */
+.no-js label[for="bulk-action-selector-bottom"],
+.no-js select#bulk-action-selector-bottom,
+.no-js input#doaction2,
+.no-js label[for="new_role2"],
+.no-js select#new_role2,
+.no-js input#changeit2 {
+	display: none;
+}
+
+.tablenav .actions select {
+	float: right;
+	margin-left: 6px;
+	max-width: 12.5rem;
+}
+
+#timezone_string option {
+	margin-right: 1em;
+}
+
+.wp-hide-pw > .dashicons,
+.wp-cancel-pw > .dashicons {
+	position: relative;
+	top: 3px;
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+	font-size: 20px;
+}
+
+.wp-cancel-pw .dashicons-no {
+	display: none;
+}
+
+label,
+#your-profile label + a {
+	vertical-align: middle;
+}
+
+fieldset label,
+#your-profile label + a {
+	vertical-align: middle;
+}
+
+.options-media-php [for*="_size_"] {
+	min-width: 10em;
+	vertical-align: baseline;
+}
+
+.options-media-php .small-text[name*="_size_"] {
+	margin: 0 0 1em;
+}
+
+.wp-generate-pw {
+	margin-top: 1em;
+}
+
+.wp-pwd {
+	margin-top: 1em;
+}
+
+#misc-publishing-actions label {
+	vertical-align: baseline;
+}
+
+#pass-strength-result {
+	background-color: #f0f0f1;
+	border: 1px solid #dcdcde;
+	color: #1d2327;
+	margin: -1px 1px 5px;
+	padding: 3px 5px;
+	text-align: center;
+	width: 25em;
+	box-sizing: border-box;
+	opacity: 0;
+}
+
+#pass-strength-result.short {
+	background-color: #ffabaf;
+	border-color: #e65054;
+	opacity: 1;
+}
+
+#pass-strength-result.bad {
+	background-color: #facfd2;
+	border-color: #f86368;
+	opacity: 1;
+}
+
+#pass-strength-result.good {
+	background-color: #f5e6ab;
+	border-color: #f0c33c;
+	opacity: 1;
+}
+
+#pass-strength-result.strong {
+	background-color: #b8e6bf;
+	border-color: #68de7c;
+	opacity: 1;
+}
+
+.password-input-wrapper input {
+	font-family: Consolas, Monaco, monospace;
+}
+
+#pass1.short, #pass1-text.short {
+	border-color: #e65054;
+}
+
+#pass1.bad, #pass1-text.bad {
+	border-color: #f86368;
+}
+
+#pass1.good, #pass1-text.good {
+	border-color: #f0c33c;
+}
+
+#pass1.strong, #pass1-text.strong {
+	border-color: #68de7c;
+}
+
+.pw-weak {
+	display: none;
+}
+
+.indicator-hint {
+	padding-top: 8px;
+}
+
+.wp-pwd [type="text"],
+.wp-pwd [type="password"] {
+	margin-bottom: 0;
+	/* Same height as the buttons */
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
+}
+
+#pass1-text,
+.show-password #pass1 {
+	display: none;
+}
+
+#pass1-text::-ms-clear {
+	display: none;
+}
+
+.show-password #pass1-text {
+	display: inline-block;
+}
+
+p.search-box {
+	float: left;
+	margin: 0;
+}
+
+.network-admin.themes-php p.search-box {
+	clear: right;
+}
+
+.search-box input[name="s"],
+.tablenav .search-plugins input[name="s"],
+.tagsdiv .newtag {
+	float: right;
+	margin: 0 0 0 4px;
+}
+
+.js.plugins-php .search-box .wp-filter-search {
+	margin: 0;
+	width: 280px;
+}
+
+input[type="text"].ui-autocomplete-loading,
+input[type="email"].ui-autocomplete-loading {
+	background-image: url(../images/loading.gif);
+	background-repeat: no-repeat;
+	background-position: left center;
+	visibility: visible;
+}
+
+input.ui-autocomplete-input.open {
+	border-bottom-color: transparent;
+}
+
+ul#add-to-blog-users {
+	margin: 0 14px 0 0;
+}
+
+.ui-autocomplete {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	position: absolute;
+	z-index: 10000;
+	border: 1px solid #4f94d4;
+	box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
+	background-color: #fff;
+}
+
+.ui-autocomplete li {
+	margin-bottom: 0;
+	padding: 4px 10px;
+	white-space: nowrap;
+	text-align: right;
+	cursor: pointer;
+}
+
+/* Colors for the wplink toolbar autocomplete. */
+.ui-autocomplete .ui-state-focus {
+	background-color: #dcdcde;
+}
+
+/* Colors for the tags autocomplete. */
+.wp-tags-autocomplete .ui-state-focus,
+.wp-tags-autocomplete [aria-selected="true"] {
+	background-color: #2271b1;
+	color: #fff;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+/*------------------------------------------------------------------------------
+  15.0 - Comments Screen
+------------------------------------------------------------------------------*/
+
+.form-table {
+	border-collapse: collapse;
+	margin-top: 0.5em;
+	width: 100%;
+	clear: both;
+}
+
+.form-table,
+.form-table td,
+.form-table th,
+.form-table td p {
+	font-size: 14px;
+}
+
+.form-table td {
+	margin-bottom: 9px;
+	padding: 15px 10px;
+	line-height: 1.3;
+	vertical-align: middle;
+}
+
+.form-table th,
+.form-wrap label {
+	color: #1d2327;
+	font-weight: 400;
+	text-shadow: none;
+	vertical-align: baseline;
+}
+
+.form-table th {
+	vertical-align: top;
+	text-align: right;
+	padding: 20px 0 20px 10px;
+	width: 200px;
+	line-height: 1.3;
+	font-weight: 600;
+}
+
+.form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
+.form-table .td-full {
+	width: auto;
+	padding: 20px 0 20px 10px;
+	font-weight: 400;
+}
+
+.form-table td p {
+	margin-top: 4px;
+	margin-bottom: 0;
+}
+
+.form-table .date-time-doc {
+	margin-top: 1em;
+}
+
+.form-table p.timezone-info {
+	margin: 1em 0;
+}
+
+.form-table td fieldset label {
+	margin: 0.35em 0 0.5em !important;
+	display: inline-block;
+}
+
+.form-table td fieldset p label {
+	margin-top: 0 !important;
+}
+
+.form-table td fieldset label,
+.form-table td fieldset p,
+.form-table td fieldset li {
+	line-height: 1.4;
+}
+
+.form-table input.tog,
+.form-table input[type="radio"] {
+	margin-top: -4px;
+	margin-left: 4px;
+	float: none;
+}
+
+.form-table .pre {
+	padding: 8px;
+	margin: 0;
+}
+
+table.form-table td .updated {
+	font-size: 13px;
+}
+
+table.form-table td .updated p {
+	font-size: 13px;
+	margin: 0.3em 0;
+}
+
+/*------------------------------------------------------------------------------
+  18.0 - Users
+------------------------------------------------------------------------------*/
+
+#profile-page .form-table textarea {
+	width: 500px;
+	margin-bottom: 6px;
+}
+
+#profile-page .form-table #rich_editing {
+	margin-left: 5px
+}
+
+#your-profile legend {
+	font-size: 22px;
+}
+
+#display_name {
+	width: 15em;
+}
+
+#adduser .form-field input,
+#createuser .form-field input {
+	width: 25em;
+}
+
+.color-option {
+	display: inline-block;
+	width: 24%;
+	padding: 5px 15px 15px;
+	box-sizing: border-box;
+	margin-bottom: 3px;
+}
+
+.color-option:hover,
+.color-option.selected {
+	background: #dcdcde;
+}
+
+.color-palette {
+	width: 100%;
+	border-spacing: 0;
+	border-collapse: collapse;
+}
+.color-palette td {
+	height: 20px;
+	padding: 0;
+	border: none;
+}
+
+.color-option {
+	cursor: pointer;
+}
+
+.create-application-password .form-field {
+	max-width: 25em;
+}
+
+.create-application-password label {
+	font-weight: 600;
+}
+
+.create-application-password p.submit {
+	margin-bottom: 0;
+	padding-bottom: 0;
+	display: block;
+}
+
+#application-passwords-section .notice {
+	margin-top: 20px;
+	margin-bottom: 0;
+}
+
+.application-password-display input.code {
+	width: 19em;
+}
+
+.auth-app-card.card {
+	max-width: 768px;
+}
+
+.authorize-application-php .form-wrap p {
+	display: block;
+}
+
+/*------------------------------------------------------------------------------
+  19.0 - Tools
+------------------------------------------------------------------------------*/
+
+.tool-box .title {
+	margin: 8px 0;
+	font-size: 18px;
+	font-weight: 400;
+	line-height: 24px;
+}
+
+.label-responsive {
+	vertical-align: middle;
+}
+
+#export-filters p {
+	margin: 0 0 1em;
+}
+
+#export-filters p.submit {
+	margin: 7px 0 5px;
+}
+
+/* Card styles */
+
+.card {
+	position: relative;
+	margin-top: 20px;
+	padding: 0.7em 2em 1em;
+	min-width: 255px;
+	max-width: 520px;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+	box-sizing: border-box;
+}
+
+/* Press this styles */
+
+.pressthis h4 {
+	margin: 2em 0 1em;
+}
+
+.pressthis textarea {
+	width: 100%;
+	font-size: 1em;
+}
+
+#pressthis-code-wrap {
+	overflow: auto;
+}
+
+.pressthis-bookmarklet-wrapper {
+	margin: 20px 0 8px;
+	vertical-align: top;
+	position: relative;
+	z-index: 1;
+}
+
+.pressthis-bookmarklet,
+.pressthis-bookmarklet:hover,
+.pressthis-bookmarklet:focus,
+.pressthis-bookmarklet:active {
+	display: inline-block;
+	position: relative;
+	cursor: move;
+	color: #2c3338;
+	background: #dcdcde;
+	border-radius: 5px;
+	border: 1px solid #c3c4c7;
+	font-style: normal;
+	line-height: 16px;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+.pressthis-bookmarklet:active {
+	outline: none;
+}
+
+.pressthis-bookmarklet:after {
+	content: "";
+	width: 70%;
+	height: 55%;
+	z-index: -1;
+	position: absolute;
+	left: 10px;
+	bottom: 9px;
+	background: transparent;
+	transform: skew(-20deg) rotate(-6deg);
+	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
+}
+
+.pressthis-bookmarklet:hover:after {
+	transform: skew(-20deg) rotate(-9deg);
+	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
+}
+
+.pressthis-bookmarklet span {
+	display: inline-block;
+	margin: 0;
+	padding: 0 9px 8px 12px;
+}
+
+.pressthis-bookmarklet span:before {
+	color: #787c82;
+	font: normal 20px/1 dashicons;
+	content: "\f157";
+	position: relative;
+	display: inline-block;
+	top: 4px;
+	margin-left: 4px;
+}
+
+.pressthis-js-toggle {
+	margin-right: 10px;
+	padding: 0;
+	height: auto;
+	vertical-align: top;
+}
+
+/* to override the button class being applied */
+.pressthis-js-toggle.button.button {
+	margin-right: 10px;
+	padding: 0;
+	height: auto;
+	vertical-align: top;
+}
+
+.pressthis-js-toggle .dashicons {
+	margin: 5px 7px 6px 8px;
+	color: #50575e;
+}
+
+/*------------------------------------------------------------------------------
+  20.0 - Settings
+------------------------------------------------------------------------------*/
+
+.timezone-info code {
+	white-space: nowrap;
+}
+
+.defaultavatarpicker .avatar {
+	margin: 2px 0;
+	vertical-align: middle;
+}
+
+.options-general-php .date-time-text {
+	display: inline-block;
+	min-width: 10em;
+}
+
+.options-general-php input.small-text {
+	width: 56px;
+	margin: -2px 0;
+}
+
+.options-general-php .spinner {
+	float: none;
+	margin: -3px 3px 0;
+}
+
+.settings-php .language-install-spinner,
+.options-general-php .language-install-spinner {
+	display: inline-block;
+	float: none;
+	margin: -3px 5px 0;
+	vertical-align: middle;
+}
+
+.form-table.permalink-structure .available-structure-tags li {
+	float: right;
+	margin-left: 5px;
+}
+
+/*------------------------------------------------------------------------------
+  21.0 - Network Admin
+------------------------------------------------------------------------------*/
+
+.setup-php textarea {
+	max-width: 100%;
+}
+
+.form-field #site-address {
+	max-width: 25em;
+}
+
+.form-field #domain {
+	max-width: 22em;
+}
+
+.form-field #site-title,
+.form-field #admin-email,
+.form-field #path,
+.form-field #blog_registered,
+.form-field #blog_last_updated {
+	max-width: 25em;
+}
+
+.form-field #path {
+	margin-bottom: 5px;
+}
+
+#search-users,
+#search-sites {
+	max-width: 60%;
+}
+
+/*------------------------------------------------------------------------------
+   Credentials check dialog for Install and Updates
+------------------------------------------------------------------------------*/
+
+.request-filesystem-credentials-dialog {
+	display: none;
+	/* The customizer uses visibility: hidden on the body for full-overlays. */
+	visibility: visible;
+}
+
+.request-filesystem-credentials-dialog .notification-dialog {
+	top: 10%;
+	max-height: 85%;
+}
+
+.request-filesystem-credentials-dialog-content {
+	margin: 25px;
+}
+
+#request-filesystem-credentials-title {
+	font-size: 1.3em;
+	margin: 1em 0;
+}
+
+.request-filesystem-credentials-form legend {
+	font-size: 1em;
+	padding: 1.33em 0;
+	font-weight: 600;
+}
+
+.request-filesystem-credentials-form input[type="text"],
+.request-filesystem-credentials-form input[type="password"] {
+	display: block;
+}
+
+.request-filesystem-credentials-dialog input[type="text"],
+.request-filesystem-credentials-dialog input[type="password"] {
+	width: 100%;
+}
+
+.request-filesystem-credentials-form .field-title {
+	font-weight: 600;
+}
+
+.request-filesystem-credentials-dialog label[for="hostname"],
+.request-filesystem-credentials-dialog label[for="public_key"],
+.request-filesystem-credentials-dialog label[for="private_key"] {
+	display: block;
+	margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-dialog .ftp-username,
+.request-filesystem-credentials-dialog .ftp-password {
+	float: right;
+	width: 48%;
+}
+
+.request-filesystem-credentials-dialog .ftp-password {
+	margin-right: 4%;
+}
+
+.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
+	text-align: left;
+}
+
+.request-filesystem-credentials-dialog label[for="ftp"] {
+	margin-left: 10px;
+}
+
+.request-filesystem-credentials-dialog #auth-keys-desc {
+	margin-bottom: 0;
+}
+
+#request-filesystem-credentials-dialog .button:not(:last-child) {
+	margin-left: 10px;
+}
+
+#request-filesystem-credentials-form .cancel-button {
+	display: none;
+}
+
+#request-filesystem-credentials-dialog .cancel-button {
+	display: inline;
+}
+
+.request-filesystem-credentials-dialog .ftp-username,
+.request-filesystem-credentials-dialog .ftp-password {
+	float: none;
+	width: auto;
+}
+
+.request-filesystem-credentials-dialog .ftp-username {
+	margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-dialog .ftp-password {
+	margin: 0;
+}
+
+.request-filesystem-credentials-dialog .ftp-password em {
+	color: #8c8f94;
+}
+
+.request-filesystem-credentials-dialog label {
+	display: block;
+	line-height: 1.5;
+	margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-form legend {
+	padding-bottom: 0;
+}
+
+.request-filesystem-credentials-form #ssh-keys legend {
+	font-size: 1.3em;
+}
+
+.request-filesystem-credentials-form .notice {
+	margin: 0 0 20px;
+	clear: both;
+}
+
+/*------------------------------------------------------------------------------
+   Privacy Policy settings screen
+------------------------------------------------------------------------------*/
+.tools-privacy-policy-page form {
+	margin-bottom: 1.3em;
+}
+
+.tools-privacy-policy-page input.button {
+	margin: 0 6px 0 1px;
+}
+
+.tools-privacy-policy-page select {
+	margin: 0 6px 0.5em 1px;
+}
+
+.tools-privacy-edit {
+	margin: 1.5em 0;
+}
+
+.tools-privacy-policy-page span {
+	line-height: 2;
+}
+
+.privacy_requests .column-email {
+	width: 40%;
+}
+
+.privacy_requests .column-type {
+	text-align: center;
+}
+
+.privacy_requests thead td:first-child,
+.privacy_requests tfoot td:first-child {
+	border-right: 4px solid #fff;
+}
+
+.privacy_requests tbody th {
+	border-right: 4px solid #fff;
+	background: #fff;
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.privacy_requests .row-actions {
+	color: #787c82;
+}
+
+.privacy_requests .row-actions.processing {
+	position: static;
+}
+
+.privacy_requests tbody .has-request-results th {
+	box-shadow: none;
+}
+
+.privacy_requests tbody .request-results th .notice {
+	margin: 0 0 5px;
+}
+
+.privacy_requests tbody td {
+	background: #fff;
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.privacy_requests tbody .has-request-results td {
+	box-shadow: none;
+}
+
+.privacy_requests .next_steps .button {
+	word-wrap: break-word;
+	white-space: normal;
+}
+
+.privacy_requests .status-request-confirmed th,
+.privacy_requests .status-request-confirmed td {
+	background-color: #fff;
+	border-right-color: #72aee6;
+}
+
+.privacy_requests .status-request-failed th,
+.privacy_requests .status-request-failed td {
+	background-color: #f6f7f7;
+	border-right-color: #d63638;
+}
+
+.privacy_requests .export_personal_data_failed a {
+	vertical-align: baseline;
+}
+
+.status-label {
+	font-weight: 600;
+}
+
+.status-label.status-request-pending {
+	font-weight: 400;
+	font-style: italic;
+	color: #646970;
+}
+
+.status-label.status-request-failed {
+	color: #d63638;
+	font-weight: 600;
+}
+
+.wp-privacy-request-form {
+	clear: both;
+}
+
+.wp-privacy-request-form-field {
+	margin: 1.5em 0;
+}
+
+.wp-privacy-request-form input {
+	margin: 0;
+}
+
+.email-personal-data::before {
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	margin: 3px -2px 0 5px;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.email-personal-data--sending::before {
+	color: #d63638;
+	content: "\f463";
+	animation: rotation 2s infinite linear;
+}
+
+.email-personal-data--sent::before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and (max-width: 782px) {
+	/* Input Elements */
+	textarea {
+		-webkit-appearance: none;
+	}
+
+	input[type="text"],
+	input[type="password"],
+	input[type="date"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="email"],
+	input[type="month"],
+	input[type="number"],
+	input[type="search"],
+	input[type="tel"],
+	input[type="time"],
+	input[type="url"],
+	input[type="week"] {
+		-webkit-appearance: none;
+		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
+	}
+
+	::-webkit-datetime-edit {
+		line-height: 1.875; /* 30px */
+	}
+
+	input[type="checkbox"],
+	.widefat th input[type="checkbox"],
+	.widefat thead td input[type="checkbox"],
+	.widefat tfoot td input[type="checkbox"] {
+		-webkit-appearance: none;
+	}
+
+	.widefat th input[type="checkbox"],
+	.widefat thead td input[type="checkbox"],
+	.widefat tfoot td input[type="checkbox"] {
+		margin-bottom: 8px;
+	}
+
+	input[type="checkbox"]:checked:before,
+	.widefat th input[type="checkbox"]:before,
+	.widefat thead td input[type="checkbox"]:before,
+	.widefat tfoot td input[type="checkbox"]:before {
+		width: 1.875rem;
+		height: 1.875rem;
+		margin: -0.1875rem -0.3125rem;
+	}
+
+	input[type="radio"],
+	input[type="checkbox"] {
+		height: 1.5625rem;
+		width: 1.5625rem;
+	}
+
+	.wp-admin p input[type="checkbox"],
+	.wp-admin p input[type="radio"] {
+		margin-top: -0.1875rem;
+	}
+
+	input[type="radio"]:checked:before {
+		vertical-align: middle;
+		width: 0.5625rem;
+		height: 0.5625rem;
+		margin: 0.4375rem;
+		line-height: 0.76190476;
+	}
+
+	.wp-upload-form input[type="submit"] {
+		margin-top: 10px;
+	}
+
+	.wp-core-ui select,
+	.wp-admin .form-table select {
+		min-height: 40px;
+		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 8px 5px 24px;
+	}
+
+	.wp-admin .button-cancel {
+		margin-bottom: 0;
+		padding: 2px 0;
+		font-size: 14px;
+		vertical-align: middle;
+	}
+
+	#adduser .form-field input,
+	#createuser .form-field input {
+		width: 100%;
+	}
+
+	.form-table {
+		box-sizing: border-box;
+	}
+
+	.form-table th,
+	.form-table td,
+	.label-responsive {
+		display: block;
+		width: auto;
+		vertical-align: middle;
+	}
+
+	.label-responsive {
+		margin: 0.5em 0;
+	}
+
+	.export-filters li {
+		margin-bottom: 0;
+	}
+
+	.form-table .color-palette td {
+		display: table-cell;
+		width: 15px;
+	}
+
+	.form-table table.color-palette {
+		margin-left: 10px;
+	}
+
+	textarea,
+	input {
+		font-size: 16px;
+	}
+
+	.form-table td input[type="text"],
+	.form-table td input[type="email"],
+	.form-table td input[type="password"],
+	.form-table td select,
+	.form-table td textarea,
+	.form-table span.description,
+	#profile-page .form-table textarea {
+		width: 100%;
+		display: block;
+		max-width: none;
+		box-sizing: border-box;
+	}
+
+	.form-table .form-required.form-invalid td:after {
+		float: left;
+		margin: -30px 0 0 3px;
+	}
+
+	input[type="text"].small-text,
+	input[type="search"].small-text,
+	input[type="password"].small-text,
+	input[type="number"].small-text,
+	input[type="number"].small-text,
+	.form-table input[type="text"].small-text {
+		width: auto;
+		max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
+		display: inline;
+		padding: 3px 6px;
+		margin: 0 3px;
+	}
+
+	.form-table .regular-text ~ input[type="text"].small-text {
+		margin-top: 5px;
+	}
+
+	#pass-strength-result {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 8px;
+	}
+
+	p.search-box {
+		float: none;
+		position: absolute;
+		bottom: 0;
+		width: 98%;
+		height: 90px;
+		margin-bottom: 20px;
+	}
+
+	p.search-box input[name="s"] {
+		float: none;
+		width: 100%;
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	p.search-box input[type="submit"] {
+		margin-bottom: 10px;
+	}
+
+	.form-table span.description {
+		display: inline;
+		padding: 4px 0 0;
+		line-height: 1.4;
+		font-size: 14px;
+	}
+
+	.form-table th {
+		padding: 10px 0 0;
+		border-bottom: 0;
+	}
+
+	.form-table td {
+		margin-bottom: 0;
+		padding: 4px 0 6px;
+	}
+
+	.form-table.permalink-structure td code {
+		margin-right: 32px;
+		display: inline-block;
+	}
+
+	.form-table.permalink-structure td input[type="text"] {
+		margin-right: 32px;
+		margin-top: 4px;
+		width: 96%;
+	}
+
+	.form-table input.regular-text {
+		width: 100%;
+	}
+
+	.form-table label {
+		font-size: 14px;
+	}
+
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
+	.form-table fieldset label {
+		display: block;
+	}
+
+	#utc-time,
+	#local-time {
+		display: block;
+		float: none;
+		margin-top: 0.5em;
+	}
+
+	.form-field #domain {
+		max-width: none;
+	}
+
+	/* New Password */
+	.wp-pwd {
+		position: relative;
+	}
+
+	/* Needs higher specificity than normal input type text and password. */
+	#profile-page .form-table #pass1 {
+		padding-left: 90px;
+	}
+
+	.wp-pwd button.button {
+		background: transparent;
+		border: 1px solid transparent;
+		box-shadow: none;
+		line-height: 2;
+		margin: 0;
+		padding: 5px 9px;
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 2.375rem;
+		height: 2.375rem;
+		min-width: 40px;
+		min-height: 40px;
+	}
+
+	.wp-pwd button.wp-hide-pw {
+		left: 2.5rem;
+	}
+
+	.wp-pwd button.button:hover,
+	.wp-pwd button.button:focus {
+		background: transparent;
+	}
+
+	.wp-pwd button.button:active {
+		background: transparent;
+		box-shadow: none;
+		transform: none;
+	}
+
+	.wp-pwd .button .text {
+		display: none;
+	}
+
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		line-height: 2;
+		padding-left: 5rem;
+	}
+
+	.wp-cancel-pw .dashicons-no {
+		display: inline-block;
+	}
+
+	.options-general-php input[type="text"].small-text {
+		max-width: 6.25em;
+		margin: 0;
+	}
+
+	/* Privacy Policy settings screen */
+	.tools-privacy-policy-page form.wp-create-privacy-page {
+		margin-bottom: 1em;
+	}
+
+	.tools-privacy-policy-page input#set-page,
+	.tools-privacy-policy-page select {
+		margin: 10px 0 0;
+	}
+
+	.tools-privacy-policy-page .wp-create-privacy-page span {
+		display: block;
+		margin-bottom: 1em;
+	}
+
+	.tools-privacy-policy-page .wp-create-privacy-page .button {
+		margin-right: 0;
+	}
+
+	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
+		display: table-cell;
+	}
+
+	.wp-list-table.privacy_requests.widefat th input,
+	.wp-list-table.privacy_requests.widefat thead td input {
+		margin-right: 5px;
+	}
+
+	.wp-privacy-request-form-field input[type="text"] {
+		width: 100%;
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	.regular-text {
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 768px) {
+	.form-field input[type="text"],
+	.form-field input[type="email"],
+	.form-field input[type="password"],
+	.form-field select,
+	.form-field textarea {
+		width: 99%;
+	}
+
+	.form-wrap .form-field {
+		padding: 0;
+	}
+}
+
+@media only screen and (max-height: 480px), screen and (max-width: 450px) {
+	/* Request Credentials / File Editor Warning */
+	.request-filesystem-credentials-dialog .notification-dialog,
+	.file-editor-warning .notification-dialog {
+		width: 100%;
+		height: 100%;
+		max-height: 100%;
+		position: fixed;
+		top: 0;
+		margin: 0;
+		right: 0;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	/* Color Picker Options */
+	.color-option {
+		width: 49%;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	.options-general-php .date-time-text.date-time-custom-text {
+		min-width: 0;
+		margin-left: 0.5em;
+	}
+}
+
+@keyframes rotation {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(-359deg);
+	}
+}
diff --git a/tools/storybook/wordpress/css/forms-rtl.min.css b/tools/storybook/wordpress/css/forms-rtl.min.css
new file mode 100644
index 00000000000..60023c3163d
--- /dev/null
+++ b/tools/storybook/wordpress/css/forms-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+button,input,select,textarea{box-sizing:border-box;font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea{font-size:14px}textarea{overflow:auto;padding:2px 6px;line-height:1.42857143;resize:vertical}label{cursor:pointer}input,select{margin:0 1px}textarea.code{padding:4px 6px 1px}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{box-shadow:0 0 0 transparent;border-radius:4px;border:1px solid #8c8f94;background-color:#fff;color:#2c3338}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{padding:0 8px;line-height:2;min-height:30px}::-webkit-datetime-edit{line-height:1.85714286}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}input[type=email],input[type=url]{direction:ltr}input[type=checkbox],input[type=radio]{border:1px solid #8c8f94;border-radius:4px;background:#fff;color:#50575e;clear:none;cursor:pointer;display:inline-block;line-height:0;height:1rem;margin:-.25rem 0 0 .25rem;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:1rem;min-width:1rem;-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transition:.05s border-color ease-in-out}input[type=radio]:checked+label:before{color:#8c8f94}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#135e96}.wp-admin p input[type=checkbox],.wp-admin p input[type=radio],td>input[type=checkbox]{margin-top:0}.wp-admin p label input[type=checkbox]{margin-top:-4px}.wp-admin p label input[type=radio]{margin-top:-2px}input[type=radio]{border-radius:50%;margin-left:.25rem;line-height:.71428571}input[type=checkbox]:checked::before,input[type=radio]:checked::before{float:right;display:inline-block;vertical-align:middle;width:1rem;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");margin:-.1875rem -.25rem 0 0;height:1.3125rem;width:1.3125rem}input[type=radio]:checked::before{content:"";border-radius:50%;width:.5rem;height:.5rem;margin:.1875rem;background-color:#3582c4;line-height:1.14285714}@-moz-document url-prefix(){.form-table input.tog,input[type=checkbox],input[type=radio]{margin-bottom:-1px}}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}.wp-admin input[type=file]{padding:3px 0;cursor:pointer}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#f0f0f1}::-webkit-input-placeholder{color:#646970}::-moz-placeholder{color:#646970;opacity:1}:-ms-input-placeholder{color:#646970}.form-invalid .form-required,.form-invalid .form-required:focus,.form-invalid.form-required input,.form-invalid.form-required input:focus,.form-invalid.form-required select,.form-invalid.form-required select:focus{border-color:#d63638!important;box-shadow:0 0 2px rgba(214,54,56,.8)}.form-table .form-required.form-invalid td:after{content:"\f534";font:normal 20px/1 dashicons;color:#d63638;margin-right:-25px;vertical-align:middle}.form-table .form-required.user-pass1-wrap.form-invalid td:after{content:""}.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after{content:"\f534";font:normal 20px/1 dashicons;color:#d63638;margin:0 -29px 0 6px;vertical-align:middle}.form-input-tip{color:#646970}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:rgba(255,255,255,.5);border-color:rgba(220,220,222,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(44,51,56,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:0 0;box-shadow:none;cursor:default}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}.wp-core-ui select{font-size:14px;line-height:2;color:#2c3338;border-color:#8c8f94;box-shadow:none;border-radius:3px;padding:0 8px 0 24px;min-height:30px;max-width:25rem;-webkit-appearance:none;background:#fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;background-size:16px 16px;cursor:pointer;vertical-align:middle}.wp-core-ui select:hover{color:#2271b1}.wp-core-ui select:focus{border-color:#2271b1;color:#0a4b78;box-shadow:0 0 0 1px #2271b1}.wp-core-ui select:active{border-color:#8c8f94;box-shadow:none}.wp-core-ui select.disabled,.wp-core-ui select:disabled{color:#a7aaad;border-color:#dcdcde;background-color:#f6f7f7;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');box-shadow:none;text-shadow:0 1px 0 #fff;cursor:default;transform:none}.wp-core-ui select:-moz-focusring{color:transparent;text-shadow:0 0 0 #0a4b78}.wp-core-ui select::-ms-value{background:0 0;color:#50575e}.wp-core-ui select:hover::-ms-value{color:#2271b1}.wp-core-ui select:focus::-ms-value{color:#0a4b78}.wp-core-ui select.disabled::-ms-value,.wp-core-ui select:disabled::-ms-value{color:#a7aaad}.wp-core-ui select::-ms-expand{display:none}.wp-admin .button-cancel{display:inline-block;min-height:28px;padding:0 5px;line-height:2}.meta-box-sortables select{max-width:100%}.meta-box-sortables input{vertical-align:middle}.misc-pub-post-status select{margin-top:0}.wp-core-ui select[multiple]{height:auto;padding-left:8px;background:#fff}.submit{padding:1.5em 0;margin:5px 0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border:none}form p.submit a.cancel:hover{text-decoration:none}p.submit{text-align:right;max-width:100%;margin-top:20px;padding-top:10px}.textright p.submit{border:none;text-align:left}table.form-table+input+input+p.submit,table.form-table+input+p.submit,table.form-table+p.submit{border-top:none;padding-top:0}#major-publishing-actions input,#minor-publishing-actions .preview,#minor-publishing-actions input{text-align:center}input.all-options,textarea.all-options{width:250px}input.large-text,textarea.large-text{width:99%}.regular-text{width:25em}input.small-text{width:50px;padding:0 6px}label input.small-text{margin-top:-4px}input[type=number].small-text{width:65px;padding-left:0}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px;padding-left:0}#doaction,#doaction2,#post-query-submit{margin:0 0 0 8px}.no-js input#changeit2,.no-js input#doaction2,.no-js label[for=bulk-action-selector-bottom],.no-js label[for=new_role2],.no-js select#bulk-action-selector-bottom,.no-js select#new_role2{display:none}.tablenav .actions select{float:right;margin-left:6px;max-width:12.5rem}#timezone_string option{margin-right:1em}.wp-cancel-pw>.dashicons,.wp-hide-pw>.dashicons{position:relative;top:3px;width:1.25rem;height:1.25rem;top:.25rem;font-size:20px}.wp-cancel-pw .dashicons-no{display:none}#your-profile label+a,label{vertical-align:middle}#your-profile label+a,fieldset label{vertical-align:middle}.options-media-php [for*="_size_"]{min-width:10em;vertical-align:baseline}.options-media-php .small-text[name*="_size_"]{margin:0 0 1em}.wp-generate-pw{margin-top:1em}.wp-pwd{margin-top:1em}#misc-publishing-actions label{vertical-align:baseline}#pass-strength-result{background-color:#f0f0f1;border:1px solid #dcdcde;color:#1d2327;margin:-1px 1px 5px;padding:3px 5px;text-align:center;width:25em;box-sizing:border-box;opacity:0}#pass-strength-result.short{background-color:#ffabaf;border-color:#e65054;opacity:1}#pass-strength-result.bad{background-color:#facfd2;border-color:#f86368;opacity:1}#pass-strength-result.good{background-color:#f5e6ab;border-color:#f0c33c;opacity:1}#pass-strength-result.strong{background-color:#b8e6bf;border-color:#68de7c;opacity:1}.password-input-wrapper input{font-family:Consolas,Monaco,monospace}#pass1-text.short,#pass1.short{border-color:#e65054}#pass1-text.bad,#pass1.bad{border-color:#f86368}#pass1-text.good,#pass1.good{border-color:#f0c33c}#pass1-text.strong,#pass1.strong{border-color:#68de7c}.pw-weak{display:none}.indicator-hint{padding-top:8px}.wp-pwd [type=password],.wp-pwd [type=text]{margin-bottom:0;min-height:30px}.wp-pwd input::-ms-reveal{display:none}#pass1-text,.show-password #pass1{display:none}#pass1-text::-ms-clear{display:none}.show-password #pass1-text{display:inline-block}p.search-box{float:left;margin:0}.network-admin.themes-php p.search-box{clear:right}.search-box input[name="s"],.tablenav .search-plugins input[name="s"],.tagsdiv .newtag{float:right;margin:0 0 0 4px}.js.plugins-php .search-box .wp-filter-search{margin:0;width:280px}input[type=email].ui-autocomplete-loading,input[type=text].ui-autocomplete-loading{background-image:url(../images/loading.gif);background-repeat:no-repeat;background-position:left center;visibility:visible}input.ui-autocomplete-input.open{border-bottom-color:transparent}ul#add-to-blog-users{margin:0 14px 0 0}.ui-autocomplete{padding:0;margin:0;list-style:none;position:absolute;z-index:10000;border:1px solid #4f94d4;box-shadow:0 1px 2px rgba(79,148,212,.8);background-color:#fff}.ui-autocomplete li{margin-bottom:0;padding:4px 10px;white-space:nowrap;text-align:right;cursor:pointer}.ui-autocomplete .ui-state-focus{background-color:#dcdcde}.wp-tags-autocomplete .ui-state-focus,.wp-tags-autocomplete [aria-selected=true]{background-color:#2271b1;color:#fff;outline:2px solid transparent}.form-table{border-collapse:collapse;margin-top:.5em;width:100%;clear:both}.form-table,.form-table td,.form-table td p,.form-table th{font-size:14px}.form-table td{margin-bottom:9px;padding:15px 10px;line-height:1.3;vertical-align:middle}.form-table th,.form-wrap label{color:#1d2327;font-weight:400;text-shadow:none;vertical-align:baseline}.form-table th{vertical-align:top;text-align:right;padding:20px 0 20px 10px;width:200px;line-height:1.3;font-weight:600}.form-table .td-full,.form-table th.th-full{width:auto;padding:20px 0 20px 10px;font-weight:400}.form-table td p{margin-top:4px;margin-bottom:0}.form-table .date-time-doc{margin-top:1em}.form-table p.timezone-info{margin:1em 0}.form-table td fieldset label{margin:.35em 0 .5em!important;display:inline-block}.form-table td fieldset p label{margin-top:0!important}.form-table td fieldset label,.form-table td fieldset li,.form-table td fieldset p{line-height:1.4}.form-table input.tog,.form-table input[type=radio]{margin-top:-4px;margin-left:4px;float:none}.form-table .pre{padding:8px;margin:0}table.form-table td .updated{font-size:13px}table.form-table td .updated p{font-size:13px;margin:.3em 0}#profile-page .form-table textarea{width:500px;margin-bottom:6px}#profile-page .form-table #rich_editing{margin-left:5px}#your-profile legend{font-size:22px}#display_name{width:15em}#adduser .form-field input,#createuser .form-field input{width:25em}.color-option{display:inline-block;width:24%;padding:5px 15px 15px;box-sizing:border-box;margin-bottom:3px}.color-option.selected,.color-option:hover{background:#dcdcde}.color-palette{width:100%;border-spacing:0;border-collapse:collapse}.color-palette td{height:20px;padding:0;border:none}.color-option{cursor:pointer}.create-application-password .form-field{max-width:25em}.create-application-password label{font-weight:600}.create-application-password p.submit{margin-bottom:0;padding-bottom:0;display:block}#application-passwords-section .notice{margin-top:20px;margin-bottom:0}.application-password-display input.code{width:19em}.auth-app-card.card{max-width:768px}.authorize-application-php .form-wrap p{display:block}.tool-box .title{margin:8px 0;font-size:18px;font-weight:400;line-height:24px}.label-responsive{vertical-align:middle}#export-filters p{margin:0 0 1em}#export-filters p.submit{margin:7px 0 5px}.card{position:relative;margin-top:20px;padding:.7em 2em 1em;min-width:255px;max-width:520px;border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04);background:#fff;box-sizing:border-box}.pressthis h4{margin:2em 0 1em}.pressthis textarea{width:100%;font-size:1em}#pressthis-code-wrap{overflow:auto}.pressthis-bookmarklet-wrapper{margin:20px 0 8px;vertical-align:top;position:relative;z-index:1}.pressthis-bookmarklet,.pressthis-bookmarklet:active,.pressthis-bookmarklet:focus,.pressthis-bookmarklet:hover{display:inline-block;position:relative;cursor:move;color:#2c3338;background:#dcdcde;border-radius:5px;border:1px solid #c3c4c7;font-style:normal;line-height:16px;font-size:14px;text-decoration:none}.pressthis-bookmarklet:active{outline:0}.pressthis-bookmarklet:after{content:"";width:70%;height:55%;z-index:-1;position:absolute;left:10px;bottom:9px;background:0 0;transform:skew(-20deg) rotate(-6deg);box-shadow:0 10px 8px rgba(0,0,0,.6)}.pressthis-bookmarklet:hover:after{transform:skew(-20deg) rotate(-9deg);box-shadow:0 10px 8px rgba(0,0,0,.7)}.pressthis-bookmarklet span{display:inline-block;margin:0;padding:0 9px 8px 12px}.pressthis-bookmarklet span:before{color:#787c82;font:normal 20px/1 dashicons;content:"\f157";position:relative;display:inline-block;top:4px;margin-left:4px}.pressthis-js-toggle{margin-right:10px;padding:0;height:auto;vertical-align:top}.pressthis-js-toggle.button.button{margin-right:10px;padding:0;height:auto;vertical-align:top}.pressthis-js-toggle .dashicons{margin:5px 7px 6px 8px;color:#50575e}.timezone-info code{white-space:nowrap}.defaultavatarpicker .avatar{margin:2px 0;vertical-align:middle}.options-general-php .date-time-text{display:inline-block;min-width:10em}.options-general-php input.small-text{width:56px;margin:-2px 0}.options-general-php .spinner{float:none;margin:-3px 3px 0}.options-general-php .language-install-spinner,.settings-php .language-install-spinner{display:inline-block;float:none;margin:-3px 5px 0;vertical-align:middle}.form-table.permalink-structure .available-structure-tags li{float:right;margin-left:5px}.setup-php textarea{max-width:100%}.form-field #site-address{max-width:25em}.form-field #domain{max-width:22em}.form-field #admin-email,.form-field #blog_last_updated,.form-field #blog_registered,.form-field #path,.form-field #site-title{max-width:25em}.form-field #path{margin-bottom:5px}#search-sites,#search-users{max-width:60%}.request-filesystem-credentials-dialog{display:none;visibility:visible}.request-filesystem-credentials-dialog .notification-dialog{top:10%;max-height:85%}.request-filesystem-credentials-dialog-content{margin:25px}#request-filesystem-credentials-title{font-size:1.3em;margin:1em 0}.request-filesystem-credentials-form legend{font-size:1em;padding:1.33em 0;font-weight:600}.request-filesystem-credentials-form input[type=password],.request-filesystem-credentials-form input[type=text]{display:block}.request-filesystem-credentials-dialog input[type=password],.request-filesystem-credentials-dialog input[type=text]{width:100%}.request-filesystem-credentials-form .field-title{font-weight:600}.request-filesystem-credentials-dialog label[for=hostname],.request-filesystem-credentials-dialog label[for=private_key],.request-filesystem-credentials-dialog label[for=public_key]{display:block;margin-bottom:1em}.request-filesystem-credentials-dialog .ftp-password,.request-filesystem-credentials-dialog .ftp-username{float:right;width:48%}.request-filesystem-credentials-dialog .ftp-password{margin-right:4%}.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons{text-align:left}.request-filesystem-credentials-dialog label[for=ftp]{margin-left:10px}.request-filesystem-credentials-dialog #auth-keys-desc{margin-bottom:0}#request-filesystem-credentials-dialog .button:not(:last-child){margin-left:10px}#request-filesystem-credentials-form .cancel-button{display:none}#request-filesystem-credentials-dialog .cancel-button{display:inline}.request-filesystem-credentials-dialog .ftp-password,.request-filesystem-credentials-dialog .ftp-username{float:none;width:auto}.request-filesystem-credentials-dialog .ftp-username{margin-bottom:1em}.request-filesystem-credentials-dialog .ftp-password{margin:0}.request-filesystem-credentials-dialog .ftp-password em{color:#8c8f94}.request-filesystem-credentials-dialog label{display:block;line-height:1.5;margin-bottom:1em}.request-filesystem-credentials-form legend{padding-bottom:0}.request-filesystem-credentials-form #ssh-keys legend{font-size:1.3em}.request-filesystem-credentials-form .notice{margin:0 0 20px;clear:both}.tools-privacy-policy-page form{margin-bottom:1.3em}.tools-privacy-policy-page input.button{margin:0 6px 0 1px}.tools-privacy-policy-page select{margin:0 6px .5em 1px}.tools-privacy-edit{margin:1.5em 0}.tools-privacy-policy-page span{line-height:2}.privacy_requests .column-email{width:40%}.privacy_requests .column-type{text-align:center}.privacy_requests tfoot td:first-child,.privacy_requests thead td:first-child{border-right:4px solid #fff}.privacy_requests tbody th{border-right:4px solid #fff;background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.privacy_requests .row-actions{color:#787c82}.privacy_requests .row-actions.processing{position:static}.privacy_requests tbody .has-request-results th{box-shadow:none}.privacy_requests tbody .request-results th .notice{margin:0 0 5px}.privacy_requests tbody td{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.privacy_requests tbody .has-request-results td{box-shadow:none}.privacy_requests .next_steps .button{word-wrap:break-word;white-space:normal}.privacy_requests .status-request-confirmed td,.privacy_requests .status-request-confirmed th{background-color:#fff;border-right-color:#72aee6}.privacy_requests .status-request-failed td,.privacy_requests .status-request-failed th{background-color:#f6f7f7;border-right-color:#d63638}.privacy_requests .export_personal_data_failed a{vertical-align:baseline}.status-label{font-weight:600}.status-label.status-request-pending{font-weight:400;font-style:italic;color:#646970}.status-label.status-request-failed{color:#d63638;font-weight:600}.wp-privacy-request-form{clear:both}.wp-privacy-request-form-field{margin:1.5em 0}.wp-privacy-request-form input{margin:0}.email-personal-data::before{display:inline-block;font:normal 20px/1 dashicons;margin:3px -2px 0 5px;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.email-personal-data--sending::before{color:#d63638;content:"\f463";animation:rotation 2s infinite linear}.email-personal-data--sent::before{color:#68de7c;content:"\f147"}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{-webkit-appearance:none;padding:3px 10px;min-height:40px}::-webkit-datetime-edit{line-height:1.875}.widefat tfoot td input[type=checkbox],.widefat th input[type=checkbox],.widefat thead td input[type=checkbox],input[type=checkbox]{-webkit-appearance:none}.widefat tfoot td input[type=checkbox],.widefat th input[type=checkbox],.widefat thead td input[type=checkbox]{margin-bottom:8px}.widefat tfoot td input[type=checkbox]:before,.widefat th input[type=checkbox]:before,.widefat thead td input[type=checkbox]:before,input[type=checkbox]:checked:before{width:1.875rem;height:1.875rem;margin:-.1875rem -.3125rem}input[type=checkbox],input[type=radio]{height:1.5625rem;width:1.5625rem}.wp-admin p input[type=checkbox],.wp-admin p input[type=radio]{margin-top:-.1875rem}input[type=radio]:checked:before{vertical-align:middle;width:.5625rem;height:.5625rem;margin:.4375rem;line-height:.76190476}.wp-upload-form input[type=submit]{margin-top:10px}.wp-admin .form-table select,.wp-core-ui select{min-height:40px;font-size:16px;line-height:1.625;padding:5px 8px 5px 24px}.wp-admin .button-cancel{margin-bottom:0;padding:2px 0;font-size:14px;vertical-align:middle}#adduser .form-field input,#createuser .form-field input{width:100%}.form-table{box-sizing:border-box}.form-table td,.form-table th,.label-responsive{display:block;width:auto;vertical-align:middle}.label-responsive{margin:.5em 0}.export-filters li{margin-bottom:0}.form-table .color-palette td{display:table-cell;width:15px}.form-table table.color-palette{margin-left:10px}input,textarea{font-size:16px}#profile-page .form-table textarea,.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td select,.form-table td textarea{width:100%;display:block;max-width:none;box-sizing:border-box}.form-table .form-required.form-invalid td:after{float:left;margin:-30px 0 0 3px}.form-table input[type=text].small-text,input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{width:auto;max-width:4.375em;display:inline;padding:3px 6px;margin:0 3px}.form-table .regular-text~input[type=text].small-text{margin-top:5px}#pass-strength-result{width:100%;box-sizing:border-box;padding:8px}p.search-box{float:none;position:absolute;bottom:0;width:98%;height:90px;margin-bottom:20px}p.search-box input[name="s"]{float:none;width:100%;margin-bottom:10px;vertical-align:middle}p.search-box input[type=submit]{margin-bottom:10px}.form-table span.description{display:inline;padding:4px 0 0;line-height:1.4;font-size:14px}.form-table th{padding:10px 0 0;border-bottom:0}.form-table td{margin-bottom:0;padding:4px 0 6px}.form-table.permalink-structure td code{margin-right:32px;display:inline-block}.form-table.permalink-structure td input[type=text]{margin-right:32px;margin-top:4px;width:96%}.form-table input.regular-text{width:100%}.form-table label{font-size:14px}.background-position-control .button-group>label{font-size:0}.form-table fieldset label{display:block}#local-time,#utc-time{display:block;float:none;margin-top:.5em}.form-field #domain{max-width:none}.wp-pwd{position:relative}#profile-page .form-table #pass1{padding-left:90px}.wp-pwd button.button{background:0 0;border:1px solid transparent;box-shadow:none;line-height:2;margin:0;padding:5px 9px;position:absolute;left:0;top:0;width:2.375rem;height:2.375rem;min-width:40px;min-height:40px}.wp-pwd button.wp-hide-pw{left:2.5rem}.wp-pwd button.button:focus,.wp-pwd button.button:hover{background:0 0}.wp-pwd button.button:active{background:0 0;box-shadow:none;transform:none}.wp-pwd .button .text{display:none}.wp-pwd [type=password],.wp-pwd [type=text]{line-height:2;padding-left:5rem}.wp-cancel-pw .dashicons-no{display:inline-block}.options-general-php input[type=text].small-text{max-width:6.25em;margin:0}.tools-privacy-policy-page form.wp-create-privacy-page{margin-bottom:1em}.tools-privacy-policy-page input#set-page,.tools-privacy-policy-page select{margin:10px 0 0}.tools-privacy-policy-page .wp-create-privacy-page span{display:block;margin-bottom:1em}.tools-privacy-policy-page .wp-create-privacy-page .button{margin-right:0}.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column){display:table-cell}.wp-list-table.privacy_requests.widefat th input,.wp-list-table.privacy_requests.widefat thead td input{margin-right:5px}.wp-privacy-request-form-field input[type=text]{width:100%;margin-bottom:10px;vertical-align:middle}.regular-text{max-width:100%}}@media only screen and (max-width:768px){.form-field input[type=email],.form-field input[type=password],.form-field input[type=text],.form-field select,.form-field textarea{width:99%}.form-wrap .form-field{padding:0}}@media only screen and (max-height:480px),screen and (max-width:450px){.file-editor-warning .notification-dialog,.request-filesystem-credentials-dialog .notification-dialog{width:100%;height:100%;max-height:100%;position:fixed;top:0;margin:0;right:0}}@media screen and (max-width:600px){.color-option{width:49%}}@media only screen and (max-width:320px){.options-general-php .date-time-text.date-time-custom-text{min-width:0;margin-left:.5em}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/forms.css b/tools/storybook/wordpress/css/forms.css
new file mode 100644
index 00000000000..6349c1e8645
--- /dev/null
+++ b/tools/storybook/wordpress/css/forms.css
@@ -0,0 +1,1765 @@
+/* Include margin and padding in the width calculation of input and textarea. */
+input,
+select,
+textarea,
+button {
+	box-sizing: border-box;
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input {
+	font-size: 14px;
+}
+
+textarea {
+	overflow: auto;
+	padding: 2px 6px;
+	/* inherits font size 14px */
+	line-height: 1.42857143; /* 20px */
+	resize: vertical;
+}
+
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 0 1px;
+}
+
+textarea.code {
+	padding: 4px 6px 1px;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"],
+select,
+textarea {
+	box-shadow: 0 0 0 transparent;
+	border-radius: 4px;
+	border: 1px solid #8c8f94;
+	background-color: #fff;
+	color: #2c3338;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 14px */
+	line-height: 2; /* 28px */
+	/* Only necessary for IE11 */
+	min-height: 30px;
+}
+
+::-webkit-datetime-edit {
+	/* inherits font size 14px */
+	line-height: 1.85714286; /* 26px */
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="color"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus,
+input[type="checkbox"]:focus,
+input[type="radio"]:focus,
+select:focus,
+textarea:focus {
+	border-color: #2271b1;
+	box-shadow: 0 0 0 1px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+/* rtl:ignore */
+input[type="email"],
+input[type="url"] {
+	direction: ltr;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	border: 1px solid #8c8f94;
+	border-radius: 4px;
+	background: #fff;
+	color: #50575e;
+	clear: none;
+	cursor: pointer;
+	display: inline-block;
+	line-height: 0;
+	height: 1rem;
+	margin: -0.25rem 0.25rem 0 0;
+	outline: 0;
+	padding: 0 !important;
+	text-align: center;
+	vertical-align: middle;
+	width: 1rem;
+	min-width: 1rem;
+	-webkit-appearance: none;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+	transition: .05s border-color ease-in-out;
+}
+
+input[type="radio"]:checked + label:before {
+	color: #8c8f94;
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+	color: #135e96;
+}
+
+td > input[type="checkbox"],
+.wp-admin p input[type="checkbox"],
+.wp-admin p input[type="radio"] {
+	margin-top: 0;
+}
+
+.wp-admin p label input[type="checkbox"] {
+	margin-top: -4px;
+}
+
+.wp-admin p label input[type="radio"] {
+	margin-top: -2px;
+}
+
+input[type="radio"] {
+	border-radius: 50%;
+	margin-right: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 0.71428571;
+}
+
+input[type="checkbox"]:checked::before,
+input[type="radio"]:checked::before {
+	float: left;
+	display: inline-block;
+	vertical-align: middle;
+	width: 1rem;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+input[type="checkbox"]:checked::before {
+	/* Use the "Yes" SVG Dashicon */
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
+	margin: -0.1875rem 0 0 -0.25rem;
+	height: 1.3125rem;
+	width: 1.3125rem;
+}
+
+input[type="radio"]:checked::before {
+	content: "";
+	border-radius: 50%;
+	width: 0.5rem; /* 8px */
+	height: 0.5rem; /* 8px */
+	margin: 0.1875rem; /* 3px */
+	background-color: #3582c4;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
+}
+
+@-moz-document url-prefix() {
+	input[type="checkbox"],
+	input[type="radio"],
+	.form-table input.tog {
+		margin-bottom: -1px;
+	}
+}
+
+/* Search */
+input[type="search"] {
+	-webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+	display: none;
+}
+
+.wp-admin input[type="file"] {
+	padding: 3px 0;
+	cursor: pointer;
+}
+
+input.readonly,
+input[readonly],
+textarea.readonly,
+textarea[readonly] {
+	background-color: #f0f0f1;
+}
+
+::-webkit-input-placeholder {
+	color: #646970;
+}
+
+::-moz-placeholder {
+	color: #646970;
+	opacity: 1;
+}
+
+:-ms-input-placeholder {
+	color: #646970;
+}
+
+.form-invalid .form-required,
+.form-invalid .form-required:focus,
+.form-invalid.form-required input,
+.form-invalid.form-required input:focus,
+.form-invalid.form-required select,
+.form-invalid.form-required select:focus {
+	border-color: #d63638 !important;
+	box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
+}
+
+.form-table .form-required.form-invalid td:after {
+	content: "\f534";
+	font: normal 20px/1 dashicons;
+	color: #d63638;
+	margin-left: -25px;
+	vertical-align: middle;
+}
+
+/* Adjust error indicator for password layout */
+.form-table .form-required.user-pass1-wrap.form-invalid td:after {
+	content: "";
+}
+
+.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
+	content: "\f534";
+	font: normal 20px/1 dashicons;
+	color: #d63638;
+	margin: 0 6px 0 -29px;
+	vertical-align: middle;
+}
+
+.form-input-tip {
+	color: #646970;
+}
+
+input:disabled,
+input.disabled,
+select:disabled,
+select.disabled,
+textarea:disabled,
+textarea.disabled {
+	background: rgba(255, 255, 255, 0.5);
+	border-color: rgba(220, 220, 222, 0.75);
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+	color: rgba(44, 51, 56, 0.5);
+}
+
+input[type="file"]:disabled,
+input[type="file"].disabled,
+input[type="range"]:disabled,
+input[type="range"].disabled {
+	background: none;
+	box-shadow: none;
+	cursor: default;
+}
+
+input[type="checkbox"]:disabled,
+input[type="checkbox"].disabled,
+input[type="radio"]:disabled,
+input[type="radio"].disabled,
+input[type="checkbox"]:disabled:checked:before,
+input[type="checkbox"].disabled:checked:before,
+input[type="radio"]:disabled:checked:before,
+input[type="radio"].disabled:checked:before {
+	opacity: 0.7;
+}
+
+/*------------------------------------------------------------------------------
+  2.0 - Forms
+------------------------------------------------------------------------------*/
+
+/* Select styles are based on the default button in buttons.css */
+.wp-core-ui select {
+	font-size: 14px;
+	line-height: 2; /* 28px */
+	color: #2c3338;
+	border-color: #8c8f94;
+	box-shadow: none;
+	border-radius: 3px;
+	padding: 0 24px 0 8px;
+	min-height: 30px;
+	max-width: 25rem;
+	-webkit-appearance: none;
+	/* The SVG is arrow-down-alt2 from Dashicons. */
+	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
+	background-size: 16px 16px;
+	cursor: pointer;
+	vertical-align: middle;
+}
+
+.wp-core-ui select:hover {
+	color: #2271b1;
+}
+
+.wp-core-ui select:focus {
+	border-color: #2271b1;
+	color: #0a4b78;
+	box-shadow: 0 0 0 1px #2271b1;
+}
+
+.wp-core-ui select:active {
+	border-color: #8c8f94;
+	box-shadow: none;
+}
+
+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
+	color: #a7aaad;
+	border-color: #dcdcde;
+	background-color: #f6f7f7;
+	/* The SVG is arrow-down-alt2 from Dashicons. */
+	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
+	cursor: default;
+	transform: none;
+}
+
+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-core-ui select:-moz-focusring {
+	color: transparent;
+	text-shadow: 0 0 0 #0a4b78;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-core-ui select::-ms-value {
+	background: transparent;
+	color: #50575e;
+}
+
+.wp-core-ui select:hover::-ms-value {
+	color: #2271b1;
+}
+
+.wp-core-ui select:focus::-ms-value {
+	color: #0a4b78;
+}
+
+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
+	color: #a7aaad;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-core-ui select::-ms-expand {
+	display: none;
+}
+
+.wp-admin .button-cancel {
+	display: inline-block;
+	min-height: 28px;
+	padding: 0 5px;
+	line-height: 2;
+}
+
+.meta-box-sortables select {
+	max-width: 100%;
+}
+
+.meta-box-sortables input {
+	vertical-align: middle;
+}
+
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
+.wp-core-ui select[multiple] {
+	height: auto;
+	padding-right: 8px;
+	background: #fff;
+}
+
+.submit {
+	padding: 1.5em 0;
+	margin: 5px 0;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	border: none;
+}
+
+form p.submit a.cancel:hover {
+	text-decoration: none;
+}
+
+p.submit {
+	text-align: left;
+	max-width: 100%;
+	margin-top: 20px;
+	padding-top: 10px;
+}
+
+.textright p.submit {
+	border: none;
+	text-align: right;
+}
+
+table.form-table + p.submit,
+table.form-table + input + p.submit,
+table.form-table + input + input + p.submit {
+	border-top: none;
+	padding-top: 0;
+}
+
+#minor-publishing-actions input,
+#major-publishing-actions input,
+#minor-publishing-actions .preview {
+	text-align: center;
+}
+
+textarea.all-options,
+input.all-options {
+	width: 250px;
+}
+
+input.large-text,
+textarea.large-text {
+	width: 99%;
+}
+
+.regular-text {
+	width: 25em;
+}
+
+input.small-text {
+	width: 50px;
+	padding: 0 6px;
+}
+
+label input.small-text {
+	margin-top: -4px;
+}
+
+input[type="number"].small-text {
+	width: 65px;
+	padding-right: 0;
+}
+
+input.tiny-text {
+	width: 35px;
+}
+
+input[type="number"].tiny-text {
+	width: 45px;
+	padding-right: 0;
+}
+
+#doaction,
+#doaction2,
+#post-query-submit {
+	margin: 0 8px 0 0;
+}
+
+/* @since 5.7.0 secondary bulk action controls require JS. */
+.no-js label[for="bulk-action-selector-bottom"],
+.no-js select#bulk-action-selector-bottom,
+.no-js input#doaction2,
+.no-js label[for="new_role2"],
+.no-js select#new_role2,
+.no-js input#changeit2 {
+	display: none;
+}
+
+.tablenav .actions select {
+	float: left;
+	margin-right: 6px;
+	max-width: 12.5rem;
+}
+
+#timezone_string option {
+	margin-left: 1em;
+}
+
+.wp-hide-pw > .dashicons,
+.wp-cancel-pw > .dashicons {
+	position: relative;
+	top: 3px;
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+	font-size: 20px;
+}
+
+.wp-cancel-pw .dashicons-no {
+	display: none;
+}
+
+label,
+#your-profile label + a {
+	vertical-align: middle;
+}
+
+fieldset label,
+#your-profile label + a {
+	vertical-align: middle;
+}
+
+.options-media-php [for*="_size_"] {
+	min-width: 10em;
+	vertical-align: baseline;
+}
+
+.options-media-php .small-text[name*="_size_"] {
+	margin: 0 0 1em;
+}
+
+.wp-generate-pw {
+	margin-top: 1em;
+}
+
+.wp-pwd {
+	margin-top: 1em;
+}
+
+#misc-publishing-actions label {
+	vertical-align: baseline;
+}
+
+#pass-strength-result {
+	background-color: #f0f0f1;
+	border: 1px solid #dcdcde;
+	color: #1d2327;
+	margin: -1px 1px 5px;
+	padding: 3px 5px;
+	text-align: center;
+	width: 25em;
+	box-sizing: border-box;
+	opacity: 0;
+}
+
+#pass-strength-result.short {
+	background-color: #ffabaf;
+	border-color: #e65054;
+	opacity: 1;
+}
+
+#pass-strength-result.bad {
+	background-color: #facfd2;
+	border-color: #f86368;
+	opacity: 1;
+}
+
+#pass-strength-result.good {
+	background-color: #f5e6ab;
+	border-color: #f0c33c;
+	opacity: 1;
+}
+
+#pass-strength-result.strong {
+	background-color: #b8e6bf;
+	border-color: #68de7c;
+	opacity: 1;
+}
+
+.password-input-wrapper input {
+	font-family: Consolas, Monaco, monospace;
+}
+
+#pass1.short, #pass1-text.short {
+	border-color: #e65054;
+}
+
+#pass1.bad, #pass1-text.bad {
+	border-color: #f86368;
+}
+
+#pass1.good, #pass1-text.good {
+	border-color: #f0c33c;
+}
+
+#pass1.strong, #pass1-text.strong {
+	border-color: #68de7c;
+}
+
+.pw-weak {
+	display: none;
+}
+
+.indicator-hint {
+	padding-top: 8px;
+}
+
+.wp-pwd [type="text"],
+.wp-pwd [type="password"] {
+	margin-bottom: 0;
+	/* Same height as the buttons */
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
+}
+
+#pass1-text,
+.show-password #pass1 {
+	display: none;
+}
+
+#pass1-text::-ms-clear {
+	display: none;
+}
+
+.show-password #pass1-text {
+	display: inline-block;
+}
+
+p.search-box {
+	float: right;
+	margin: 0;
+}
+
+.network-admin.themes-php p.search-box {
+	clear: left;
+}
+
+.search-box input[name="s"],
+.tablenav .search-plugins input[name="s"],
+.tagsdiv .newtag {
+	float: left;
+	margin: 0 4px 0 0;
+}
+
+.js.plugins-php .search-box .wp-filter-search {
+	margin: 0;
+	width: 280px;
+}
+
+input[type="text"].ui-autocomplete-loading,
+input[type="email"].ui-autocomplete-loading {
+	background-image: url(../images/loading.gif);
+	background-repeat: no-repeat;
+	background-position: right center;
+	visibility: visible;
+}
+
+input.ui-autocomplete-input.open {
+	border-bottom-color: transparent;
+}
+
+ul#add-to-blog-users {
+	margin: 0 0 0 14px;
+}
+
+.ui-autocomplete {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	position: absolute;
+	z-index: 10000;
+	border: 1px solid #4f94d4;
+	box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
+	background-color: #fff;
+}
+
+.ui-autocomplete li {
+	margin-bottom: 0;
+	padding: 4px 10px;
+	white-space: nowrap;
+	text-align: left;
+	cursor: pointer;
+}
+
+/* Colors for the wplink toolbar autocomplete. */
+.ui-autocomplete .ui-state-focus {
+	background-color: #dcdcde;
+}
+
+/* Colors for the tags autocomplete. */
+.wp-tags-autocomplete .ui-state-focus,
+.wp-tags-autocomplete [aria-selected="true"] {
+	background-color: #2271b1;
+	color: #fff;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+/*------------------------------------------------------------------------------
+  15.0 - Comments Screen
+------------------------------------------------------------------------------*/
+
+.form-table {
+	border-collapse: collapse;
+	margin-top: 0.5em;
+	width: 100%;
+	clear: both;
+}
+
+.form-table,
+.form-table td,
+.form-table th,
+.form-table td p {
+	font-size: 14px;
+}
+
+.form-table td {
+	margin-bottom: 9px;
+	padding: 15px 10px;
+	line-height: 1.3;
+	vertical-align: middle;
+}
+
+.form-table th,
+.form-wrap label {
+	color: #1d2327;
+	font-weight: 400;
+	text-shadow: none;
+	vertical-align: baseline;
+}
+
+.form-table th {
+	vertical-align: top;
+	text-align: left;
+	padding: 20px 10px 20px 0;
+	width: 200px;
+	line-height: 1.3;
+	font-weight: 600;
+}
+
+.form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
+.form-table .td-full {
+	width: auto;
+	padding: 20px 10px 20px 0;
+	font-weight: 400;
+}
+
+.form-table td p {
+	margin-top: 4px;
+	margin-bottom: 0;
+}
+
+.form-table .date-time-doc {
+	margin-top: 1em;
+}
+
+.form-table p.timezone-info {
+	margin: 1em 0;
+}
+
+.form-table td fieldset label {
+	margin: 0.35em 0 0.5em !important;
+	display: inline-block;
+}
+
+.form-table td fieldset p label {
+	margin-top: 0 !important;
+}
+
+.form-table td fieldset label,
+.form-table td fieldset p,
+.form-table td fieldset li {
+	line-height: 1.4;
+}
+
+.form-table input.tog,
+.form-table input[type="radio"] {
+	margin-top: -4px;
+	margin-right: 4px;
+	float: none;
+}
+
+.form-table .pre {
+	padding: 8px;
+	margin: 0;
+}
+
+table.form-table td .updated {
+	font-size: 13px;
+}
+
+table.form-table td .updated p {
+	font-size: 13px;
+	margin: 0.3em 0;
+}
+
+/*------------------------------------------------------------------------------
+  18.0 - Users
+------------------------------------------------------------------------------*/
+
+#profile-page .form-table textarea {
+	width: 500px;
+	margin-bottom: 6px;
+}
+
+#profile-page .form-table #rich_editing {
+	margin-right: 5px
+}
+
+#your-profile legend {
+	font-size: 22px;
+}
+
+#display_name {
+	width: 15em;
+}
+
+#adduser .form-field input,
+#createuser .form-field input {
+	width: 25em;
+}
+
+.color-option {
+	display: inline-block;
+	width: 24%;
+	padding: 5px 15px 15px;
+	box-sizing: border-box;
+	margin-bottom: 3px;
+}
+
+.color-option:hover,
+.color-option.selected {
+	background: #dcdcde;
+}
+
+.color-palette {
+	width: 100%;
+	border-spacing: 0;
+	border-collapse: collapse;
+}
+.color-palette td {
+	height: 20px;
+	padding: 0;
+	border: none;
+}
+
+.color-option {
+	cursor: pointer;
+}
+
+.create-application-password .form-field {
+	max-width: 25em;
+}
+
+.create-application-password label {
+	font-weight: 600;
+}
+
+.create-application-password p.submit {
+	margin-bottom: 0;
+	padding-bottom: 0;
+	display: block;
+}
+
+#application-passwords-section .notice {
+	margin-top: 20px;
+	margin-bottom: 0;
+}
+
+.application-password-display input.code {
+	width: 19em;
+}
+
+.auth-app-card.card {
+	max-width: 768px;
+}
+
+.authorize-application-php .form-wrap p {
+	display: block;
+}
+
+/*------------------------------------------------------------------------------
+  19.0 - Tools
+------------------------------------------------------------------------------*/
+
+.tool-box .title {
+	margin: 8px 0;
+	font-size: 18px;
+	font-weight: 400;
+	line-height: 24px;
+}
+
+.label-responsive {
+	vertical-align: middle;
+}
+
+#export-filters p {
+	margin: 0 0 1em;
+}
+
+#export-filters p.submit {
+	margin: 7px 0 5px;
+}
+
+/* Card styles */
+
+.card {
+	position: relative;
+	margin-top: 20px;
+	padding: 0.7em 2em 1em;
+	min-width: 255px;
+	max-width: 520px;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+	background: #fff;
+	box-sizing: border-box;
+}
+
+/* Press this styles */
+
+.pressthis h4 {
+	margin: 2em 0 1em;
+}
+
+.pressthis textarea {
+	width: 100%;
+	font-size: 1em;
+}
+
+#pressthis-code-wrap {
+	overflow: auto;
+}
+
+.pressthis-bookmarklet-wrapper {
+	margin: 20px 0 8px;
+	vertical-align: top;
+	position: relative;
+	z-index: 1;
+}
+
+.pressthis-bookmarklet,
+.pressthis-bookmarklet:hover,
+.pressthis-bookmarklet:focus,
+.pressthis-bookmarklet:active {
+	display: inline-block;
+	position: relative;
+	cursor: move;
+	color: #2c3338;
+	background: #dcdcde;
+	border-radius: 5px;
+	border: 1px solid #c3c4c7;
+	font-style: normal;
+	line-height: 16px;
+	font-size: 14px;
+	text-decoration: none;
+}
+
+.pressthis-bookmarklet:active {
+	outline: none;
+}
+
+.pressthis-bookmarklet:after {
+	content: "";
+	width: 70%;
+	height: 55%;
+	z-index: -1;
+	position: absolute;
+	right: 10px;
+	bottom: 9px;
+	background: transparent;
+	transform: skew(20deg) rotate(6deg);
+	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
+}
+
+.pressthis-bookmarklet:hover:after {
+	transform: skew(20deg) rotate(9deg);
+	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
+}
+
+.pressthis-bookmarklet span {
+	display: inline-block;
+	margin: 0;
+	padding: 0 12px 8px 9px;
+}
+
+.pressthis-bookmarklet span:before {
+	color: #787c82;
+	font: normal 20px/1 dashicons;
+	content: "\f157";
+	position: relative;
+	display: inline-block;
+	top: 4px;
+	margin-right: 4px;
+}
+
+.pressthis-js-toggle {
+	margin-left: 10px;
+	padding: 0;
+	height: auto;
+	vertical-align: top;
+}
+
+/* to override the button class being applied */
+.pressthis-js-toggle.button.button {
+	margin-left: 10px;
+	padding: 0;
+	height: auto;
+	vertical-align: top;
+}
+
+.pressthis-js-toggle .dashicons {
+	margin: 5px 8px 6px 7px;
+	color: #50575e;
+}
+
+/*------------------------------------------------------------------------------
+  20.0 - Settings
+------------------------------------------------------------------------------*/
+
+.timezone-info code {
+	white-space: nowrap;
+}
+
+.defaultavatarpicker .avatar {
+	margin: 2px 0;
+	vertical-align: middle;
+}
+
+.options-general-php .date-time-text {
+	display: inline-block;
+	min-width: 10em;
+}
+
+.options-general-php input.small-text {
+	width: 56px;
+	margin: -2px 0;
+}
+
+.options-general-php .spinner {
+	float: none;
+	margin: -3px 3px 0;
+}
+
+.settings-php .language-install-spinner,
+.options-general-php .language-install-spinner {
+	display: inline-block;
+	float: none;
+	margin: -3px 5px 0;
+	vertical-align: middle;
+}
+
+.form-table.permalink-structure .available-structure-tags li {
+	float: left;
+	margin-right: 5px;
+}
+
+/*------------------------------------------------------------------------------
+  21.0 - Network Admin
+------------------------------------------------------------------------------*/
+
+.setup-php textarea {
+	max-width: 100%;
+}
+
+.form-field #site-address {
+	max-width: 25em;
+}
+
+.form-field #domain {
+	max-width: 22em;
+}
+
+.form-field #site-title,
+.form-field #admin-email,
+.form-field #path,
+.form-field #blog_registered,
+.form-field #blog_last_updated {
+	max-width: 25em;
+}
+
+.form-field #path {
+	margin-bottom: 5px;
+}
+
+#search-users,
+#search-sites {
+	max-width: 60%;
+}
+
+/*------------------------------------------------------------------------------
+   Credentials check dialog for Install and Updates
+------------------------------------------------------------------------------*/
+
+.request-filesystem-credentials-dialog {
+	display: none;
+	/* The customizer uses visibility: hidden on the body for full-overlays. */
+	visibility: visible;
+}
+
+.request-filesystem-credentials-dialog .notification-dialog {
+	top: 10%;
+	max-height: 85%;
+}
+
+.request-filesystem-credentials-dialog-content {
+	margin: 25px;
+}
+
+#request-filesystem-credentials-title {
+	font-size: 1.3em;
+	margin: 1em 0;
+}
+
+.request-filesystem-credentials-form legend {
+	font-size: 1em;
+	padding: 1.33em 0;
+	font-weight: 600;
+}
+
+.request-filesystem-credentials-form input[type="text"],
+.request-filesystem-credentials-form input[type="password"] {
+	display: block;
+}
+
+.request-filesystem-credentials-dialog input[type="text"],
+.request-filesystem-credentials-dialog input[type="password"] {
+	width: 100%;
+}
+
+.request-filesystem-credentials-form .field-title {
+	font-weight: 600;
+}
+
+.request-filesystem-credentials-dialog label[for="hostname"],
+.request-filesystem-credentials-dialog label[for="public_key"],
+.request-filesystem-credentials-dialog label[for="private_key"] {
+	display: block;
+	margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-dialog .ftp-username,
+.request-filesystem-credentials-dialog .ftp-password {
+	float: left;
+	width: 48%;
+}
+
+.request-filesystem-credentials-dialog .ftp-password {
+	margin-left: 4%;
+}
+
+.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
+	text-align: right;
+}
+
+.request-filesystem-credentials-dialog label[for="ftp"] {
+	margin-right: 10px;
+}
+
+.request-filesystem-credentials-dialog #auth-keys-desc {
+	margin-bottom: 0;
+}
+
+#request-filesystem-credentials-dialog .button:not(:last-child) {
+	margin-right: 10px;
+}
+
+#request-filesystem-credentials-form .cancel-button {
+	display: none;
+}
+
+#request-filesystem-credentials-dialog .cancel-button {
+	display: inline;
+}
+
+.request-filesystem-credentials-dialog .ftp-username,
+.request-filesystem-credentials-dialog .ftp-password {
+	float: none;
+	width: auto;
+}
+
+.request-filesystem-credentials-dialog .ftp-username {
+	margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-dialog .ftp-password {
+	margin: 0;
+}
+
+.request-filesystem-credentials-dialog .ftp-password em {
+	color: #8c8f94;
+}
+
+.request-filesystem-credentials-dialog label {
+	display: block;
+	line-height: 1.5;
+	margin-bottom: 1em;
+}
+
+.request-filesystem-credentials-form legend {
+	padding-bottom: 0;
+}
+
+.request-filesystem-credentials-form #ssh-keys legend {
+	font-size: 1.3em;
+}
+
+.request-filesystem-credentials-form .notice {
+	margin: 0 0 20px;
+	clear: both;
+}
+
+/*------------------------------------------------------------------------------
+   Privacy Policy settings screen
+------------------------------------------------------------------------------*/
+.tools-privacy-policy-page form {
+	margin-bottom: 1.3em;
+}
+
+.tools-privacy-policy-page input.button {
+	margin: 0 1px 0 6px;
+}
+
+.tools-privacy-policy-page select {
+	margin: 0 1px 0.5em 6px;
+}
+
+.tools-privacy-edit {
+	margin: 1.5em 0;
+}
+
+.tools-privacy-policy-page span {
+	line-height: 2;
+}
+
+.privacy_requests .column-email {
+	width: 40%;
+}
+
+.privacy_requests .column-type {
+	text-align: center;
+}
+
+.privacy_requests thead td:first-child,
+.privacy_requests tfoot td:first-child {
+	border-left: 4px solid #fff;
+}
+
+.privacy_requests tbody th {
+	border-left: 4px solid #fff;
+	background: #fff;
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.privacy_requests .row-actions {
+	color: #787c82;
+}
+
+.privacy_requests .row-actions.processing {
+	position: static;
+}
+
+.privacy_requests tbody .has-request-results th {
+	box-shadow: none;
+}
+
+.privacy_requests tbody .request-results th .notice {
+	margin: 0 0 5px;
+}
+
+.privacy_requests tbody td {
+	background: #fff;
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.privacy_requests tbody .has-request-results td {
+	box-shadow: none;
+}
+
+.privacy_requests .next_steps .button {
+	word-wrap: break-word;
+	white-space: normal;
+}
+
+.privacy_requests .status-request-confirmed th,
+.privacy_requests .status-request-confirmed td {
+	background-color: #fff;
+	border-left-color: #72aee6;
+}
+
+.privacy_requests .status-request-failed th,
+.privacy_requests .status-request-failed td {
+	background-color: #f6f7f7;
+	border-left-color: #d63638;
+}
+
+.privacy_requests .export_personal_data_failed a {
+	vertical-align: baseline;
+}
+
+.status-label {
+	font-weight: 600;
+}
+
+.status-label.status-request-pending {
+	font-weight: 400;
+	font-style: italic;
+	color: #646970;
+}
+
+.status-label.status-request-failed {
+	color: #d63638;
+	font-weight: 600;
+}
+
+.wp-privacy-request-form {
+	clear: both;
+}
+
+.wp-privacy-request-form-field {
+	margin: 1.5em 0;
+}
+
+.wp-privacy-request-form input {
+	margin: 0;
+}
+
+.email-personal-data::before {
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	margin: 3px 5px 0 -2px;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.email-personal-data--sending::before {
+	color: #d63638;
+	content: "\f463";
+	animation: rotation 2s infinite linear;
+}
+
+.email-personal-data--sent::before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and (max-width: 782px) {
+	/* Input Elements */
+	textarea {
+		-webkit-appearance: none;
+	}
+
+	input[type="text"],
+	input[type="password"],
+	input[type="date"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="email"],
+	input[type="month"],
+	input[type="number"],
+	input[type="search"],
+	input[type="tel"],
+	input[type="time"],
+	input[type="url"],
+	input[type="week"] {
+		-webkit-appearance: none;
+		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
+	}
+
+	::-webkit-datetime-edit {
+		line-height: 1.875; /* 30px */
+	}
+
+	input[type="checkbox"],
+	.widefat th input[type="checkbox"],
+	.widefat thead td input[type="checkbox"],
+	.widefat tfoot td input[type="checkbox"] {
+		-webkit-appearance: none;
+	}
+
+	.widefat th input[type="checkbox"],
+	.widefat thead td input[type="checkbox"],
+	.widefat tfoot td input[type="checkbox"] {
+		margin-bottom: 8px;
+	}
+
+	input[type="checkbox"]:checked:before,
+	.widefat th input[type="checkbox"]:before,
+	.widefat thead td input[type="checkbox"]:before,
+	.widefat tfoot td input[type="checkbox"]:before {
+		width: 1.875rem;
+		height: 1.875rem;
+		margin: -0.1875rem -0.3125rem;
+	}
+
+	input[type="radio"],
+	input[type="checkbox"] {
+		height: 1.5625rem;
+		width: 1.5625rem;
+	}
+
+	.wp-admin p input[type="checkbox"],
+	.wp-admin p input[type="radio"] {
+		margin-top: -0.1875rem;
+	}
+
+	input[type="radio"]:checked:before {
+		vertical-align: middle;
+		width: 0.5625rem;
+		height: 0.5625rem;
+		margin: 0.4375rem;
+		line-height: 0.76190476;
+	}
+
+	.wp-upload-form input[type="submit"] {
+		margin-top: 10px;
+	}
+
+	.wp-core-ui select,
+	.wp-admin .form-table select {
+		min-height: 40px;
+		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 24px 5px 8px;
+	}
+
+	.wp-admin .button-cancel {
+		margin-bottom: 0;
+		padding: 2px 0;
+		font-size: 14px;
+		vertical-align: middle;
+	}
+
+	#adduser .form-field input,
+	#createuser .form-field input {
+		width: 100%;
+	}
+
+	.form-table {
+		box-sizing: border-box;
+	}
+
+	.form-table th,
+	.form-table td,
+	.label-responsive {
+		display: block;
+		width: auto;
+		vertical-align: middle;
+	}
+
+	.label-responsive {
+		margin: 0.5em 0;
+	}
+
+	.export-filters li {
+		margin-bottom: 0;
+	}
+
+	.form-table .color-palette td {
+		display: table-cell;
+		width: 15px;
+	}
+
+	.form-table table.color-palette {
+		margin-right: 10px;
+	}
+
+	textarea,
+	input {
+		font-size: 16px;
+	}
+
+	.form-table td input[type="text"],
+	.form-table td input[type="email"],
+	.form-table td input[type="password"],
+	.form-table td select,
+	.form-table td textarea,
+	.form-table span.description,
+	#profile-page .form-table textarea {
+		width: 100%;
+		display: block;
+		max-width: none;
+		box-sizing: border-box;
+	}
+
+	.form-table .form-required.form-invalid td:after {
+		float: right;
+		margin: -30px 3px 0 0;
+	}
+
+	input[type="text"].small-text,
+	input[type="search"].small-text,
+	input[type="password"].small-text,
+	input[type="number"].small-text,
+	input[type="number"].small-text,
+	.form-table input[type="text"].small-text {
+		width: auto;
+		max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
+		display: inline;
+		padding: 3px 6px;
+		margin: 0 3px;
+	}
+
+	.form-table .regular-text ~ input[type="text"].small-text {
+		margin-top: 5px;
+	}
+
+	#pass-strength-result {
+		width: 100%;
+		box-sizing: border-box;
+		padding: 8px;
+	}
+
+	p.search-box {
+		float: none;
+		position: absolute;
+		bottom: 0;
+		width: 98%;
+		height: 90px;
+		margin-bottom: 20px;
+	}
+
+	p.search-box input[name="s"] {
+		float: none;
+		width: 100%;
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	p.search-box input[type="submit"] {
+		margin-bottom: 10px;
+	}
+
+	.form-table span.description {
+		display: inline;
+		padding: 4px 0 0;
+		line-height: 1.4;
+		font-size: 14px;
+	}
+
+	.form-table th {
+		padding: 10px 0 0;
+		border-bottom: 0;
+	}
+
+	.form-table td {
+		margin-bottom: 0;
+		padding: 4px 0 6px;
+	}
+
+	.form-table.permalink-structure td code {
+		margin-left: 32px;
+		display: inline-block;
+	}
+
+	.form-table.permalink-structure td input[type="text"] {
+		margin-left: 32px;
+		margin-top: 4px;
+		width: 96%;
+	}
+
+	.form-table input.regular-text {
+		width: 100%;
+	}
+
+	.form-table label {
+		font-size: 14px;
+	}
+
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
+	.form-table fieldset label {
+		display: block;
+	}
+
+	#utc-time,
+	#local-time {
+		display: block;
+		float: none;
+		margin-top: 0.5em;
+	}
+
+	.form-field #domain {
+		max-width: none;
+	}
+
+	/* New Password */
+	.wp-pwd {
+		position: relative;
+	}
+
+	/* Needs higher specificity than normal input type text and password. */
+	#profile-page .form-table #pass1 {
+		padding-right: 90px;
+	}
+
+	.wp-pwd button.button {
+		background: transparent;
+		border: 1px solid transparent;
+		box-shadow: none;
+		line-height: 2;
+		margin: 0;
+		padding: 5px 9px;
+		position: absolute;
+		right: 0;
+		top: 0;
+		width: 2.375rem;
+		height: 2.375rem;
+		min-width: 40px;
+		min-height: 40px;
+	}
+
+	.wp-pwd button.wp-hide-pw {
+		right: 2.5rem;
+	}
+
+	.wp-pwd button.button:hover,
+	.wp-pwd button.button:focus {
+		background: transparent;
+	}
+
+	.wp-pwd button.button:active {
+		background: transparent;
+		box-shadow: none;
+		transform: none;
+	}
+
+	.wp-pwd .button .text {
+		display: none;
+	}
+
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		line-height: 2;
+		padding-right: 5rem;
+	}
+
+	.wp-cancel-pw .dashicons-no {
+		display: inline-block;
+	}
+
+	.options-general-php input[type="text"].small-text {
+		max-width: 6.25em;
+		margin: 0;
+	}
+
+	/* Privacy Policy settings screen */
+	.tools-privacy-policy-page form.wp-create-privacy-page {
+		margin-bottom: 1em;
+	}
+
+	.tools-privacy-policy-page input#set-page,
+	.tools-privacy-policy-page select {
+		margin: 10px 0 0;
+	}
+
+	.tools-privacy-policy-page .wp-create-privacy-page span {
+		display: block;
+		margin-bottom: 1em;
+	}
+
+	.tools-privacy-policy-page .wp-create-privacy-page .button {
+		margin-left: 0;
+	}
+
+	.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
+		display: table-cell;
+	}
+
+	.wp-list-table.privacy_requests.widefat th input,
+	.wp-list-table.privacy_requests.widefat thead td input {
+		margin-left: 5px;
+	}
+
+	.wp-privacy-request-form-field input[type="text"] {
+		width: 100%;
+		margin-bottom: 10px;
+		vertical-align: middle;
+	}
+
+	.regular-text {
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 768px) {
+	.form-field input[type="text"],
+	.form-field input[type="email"],
+	.form-field input[type="password"],
+	.form-field select,
+	.form-field textarea {
+		width: 99%;
+	}
+
+	.form-wrap .form-field {
+		padding: 0;
+	}
+}
+
+@media only screen and (max-height: 480px), screen and (max-width: 450px) {
+	/* Request Credentials / File Editor Warning */
+	.request-filesystem-credentials-dialog .notification-dialog,
+	.file-editor-warning .notification-dialog {
+		width: 100%;
+		height: 100%;
+		max-height: 100%;
+		position: fixed;
+		top: 0;
+		margin: 0;
+		left: 0;
+	}
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+	/* Color Picker Options */
+	.color-option {
+		width: 49%;
+	}
+}
+
+@media only screen and (max-width: 320px) {
+	.options-general-php .date-time-text.date-time-custom-text {
+		min-width: 0;
+		margin-right: 0.5em;
+	}
+}
+
+@keyframes rotation {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(359deg);
+	}
+}
diff --git a/tools/storybook/wordpress/css/forms.min.css b/tools/storybook/wordpress/css/forms.min.css
new file mode 100644
index 00000000000..d212ee50a4b
--- /dev/null
+++ b/tools/storybook/wordpress/css/forms.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+button,input,select,textarea{box-sizing:border-box;font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea{font-size:14px}textarea{overflow:auto;padding:2px 6px;line-height:1.42857143;resize:vertical}label{cursor:pointer}input,select{margin:0 1px}textarea.code{padding:4px 6px 1px}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{box-shadow:0 0 0 transparent;border-radius:4px;border:1px solid #8c8f94;background-color:#fff;color:#2c3338}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{padding:0 8px;line-height:2;min-height:30px}::-webkit-datetime-edit{line-height:1.85714286}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}input[type=email],input[type=url]{direction:ltr}input[type=checkbox],input[type=radio]{border:1px solid #8c8f94;border-radius:4px;background:#fff;color:#50575e;clear:none;cursor:pointer;display:inline-block;line-height:0;height:1rem;margin:-.25rem .25rem 0 0;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:1rem;min-width:1rem;-webkit-appearance:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transition:.05s border-color ease-in-out}input[type=radio]:checked+label:before{color:#8c8f94}.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:hover{color:#135e96}.wp-admin p input[type=checkbox],.wp-admin p input[type=radio],td>input[type=checkbox]{margin-top:0}.wp-admin p label input[type=checkbox]{margin-top:-4px}.wp-admin p label input[type=radio]{margin-top:-2px}input[type=radio]{border-radius:50%;margin-right:.25rem;line-height:.71428571}input[type=checkbox]:checked::before,input[type=radio]:checked::before{float:left;display:inline-block;vertical-align:middle;width:1rem;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=checkbox]:checked::before{content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");margin:-.1875rem 0 0 -.25rem;height:1.3125rem;width:1.3125rem}input[type=radio]:checked::before{content:"";border-radius:50%;width:.5rem;height:.5rem;margin:.1875rem;background-color:#3582c4;line-height:1.14285714}@-moz-document url-prefix(){.form-table input.tog,input[type=checkbox],input[type=radio]{margin-bottom:-1px}}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}.wp-admin input[type=file]{padding:3px 0;cursor:pointer}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#f0f0f1}::-webkit-input-placeholder{color:#646970}::-moz-placeholder{color:#646970;opacity:1}:-ms-input-placeholder{color:#646970}.form-invalid .form-required,.form-invalid .form-required:focus,.form-invalid.form-required input,.form-invalid.form-required input:focus,.form-invalid.form-required select,.form-invalid.form-required select:focus{border-color:#d63638!important;box-shadow:0 0 2px rgba(214,54,56,.8)}.form-table .form-required.form-invalid td:after{content:"\f534";font:normal 20px/1 dashicons;color:#d63638;margin-left:-25px;vertical-align:middle}.form-table .form-required.user-pass1-wrap.form-invalid td:after{content:""}.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after{content:"\f534";font:normal 20px/1 dashicons;color:#d63638;margin:0 6px 0 -29px;vertical-align:middle}.form-input-tip{color:#646970}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:rgba(255,255,255,.5);border-color:rgba(220,220,222,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(44,51,56,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:0 0;box-shadow:none;cursor:default}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}.wp-core-ui select{font-size:14px;line-height:2;color:#2c3338;border-color:#8c8f94;box-shadow:none;border-radius:3px;padding:0 24px 0 8px;min-height:30px;max-width:25rem;-webkit-appearance:none;background:#fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;background-size:16px 16px;cursor:pointer;vertical-align:middle}.wp-core-ui select:hover{color:#2271b1}.wp-core-ui select:focus{border-color:#2271b1;color:#0a4b78;box-shadow:0 0 0 1px #2271b1}.wp-core-ui select:active{border-color:#8c8f94;box-shadow:none}.wp-core-ui select.disabled,.wp-core-ui select:disabled{color:#a7aaad;border-color:#dcdcde;background-color:#f6f7f7;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');box-shadow:none;text-shadow:0 1px 0 #fff;cursor:default;transform:none}.wp-core-ui select:-moz-focusring{color:transparent;text-shadow:0 0 0 #0a4b78}.wp-core-ui select::-ms-value{background:0 0;color:#50575e}.wp-core-ui select:hover::-ms-value{color:#2271b1}.wp-core-ui select:focus::-ms-value{color:#0a4b78}.wp-core-ui select.disabled::-ms-value,.wp-core-ui select:disabled::-ms-value{color:#a7aaad}.wp-core-ui select::-ms-expand{display:none}.wp-admin .button-cancel{display:inline-block;min-height:28px;padding:0 5px;line-height:2}.meta-box-sortables select{max-width:100%}.meta-box-sortables input{vertical-align:middle}.misc-pub-post-status select{margin-top:0}.wp-core-ui select[multiple]{height:auto;padding-right:8px;background:#fff}.submit{padding:1.5em 0;margin:5px 0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border:none}form p.submit a.cancel:hover{text-decoration:none}p.submit{text-align:left;max-width:100%;margin-top:20px;padding-top:10px}.textright p.submit{border:none;text-align:right}table.form-table+input+input+p.submit,table.form-table+input+p.submit,table.form-table+p.submit{border-top:none;padding-top:0}#major-publishing-actions input,#minor-publishing-actions .preview,#minor-publishing-actions input{text-align:center}input.all-options,textarea.all-options{width:250px}input.large-text,textarea.large-text{width:99%}.regular-text{width:25em}input.small-text{width:50px;padding:0 6px}label input.small-text{margin-top:-4px}input[type=number].small-text{width:65px;padding-right:0}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px;padding-right:0}#doaction,#doaction2,#post-query-submit{margin:0 8px 0 0}.no-js input#changeit2,.no-js input#doaction2,.no-js label[for=bulk-action-selector-bottom],.no-js label[for=new_role2],.no-js select#bulk-action-selector-bottom,.no-js select#new_role2{display:none}.tablenav .actions select{float:left;margin-right:6px;max-width:12.5rem}#timezone_string option{margin-left:1em}.wp-cancel-pw>.dashicons,.wp-hide-pw>.dashicons{position:relative;top:3px;width:1.25rem;height:1.25rem;top:.25rem;font-size:20px}.wp-cancel-pw .dashicons-no{display:none}#your-profile label+a,label{vertical-align:middle}#your-profile label+a,fieldset label{vertical-align:middle}.options-media-php [for*="_size_"]{min-width:10em;vertical-align:baseline}.options-media-php .small-text[name*="_size_"]{margin:0 0 1em}.wp-generate-pw{margin-top:1em}.wp-pwd{margin-top:1em}#misc-publishing-actions label{vertical-align:baseline}#pass-strength-result{background-color:#f0f0f1;border:1px solid #dcdcde;color:#1d2327;margin:-1px 1px 5px;padding:3px 5px;text-align:center;width:25em;box-sizing:border-box;opacity:0}#pass-strength-result.short{background-color:#ffabaf;border-color:#e65054;opacity:1}#pass-strength-result.bad{background-color:#facfd2;border-color:#f86368;opacity:1}#pass-strength-result.good{background-color:#f5e6ab;border-color:#f0c33c;opacity:1}#pass-strength-result.strong{background-color:#b8e6bf;border-color:#68de7c;opacity:1}.password-input-wrapper input{font-family:Consolas,Monaco,monospace}#pass1-text.short,#pass1.short{border-color:#e65054}#pass1-text.bad,#pass1.bad{border-color:#f86368}#pass1-text.good,#pass1.good{border-color:#f0c33c}#pass1-text.strong,#pass1.strong{border-color:#68de7c}.pw-weak{display:none}.indicator-hint{padding-top:8px}.wp-pwd [type=password],.wp-pwd [type=text]{margin-bottom:0;min-height:30px}.wp-pwd input::-ms-reveal{display:none}#pass1-text,.show-password #pass1{display:none}#pass1-text::-ms-clear{display:none}.show-password #pass1-text{display:inline-block}p.search-box{float:right;margin:0}.network-admin.themes-php p.search-box{clear:left}.search-box input[name="s"],.tablenav .search-plugins input[name="s"],.tagsdiv .newtag{float:left;margin:0 4px 0 0}.js.plugins-php .search-box .wp-filter-search{margin:0;width:280px}input[type=email].ui-autocomplete-loading,input[type=text].ui-autocomplete-loading{background-image:url(../images/loading.gif);background-repeat:no-repeat;background-position:right center;visibility:visible}input.ui-autocomplete-input.open{border-bottom-color:transparent}ul#add-to-blog-users{margin:0 0 0 14px}.ui-autocomplete{padding:0;margin:0;list-style:none;position:absolute;z-index:10000;border:1px solid #4f94d4;box-shadow:0 1px 2px rgba(79,148,212,.8);background-color:#fff}.ui-autocomplete li{margin-bottom:0;padding:4px 10px;white-space:nowrap;text-align:left;cursor:pointer}.ui-autocomplete .ui-state-focus{background-color:#dcdcde}.wp-tags-autocomplete .ui-state-focus,.wp-tags-autocomplete [aria-selected=true]{background-color:#2271b1;color:#fff;outline:2px solid transparent}.form-table{border-collapse:collapse;margin-top:.5em;width:100%;clear:both}.form-table,.form-table td,.form-table td p,.form-table th{font-size:14px}.form-table td{margin-bottom:9px;padding:15px 10px;line-height:1.3;vertical-align:middle}.form-table th,.form-wrap label{color:#1d2327;font-weight:400;text-shadow:none;vertical-align:baseline}.form-table th{vertical-align:top;text-align:left;padding:20px 10px 20px 0;width:200px;line-height:1.3;font-weight:600}.form-table .td-full,.form-table th.th-full{width:auto;padding:20px 10px 20px 0;font-weight:400}.form-table td p{margin-top:4px;margin-bottom:0}.form-table .date-time-doc{margin-top:1em}.form-table p.timezone-info{margin:1em 0}.form-table td fieldset label{margin:.35em 0 .5em!important;display:inline-block}.form-table td fieldset p label{margin-top:0!important}.form-table td fieldset label,.form-table td fieldset li,.form-table td fieldset p{line-height:1.4}.form-table input.tog,.form-table input[type=radio]{margin-top:-4px;margin-right:4px;float:none}.form-table .pre{padding:8px;margin:0}table.form-table td .updated{font-size:13px}table.form-table td .updated p{font-size:13px;margin:.3em 0}#profile-page .form-table textarea{width:500px;margin-bottom:6px}#profile-page .form-table #rich_editing{margin-right:5px}#your-profile legend{font-size:22px}#display_name{width:15em}#adduser .form-field input,#createuser .form-field input{width:25em}.color-option{display:inline-block;width:24%;padding:5px 15px 15px;box-sizing:border-box;margin-bottom:3px}.color-option.selected,.color-option:hover{background:#dcdcde}.color-palette{width:100%;border-spacing:0;border-collapse:collapse}.color-palette td{height:20px;padding:0;border:none}.color-option{cursor:pointer}.create-application-password .form-field{max-width:25em}.create-application-password label{font-weight:600}.create-application-password p.submit{margin-bottom:0;padding-bottom:0;display:block}#application-passwords-section .notice{margin-top:20px;margin-bottom:0}.application-password-display input.code{width:19em}.auth-app-card.card{max-width:768px}.authorize-application-php .form-wrap p{display:block}.tool-box .title{margin:8px 0;font-size:18px;font-weight:400;line-height:24px}.label-responsive{vertical-align:middle}#export-filters p{margin:0 0 1em}#export-filters p.submit{margin:7px 0 5px}.card{position:relative;margin-top:20px;padding:.7em 2em 1em;min-width:255px;max-width:520px;border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04);background:#fff;box-sizing:border-box}.pressthis h4{margin:2em 0 1em}.pressthis textarea{width:100%;font-size:1em}#pressthis-code-wrap{overflow:auto}.pressthis-bookmarklet-wrapper{margin:20px 0 8px;vertical-align:top;position:relative;z-index:1}.pressthis-bookmarklet,.pressthis-bookmarklet:active,.pressthis-bookmarklet:focus,.pressthis-bookmarklet:hover{display:inline-block;position:relative;cursor:move;color:#2c3338;background:#dcdcde;border-radius:5px;border:1px solid #c3c4c7;font-style:normal;line-height:16px;font-size:14px;text-decoration:none}.pressthis-bookmarklet:active{outline:0}.pressthis-bookmarklet:after{content:"";width:70%;height:55%;z-index:-1;position:absolute;right:10px;bottom:9px;background:0 0;transform:skew(20deg) rotate(6deg);box-shadow:0 10px 8px rgba(0,0,0,.6)}.pressthis-bookmarklet:hover:after{transform:skew(20deg) rotate(9deg);box-shadow:0 10px 8px rgba(0,0,0,.7)}.pressthis-bookmarklet span{display:inline-block;margin:0;padding:0 12px 8px 9px}.pressthis-bookmarklet span:before{color:#787c82;font:normal 20px/1 dashicons;content:"\f157";position:relative;display:inline-block;top:4px;margin-right:4px}.pressthis-js-toggle{margin-left:10px;padding:0;height:auto;vertical-align:top}.pressthis-js-toggle.button.button{margin-left:10px;padding:0;height:auto;vertical-align:top}.pressthis-js-toggle .dashicons{margin:5px 8px 6px 7px;color:#50575e}.timezone-info code{white-space:nowrap}.defaultavatarpicker .avatar{margin:2px 0;vertical-align:middle}.options-general-php .date-time-text{display:inline-block;min-width:10em}.options-general-php input.small-text{width:56px;margin:-2px 0}.options-general-php .spinner{float:none;margin:-3px 3px 0}.options-general-php .language-install-spinner,.settings-php .language-install-spinner{display:inline-block;float:none;margin:-3px 5px 0;vertical-align:middle}.form-table.permalink-structure .available-structure-tags li{float:left;margin-right:5px}.setup-php textarea{max-width:100%}.form-field #site-address{max-width:25em}.form-field #domain{max-width:22em}.form-field #admin-email,.form-field #blog_last_updated,.form-field #blog_registered,.form-field #path,.form-field #site-title{max-width:25em}.form-field #path{margin-bottom:5px}#search-sites,#search-users{max-width:60%}.request-filesystem-credentials-dialog{display:none;visibility:visible}.request-filesystem-credentials-dialog .notification-dialog{top:10%;max-height:85%}.request-filesystem-credentials-dialog-content{margin:25px}#request-filesystem-credentials-title{font-size:1.3em;margin:1em 0}.request-filesystem-credentials-form legend{font-size:1em;padding:1.33em 0;font-weight:600}.request-filesystem-credentials-form input[type=password],.request-filesystem-credentials-form input[type=text]{display:block}.request-filesystem-credentials-dialog input[type=password],.request-filesystem-credentials-dialog input[type=text]{width:100%}.request-filesystem-credentials-form .field-title{font-weight:600}.request-filesystem-credentials-dialog label[for=hostname],.request-filesystem-credentials-dialog label[for=private_key],.request-filesystem-credentials-dialog label[for=public_key]{display:block;margin-bottom:1em}.request-filesystem-credentials-dialog .ftp-password,.request-filesystem-credentials-dialog .ftp-username{float:left;width:48%}.request-filesystem-credentials-dialog .ftp-password{margin-left:4%}.request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons{text-align:right}.request-filesystem-credentials-dialog label[for=ftp]{margin-right:10px}.request-filesystem-credentials-dialog #auth-keys-desc{margin-bottom:0}#request-filesystem-credentials-dialog .button:not(:last-child){margin-right:10px}#request-filesystem-credentials-form .cancel-button{display:none}#request-filesystem-credentials-dialog .cancel-button{display:inline}.request-filesystem-credentials-dialog .ftp-password,.request-filesystem-credentials-dialog .ftp-username{float:none;width:auto}.request-filesystem-credentials-dialog .ftp-username{margin-bottom:1em}.request-filesystem-credentials-dialog .ftp-password{margin:0}.request-filesystem-credentials-dialog .ftp-password em{color:#8c8f94}.request-filesystem-credentials-dialog label{display:block;line-height:1.5;margin-bottom:1em}.request-filesystem-credentials-form legend{padding-bottom:0}.request-filesystem-credentials-form #ssh-keys legend{font-size:1.3em}.request-filesystem-credentials-form .notice{margin:0 0 20px;clear:both}.tools-privacy-policy-page form{margin-bottom:1.3em}.tools-privacy-policy-page input.button{margin:0 1px 0 6px}.tools-privacy-policy-page select{margin:0 1px .5em 6px}.tools-privacy-edit{margin:1.5em 0}.tools-privacy-policy-page span{line-height:2}.privacy_requests .column-email{width:40%}.privacy_requests .column-type{text-align:center}.privacy_requests tfoot td:first-child,.privacy_requests thead td:first-child{border-left:4px solid #fff}.privacy_requests tbody th{border-left:4px solid #fff;background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.privacy_requests .row-actions{color:#787c82}.privacy_requests .row-actions.processing{position:static}.privacy_requests tbody .has-request-results th{box-shadow:none}.privacy_requests tbody .request-results th .notice{margin:0 0 5px}.privacy_requests tbody td{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.privacy_requests tbody .has-request-results td{box-shadow:none}.privacy_requests .next_steps .button{word-wrap:break-word;white-space:normal}.privacy_requests .status-request-confirmed td,.privacy_requests .status-request-confirmed th{background-color:#fff;border-left-color:#72aee6}.privacy_requests .status-request-failed td,.privacy_requests .status-request-failed th{background-color:#f6f7f7;border-left-color:#d63638}.privacy_requests .export_personal_data_failed a{vertical-align:baseline}.status-label{font-weight:600}.status-label.status-request-pending{font-weight:400;font-style:italic;color:#646970}.status-label.status-request-failed{color:#d63638;font-weight:600}.wp-privacy-request-form{clear:both}.wp-privacy-request-form-field{margin:1.5em 0}.wp-privacy-request-form input{margin:0}.email-personal-data::before{display:inline-block;font:normal 20px/1 dashicons;margin:3px 5px 0 -2px;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.email-personal-data--sending::before{color:#d63638;content:"\f463";animation:rotation 2s infinite linear}.email-personal-data--sent::before{color:#68de7c;content:"\f147"}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{-webkit-appearance:none;padding:3px 10px;min-height:40px}::-webkit-datetime-edit{line-height:1.875}.widefat tfoot td input[type=checkbox],.widefat th input[type=checkbox],.widefat thead td input[type=checkbox],input[type=checkbox]{-webkit-appearance:none}.widefat tfoot td input[type=checkbox],.widefat th input[type=checkbox],.widefat thead td input[type=checkbox]{margin-bottom:8px}.widefat tfoot td input[type=checkbox]:before,.widefat th input[type=checkbox]:before,.widefat thead td input[type=checkbox]:before,input[type=checkbox]:checked:before{width:1.875rem;height:1.875rem;margin:-.1875rem -.3125rem}input[type=checkbox],input[type=radio]{height:1.5625rem;width:1.5625rem}.wp-admin p input[type=checkbox],.wp-admin p input[type=radio]{margin-top:-.1875rem}input[type=radio]:checked:before{vertical-align:middle;width:.5625rem;height:.5625rem;margin:.4375rem;line-height:.76190476}.wp-upload-form input[type=submit]{margin-top:10px}.wp-admin .form-table select,.wp-core-ui select{min-height:40px;font-size:16px;line-height:1.625;padding:5px 24px 5px 8px}.wp-admin .button-cancel{margin-bottom:0;padding:2px 0;font-size:14px;vertical-align:middle}#adduser .form-field input,#createuser .form-field input{width:100%}.form-table{box-sizing:border-box}.form-table td,.form-table th,.label-responsive{display:block;width:auto;vertical-align:middle}.label-responsive{margin:.5em 0}.export-filters li{margin-bottom:0}.form-table .color-palette td{display:table-cell;width:15px}.form-table table.color-palette{margin-right:10px}input,textarea{font-size:16px}#profile-page .form-table textarea,.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td select,.form-table td textarea{width:100%;display:block;max-width:none;box-sizing:border-box}.form-table .form-required.form-invalid td:after{float:right;margin:-30px 3px 0 0}.form-table input[type=text].small-text,input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{width:auto;max-width:4.375em;display:inline;padding:3px 6px;margin:0 3px}.form-table .regular-text~input[type=text].small-text{margin-top:5px}#pass-strength-result{width:100%;box-sizing:border-box;padding:8px}p.search-box{float:none;position:absolute;bottom:0;width:98%;height:90px;margin-bottom:20px}p.search-box input[name="s"]{float:none;width:100%;margin-bottom:10px;vertical-align:middle}p.search-box input[type=submit]{margin-bottom:10px}.form-table span.description{display:inline;padding:4px 0 0;line-height:1.4;font-size:14px}.form-table th{padding:10px 0 0;border-bottom:0}.form-table td{margin-bottom:0;padding:4px 0 6px}.form-table.permalink-structure td code{margin-left:32px;display:inline-block}.form-table.permalink-structure td input[type=text]{margin-left:32px;margin-top:4px;width:96%}.form-table input.regular-text{width:100%}.form-table label{font-size:14px}.background-position-control .button-group>label{font-size:0}.form-table fieldset label{display:block}#local-time,#utc-time{display:block;float:none;margin-top:.5em}.form-field #domain{max-width:none}.wp-pwd{position:relative}#profile-page .form-table #pass1{padding-right:90px}.wp-pwd button.button{background:0 0;border:1px solid transparent;box-shadow:none;line-height:2;margin:0;padding:5px 9px;position:absolute;right:0;top:0;width:2.375rem;height:2.375rem;min-width:40px;min-height:40px}.wp-pwd button.wp-hide-pw{right:2.5rem}.wp-pwd button.button:focus,.wp-pwd button.button:hover{background:0 0}.wp-pwd button.button:active{background:0 0;box-shadow:none;transform:none}.wp-pwd .button .text{display:none}.wp-pwd [type=password],.wp-pwd [type=text]{line-height:2;padding-right:5rem}.wp-cancel-pw .dashicons-no{display:inline-block}.options-general-php input[type=text].small-text{max-width:6.25em;margin:0}.tools-privacy-policy-page form.wp-create-privacy-page{margin-bottom:1em}.tools-privacy-policy-page input#set-page,.tools-privacy-policy-page select{margin:10px 0 0}.tools-privacy-policy-page .wp-create-privacy-page span{display:block;margin-bottom:1em}.tools-privacy-policy-page .wp-create-privacy-page .button{margin-left:0}.wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column){display:table-cell}.wp-list-table.privacy_requests.widefat th input,.wp-list-table.privacy_requests.widefat thead td input{margin-left:5px}.wp-privacy-request-form-field input[type=text]{width:100%;margin-bottom:10px;vertical-align:middle}.regular-text{max-width:100%}}@media only screen and (max-width:768px){.form-field input[type=email],.form-field input[type=password],.form-field input[type=text],.form-field select,.form-field textarea{width:99%}.form-wrap .form-field{padding:0}}@media only screen and (max-height:480px),screen and (max-width:450px){.file-editor-warning .notification-dialog,.request-filesystem-credentials-dialog .notification-dialog{width:100%;height:100%;max-height:100%;position:fixed;top:0;margin:0;left:0}}@media screen and (max-width:600px){.color-option{width:49%}}@media only screen and (max-width:320px){.options-general-php .date-time-text.date-time-custom-text{min-width:0;margin-right:.5em}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/install-rtl.css b/tools/storybook/wordpress/css/install-rtl.css
new file mode 100644
index 00000000000..e7b9466da81
--- /dev/null
+++ b/tools/storybook/wordpress/css/install-rtl.css
@@ -0,0 +1,380 @@
+/*! This file is auto-generated */
+html {
+	background: #f0f0f1;
+	margin: 0 20px;
+}
+
+body {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	margin: 140px auto 25px;
+	padding: 20px 20px 10px;
+	max-width: 700px;
+	-webkit-font-smoothing: subpixel-antialiased;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+a {
+	color: #2271b1;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+h1, h2 {
+	border-bottom: 1px solid #dcdcde;
+	clear: both;
+	color: #646970;
+	font-size: 24px;
+	padding: 0 0 7px;
+	font-weight: 400;
+}
+
+h3 {
+	font-size: 16px;
+}
+
+p, li, dd, dt {
+	padding-bottom: 2px;
+	font-size: 14px;
+	line-height: 1.5;
+}
+
+code, .code {
+	font-family: Consolas, Monaco, monospace;
+}
+
+ul, ol, dl {
+	padding: 5px 22px 5px 5px;
+}
+
+a img {
+	border: 0
+}
+abbr {
+	border: 0;
+	font-variant: normal;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+label {
+	cursor: pointer;
+}
+
+#logo {
+	margin: -130px auto 25px;
+	padding: 0 0 25px;
+	width: 84px;
+	height: 84px;
+	overflow: hidden;
+	background-image: url(../images/w-logo-blue.png?ver=20131202);
+	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
+	background-size: 84px;
+	background-position: center top;
+	background-repeat: no-repeat;
+	color: #3c434a; /* same as login.css */
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.3em;
+	text-decoration: none;
+	text-align: center;
+	text-indent: -9999px;
+	outline: none;
+}
+
+.step {
+	margin: 20px 0 15px;
+}
+.step, th {
+	text-align: right;
+	padding: 0;
+}
+.language-chooser.wp-core-ui .step .button.button-large {
+	font-size: 14px;
+}
+textarea {
+	border: 1px solid #dcdcde;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.form-table {
+	border-collapse: collapse;
+	margin-top: 1em;
+	width: 100%;
+}
+
+.form-table td {
+	margin-bottom: 9px;
+	padding: 10px 0 10px 20px;
+	font-size: 14px;
+	vertical-align: top
+}
+
+.form-table th {
+	font-size: 14px;
+	text-align: right;
+	padding: 10px 0 10px 20px;
+	width: 140px;
+	vertical-align: top;
+}
+
+.form-table code {
+	line-height: 1.28571428;
+	font-size: 14px;
+}
+
+.form-table p {
+	margin: 4px 0 0;
+	font-size: 11px;
+}
+
+.form-table input {
+	line-height: 1.33333333;
+	font-size: 15px;
+	padding: 3px 5px;
+}
+
+input,
+submit {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.form-table input[type=text],
+.form-table input[type=email],
+.form-table input[type=url],
+.form-table input[type=password],
+#pass-strength-result {
+	width: 218px;
+}
+
+.form-table th p {
+	font-weight: 400;
+}
+
+.form-table.install-success th,
+.form-table.install-success td {
+	vertical-align: middle;
+	padding: 16px 0 16px 20px;
+}
+
+.form-table.install-success td p {
+	margin: 0;
+	font-size: 14px;
+}
+
+.form-table.install-success td code {
+	margin: 0;
+	font-size: 18px;
+}
+
+#error-page {
+	margin-top: 50px;
+}
+
+#error-page p {
+	font-size: 14px;
+	line-height: 1.28571428;
+	margin: 25px 0 20px;
+}
+
+#error-page code, .code {
+	font-family: Consolas, Monaco, monospace;
+}
+
+.message {
+	border-right: 4px solid #d63638;
+	padding: .7em .6em;
+	background-color: #fcf0f1;
+}
+
+/* rtl:ignore */
+#dbname,
+#uname,
+#pwd,
+#dbhost,
+#prefix,
+#user_login,
+#admin_email,
+#pass1,
+#pass2 {
+	direction: ltr;
+}
+
+
+/* localization */
+body.rtl,
+.rtl textarea,
+.rtl input,
+.rtl submit {
+	font-family: Tahoma, sans-serif;
+}
+
+:lang(he-il) body.rtl,
+:lang(he-il) .rtl textarea,
+:lang(he-il) .rtl input,
+:lang(he-il) .rtl submit {
+	font-family: Arial, sans-serif;
+}
+
+@media only screen and (max-width: 799px) {
+	body {
+		margin-top: 115px;
+	}
+	#logo a {
+		margin: -125px auto 30px;
+	}
+}
+
+@media screen and (max-width: 782px) {
+
+	.form-table {
+		margin-top: 0;
+	}
+
+	.form-table th,
+	.form-table td {
+		display: block;
+		width: auto;
+		vertical-align: middle;
+	}
+
+	.form-table th {
+		padding: 20px 0 0;
+	}
+
+	.form-table td {
+		padding: 5px 0;
+		border: 0;
+		margin: 0;
+	}
+
+	textarea,
+	input {
+		font-size: 16px;
+	}
+
+	.form-table td input[type="text"],
+	.form-table td input[type="email"],
+	.form-table td input[type="url"],
+	.form-table td input[type="password"],
+	.form-table td select,
+	.form-table td textarea,
+	.form-table span.description {
+		width: 100%;
+		font-size: 16px;
+		line-height: 1.5;
+		padding: 7px 10px;
+		display: block;
+		max-width: none;
+		box-sizing: border-box;
+	}
+
+	.wp-pwd #pass1 {
+		padding-left: 50px;
+	}
+
+	.wp-pwd .button.wp-hide-pw {
+		left: 0;
+	}
+
+	#pass-strength-result {
+		width: 100%;
+	}
+}
+
+body.language-chooser {
+	max-width: 300px;
+}
+
+.language-chooser select {
+	padding: 8px;
+	width: 100%;
+	display: block;
+	border: 1px solid #dcdcde;
+	background: #fff;
+	color: #2c3338;
+	font-size: 16px;
+	font-family: Arial, sans-serif;
+	font-weight: 400;
+}
+
+.language-chooser select:focus {
+	color: #2c3338;
+}
+
+.language-chooser select option:hover,
+.language-chooser select option:focus {
+	color: #0a4b78;
+}
+
+.language-chooser .step {
+	text-align: left;
+}
+
+.screen-reader-input,
+.screen-reader-text {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important;
+}
+
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	background-size: 20px 20px;
+	visibility: hidden;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 2px 5px 0;
+}
+
+.step .spinner {
+	display: inline-block;
+	vertical-align: middle;
+	margin-left: 15px;
+}
+
+.button.hide-if-no-js,
+.hide-if-no-js {
+	display: none;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}
diff --git a/tools/storybook/wordpress/css/install-rtl.min.css b/tools/storybook/wordpress/css/install-rtl.min.css
new file mode 100644
index 00000000000..37ec3a1fb7d
--- /dev/null
+++ b/tools/storybook/wordpress/css/install-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+html{background:#f0f0f1;margin:0 20px}body{background:#fff;border:1px solid #c3c4c7;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:140px auto 25px;padding:20px 20px 10px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;box-shadow:0 1px 1px rgba(0,0,0,.04)}a{color:#2271b1}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}h1,h2{border-bottom:1px solid #dcdcde;clear:both;color:#646970;font-size:24px;padding:0 0 7px;font-weight:400}h3{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 22px 5px 5px}a img{border:0}abbr{border:0;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:-130px auto 25px;padding:0 0 25px;width:84px;height:84px;overflow:hidden;background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;font-size:20px;font-weight:400;line-height:1.3em;text-decoration:none;text-align:center;text-indent:-9999px;outline:0}.step{margin:20px 0 15px}.step,th{text-align:right;padding:0}.language-chooser.wp-core-ui .step .button.button-large{font-size:14px}textarea{border:1px solid #dcdcde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;width:100%;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 0 10px 20px;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:right;padding:10px 0 10px 20px;width:140px;vertical-align:top}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px}input,submit{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:16px 0 16px 20px}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-right:4px solid #d63638;padding:.7em .6em;background-color:#fcf0f1}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;box-sizing:border-box}.wp-pwd #pass1{padding-left:50px}.wp-pwd .button.wp-hide-pw{left:0}#pass-strength-result{width:100%}}body.language-chooser{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #dcdcde;background:#fff;color:#2c3338;font-size:16px;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#2c3338}.language-chooser select option:focus,.language-chooser select option:hover{color:#0a4b78}.language-chooser .step{text-align:left}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-left:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.spinner{background-image:url(../images/spinner-2x.gif)}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/install.css b/tools/storybook/wordpress/css/install.css
new file mode 100644
index 00000000000..62a596f0fe1
--- /dev/null
+++ b/tools/storybook/wordpress/css/install.css
@@ -0,0 +1,379 @@
+html {
+	background: #f0f0f1;
+	margin: 0 20px;
+}
+
+body {
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	margin: 140px auto 25px;
+	padding: 20px 20px 10px;
+	max-width: 700px;
+	-webkit-font-smoothing: subpixel-antialiased;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+a {
+	color: #2271b1;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+h1, h2 {
+	border-bottom: 1px solid #dcdcde;
+	clear: both;
+	color: #646970;
+	font-size: 24px;
+	padding: 0 0 7px;
+	font-weight: 400;
+}
+
+h3 {
+	font-size: 16px;
+}
+
+p, li, dd, dt {
+	padding-bottom: 2px;
+	font-size: 14px;
+	line-height: 1.5;
+}
+
+code, .code {
+	font-family: Consolas, Monaco, monospace;
+}
+
+ul, ol, dl {
+	padding: 5px 5px 5px 22px;
+}
+
+a img {
+	border: 0
+}
+abbr {
+	border: 0;
+	font-variant: normal;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+label {
+	cursor: pointer;
+}
+
+#logo {
+	margin: -130px auto 25px;
+	padding: 0 0 25px;
+	width: 84px;
+	height: 84px;
+	overflow: hidden;
+	background-image: url(../images/w-logo-blue.png?ver=20131202);
+	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
+	background-size: 84px;
+	background-position: center top;
+	background-repeat: no-repeat;
+	color: #3c434a; /* same as login.css */
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.3em;
+	text-decoration: none;
+	text-align: center;
+	text-indent: -9999px;
+	outline: none;
+}
+
+.step {
+	margin: 20px 0 15px;
+}
+.step, th {
+	text-align: left;
+	padding: 0;
+}
+.language-chooser.wp-core-ui .step .button.button-large {
+	font-size: 14px;
+}
+textarea {
+	border: 1px solid #dcdcde;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.form-table {
+	border-collapse: collapse;
+	margin-top: 1em;
+	width: 100%;
+}
+
+.form-table td {
+	margin-bottom: 9px;
+	padding: 10px 20px 10px 0;
+	font-size: 14px;
+	vertical-align: top
+}
+
+.form-table th {
+	font-size: 14px;
+	text-align: left;
+	padding: 10px 20px 10px 0;
+	width: 140px;
+	vertical-align: top;
+}
+
+.form-table code {
+	line-height: 1.28571428;
+	font-size: 14px;
+}
+
+.form-table p {
+	margin: 4px 0 0;
+	font-size: 11px;
+}
+
+.form-table input {
+	line-height: 1.33333333;
+	font-size: 15px;
+	padding: 3px 5px;
+}
+
+input,
+submit {
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.form-table input[type=text],
+.form-table input[type=email],
+.form-table input[type=url],
+.form-table input[type=password],
+#pass-strength-result {
+	width: 218px;
+}
+
+.form-table th p {
+	font-weight: 400;
+}
+
+.form-table.install-success th,
+.form-table.install-success td {
+	vertical-align: middle;
+	padding: 16px 20px 16px 0;
+}
+
+.form-table.install-success td p {
+	margin: 0;
+	font-size: 14px;
+}
+
+.form-table.install-success td code {
+	margin: 0;
+	font-size: 18px;
+}
+
+#error-page {
+	margin-top: 50px;
+}
+
+#error-page p {
+	font-size: 14px;
+	line-height: 1.28571428;
+	margin: 25px 0 20px;
+}
+
+#error-page code, .code {
+	font-family: Consolas, Monaco, monospace;
+}
+
+.message {
+	border-left: 4px solid #d63638;
+	padding: .7em .6em;
+	background-color: #fcf0f1;
+}
+
+/* rtl:ignore */
+#dbname,
+#uname,
+#pwd,
+#dbhost,
+#prefix,
+#user_login,
+#admin_email,
+#pass1,
+#pass2 {
+	direction: ltr;
+}
+
+
+/* localization */
+body.rtl,
+.rtl textarea,
+.rtl input,
+.rtl submit {
+	font-family: Tahoma, sans-serif;
+}
+
+:lang(he-il) body.rtl,
+:lang(he-il) .rtl textarea,
+:lang(he-il) .rtl input,
+:lang(he-il) .rtl submit {
+	font-family: Arial, sans-serif;
+}
+
+@media only screen and (max-width: 799px) {
+	body {
+		margin-top: 115px;
+	}
+	#logo a {
+		margin: -125px auto 30px;
+	}
+}
+
+@media screen and (max-width: 782px) {
+
+	.form-table {
+		margin-top: 0;
+	}
+
+	.form-table th,
+	.form-table td {
+		display: block;
+		width: auto;
+		vertical-align: middle;
+	}
+
+	.form-table th {
+		padding: 20px 0 0;
+	}
+
+	.form-table td {
+		padding: 5px 0;
+		border: 0;
+		margin: 0;
+	}
+
+	textarea,
+	input {
+		font-size: 16px;
+	}
+
+	.form-table td input[type="text"],
+	.form-table td input[type="email"],
+	.form-table td input[type="url"],
+	.form-table td input[type="password"],
+	.form-table td select,
+	.form-table td textarea,
+	.form-table span.description {
+		width: 100%;
+		font-size: 16px;
+		line-height: 1.5;
+		padding: 7px 10px;
+		display: block;
+		max-width: none;
+		box-sizing: border-box;
+	}
+
+	.wp-pwd #pass1 {
+		padding-right: 50px;
+	}
+
+	.wp-pwd .button.wp-hide-pw {
+		right: 0;
+	}
+
+	#pass-strength-result {
+		width: 100%;
+	}
+}
+
+body.language-chooser {
+	max-width: 300px;
+}
+
+.language-chooser select {
+	padding: 8px;
+	width: 100%;
+	display: block;
+	border: 1px solid #dcdcde;
+	background: #fff;
+	color: #2c3338;
+	font-size: 16px;
+	font-family: Arial, sans-serif;
+	font-weight: 400;
+}
+
+.language-chooser select:focus {
+	color: #2c3338;
+}
+
+.language-chooser select option:hover,
+.language-chooser select option:focus {
+	color: #0a4b78;
+}
+
+.language-chooser .step {
+	text-align: right;
+}
+
+.screen-reader-input,
+.screen-reader-text {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important;
+}
+
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	background-size: 20px 20px;
+	visibility: hidden;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 2px 5px 0;
+}
+
+.step .spinner {
+	display: inline-block;
+	vertical-align: middle;
+	margin-right: 15px;
+}
+
+.button.hide-if-no-js,
+.hide-if-no-js {
+	display: none;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}
diff --git a/tools/storybook/wordpress/css/install.min.css b/tools/storybook/wordpress/css/install.min.css
new file mode 100644
index 00000000000..6cbb6dcb747
--- /dev/null
+++ b/tools/storybook/wordpress/css/install.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+html{background:#f0f0f1;margin:0 20px}body{background:#fff;border:1px solid #c3c4c7;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:140px auto 25px;padding:20px 20px 10px;max-width:700px;-webkit-font-smoothing:subpixel-antialiased;box-shadow:0 1px 1px rgba(0,0,0,.04)}a{color:#2271b1}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}h1,h2{border-bottom:1px solid #dcdcde;clear:both;color:#646970;font-size:24px;padding:0 0 7px;font-weight:400}h3{font-size:16px}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 5px 5px 22px}a img{border:0}abbr{border:0;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:-130px auto 25px;padding:0 0 25px;width:84px;height:84px;overflow:hidden;background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;font-size:20px;font-weight:400;line-height:1.3em;text-decoration:none;text-align:center;text-indent:-9999px;outline:0}.step{margin:20px 0 15px}.step,th{text-align:left;padding:0}.language-chooser.wp-core-ui .step .button.button-large{font-size:14px}textarea{border:1px solid #dcdcde;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;width:100%;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px;padding:10px 20px 10px 0;font-size:14px;vertical-align:top}.form-table th{font-size:14px;text-align:left;padding:10px 20px 10px 0;width:140px;vertical-align:top}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px}input,submit{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:16px 20px 16px 0}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-left:4px solid #d63638;padding:.7em .6em;background-color:#fcf0f1}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:16px}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:16px;line-height:1.5;padding:7px 10px;display:block;max-width:none;box-sizing:border-box}.wp-pwd #pass1{padding-right:50px}.wp-pwd .button.wp-hide-pw{right:0}#pass-strength-result{width:100%}}body.language-chooser{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #dcdcde;background:#fff;color:#2c3338;font-size:16px;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#2c3338}.language-chooser select option:focus,.language-chooser select option:hover{color:#0a4b78}.language-chooser .step{text-align:right}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-right:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.spinner{background-image:url(../images/spinner-2x.gif)}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/l10n-rtl.css b/tools/storybook/wordpress/css/l10n-rtl.css
new file mode 100644
index 00000000000..eaefa4eddc2
--- /dev/null
+++ b/tools/storybook/wordpress/css/l10n-rtl.css
@@ -0,0 +1,121 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  27.0 - Localization
+------------------------------------------------------------------------------*/
+
+/* RTL except Hebrew (see below): Tahoma as the first font; */
+body.rtl,
+body.rtl .press-this a.wp-switch-editor {
+	font-family: Tahoma, Arial, sans-serif;
+}
+
+/* Arial is best for RTL headings. */
+.rtl h1,
+.rtl h2,
+.rtl h3,
+.rtl h4,
+.rtl h5,
+.rtl h6 {
+	font-family: Arial, sans-serif;
+	font-weight: 600;
+}
+
+/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
+body.locale-he-il,
+body.locale-he-il .press-this a.wp-switch-editor {
+	font-family: Arial, sans-serif;
+}
+
+/* he_IL: Have <em> be bold rather than italic. */
+.locale-he-il em {
+	font-style: normal;
+	font-weight: 600;
+}
+
+/* zh_CN: Remove italic properties. */
+.locale-zh-cn .howto,
+.locale-zh-cn .tablenav .displaying-num,
+.locale-zh-cn .js .input-with-default-title,
+.locale-zh-cn .link-to-original,
+.locale-zh-cn .inline-edit-row fieldset span.title,
+.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
+.locale-zh-cn #utc-time,
+.locale-zh-cn #local-time,
+.locale-zh-cn p.install-help,
+.locale-zh-cn p.help,
+.locale-zh-cn p.description,
+.locale-zh-cn span.description,
+.locale-zh-cn .form-wrap p {
+	font-style: normal;
+}
+
+/* zh_CN: Enlarge dashboard widget 'Configure' link */
+.locale-zh-cn .hdnle a { font-size: 12px; }
+
+/* zn_CH: Enlarge font size, set font-size: normal */
+.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
+
+/* zh_CN: Enlarge font-size. */
+.locale-zh-cn #sort-buttons { font-size: 1em !important; }
+
+/* de_DE: Text needs more space for translation */
+.locale-de-de #customize-header-actions .button,
+.locale-de-de-formal #customize-header-actions .button {
+	padding: 0 5px 1px; /* default 0 10px 1px */
+}
+.locale-de-de #customize-header-actions .spinner,
+.locale-de-de-formal #customize-header-actions .spinner {
+	margin: 16px 3px 0; /* default 16px 4px 0 5px */
+}
+
+/* ru_RU: Text needs more room to breathe. */
+.locale-ru-ru #adminmenu {
+	width: inherit; /* back-compat for pre-3.2 */
+}
+.locale-ru-ru #adminmenu,
+.locale-ru-ru #wpbody {
+	margin-right: 0; /* back-compat for pre-3.2 */
+}
+.locale-ru-ru .inline-edit-row fieldset label span.title,
+.locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend {
+	width: 8em; /* default 6em */
+}
+.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap,
+.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap {
+	margin-right: 8em; /* default 6em */
+}
+.locale-ru-ru.post-php .tagsdiv .newtag,
+.locale-ru-ru.post-new-php .tagsdiv .newtag {
+	width: 165px; /* default 180px - 15px */
+}
+.locale-ru-ru.press-this .posting {
+	margin-left: 277px; /* default 252px + 25px */
+}
+.locale-ru-ru .press-this-sidebar {
+	width: 265px; /* default 240px + 25px */
+}
+.locale-ru-ru #customize-header-actions .button {
+	padding: 0 5px 1px; /* default 0 10px 1px */
+}
+.locale-ru-ru #customize-header-actions .spinner {
+	margin: 16px 3px 0; /* default 16px 4px 0 5px */
+}
+
+/* lt_LT: QuickEdit */
+.locale-lt-lt .inline-edit-row fieldset label span.title,
+.locale-lt-lt .inline-edit-row fieldset.inline-edit-date legend {
+	width: 8em; /* default 6em */
+}
+.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,
+.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap {
+	margin-right: 8em; /* default 6em */
+}
+
+@media screen and (max-width: 782px) {
+	.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap,
+	.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,
+	.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,
+	.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap {
+		margin-right: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/l10n-rtl.min.css b/tools/storybook/wordpress/css/l10n-rtl.min.css
new file mode 100644
index 00000000000..3ac11f8e2d3
--- /dev/null
+++ b/tools/storybook/wordpress/css/l10n-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body.rtl,body.rtl .press-this a.wp-switch-editor{font-family:Tahoma,Arial,sans-serif}.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6{font-family:Arial,sans-serif;font-weight:600}body.locale-he-il,body.locale-he-il .press-this a.wp-switch-editor{font-family:Arial,sans-serif}.locale-he-il em{font-style:normal;font-weight:600}.locale-zh-cn #local-time,.locale-zh-cn #utc-time,.locale-zh-cn .form-wrap p,.locale-zh-cn .howto,.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,.locale-zh-cn .inline-edit-row fieldset span.title,.locale-zh-cn .js .input-with-default-title,.locale-zh-cn .link-to-original,.locale-zh-cn .tablenav .displaying-num,.locale-zh-cn p.description,.locale-zh-cn p.help,.locale-zh-cn p.install-help,.locale-zh-cn span.description{font-style:normal}.locale-zh-cn .hdnle a{font-size:12px}.locale-zh-cn form.upgrade .hint{font-style:normal;font-size:100%}.locale-zh-cn #sort-buttons{font-size:1em!important}.locale-de-de #customize-header-actions .button,.locale-de-de-formal #customize-header-actions .button{padding:0 5px 1px}.locale-de-de #customize-header-actions .spinner,.locale-de-de-formal #customize-header-actions .spinner{margin:16px 3px 0}.locale-ru-ru #adminmenu{width:inherit}.locale-ru-ru #adminmenu,.locale-ru-ru #wpbody{margin-right:0}.locale-ru-ru .inline-edit-row fieldset label span.title,.locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend{width:8em}.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap{margin-right:8em}.locale-ru-ru.post-new-php .tagsdiv .newtag,.locale-ru-ru.post-php .tagsdiv .newtag{width:165px}.locale-ru-ru.press-this .posting{margin-left:277px}.locale-ru-ru .press-this-sidebar{width:265px}.locale-ru-ru #customize-header-actions .button{padding:0 5px 1px}.locale-ru-ru #customize-header-actions .spinner{margin:16px 3px 0}.locale-lt-lt .inline-edit-row fieldset label span.title,.locale-lt-lt .inline-edit-row fieldset.inline-edit-date legend{width:8em}.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap,.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap{margin-right:8em}@media screen and (max-width:782px){.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap,.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap{margin-right:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/l10n.css b/tools/storybook/wordpress/css/l10n.css
new file mode 100644
index 00000000000..967fb4c6c65
--- /dev/null
+++ b/tools/storybook/wordpress/css/l10n.css
@@ -0,0 +1,120 @@
+/*------------------------------------------------------------------------------
+  27.0 - Localization
+------------------------------------------------------------------------------*/
+
+/* RTL except Hebrew (see below): Tahoma as the first font; */
+body.rtl,
+body.rtl .press-this a.wp-switch-editor {
+	font-family: Tahoma, Arial, sans-serif;
+}
+
+/* Arial is best for RTL headings. */
+.rtl h1,
+.rtl h2,
+.rtl h3,
+.rtl h4,
+.rtl h5,
+.rtl h6 {
+	font-family: Arial, sans-serif;
+	font-weight: 600;
+}
+
+/* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
+body.locale-he-il,
+body.locale-he-il .press-this a.wp-switch-editor {
+	font-family: Arial, sans-serif;
+}
+
+/* he_IL: Have <em> be bold rather than italic. */
+.locale-he-il em {
+	font-style: normal;
+	font-weight: 600;
+}
+
+/* zh_CN: Remove italic properties. */
+.locale-zh-cn .howto,
+.locale-zh-cn .tablenav .displaying-num,
+.locale-zh-cn .js .input-with-default-title,
+.locale-zh-cn .link-to-original,
+.locale-zh-cn .inline-edit-row fieldset span.title,
+.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
+.locale-zh-cn #utc-time,
+.locale-zh-cn #local-time,
+.locale-zh-cn p.install-help,
+.locale-zh-cn p.help,
+.locale-zh-cn p.description,
+.locale-zh-cn span.description,
+.locale-zh-cn .form-wrap p {
+	font-style: normal;
+}
+
+/* zh_CN: Enlarge dashboard widget 'Configure' link */
+.locale-zh-cn .hdnle a { font-size: 12px; }
+
+/* zn_CH: Enlarge font size, set font-size: normal */
+.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
+
+/* zh_CN: Enlarge font-size. */
+.locale-zh-cn #sort-buttons { font-size: 1em !important; }
+
+/* de_DE: Text needs more space for translation */
+.locale-de-de #customize-header-actions .button,
+.locale-de-de-formal #customize-header-actions .button {
+	padding: 0 5px 1px; /* default 0 10px 1px */
+}
+.locale-de-de #customize-header-actions .spinner,
+.locale-de-de-formal #customize-header-actions .spinner {
+	margin: 16px 3px 0; /* default 16px 4px 0 5px */
+}
+
+/* ru_RU: Text needs more room to breathe. */
+.locale-ru-ru #adminmenu {
+	width: inherit; /* back-compat for pre-3.2 */
+}
+.locale-ru-ru #adminmenu,
+.locale-ru-ru #wpbody {
+	margin-left: 0; /* back-compat for pre-3.2 */
+}
+.locale-ru-ru .inline-edit-row fieldset label span.title,
+.locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend {
+	width: 8em; /* default 6em */
+}
+.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap,
+.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap {
+	margin-left: 8em; /* default 6em */
+}
+.locale-ru-ru.post-php .tagsdiv .newtag,
+.locale-ru-ru.post-new-php .tagsdiv .newtag {
+	width: 165px; /* default 180px - 15px */
+}
+.locale-ru-ru.press-this .posting {
+	margin-right: 277px; /* default 252px + 25px */
+}
+.locale-ru-ru .press-this-sidebar {
+	width: 265px; /* default 240px + 25px */
+}
+.locale-ru-ru #customize-header-actions .button {
+	padding: 0 5px 1px; /* default 0 10px 1px */
+}
+.locale-ru-ru #customize-header-actions .spinner {
+	margin: 16px 3px 0; /* default 16px 4px 0 5px */
+}
+
+/* lt_LT: QuickEdit */
+.locale-lt-lt .inline-edit-row fieldset label span.title,
+.locale-lt-lt .inline-edit-row fieldset.inline-edit-date legend {
+	width: 8em; /* default 6em */
+}
+.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,
+.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap {
+	margin-left: 8em; /* default 6em */
+}
+
+@media screen and (max-width: 782px) {
+	.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap,
+	.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,
+	.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,
+	.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap {
+		margin-left: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/l10n.min.css b/tools/storybook/wordpress/css/l10n.min.css
new file mode 100644
index 00000000000..6a427f4c331
--- /dev/null
+++ b/tools/storybook/wordpress/css/l10n.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body.rtl,body.rtl .press-this a.wp-switch-editor{font-family:Tahoma,Arial,sans-serif}.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6{font-family:Arial,sans-serif;font-weight:600}body.locale-he-il,body.locale-he-il .press-this a.wp-switch-editor{font-family:Arial,sans-serif}.locale-he-il em{font-style:normal;font-weight:600}.locale-zh-cn #local-time,.locale-zh-cn #utc-time,.locale-zh-cn .form-wrap p,.locale-zh-cn .howto,.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,.locale-zh-cn .inline-edit-row fieldset span.title,.locale-zh-cn .js .input-with-default-title,.locale-zh-cn .link-to-original,.locale-zh-cn .tablenav .displaying-num,.locale-zh-cn p.description,.locale-zh-cn p.help,.locale-zh-cn p.install-help,.locale-zh-cn span.description{font-style:normal}.locale-zh-cn .hdnle a{font-size:12px}.locale-zh-cn form.upgrade .hint{font-style:normal;font-size:100%}.locale-zh-cn #sort-buttons{font-size:1em!important}.locale-de-de #customize-header-actions .button,.locale-de-de-formal #customize-header-actions .button{padding:0 5px 1px}.locale-de-de #customize-header-actions .spinner,.locale-de-de-formal #customize-header-actions .spinner{margin:16px 3px 0}.locale-ru-ru #adminmenu{width:inherit}.locale-ru-ru #adminmenu,.locale-ru-ru #wpbody{margin-left:0}.locale-ru-ru .inline-edit-row fieldset label span.title,.locale-ru-ru .inline-edit-row fieldset.inline-edit-date legend{width:8em}.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap{margin-left:8em}.locale-ru-ru.post-new-php .tagsdiv .newtag,.locale-ru-ru.post-php .tagsdiv .newtag{width:165px}.locale-ru-ru.press-this .posting{margin-right:277px}.locale-ru-ru .press-this-sidebar{width:265px}.locale-ru-ru #customize-header-actions .button{padding:0 5px 1px}.locale-ru-ru #customize-header-actions .spinner{margin:16px 3px 0}.locale-lt-lt .inline-edit-row fieldset label span.title,.locale-lt-lt .inline-edit-row fieldset.inline-edit-date legend{width:8em}.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap,.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap{margin-left:8em}@media screen and (max-width:782px){.locale-lt-lt .inline-edit-row fieldset .timestamp-wrap,.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap,.locale-ru-ru .inline-edit-row fieldset .timestamp-wrap,.locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap{margin-left:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/list-tables-rtl.css b/tools/storybook/wordpress/css/list-tables-rtl.css
new file mode 100644
index 00000000000..47375209462
--- /dev/null
+++ b/tools/storybook/wordpress/css/list-tables-rtl.css
@@ -0,0 +1,2247 @@
+/*! This file is auto-generated */
+.response-links {
+	display: block;
+	margin-bottom: 1em;
+}
+
+.response-links a {
+	display: block;
+}
+
+.response-links a.comments-edit-item-link {
+	font-weight: 600;
+}
+
+.response-links a.comments-view-item-link {
+	font-size: 12px;
+}
+
+.post-com-count-wrapper strong {
+	font-weight: 400;
+}
+
+.comments-view-item-link {
+	display: inline-block;
+	clear: both;
+}
+
+.column-response .post-com-count-wrapper,
+.column-comments .post-com-count-wrapper {
+	white-space: nowrap;
+	word-wrap: normal;
+}
+
+/* comments bubble common */
+.column-response .post-com-count,
+.column-comments .post-com-count {
+	display: inline-block;
+	vertical-align: top;
+}
+
+/* comments bubble approved */
+.column-response .post-com-count-no-comments,
+.column-response .post-com-count-approved,
+.column-comments .post-com-count-no-comments,
+.column-comments .post-com-count-approved {
+	margin-top: 5px;
+}
+
+.column-response .comment-count-no-comments,
+.column-response .comment-count-approved,
+.column-comments .comment-count-no-comments,
+.column-comments .comment-count-approved {
+	box-sizing: border-box;
+	display: block;
+	padding: 0 8px;
+	min-width: 24px;
+	height: 2em;
+	border-radius: 5px;
+	background-color: #646970;
+	color: #fff;
+	font-size: 11px;
+	line-height: 1.90909090;
+	text-align: center;
+}
+
+.column-response .post-com-count-no-comments:after,
+.column-response .post-com-count-approved:after,
+.column-comments .post-com-count-no-comments:after,
+.column-comments .post-com-count-approved:after {
+	content: "";
+	display: block;
+	margin-right: 8px;
+	width: 0;
+	height: 0;
+	border-top: 5px solid #646970;
+	border-left: 5px solid transparent;
+}
+
+.column-response a.post-com-count-approved:hover .comment-count-approved,
+.column-response a.post-com-count-approved:focus .comment-count-approved,
+.column-comments a.post-com-count-approved:hover .comment-count-approved,
+.column-comments a.post-com-count-approved:focus .comment-count-approved {
+	background: #2271b1;
+}
+
+.column-response a.post-com-count-approved:hover:after,
+.column-response a.post-com-count-approved:focus:after,
+.column-comments a.post-com-count-approved:hover:after,
+.column-comments a.post-com-count-approved:focus:after {
+	border-top-color: #2271b1;
+}
+
+/* @todo: consider to use a single rule for these counters and the admin menu counters. */
+.column-response .post-com-count-pending,
+.column-comments .post-com-count-pending {
+	position: relative;
+	right: -3px;
+	padding: 0 5px;
+	min-width: 7px;
+	height: 17px;
+	border: 2px solid #fff;
+	border-radius: 11px;
+	background: #d63638;
+	color: #fff;
+	font-size: 9px;
+	line-height: 1.88888888;
+	text-align: center;
+}
+
+.column-response .post-com-count-no-pending,
+.column-comments .post-com-count-no-pending {
+	display: none;
+}
+
+/* comments */
+
+.commentlist li {
+	padding: 1em 1em .2em;
+	margin: 0;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.commentlist li li {
+	border-bottom: 0;
+	padding: 0;
+}
+
+.commentlist p {
+	padding: 0;
+	margin: 0 0 .8em;
+}
+
+#submitted-on,
+.submitted-on {
+	color: #50575e;
+}
+
+/* reply to comments */
+#replyrow td {
+	padding: 2px;
+}
+
+#replysubmit {
+	margin: 0;
+	padding: 5px 7px 10px;
+	overflow: hidden;
+}
+
+#replysubmit .reply-submit-buttons {
+	margin-bottom: 0;
+}
+
+#replysubmit .button {
+	margin-left: 5px;
+}
+
+#replysubmit .spinner {
+	float: none;
+	margin: -4px 0 0;
+}
+
+#replyrow.inline-edit-row fieldset.comment-reply {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+#replyrow legend {
+	margin: 0;
+	padding: .2em 5px 0;
+	font-size: 13px;
+	line-height: 1.4;
+	font-weight: 600;
+}
+
+#replyrow.inline-edit-row label {
+	display: inline;
+	vertical-align: baseline;
+	line-height: inherit;
+}
+
+#edithead .inside,
+#commentsdiv #edithead .inside {
+	float: right;
+	padding: 3px 5px 2px 0;
+	margin: 0;
+	text-align: center;
+}
+
+#edithead .inside input {
+	width: 180px;
+}
+
+#edithead label {
+	padding: 2px 0;
+}
+
+#replycontainer {
+	padding: 5px;
+}
+
+#replycontent {
+	height: 120px;
+	box-shadow: none;
+}
+
+#replyerror {
+	border-color: #dcdcde;
+	background-color: #f6f7f7;
+}
+
+/* @todo: is this used? */
+.commentlist .avatar {
+	vertical-align: text-top;
+}
+
+#the-comment-list tr.undo,
+#the-comment-list div.undo {
+	background-color: #f6f7f7;
+}
+
+#the-comment-list .unapproved th,
+#the-comment-list .unapproved td {
+	background-color: #fcf9e8;
+}
+
+#the-comment-list .unapproved th.check-column {
+	border-right: 4px solid #d63638;
+}
+
+#the-comment-list .unapproved th.check-column input {
+	margin-right: 4px;
+}
+
+#the-comment-list .approve a {
+	color: #007017;
+}
+
+#the-comment-list .unapprove a {
+	color: #996800;
+}
+
+#the-comment-list th,
+#the-comment-list td {
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#the-comment-list tr:last-child th,
+#the-comment-list tr:last-child td {
+	box-shadow: none;
+}
+
+#the-comment-list tr.unapproved + tr.approved th,
+#the-comment-list tr.unapproved + tr.approved td {
+	border-top: 1px solid rgba(0, 0, 0, 0.03);
+}
+
+/* table vim shortcuts */
+.vim-current,
+.vim-current th,
+.vim-current td {
+	background-color: #f0f6fc !important;
+}
+
+th .comment-grey-bubble {
+	height: 16px;
+	width: 16px;
+}
+
+th .comment-grey-bubble:before {
+	content: "\f101";
+	font: normal 20px/.5 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0;
+	top: 4px;
+	right: -4px;
+	position: relative;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #3c434a;
+}
+
+/*------------------------------------------------------------------------------
+  10.0 - List Posts (/Pages/etc)
+------------------------------------------------------------------------------*/
+
+table.fixed {
+	table-layout: fixed;
+}
+
+.fixed .column-rating,
+.fixed .column-visible {
+	width: 8%;
+}
+
+.fixed .column-posts,
+.fixed .column-parent,
+.fixed .column-links,
+.fixed .column-author,
+.fixed .column-format {
+	width: 10%;
+}
+
+.fixed .column-date {
+	width: 14%;
+}
+
+.column-date span[title] {
+	-webkit-text-decoration: dotted underline;
+	text-decoration: dotted underline;
+}
+
+.fixed .column-posts {
+	width: 74px;
+}
+
+.fixed .column-role,
+.fixed .column-posts {
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+.fixed .column-comment .comment-author {
+	display: none;
+}
+
+.fixed .column-response,
+.fixed .column-categories,
+.fixed .column-tags,
+.fixed .column-rel,
+.fixed .column-role {
+	width: 15%;
+}
+
+.fixed .column-slug {
+	width: 25%;
+}
+
+.fixed .column-locations {
+	width: 35%;
+}
+
+.fixed .column-comments {
+	width: 5.5em;
+	padding: 8px 0;
+	text-align: right;
+}
+
+.fixed .column-comments .vers {
+	padding-right: 3px;
+}
+
+td.column-title strong,
+td.plugin-title strong {
+	display: block;
+	margin-bottom: .2em;
+	font-size: 14px;
+}
+
+td.column-title p,
+td.plugin-title p {
+	margin: 6px 0;
+}
+
+/* Media file column */
+table.media .column-title .media-icon {
+	float: right;
+	min-height: 60px;
+	margin: 0 0 0 9px;
+}
+
+table.media .column-title .media-icon img {
+	max-width: 60px;
+	height: auto;
+	vertical-align: top; /* Remove descender white-space. */
+}
+
+table.media .column-title .has-media-icon ~ .row-actions {
+	margin-right: 70px; /* 60px image + margin */
+}
+
+table.media .column-title .filename {
+	margin-bottom: 0.2em;
+}
+
+/* Media Copy to clipboard row action */
+.media .row-actions .copy-to-clipboard-container {
+	display: inline;
+	position: relative;
+}
+
+.media .row-actions .copy-to-clipboard-container .success {
+	position: absolute;
+	right: 50%;
+	transform: translate(50%, -100%);
+	background: #000;
+	color: #fff;
+	border-radius: 5px;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+/* @todo: pick a consistent list table selector */
+.wp-list-table a {
+	transition: none;
+}
+
+#the-list tr:last-child td,
+#the-list tr:last-child th {
+	border-bottom: none !important;
+	box-shadow: none;
+}
+
+#comments-form .fixed .column-author {
+	width: 20%;
+}
+
+#commentsdiv.postbox .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#commentsdiv .inside .row-actions {
+	line-height: 1.38461538;
+}
+
+#commentsdiv .inside .column-author {
+	width: 25%;
+}
+
+#commentsdiv .column-comment p {
+	margin: 0.6em 0;
+	padding: 0;
+}
+
+#commentsdiv #replyrow td {
+	padding: 0;
+}
+
+#commentsdiv p {
+	padding: 8px 10px;
+	margin: 0;
+}
+
+#commentsdiv .comments-box {
+	border: 0 none;
+}
+
+#commentsdiv .comments-box thead th,
+#commentsdiv .comments-box thead td {
+	background: transparent;
+	padding: 0 7px 4px;
+}
+
+#commentsdiv .comments-box tr:last-child td {
+	border-bottom: 0 none;
+}
+
+#commentsdiv #edithead .inside input {
+	width: 160px;
+}
+
+.sorting-indicator {
+	display: block;
+	visibility: hidden;
+	width: 10px;
+	height: 4px;
+	margin-top: 8px;
+	margin-right: 7px;
+}
+
+.sorting-indicator:before {
+	content: "\f142";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0;
+	top: -4px;
+	right: -8px;
+	color: #3c434a;
+	line-height: 0.5;
+	position: relative;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #3c434a;
+}
+
+.column-comments .sorting-indicator:before {
+	top: 0;
+	right: -10px;
+}
+
+th.sorted.asc .sorting-indicator:before,
+th.desc:hover span.sorting-indicator:before,
+th.desc a:focus span.sorting-indicator:before {
+	content: "\f142";
+}
+
+th.sorted.desc .sorting-indicator:before,
+th.asc:hover span.sorting-indicator:before,
+th.asc a:focus span.sorting-indicator:before {
+	content: "\f140";
+}
+
+.wp-list-table .toggle-row {
+	position: absolute;
+	left: 8px;
+	top: 10px;
+	display: none;
+	padding: 0;
+	width: 40px;
+	height: 40px;
+	border: none;
+	outline: none;
+	background: transparent;
+}
+
+.wp-list-table .toggle-row:hover {
+	cursor: pointer;
+}
+
+.wp-list-table .toggle-row:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.wp-list-table .toggle-row:active {
+	box-shadow: none;
+}
+
+.wp-list-table .toggle-row:before {
+	position: absolute;
+	top: -5px;
+	right: 10px;
+	border-radius: 50%;
+	display: block;
+	padding: 1px 0 1px 2px;
+	color: #3c434a; /* same as table headers sort arrows */
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	speak: never;
+}
+
+.wp-list-table .is-expanded .toggle-row:before {
+	content: "\f142";
+}
+
+.locked-indicator {
+	display: none;
+	margin-right: 6px;
+	height: 20px;
+	width: 16px;
+}
+
+.locked-indicator-icon:before {
+	color: #8c8f94;
+	content: "\f160";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.locked-info {
+	display: none;
+	margin-top: 4px;
+}
+
+.locked-text {
+	vertical-align: top;
+}
+
+.wp-locked .locked-indicator,
+.wp-locked .locked-info {
+	display: block;
+}
+
+tr.wp-locked .check-column label,
+tr.wp-locked .check-column input[type="checkbox"],
+tr.wp-locked .row-actions .inline,
+tr.wp-locked .row-actions .trash {
+	display: none;
+}
+
+.fixed .column-comments .sorting-indicator {
+	margin-top: 3px;
+}
+
+#menu-locations-wrap .widefat {
+	width: 60%;
+}
+
+.widefat th.sortable,
+.widefat th.sorted {
+	padding: 0;
+}
+
+th.sortable a,
+th.sorted a {
+	display: block;
+	overflow: hidden;
+	padding: 8px;
+}
+
+.fixed .column-comments.sortable a,
+.fixed .column-comments.sorted a {
+	padding: 8px 0;
+}
+
+th.sortable a span,
+th.sorted a span {
+	float: right;
+	cursor: pointer;
+}
+
+th.sorted .sorting-indicator,
+th.desc:hover span.sorting-indicator,
+th.desc a:focus span.sorting-indicator,
+th.asc:hover span.sorting-indicator,
+th.asc a:focus span.sorting-indicator {
+	visibility: visible;
+}
+
+.tablenav-pages .current-page {
+	margin: 0 0 0 2px;
+	font-size: 13px;
+	text-align: center;
+}
+
+.tablenav .total-pages {
+	margin-left: 2px;
+}
+
+.tablenav #table-paging {
+	margin-right: 2px;
+}
+
+.tablenav {
+	clear: both;
+	height: 30px;
+	margin: 6px 0 4px;
+	padding-top: 5px;
+	vertical-align: middle;
+}
+
+.tablenav.themes {
+	max-width: 98%;
+}
+
+.tablenav .tablenav-pages {
+	float: left;
+	margin: 0 0 9px;
+}
+
+.tablenav .no-pages,
+.tablenav .one-page .pagination-links {
+	display: none;
+}
+
+.tablenav .tablenav-pages .button,
+.tablenav .tablenav-pages .tablenav-pages-navspan {
+	display: inline-block;
+	vertical-align: baseline;
+	min-width: 30px;
+	min-height: 30px;
+	margin: 0;
+	padding: 0 4px;
+	font-size: 16px;
+	line-height: 1.625; /* 26px */
+	text-align: center;
+}
+
+.tablenav .displaying-num {
+	margin-left: 7px;
+}
+
+.tablenav .one-page .displaying-num {
+	display: inline-block;
+	margin: 5px 0;
+}
+
+.tablenav .actions {
+	padding: 0 0 0 8px;
+}
+
+.wp-filter .actions {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.tablenav .delete {
+	margin-left: 20px;
+}
+
+/* This view-switcher is still used on multisite. */
+.tablenav .view-switch {
+	float: left;
+	margin: 0 5px;
+	padding-top: 3px;
+}
+
+.wp-filter .view-switch {
+	display: inline-block;
+	vertical-align: middle;
+	padding: 12px 0;
+	margin: 0 2px 0 8px;
+}
+
+.media-toolbar.wp-filter .view-switch {
+	margin: 0 2px 0 12px;
+}
+
+.view-switch a {
+	float: right;
+	width: 28px;
+	height: 28px;
+	text-align: center;
+	line-height: 1.84615384;
+	text-decoration: none;
+}
+
+.view-switch a:before {
+	color: #c3c4c7;
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.view-switch a:hover:before,
+.view-switch a:focus:before {
+	color: #787c82;
+}
+
+.view-switch a.current:before {
+	color: #2271b1;
+}
+
+.view-switch .view-list:before {
+	content: "\f163";
+}
+
+.view-switch .view-excerpt:before {
+	content: "\f164";
+}
+
+.view-switch .view-grid:before {
+	content: "\f509";
+}
+
+.filter {
+	float: right;
+	margin: -5px 10px 0 0;
+}
+
+.filter .subsubsub {
+	margin-right: -10px;
+	margin-top: 13px;
+}
+.screen-per-page {
+	width: 4em;
+}
+
+#posts-filter .wp-filter {
+	margin-bottom: 0;
+}
+
+#posts-filter fieldset {
+	float: right;
+	margin: 0 0 1em 1.5ex;
+	padding: 0;
+}
+
+#posts-filter fieldset legend {
+	padding: 0 1px .2em 0;
+}
+
+p.pagenav {
+	margin: 0;
+	display: inline;
+}
+
+.pagenav span {
+	font-weight: 600;
+	margin: 0 6px;
+}
+
+.row-title {
+	font-size: 14px !important;
+	font-weight: 600;
+}
+
+.column-comment .comment-author {
+	margin-bottom: 0.6em;
+}
+
+.column-author img,
+.column-username img,
+.column-comment .comment-author img {
+	float: right;
+	margin-left: 10px;
+	margin-top: 1px;
+}
+
+.row-actions {
+	color: #a7aaad;
+	font-size: 13px;
+	padding: 2px 0 0;
+	position: relative;
+	right: -9999em;
+}
+
+/* ticket #34150 */
+.rtl .row-actions a {
+	display: inline-block;
+}
+
+.row-actions .network_only,
+.row-actions .network_active {
+	color: #000;
+}
+
+.no-js .row-actions,
+tr:hover .row-actions,
+.mobile .row-actions,
+.row-actions.visible,
+.comment-item:hover .row-actions {
+	position: static;
+}
+
+/* deprecated */
+.row-actions-visible {
+	padding: 2px 0 0;
+}
+
+
+/*------------------------------------------------------------------------------
+  10.1 - Inline Editing
+------------------------------------------------------------------------------*/
+
+/*
+.quick-edit* is for Quick Edit
+.bulk-edit* is for Bulk Edit
+.inline-edit* is for everything
+*/
+
+/*	Layout */
+
+#wpbody-content .inline-edit-row fieldset {
+	float: right;
+	margin: 0;
+	padding: 0 0 0 12px;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+#wpbody-content .inline-edit-row td fieldset:last-of-type {
+	padding-left: 0;
+}
+
+tr.inline-edit-row td {
+	padding: 0;
+	/* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
+	position: relative;
+}
+
+.inline-edit-wrapper {
+	display: flow-root;
+	padding: 0 12px;
+	border: 1px solid transparent;
+	border-radius: 4px;
+}
+
+.inline-edit-wrapper:focus {
+	border-color: #2271b1;
+	box-shadow: 0 0 0 1px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+#wpbody-content .quick-edit-row-post .inline-edit-col-left {
+	width: 40%;
+}
+
+#wpbody-content .quick-edit-row-post .inline-edit-col-right {
+	width: 39%;
+}
+
+#wpbody-content .inline-edit-row-post .inline-edit-col-center {
+	width: 20%;
+}
+
+#wpbody-content .quick-edit-row-page .inline-edit-col-left {
+	width: 50%;
+}
+
+#wpbody-content .quick-edit-row-page .inline-edit-col-right,
+#wpbody-content .bulk-edit-row-post .inline-edit-col-right {
+	width: 50%;
+}
+
+#wpbody-content .bulk-edit-row .inline-edit-col-left {
+	width: 30%;
+}
+
+#wpbody-content .bulk-edit-row-page .inline-edit-col-right {
+	width: 69%;
+}
+
+#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
+	float: left;
+	width: 69%;
+}
+
+#wpbody-content .inline-edit-row-page .inline-edit-col-right {
+	margin-top: 27px;
+}
+
+.inline-edit-row fieldset .inline-edit-group {
+	clear: both;
+	line-height: 2.5;
+}
+
+.inline-edit-row .submit {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	clear: both;
+	margin: 0;
+	padding: 0.5em 0 1em;
+}
+
+.inline-edit-save.submit .button {
+	margin-left: 8px;
+}
+
+.inline-edit-save .spinner {
+	float: none;
+	margin: 0;
+}
+
+.inline-edit-row .notice-error {
+	box-sizing: border-box;
+	min-width: 100%;
+	margin-top: 1em;
+}
+
+.inline-edit-row .notice-error .error {
+	margin: 0.5em 0;
+	padding: 2px;
+}
+
+/*	Positioning */
+
+/* Needs higher specificity for the padding */
+#the-list .inline-edit-row .inline-edit-legend {
+	margin: 0;
+	padding: 0.2em 0;
+	line-height: 2.5;
+	font-weight: 600;
+}
+
+.inline-edit-row fieldset span.title,
+.inline-edit-row fieldset span.checkbox-title {
+	margin: 0;
+	padding: 0;
+}
+
+.inline-edit-row fieldset label,
+.inline-edit-row fieldset span.inline-edit-categories-label {
+	display: block;
+	margin: .2em 0;
+	line-height: 2.5;
+}
+
+.inline-edit-row fieldset.inline-edit-date label {
+	display: inline-block;
+	margin: 0;
+	vertical-align: baseline;
+	line-height: 2;
+}
+
+.inline-edit-row fieldset label.inline-edit-tags {
+	margin-top: 0;
+}
+
+.inline-edit-row fieldset label.inline-edit-tags span.title {
+	margin: .2em 0;
+	width: auto;
+}
+
+.inline-edit-row fieldset label span.title,
+.inline-edit-row fieldset.inline-edit-date legend {
+	display: block;
+	float: right;
+	width: 6em;
+	line-height: 2.5;
+}
+
+#posts-filter fieldset.inline-edit-date legend {
+	padding: 0;
+}
+
+.inline-edit-row fieldset label span.input-text-wrap,
+.inline-edit-row fieldset .timestamp-wrap {
+	display: block;
+	margin-right: 6em;
+}
+
+.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
+	width: auto;
+	padding-left: 0.5em;
+}
+
+.inline-edit-row .inline-edit-or {
+	margin: .2em 0 .2em 6px;
+	line-height: 2.5;
+}
+
+.inline-edit-row .input-text-wrap input[type=text] {
+	width: 100%;
+}
+
+.inline-edit-row fieldset label input[type=checkbox] {
+	vertical-align: middle;
+}
+
+.inline-edit-row fieldset label textarea {
+	width: 100%;
+	height: 4em;
+	vertical-align: top;
+}
+
+#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
+	max-width: 50%;
+}
+
+#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
+	margin-left: 0.5em
+}
+
+.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
+	width: 6em;
+}
+
+/*	Styling */
+.inline-edit-row .inline-edit-legend {
+	text-transform: uppercase;
+}
+
+/*	Specific Elements */
+.inline-edit-row fieldset .inline-edit-date {
+	float: right;
+}
+
+.inline-edit-row fieldset input[name=jj],
+.inline-edit-row fieldset input[name=hh],
+.inline-edit-row fieldset input[name=mn],
+.inline-edit-row fieldset input[name=aa] {
+	vertical-align: middle;
+	text-align: center;
+	padding: 0 4px;
+}
+
+.inline-edit-row fieldset label input.inline-edit-password-input {
+	width: 8em;
+}
+
+#bulk-titles-list,
+#bulk-titles-list li,
+.inline-edit-row fieldset ul.cat-checklist li,
+.inline-edit-row fieldset ul.cat-checklist input {
+	margin: 0;
+	position: relative; /* RTL fix, #WP27629 */
+}
+
+.inline-edit-row fieldset ul.cat-checklist input {
+	margin-top: -1px;
+	margin-right: 3px;
+}
+
+.inline-edit-row fieldset label input.inline-edit-menu-order-input {
+	width: 3em;
+}
+
+.inline-edit-row fieldset label input.inline-edit-slug-input {
+	width: 75%;
+}
+
+.inline-edit-row #post_parent,
+.inline-edit-row select[name="page_template"] {
+	max-width: 80%;
+}
+
+.quick-edit-row-post fieldset label.inline-edit-status {
+	float: right;
+}
+
+#bulk-titles,
+ul.cat-checklist {
+	height: 14em;
+	border: 1px solid #ddd;
+	margin: 0 0 5px;
+	padding: 0.2em 5px;
+	overflow-y: scroll;
+}
+
+#bulk-titles .ntdelbutton,
+#bulk-titles .ntdeltitle,
+.inline-edit-row fieldset ul.cat-checklist label {
+	display: inline-block;
+	margin: 0;
+	padding: 3px 0;
+	line-height: 20px;
+	vertical-align: top;
+}
+
+#bulk-titles .ntdelitem {
+	padding-right: 23px;
+}
+
+#bulk-titles .ntdelbutton {
+	width: 26px;
+	height: 26px;
+	margin: 0 -26px 0 0;
+	text-align: center;
+	border-radius: 3px;
+}
+
+#bulk-titles .ntdelbutton:before {
+	display: inline-block;
+	vertical-align: top;
+}
+
+#bulk-titles .ntdelbutton:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	/* Reset inherited offset from Gutenberg */
+	outline-offset: 0;
+}
+
+/*------------------------------------------------------------------------------
+  17.0 - Plugins
+------------------------------------------------------------------------------*/
+
+.plugins tbody th.check-column,
+.plugins tbody {
+	padding: 8px 2px 0 0;
+}
+
+.plugins tbody th.check-column input[type=checkbox] {
+	margin-top: 4px;
+}
+
+.updates-table .plugin-title p {
+	margin-top: 0;
+}
+
+.plugins thead td.check-column,
+.plugins tfoot td.check-column,
+.plugins .inactive th.check-column {
+	padding-right: 6px;
+}
+
+.plugins,
+.plugins th,
+.plugins td {
+	color: #000;
+}
+
+.plugins tr {
+	background: #fff;
+}
+
+.plugins p {
+	margin: 0 4px;
+	padding: 0;
+}
+
+.plugins .desc p {
+	margin: 0 0 8px;
+}
+
+.plugins td.desc {
+	line-height: 1.5;
+}
+
+.plugins .desc ul,
+.plugins .desc ol {
+	margin: 0 2em 0 0;
+}
+
+.plugins .desc ul {
+	list-style-type: disc;
+}
+
+.plugins .row-actions {
+	font-size: 13px;
+	padding: 0;
+}
+
+.plugins .inactive td,
+.plugins .inactive th,
+.plugins .active td,
+.plugins .active th {
+	padding: 10px 9px;
+}
+
+.plugins .active td,
+.plugins .active th {
+	background-color: #f0f6fc;
+}
+
+.plugins .update th,
+.plugins .update td {
+	border-bottom: 0;
+}
+
+.plugins .inactive td,
+.plugins .inactive th,
+.plugins .active td,
+.plugins .active th,
+.plugin-install #the-list td,
+.upgrade .plugins td,
+.upgrade .plugins th {
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.plugins tr.active.plugin-update-tr + tr.inactive th,
+.plugins tr.active.plugin-update-tr + tr.inactive td,
+.plugins tr.active + tr.inactive th,
+.plugins tr.active + tr.inactive td {
+	border-top: 1px solid rgba(0, 0, 0, 0.03);
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
+}
+
+.plugins .update td,
+.plugins .update th,
+.upgrade .plugins tr:last-of-type td,
+.upgrade .plugins tr:last-of-type th,
+.plugins tr.active + tr.inactive.update th,
+.plugins tr.active + tr.inactive.update td,
+.plugins .updated td,
+.plugins .updated th,
+.plugins tr.active + tr.inactive.updated th,
+.plugins tr.active + tr.inactive.updated td {
+	box-shadow: none;
+}
+
+.plugins .active th.check-column,
+.plugin-update-tr.active td {
+	border-right: 4px solid #72aee6;
+}
+
+.wp-list-table.plugins .plugin-title,
+.wp-list-table.plugins .theme-title {
+	padding-left: 12px;
+	white-space: nowrap;
+}
+
+.plugins .plugin-title img,
+.plugins .plugin-title .dashicons {
+	float: right;
+	padding: 0 0 0 10px;
+	width: 64px;
+	height: 64px;
+}
+
+.plugins .plugin-title .dashicons:before {
+	padding: 2px;
+	background-color: #f0f0f1;
+	box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
+	font-size: 60px;
+	color: #c3c4c7;
+}
+
+#update-themes-table .plugin-title img,
+#update-themes-table .plugin-title .dashicons {
+	width: 85px;
+}
+
+.plugins .column-auto-updates {
+	width: 14.2em;
+}
+
+.plugins .inactive .plugin-title strong {
+	font-weight: 400;
+}
+
+.plugins .second,
+.plugins .row-actions {
+	padding: 0 0 5px;
+}
+
+.plugins .row-actions {
+	white-space: normal;
+	min-width: 12em;
+}
+
+.plugins .update .second,
+.plugins .update .row-actions,
+.plugins .updated .second,
+.plugins .updated .row-actions {
+	padding-bottom: 0;
+}
+
+.plugins-php .widefat tfoot th,
+.plugins-php .widefat tfoot td {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.plugins .plugin-update-tr .plugin-update {
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	overflow: hidden; /* clearfix */
+	padding: 0;
+}
+
+.plugins .plugin-update-tr .notice,
+.plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */
+	margin: 5px 40px 15px 20px;
+}
+
+.plugins .notice p {
+	margin: 0.5em 0;
+}
+
+.plugins .plugin-description a,
+.plugins .plugin-update a,
+.updates-table .plugin-title a {
+	text-decoration: underline;
+}
+
+.plugins tr.paused th.check-column {
+	border-right: 4px solid #d63638;
+}
+
+.plugins tr.paused th,
+.plugins tr.paused td {
+	background-color: #f6f7f7;
+}
+
+.plugins tr.paused .plugin-title,
+.plugins .paused .dashicons-warning {
+	color: #d63638;
+}
+
+.plugins .paused .error-display p,
+.plugins .paused .error-display code {
+	font-size: 90%;
+	color: rgba(0, 0, 0, 0.7);
+}
+
+.plugins .resume-link {
+	color: #d63638;
+}
+
+.plugin-card .update-now:before {
+	color: #d63638;
+	content: "\f463";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	margin: 3px -2px 0 5px;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.plugin-card .updating-message:before {
+	content: "\f463";
+	animation: rotation 2s infinite linear;
+}
+
+@keyframes rotation {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(-359deg);
+	}
+}
+
+.plugin-card .updated-message:before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+.plugin-install-php h2 {
+	clear: both;
+}
+
+.plugin-install-php h3 {
+	margin: 2.5em 0 8px;
+}
+
+.plugin-install-php .wp-filter {
+	margin-bottom: 0;
+}
+
+/* Plugin card table view */
+.plugin-group {
+	overflow: hidden; /* clearfix */
+	margin-top: 1.5em;
+}
+
+.plugin-group h3 {
+	margin-top: 0;
+}
+
+.plugin-card {
+	float: right;
+	margin: 0 8px 16px;
+	width: 48.5%;
+	width: calc( 50% - 8px );
+	background-color: #fff;
+	border: 1px solid #dcdcde;
+	box-sizing: border-box;
+}
+
+.plugin-card:nth-child(odd) {
+	clear: both;
+	margin-right: 0;
+}
+
+.plugin-card:nth-child(even) {
+	margin-left: 0;
+}
+
+@media screen and (min-width: 1600px) and ( max-width: 2299px ) {
+	.plugin-card {
+		width: 30%;
+		width: calc( 33.1% - 8px );
+	}
+
+	.plugin-card:nth-child(odd) {
+		clear: none;
+		margin-right: 8px;
+	}
+
+	.plugin-card:nth-child(even) {
+		margin-left: 8px;
+	}
+
+	.plugin-card:nth-child(3n+1) {
+		clear: both;
+		margin-right: 0;
+	}
+
+	.plugin-card:nth-child(3n) {
+		margin-left: 0;
+	}
+}
+
+@media screen and (min-width: 2300px) {
+	.plugin-card {
+		width: 25%;
+		width: calc( 25% - 12px );
+	}
+
+	.plugin-card:nth-child(odd) {
+		clear: none;
+		margin-right: 8px;
+	}
+
+	.plugin-card:nth-child(even) {
+		margin-left: 8px;
+	}
+
+	.plugin-card:nth-child(4n+1) {
+		clear: both;
+		margin-right: 0;
+	}
+
+	.plugin-card:nth-child(4n) {
+		margin-left: 0;
+	}
+}
+
+.plugin-card-top {
+	position: relative;
+	padding: 20px 20px 10px;
+	min-height: 135px;
+}
+
+div.action-links,
+.plugin-action-buttons {
+	margin: 0; /* Override existing margins */
+}
+
+.plugin-card h3 {
+	margin: 0 0 12px 12px;
+	font-size: 18px;
+	line-height: 1.3;
+}
+
+.plugin-card .name,
+.plugin-card .desc {
+	margin-right: 148px; /* icon + margin */
+	margin-left: 128px; /* action links + margin */
+}
+
+.plugin-card .action-links {
+	position: absolute;
+	top: 20px;
+	left: 20px;
+	width: 120px;
+}
+
+.plugin-action-buttons {
+	clear: left;
+	float: left;
+	margin-bottom: 1em;
+	text-align: left;
+}
+
+.plugin-action-buttons li {
+	margin-bottom: 10px;
+}
+
+.plugin-card-bottom {
+	clear: both;
+	padding: 12px 20px;
+	background-color: #f6f7f7;
+	border-top: 1px solid #dcdcde;
+	overflow: hidden;
+}
+
+.plugin-card-bottom .star-rating {
+	display: inline;
+}
+
+.plugin-card-update-failed .update-now {
+	font-weight: 600;
+}
+
+.plugin-card-update-failed .notice-error {
+	margin: 0;
+	padding-right: 16px;
+	box-shadow: 0 -1px 0 #dcdcde;
+}
+
+.plugin-card-update-failed .plugin-card-bottom {
+	display: none;
+}
+
+.plugin-card .column-rating {
+	line-height: 1.76923076;
+}
+
+.plugin-card .column-rating,
+.plugin-card .column-updated {
+	margin-bottom: 4px;
+}
+
+.plugin-card .column-rating,
+.plugin-card .column-downloaded {
+	float: right;
+	clear: right;
+	max-width: 180px;
+}
+
+.plugin-card .column-updated,
+.plugin-card .column-compatibility {
+	text-align: left;
+	float: left;
+	clear: left;
+	width: 65%;
+	width: calc( 100% - 180px );
+}
+
+.plugin-card .column-compatibility span:before {
+	font: normal 20px/.5 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0;
+	top: 4px;
+	right: -2px;
+	position: relative;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #3c434a;
+}
+
+.plugin-card .column-compatibility .compatibility-incompatible:before {
+	content: "\f158";
+	color: #d63638;
+}
+
+.plugin-card .column-compatibility .compatibility-compatible:before {
+	content: "\f147";
+	color: #007017;
+}
+
+.plugin-card .notice {
+	margin: 20px 20px 0;
+}
+
+.plugin-icon {
+	position: absolute;
+	top: 20px;
+	right: 20px;
+	width: 128px;
+	height: 128px;
+	margin: 0 0 20px 20px;
+}
+
+.no-plugin-results {
+	color: #646970; /* same as no themes and no media */
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 100px 0 0;
+	text-align: center;
+}
+
+/* ms */
+/* Background Color for Site Status */
+.wp-list-table .site-deleted,
+.wp-list-table tr.site-deleted,
+.wp-list-table .site-archived,
+.wp-list-table tr.site-archived {
+	background: #fcf0f1;
+}
+.wp-list-table .site-spammed,
+.wp-list-table tr.site-spammed,
+.wp-list-table .site-mature,
+.wp-list-table tr.site-mature {
+	background: #fcf9e8;
+}
+
+.sites.fixed .column-lastupdated,
+.sites.fixed .column-registered {
+	width: 20%;
+}
+
+.sites.fixed .column-users {
+	width: 80px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
+	.plugin-card .action-links {
+		position: static;
+		margin-right: 148px;
+		width: auto;
+	}
+
+	.plugin-action-buttons {
+		float: none;
+		margin: 1em 0 0;
+		text-align: right;
+	}
+
+	.plugin-action-buttons li {
+		display: inline-block;
+		vertical-align: middle;
+	}
+
+	.plugin-action-buttons li .button {
+		margin-left: 20px;
+	}
+
+	.plugin-card h3 {
+		margin-left: 24px;
+	}
+
+	.plugin-card .name,
+	.plugin-card .desc {
+		margin-left: 0;
+	}
+
+	.plugin-card .desc p:first-of-type {
+		margin-top: 0;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	/* WP List Table Options & Filters */
+	.tablenav {
+		height: auto;
+	}
+
+	.tablenav.top {
+		margin: 20px 0 5px;
+	}
+
+	.tablenav.bottom {
+		position: relative;
+		margin-top: 15px;
+	}
+
+	.tablenav br {
+		display: none;
+	}
+
+	.tablenav br.clear {
+		display: block;
+	}
+
+	.tablenav.top .actions,
+	.tablenav .view-switch {
+		display: none;
+	}
+
+	.view-switch a {
+		width: 36px;
+		height: 36px;
+		line-height: 2.53846153;
+	}
+
+	/* Pagination */
+	.tablenav.top .displaying-num {
+		display: none;
+	}
+
+	.tablenav.bottom .displaying-num {
+		position: absolute;
+		left: 0;
+		top: 11px;
+		margin: 0;
+		font-size: 14px;
+	}
+
+	.tablenav .tablenav-pages {
+		width: 100%;
+		text-align: center;
+		margin: 0 0 25px;
+	}
+
+	.tablenav.bottom .tablenav-pages {
+		margin-top: 25px;
+	}
+
+	.tablenav.top .tablenav-pages.one-page {
+		display: none;
+	}
+
+	.tablenav.bottom .tablenav-pages.one-page {
+		margin-top: 15px;
+		height: 0;
+	}
+
+	.tablenav-pages .pagination-links {
+		font-size: 16px;
+	}
+
+	.tablenav .tablenav-pages .button,
+	.tablenav .tablenav-pages .tablenav-pages-navspan {
+		min-width: 44px;
+		padding: 12px 8px;
+		font-size: 18px;
+		line-height: 1;
+	}
+
+	.tablenav-pages .pagination-links .current-page {
+		min-width: 44px;
+		padding: 12px 6px;
+		font-size: 16px;
+		line-height: 1.125;
+	}
+
+	/* WP List Table Adjustments: General */
+	.form-wrap > p {
+		display: none;
+	}
+
+	.wp-list-table th.column-primary ~ th,
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
+		display: none;
+	}
+
+	.wp-list-table thead th.column-primary {
+		width: 100%;
+	}
+
+	/* Checkboxes need to show */
+	.wp-list-table tr th.check-column {
+		display: table-cell;
+	}
+
+	.wp-list-table .check-column {
+		width: 2.5em;
+	}
+
+	.wp-list-table .column-primary .toggle-row {
+		display: block;
+	}
+
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
+		position: relative;
+		clear: both;
+		width: auto !important; /* needs to override some columns that are more specifically targeted */
+	}
+
+	.wp-list-table td.column-primary {
+		padding-left: 50px; /* space for toggle button */
+	}
+
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
+		padding: 3px 35% 3px 8px;
+	}
+
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
+		position: absolute;
+		right: 10px; /* match padding of regular table cell */
+		display: block;
+		overflow: hidden;
+		width: 32%; /* leave a little space for a gutter */
+		content: attr(data-colname);
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	.wp-list-table .is-expanded td:not(.hidden) {
+		display: block !important;
+		overflow: hidden; /* clearfix */
+	}
+
+	/* Special cases */
+	.widefat .num,
+	.column-posts {
+		text-align: right;
+	}
+
+	#comments-form .fixed .column-author,
+	#commentsdiv .fixed .column-author {
+		display: none !important;
+	}
+
+	.fixed .column-comment .comment-author {
+		display: block;
+	}
+
+	/* Comment author hidden via Screen Options */
+	.fixed .column-author.hidden ~ .column-comment .comment-author {
+		display: none;
+	}
+
+	#the-comment-list .is-expanded td {
+		box-shadow: none;
+	}
+
+	#the-comment-list .is-expanded td:last-child {
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	/* Show comment bubble as text instead */
+	.post-com-count .screen-reader-text {
+		position: static;
+		-webkit-clip-path: none;
+		clip-path: none;
+		width: auto;
+		height: auto;
+		margin: 0;
+	}
+
+	.column-response .post-com-count-no-comments:after,
+	.column-response .post-com-count-approved:after,
+	.column-comments .post-com-count-no-comments:after,
+	.column-comments .post-com-count-approved:after {
+		content: none;
+	}
+
+	.column-response .post-com-count [aria-hidden="true"],
+	.column-comments .post-com-count [aria-hidden="true"] {
+		display: none;
+	}
+
+	.column-response .post-com-count-wrapper,
+	.column-comments .post-com-count-wrapper {
+		white-space: normal;
+	}
+
+	.column-response .post-com-count-wrapper > a,
+	.column-comments .post-com-count-wrapper > a {
+		display: block;
+	}
+
+	.column-response .post-com-count-no-comments,
+	.column-response .post-com-count-approved,
+	.column-comments .post-com-count-no-comments,
+	.column-comments .post-com-count-approved {
+		margin-top: 0;
+		margin-left: 0.5em;
+	}
+
+	.column-response .post-com-count-pending,
+	.column-comments .post-com-count-pending {
+		position: static;
+		height: auto;
+		min-width: 0;
+		padding: 0;
+		border: none;
+		border-radius: 0;
+		background: none;
+		color: #b32d2e;
+		font-size: inherit;
+		line-height: inherit;
+		text-align: right;
+	}
+
+	.column-response .post-com-count-pending:hover,
+	.column-comments .post-com-count-pending:hover {
+		color: #d63638;
+	}
+
+	.widefat thead td.check-column,
+	.widefat tfoot td.check-column {
+		padding-top: 10px;
+	}
+
+	.row-actions {
+		margin-right: -8px;
+		margin-left: -8px;
+		padding-top: 4px;
+	}
+
+	/* Make row actions more easy to select on mobile */
+	body:not(.plugins-php) .row-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 8px;
+		color: transparent;
+	}
+
+	.row-actions span a,
+	.row-actions span .button-link {
+		display: inline-block;
+		padding: 4px 8px;
+		line-height: 1.5;
+	}
+
+	.row-actions span.approve:before,
+	.row-actions span.unapprove:before {
+		content: "| ";
+	}
+
+	/* Quick Edit and Bulk Edit */
+	#wpbody-content .quick-edit-row-post .inline-edit-col-left,
+	#wpbody-content .quick-edit-row-post .inline-edit-col-right,
+	#wpbody-content .inline-edit-row-post .inline-edit-col-center,
+	#wpbody-content .quick-edit-row-page .inline-edit-col-left,
+	#wpbody-content .quick-edit-row-page .inline-edit-col-right,
+	#wpbody-content .bulk-edit-row-post .inline-edit-col-right,
+	#wpbody-content .bulk-edit-row .inline-edit-col-left,
+	#wpbody-content .bulk-edit-row-page .inline-edit-col-right,
+	#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
+		float: none;
+		width: 100%;
+		padding: 0;
+	}
+
+	#the-list .inline-edit-row .inline-edit-legend,
+	.inline-edit-row span.title {
+		font-size: 16px;
+	}
+
+	.inline-edit-row p.howto {
+		font-size: 14px;
+	}
+
+	#wpbody-content .inline-edit-row-page .inline-edit-col-right {
+		margin-top: 0;
+	}
+
+	#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
+	#wpbody-content .quick-edit-row fieldset .inline-edit-group label,
+	#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
+	#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
+		max-width: none;
+		float: none;
+		margin-bottom: 5px;
+	}
+
+	#wpbody .bulk-edit-row fieldset select {
+		display: block;
+		width: 100%;
+		max-width: none;
+		box-sizing: border-box;
+	}
+
+	.inline-edit-row fieldset input[name=jj],
+	.inline-edit-row fieldset input[name=hh],
+	.inline-edit-row fieldset input[name=mn],
+	.inline-edit-row fieldset input[name=aa] {
+		font-size: 16px;
+		line-height: 2;
+		padding: 3px 4px;
+	}
+
+	#bulk-titles .ntdelbutton,
+	#bulk-titles .ntdeltitle,
+	.inline-edit-row fieldset ul.cat-checklist label {
+		padding: 6px 0;
+		font-size: 16px;
+		line-height: 28px;
+	}
+
+	#bulk-titles .ntdelitem {
+		padding-right: 37px;
+	}
+
+	#bulk-titles .ntdelbutton {
+		width: 40px;
+		height: 40px;
+		margin: 0 -40px 0 0;
+		overflow: hidden;
+	}
+
+	#bulk-titles .ntdelbutton:before {
+		font-size: 20px;
+		line-height: 28px;
+	}
+
+	.inline-edit-row fieldset label span.title,
+	.inline-edit-row fieldset.inline-edit-date legend {
+		float: none;
+	}
+
+	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
+		padding: 0;
+	}
+
+	.inline-edit-row fieldset label span.input-text-wrap,
+	.inline-edit-row fieldset .timestamp-wrap {
+		margin-right: 0;
+	}
+
+	.inline-edit-row .inline-edit-or {
+		margin: 0 0 0 6px;
+	}
+
+	#edithead .inside,
+	#commentsdiv #edithead .inside {
+		float: none;
+		text-align: right;
+		padding: 3px 5px;
+	}
+
+	#commentsdiv #edithead .inside input,
+	#edithead .inside input {
+		width: 100%;
+	}
+
+	#edithead label {
+		display: block;
+	}
+
+	/* Updates */
+	#wpbody-content .updates-table .plugin-title {
+		width: auto;
+		white-space: normal;
+	}
+
+	/* Links */
+	.link-manager-php #posts-filter {
+		margin-top: 25px;
+	}
+
+	.link-manager-php .tablenav.bottom {
+		overflow: hidden;
+	}
+
+	/* List tables that don't toggle rows */
+	.comments-box .toggle-row,
+	.wp-list-table.plugins .toggle-row {
+		display: none;
+	}
+
+	/* Plugin/Theme Management */
+	#wpbody-content .wp-list-table.plugins td {
+		display: block;
+		width: auto;
+		padding: 10px 9px; /* reset from other list tables that have a label at this width */
+	}
+
+	/* Plugin description hidden via Screen Options */
+	#wpbody-content .wp-list-table.plugins .desc.hidden {
+		display: none;
+	}
+
+	#wpbody-content .wp-list-table.plugins .column-description {
+		padding-top: 2px;
+	}
+
+	#wpbody-content .wp-list-table.plugins .plugin-title,
+	#wpbody-content .wp-list-table.plugins .theme-title {
+		padding-left: 12px;
+		white-space: normal;
+	}
+
+	.wp-list-table.plugins .plugin-title,
+	.wp-list-table.plugins .theme-title {
+		padding-top: 13px;
+		padding-bottom: 4px;
+	}
+
+	.plugins #the-list tr > td:not(:last-child),
+	.plugins #the-list .update th,
+	.plugins #the-list .update td,
+	.wp-list-table.plugins #the-list .theme-title {
+		box-shadow: none;
+		border-top: none;
+	}
+
+	.plugins #the-list tr td {
+		border-top: none;
+	}
+
+	.plugins tbody {
+		padding: 1px 0 0;
+	}
+
+	.plugins tr.active + tr.inactive th.check-column,
+	.plugins tr.active + tr.inactive td.column-description,
+	.plugins .plugin-update-tr:before {
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	.plugins tr.active + tr.inactive th.check-column,
+	.plugins tr.active + tr.inactive td {
+		border-top: none;
+	}
+
+	/* mimic the checkbox th */
+	.plugins .plugin-update-tr:before {
+		content: "";
+		display: table-cell;
+	}
+
+	.plugins #the-list .plugin-update-tr .plugin-update {
+		border-right: none;
+	}
+
+	.plugin-update-tr .update-message {
+		margin-right: 0;
+	}
+
+	.plugins .active.update + .plugin-update-tr:before,
+	.plugins .active.updated + .plugin-update-tr:before {
+		background-color: #f0f6fc;
+		border-right: 4px solid #72aee6;
+	}
+
+	.plugins .plugin-update-tr .update-message {
+		margin-right: 0;
+	}
+
+	.wp-list-table.plugins .plugin-title strong,
+	.wp-list-table.plugins .theme-title strong {
+		font-size: 1.4em;
+		line-height: 1.5;
+	}
+
+	.plugins tbody th.check-column {
+		padding: 8px 5px 0 0;
+	}
+
+	.plugins thead td.check-column,
+	.plugins tfoot td.check-column,
+	.plugins .inactive th.check-column {
+		padding-right: 9px;
+	}
+
+	/* Add New plugins page */
+	table.plugin-install .column-name,
+	table.plugin-install .column-version,
+	table.plugin-install .column-rating,
+	table.plugin-install .column-description {
+		display: block;
+		width: auto;
+	}
+
+	table.plugin-install th.column-name,
+	table.plugin-install th.column-version,
+	table.plugin-install th.column-rating,
+	table.plugin-install th.column-description {
+		display: none;
+	}
+
+	table.plugin-install td.column-name strong {
+		font-size: 1.4em;
+		line-height: 1.6em;
+	}
+
+	table.plugin-install #the-list td {
+		box-shadow: none;
+	}
+
+	table.plugin-install #the-list tr {
+		display: block;
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	.plugin-card {
+		margin-right: 0;
+		margin-left: 0;
+		width: 100%;
+	}
+
+	table.media .column-title .has-media-icon ~ .row-actions {
+		margin-right: 0;
+		clear: both;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.tablenav-pages .current-page {
+		margin: 0;
+	}
+
+	.tablenav.bottom .displaying-num {
+		position: relative;
+		top: 0;
+		display: block;
+		text-align: left;
+		padding-bottom: 0.5em;
+	}
+
+	.tablenav.bottom .tablenav-pages.one-page {
+		height: auto;
+	}
+
+	.tablenav-pages .tablenav-paging-text {
+		float: right;
+		width: 100%;
+		padding-top: 0.5em;
+	}
+}
diff --git a/tools/storybook/wordpress/css/list-tables-rtl.min.css b/tools/storybook/wordpress/css/list-tables-rtl.min.css
new file mode 100644
index 00000000000..f81d176c945
--- /dev/null
+++ b/tools/storybook/wordpress/css/list-tables-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.response-links{display:block;margin-bottom:1em}.response-links a{display:block}.response-links a.comments-edit-item-link{font-weight:600}.response-links a.comments-view-item-link{font-size:12px}.post-com-count-wrapper strong{font-weight:400}.comments-view-item-link{display:inline-block;clear:both}.column-comments .post-com-count-wrapper,.column-response .post-com-count-wrapper{white-space:nowrap;word-wrap:normal}.column-comments .post-com-count,.column-response .post-com-count{display:inline-block;vertical-align:top}.column-comments .post-com-count-approved,.column-comments .post-com-count-no-comments,.column-response .post-com-count-approved,.column-response .post-com-count-no-comments{margin-top:5px}.column-comments .comment-count-approved,.column-comments .comment-count-no-comments,.column-response .comment-count-approved,.column-response .comment-count-no-comments{box-sizing:border-box;display:block;padding:0 8px;min-width:24px;height:2em;border-radius:5px;background-color:#646970;color:#fff;font-size:11px;line-height:1.90909090;text-align:center}.column-comments .post-com-count-approved:after,.column-comments .post-com-count-no-comments:after,.column-response .post-com-count-approved:after,.column-response .post-com-count-no-comments:after{content:"";display:block;margin-right:8px;width:0;height:0;border-top:5px solid #646970;border-left:5px solid transparent}.column-comments a.post-com-count-approved:focus .comment-count-approved,.column-comments a.post-com-count-approved:hover .comment-count-approved,.column-response a.post-com-count-approved:focus .comment-count-approved,.column-response a.post-com-count-approved:hover .comment-count-approved{background:#2271b1}.column-comments a.post-com-count-approved:focus:after,.column-comments a.post-com-count-approved:hover:after,.column-response a.post-com-count-approved:focus:after,.column-response a.post-com-count-approved:hover:after{border-top-color:#2271b1}.column-comments .post-com-count-pending,.column-response .post-com-count-pending{position:relative;right:-3px;padding:0 5px;min-width:7px;height:17px;border:2px solid #fff;border-radius:11px;background:#d63638;color:#fff;font-size:9px;line-height:1.88888888;text-align:center}.column-comments .post-com-count-no-pending,.column-response .post-com-count-no-pending{display:none}.commentlist li{padding:1em 1em .2em;margin:0;border-bottom:1px solid #c3c4c7}.commentlist li li{border-bottom:0;padding:0}.commentlist p{padding:0;margin:0 0 .8em}#submitted-on,.submitted-on{color:#50575e}#replyrow td{padding:2px}#replysubmit{margin:0;padding:5px 7px 10px;overflow:hidden}#replysubmit .reply-submit-buttons{margin-bottom:0}#replysubmit .button{margin-left:5px}#replysubmit .spinner{float:none;margin:-4px 0 0}#replyrow.inline-edit-row fieldset.comment-reply{font-size:inherit;line-height:inherit}#replyrow legend{margin:0;padding:.2em 5px 0;font-size:13px;line-height:1.4;font-weight:600}#replyrow.inline-edit-row label{display:inline;vertical-align:baseline;line-height:inherit}#commentsdiv #edithead .inside,#edithead .inside{float:right;padding:3px 5px 2px 0;margin:0;text-align:center}#edithead .inside input{width:180px}#edithead label{padding:2px 0}#replycontainer{padding:5px}#replycontent{height:120px;box-shadow:none}#replyerror{border-color:#dcdcde;background-color:#f6f7f7}.commentlist .avatar{vertical-align:text-top}#the-comment-list div.undo,#the-comment-list tr.undo{background-color:#f6f7f7}#the-comment-list .unapproved td,#the-comment-list .unapproved th{background-color:#fcf9e8}#the-comment-list .unapproved th.check-column{border-right:4px solid #d63638}#the-comment-list .unapproved th.check-column input{margin-right:4px}#the-comment-list .approve a{color:#007017}#the-comment-list .unapprove a{color:#996800}#the-comment-list td,#the-comment-list th{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}#the-comment-list tr:last-child td,#the-comment-list tr:last-child th{box-shadow:none}#the-comment-list tr.unapproved+tr.approved td,#the-comment-list tr.unapproved+tr.approved th{border-top:1px solid rgba(0,0,0,.03)}.vim-current,.vim-current td,.vim-current th{background-color:#f0f6fc!important}th .comment-grey-bubble{height:16px;width:16px}th .comment-grey-bubble:before{content:"\f101";font:normal 20px/.5 dashicons;speak:never;display:inline-block;padding:0;top:4px;right:-4px;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#3c434a}table.fixed{table-layout:fixed}.fixed .column-rating,.fixed .column-visible{width:8%}.fixed .column-author,.fixed .column-format,.fixed .column-links,.fixed .column-parent,.fixed .column-posts{width:10%}.fixed .column-date{width:14%}.column-date span[title]{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.fixed .column-posts{width:74px}.fixed .column-posts,.fixed .column-role{-webkit-hyphens:auto;hyphens:auto}.fixed .column-comment .comment-author{display:none}.fixed .column-categories,.fixed .column-rel,.fixed .column-response,.fixed .column-role,.fixed .column-tags{width:15%}.fixed .column-slug{width:25%}.fixed .column-locations{width:35%}.fixed .column-comments{width:5.5em;padding:8px 0;text-align:right}.fixed .column-comments .vers{padding-right:3px}td.column-title strong,td.plugin-title strong{display:block;margin-bottom:.2em;font-size:14px}td.column-title p,td.plugin-title p{margin:6px 0}table.media .column-title .media-icon{float:right;min-height:60px;margin:0 0 0 9px}table.media .column-title .media-icon img{max-width:60px;height:auto;vertical-align:top}table.media .column-title .has-media-icon~.row-actions{margin-right:70px}table.media .column-title .filename{margin-bottom:.2em}.media .row-actions .copy-to-clipboard-container{display:inline;position:relative}.media .row-actions .copy-to-clipboard-container .success{position:absolute;right:50%;transform:translate(50%,-100%);background:#000;color:#fff;border-radius:5px;margin:0;padding:2px 5px}.wp-list-table a{transition:none}#the-list tr:last-child td,#the-list tr:last-child th{border-bottom:none!important;box-shadow:none}#comments-form .fixed .column-author{width:20%}#commentsdiv.postbox .inside{margin:0;padding:0}#commentsdiv .inside .row-actions{line-height:1.38461538}#commentsdiv .inside .column-author{width:25%}#commentsdiv .column-comment p{margin:.6em 0;padding:0}#commentsdiv #replyrow td{padding:0}#commentsdiv p{padding:8px 10px;margin:0}#commentsdiv .comments-box{border:0 none}#commentsdiv .comments-box thead td,#commentsdiv .comments-box thead th{background:0 0;padding:0 7px 4px}#commentsdiv .comments-box tr:last-child td{border-bottom:0 none}#commentsdiv #edithead .inside input{width:160px}.sorting-indicator{display:block;visibility:hidden;width:10px;height:4px;margin-top:8px;margin-right:7px}.sorting-indicator:before{content:"\f142";font:normal 20px/1 dashicons;speak:never;display:inline-block;padding:0;top:-4px;right:-8px;color:#3c434a;line-height:.5;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#3c434a}.column-comments .sorting-indicator:before{top:0;right:-10px}th.desc a:focus span.sorting-indicator:before,th.desc:hover span.sorting-indicator:before,th.sorted.asc .sorting-indicator:before{content:"\f142"}th.asc a:focus span.sorting-indicator:before,th.asc:hover span.sorting-indicator:before,th.sorted.desc .sorting-indicator:before{content:"\f140"}.wp-list-table .toggle-row{position:absolute;left:8px;top:10px;display:none;padding:0;width:40px;height:40px;border:none;outline:0;background:0 0}.wp-list-table .toggle-row:hover{cursor:pointer}.wp-list-table .toggle-row:focus:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.wp-list-table .toggle-row:active{box-shadow:none}.wp-list-table .toggle-row:before{position:absolute;top:-5px;right:10px;border-radius:50%;display:block;padding:1px 0 1px 2px;color:#3c434a;content:"\f140";font:normal 20px/1 dashicons;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:never}.wp-list-table .is-expanded .toggle-row:before{content:"\f142"}.locked-indicator{display:none;margin-right:6px;height:20px;width:16px}.locked-indicator-icon:before{color:#8c8f94;content:"\f160";display:inline-block;font:normal 20px/1 dashicons;speak:never;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.locked-info{display:none;margin-top:4px}.locked-text{vertical-align:top}.wp-locked .locked-indicator,.wp-locked .locked-info{display:block}tr.wp-locked .check-column input[type=checkbox],tr.wp-locked .check-column label,tr.wp-locked .row-actions .inline,tr.wp-locked .row-actions .trash{display:none}.fixed .column-comments .sorting-indicator{margin-top:3px}#menu-locations-wrap .widefat{width:60%}.widefat th.sortable,.widefat th.sorted{padding:0}th.sortable a,th.sorted a{display:block;overflow:hidden;padding:8px}.fixed .column-comments.sortable a,.fixed .column-comments.sorted a{padding:8px 0}th.sortable a span,th.sorted a span{float:right;cursor:pointer}th.asc a:focus span.sorting-indicator,th.asc:hover span.sorting-indicator,th.desc a:focus span.sorting-indicator,th.desc:hover span.sorting-indicator,th.sorted .sorting-indicator{visibility:visible}.tablenav-pages .current-page{margin:0 0 0 2px;font-size:13px;text-align:center}.tablenav .total-pages{margin-left:2px}.tablenav #table-paging{margin-right:2px}.tablenav{clear:both;height:30px;margin:6px 0 4px;padding-top:5px;vertical-align:middle}.tablenav.themes{max-width:98%}.tablenav .tablenav-pages{float:left;margin:0 0 9px}.tablenav .no-pages,.tablenav .one-page .pagination-links{display:none}.tablenav .tablenav-pages .button,.tablenav .tablenav-pages .tablenav-pages-navspan{display:inline-block;vertical-align:baseline;min-width:30px;min-height:30px;margin:0;padding:0 4px;font-size:16px;line-height:1.625;text-align:center}.tablenav .displaying-num{margin-left:7px}.tablenav .one-page .displaying-num{display:inline-block;margin:5px 0}.tablenav .actions{padding:0 0 0 8px}.wp-filter .actions{display:inline-block;vertical-align:middle}.tablenav .delete{margin-left:20px}.tablenav .view-switch{float:left;margin:0 5px;padding-top:3px}.wp-filter .view-switch{display:inline-block;vertical-align:middle;padding:12px 0;margin:0 2px 0 8px}.media-toolbar.wp-filter .view-switch{margin:0 2px 0 12px}.view-switch a{float:right;width:28px;height:28px;text-align:center;line-height:1.84615384;text-decoration:none}.view-switch a:before{color:#c3c4c7;display:inline-block;font:normal 20px/1 dashicons;speak:never;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.view-switch a:focus:before,.view-switch a:hover:before{color:#787c82}.view-switch a.current:before{color:#2271b1}.view-switch .view-list:before{content:"\f163"}.view-switch .view-excerpt:before{content:"\f164"}.view-switch .view-grid:before{content:"\f509"}.filter{float:right;margin:-5px 10px 0 0}.filter .subsubsub{margin-right:-10px;margin-top:13px}.screen-per-page{width:4em}#posts-filter .wp-filter{margin-bottom:0}#posts-filter fieldset{float:right;margin:0 0 1em 1.5ex;padding:0}#posts-filter fieldset legend{padding:0 1px .2em 0}p.pagenav{margin:0;display:inline}.pagenav span{font-weight:600;margin:0 6px}.row-title{font-size:14px!important;font-weight:600}.column-comment .comment-author{margin-bottom:.6em}.column-author img,.column-comment .comment-author img,.column-username img{float:right;margin-left:10px;margin-top:1px}.row-actions{color:#a7aaad;font-size:13px;padding:2px 0 0;position:relative;right:-9999em}.rtl .row-actions a{display:inline-block}.row-actions .network_active,.row-actions .network_only{color:#000}.comment-item:hover .row-actions,.mobile .row-actions,.no-js .row-actions,.row-actions.visible,tr:hover .row-actions{position:static}.row-actions-visible{padding:2px 0 0}#wpbody-content .inline-edit-row fieldset{float:right;margin:0;padding:0 0 0 12px;width:100%;box-sizing:border-box}#wpbody-content .inline-edit-row td fieldset:last-of-type{padding-left:0}tr.inline-edit-row td{padding:0;position:relative}.inline-edit-wrapper{display:flow-root;padding:0 12px;border:1px solid transparent;border-radius:4px}.inline-edit-wrapper:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}#wpbody-content .quick-edit-row-post .inline-edit-col-left{width:40%}#wpbody-content .quick-edit-row-post .inline-edit-col-right{width:39%}#wpbody-content .inline-edit-row-post .inline-edit-col-center{width:20%}#wpbody-content .quick-edit-row-page .inline-edit-col-left{width:50%}#wpbody-content .bulk-edit-row-post .inline-edit-col-right,#wpbody-content .quick-edit-row-page .inline-edit-col-right{width:50%}#wpbody-content .bulk-edit-row .inline-edit-col-left{width:30%}#wpbody-content .bulk-edit-row-page .inline-edit-col-right{width:69%}#wpbody-content .bulk-edit-row .inline-edit-col-bottom{float:left;width:69%}#wpbody-content .inline-edit-row-page .inline-edit-col-right{margin-top:27px}.inline-edit-row fieldset .inline-edit-group{clear:both;line-height:2.5}.inline-edit-row .submit{display:flex;flex-wrap:wrap;align-items:center;clear:both;margin:0;padding:.5em 0 1em}.inline-edit-save.submit .button{margin-left:8px}.inline-edit-save .spinner{float:none;margin:0}.inline-edit-row .notice-error{box-sizing:border-box;min-width:100%;margin-top:1em}.inline-edit-row .notice-error .error{margin:.5em 0;padding:2px}#the-list .inline-edit-row .inline-edit-legend{margin:0;padding:.2em 0;line-height:2.5;font-weight:600}.inline-edit-row fieldset span.checkbox-title,.inline-edit-row fieldset span.title{margin:0;padding:0}.inline-edit-row fieldset label,.inline-edit-row fieldset span.inline-edit-categories-label{display:block;margin:.2em 0;line-height:2.5}.inline-edit-row fieldset.inline-edit-date label{display:inline-block;margin:0;vertical-align:baseline;line-height:2}.inline-edit-row fieldset label.inline-edit-tags{margin-top:0}.inline-edit-row fieldset label.inline-edit-tags span.title{margin:.2em 0;width:auto}.inline-edit-row fieldset label span.title,.inline-edit-row fieldset.inline-edit-date legend{display:block;float:right;width:6em;line-height:2.5}#posts-filter fieldset.inline-edit-date legend{padding:0}.inline-edit-row fieldset .timestamp-wrap,.inline-edit-row fieldset label span.input-text-wrap{display:block;margin-right:6em}.quick-edit-row-post fieldset.inline-edit-col-right label span.title{width:auto;padding-left:.5em}.inline-edit-row .inline-edit-or{margin:.2em 0 .2em 6px;line-height:2.5}.inline-edit-row .input-text-wrap input[type=text]{width:100%}.inline-edit-row fieldset label input[type=checkbox]{vertical-align:middle}.inline-edit-row fieldset label textarea{width:100%;height:4em;vertical-align:top}#wpbody-content .bulk-edit-row fieldset .inline-edit-group label{max-width:50%}#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child{margin-left:.5em}.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input{width:6em}.inline-edit-row .inline-edit-legend{text-transform:uppercase}.inline-edit-row fieldset .inline-edit-date{float:right}.inline-edit-row fieldset input[name=aa],.inline-edit-row fieldset input[name=hh],.inline-edit-row fieldset input[name=jj],.inline-edit-row fieldset input[name=mn]{vertical-align:middle;text-align:center;padding:0 4px}.inline-edit-row fieldset label input.inline-edit-password-input{width:8em}#bulk-titles-list,#bulk-titles-list li,.inline-edit-row fieldset ul.cat-checklist input,.inline-edit-row fieldset ul.cat-checklist li{margin:0;position:relative}.inline-edit-row fieldset ul.cat-checklist input{margin-top:-1px;margin-right:3px}.inline-edit-row fieldset label input.inline-edit-menu-order-input{width:3em}.inline-edit-row fieldset label input.inline-edit-slug-input{width:75%}.inline-edit-row #post_parent,.inline-edit-row select[name=page_template]{max-width:80%}.quick-edit-row-post fieldset label.inline-edit-status{float:right}#bulk-titles,ul.cat-checklist{height:14em;border:1px solid #ddd;margin:0 0 5px;padding:.2em 5px;overflow-y:scroll}#bulk-titles .ntdelbutton,#bulk-titles .ntdeltitle,.inline-edit-row fieldset ul.cat-checklist label{display:inline-block;margin:0;padding:3px 0;line-height:20px;vertical-align:top}#bulk-titles .ntdelitem{padding-right:23px}#bulk-titles .ntdelbutton{width:26px;height:26px;margin:0 -26px 0 0;text-align:center;border-radius:3px}#bulk-titles .ntdelbutton:before{display:inline-block;vertical-align:top}#bulk-titles .ntdelbutton:focus{box-shadow:0 0 0 2px #3582c4;outline:2px solid transparent;outline-offset:0}.plugins tbody,.plugins tbody th.check-column{padding:8px 2px 0 0}.plugins tbody th.check-column input[type=checkbox]{margin-top:4px}.updates-table .plugin-title p{margin-top:0}.plugins .inactive th.check-column,.plugins tfoot td.check-column,.plugins thead td.check-column{padding-right:6px}.plugins,.plugins td,.plugins th{color:#000}.plugins tr{background:#fff}.plugins p{margin:0 4px;padding:0}.plugins .desc p{margin:0 0 8px}.plugins td.desc{line-height:1.5}.plugins .desc ol,.plugins .desc ul{margin:0 2em 0 0}.plugins .desc ul{list-style-type:disc}.plugins .row-actions{font-size:13px;padding:0}.plugins .active td,.plugins .active th,.plugins .inactive td,.plugins .inactive th{padding:10px 9px}.plugins .active td,.plugins .active th{background-color:#f0f6fc}.plugins .update td,.plugins .update th{border-bottom:0}.plugin-install #the-list td,.plugins .active td,.plugins .active th,.plugins .inactive td,.plugins .inactive th,.upgrade .plugins td,.upgrade .plugins th{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.plugins tr.active+tr.inactive td,.plugins tr.active+tr.inactive th,.plugins tr.active.plugin-update-tr+tr.inactive td,.plugins tr.active.plugin-update-tr+tr.inactive th{border-top:1px solid rgba(0,0,0,.03);box-shadow:inset 0 1px 0 rgba(0,0,0,.02),inset 0 -1px 0 #dcdcde}.plugins .update td,.plugins .update th,.plugins .updated td,.plugins .updated th,.plugins tr.active+tr.inactive.update td,.plugins tr.active+tr.inactive.update th,.plugins tr.active+tr.inactive.updated td,.plugins tr.active+tr.inactive.updated th,.upgrade .plugins tr:last-of-type td,.upgrade .plugins tr:last-of-type th{box-shadow:none}.plugin-update-tr.active td,.plugins .active th.check-column{border-right:4px solid #72aee6}.wp-list-table.plugins .plugin-title,.wp-list-table.plugins .theme-title{padding-left:12px;white-space:nowrap}.plugins .plugin-title .dashicons,.plugins .plugin-title img{float:right;padding:0 0 0 10px;width:64px;height:64px}.plugins .plugin-title .dashicons:before{padding:2px;background-color:#f0f0f1;box-shadow:inset 0 0 10px rgba(167,170,173,.15);font-size:60px;color:#c3c4c7}#update-themes-table .plugin-title .dashicons,#update-themes-table .plugin-title img{width:85px}.plugins .column-auto-updates{width:14.2em}.plugins .inactive .plugin-title strong{font-weight:400}.plugins .row-actions,.plugins .second{padding:0 0 5px}.plugins .row-actions{white-space:normal;min-width:12em}.plugins .update .row-actions,.plugins .update .second,.plugins .updated .row-actions,.plugins .updated .second{padding-bottom:0}.plugins-php .widefat tfoot td,.plugins-php .widefat tfoot th{border-top-style:solid;border-top-width:1px}.plugins .plugin-update-tr .plugin-update{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);overflow:hidden;padding:0}.plugins .plugin-update-tr .notice,.plugins .plugin-update-tr div[class=update-message]{margin:5px 40px 15px 20px}.plugins .notice p{margin:.5em 0}.plugins .plugin-description a,.plugins .plugin-update a,.updates-table .plugin-title a{text-decoration:underline}.plugins tr.paused th.check-column{border-right:4px solid #d63638}.plugins tr.paused td,.plugins tr.paused th{background-color:#f6f7f7}.plugins .paused .dashicons-warning,.plugins tr.paused .plugin-title{color:#d63638}.plugins .paused .error-display code,.plugins .paused .error-display p{font-size:90%;color:rgba(0,0,0,.7)}.plugins .resume-link{color:#d63638}.plugin-card .update-now:before{color:#d63638;content:"\f463";display:inline-block;font:normal 20px/1 dashicons;margin:3px -2px 0 5px;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.plugin-card .updating-message:before{content:"\f463";animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}.plugin-card .updated-message:before{color:#68de7c;content:"\f147"}.plugin-install-php h2{clear:both}.plugin-install-php h3{margin:2.5em 0 8px}.plugin-install-php .wp-filter{margin-bottom:0}.plugin-group{overflow:hidden;margin-top:1.5em}.plugin-group h3{margin-top:0}.plugin-card{float:right;margin:0 8px 16px;width:48.5%;width:calc(50% - 8px);background-color:#fff;border:1px solid #dcdcde;box-sizing:border-box}.plugin-card:nth-child(odd){clear:both;margin-right:0}.plugin-card:nth-child(even){margin-left:0}@media screen and (min-width:1600px) and (max-width:2299px){.plugin-card{width:30%;width:calc(33.1% - 8px)}.plugin-card:nth-child(odd){clear:none;margin-right:8px}.plugin-card:nth-child(even){margin-left:8px}.plugin-card:nth-child(3n+1){clear:both;margin-right:0}.plugin-card:nth-child(3n){margin-left:0}}@media screen and (min-width:2300px){.plugin-card{width:25%;width:calc(25% - 12px)}.plugin-card:nth-child(odd){clear:none;margin-right:8px}.plugin-card:nth-child(even){margin-left:8px}.plugin-card:nth-child(4n+1){clear:both;margin-right:0}.plugin-card:nth-child(4n){margin-left:0}}.plugin-card-top{position:relative;padding:20px 20px 10px;min-height:135px}.plugin-action-buttons,div.action-links{margin:0}.plugin-card h3{margin:0 0 12px 12px;font-size:18px;line-height:1.3}.plugin-card .desc,.plugin-card .name{margin-right:148px;margin-left:128px}.plugin-card .action-links{position:absolute;top:20px;left:20px;width:120px}.plugin-action-buttons{clear:left;float:left;margin-bottom:1em;text-align:left}.plugin-action-buttons li{margin-bottom:10px}.plugin-card-bottom{clear:both;padding:12px 20px;background-color:#f6f7f7;border-top:1px solid #dcdcde;overflow:hidden}.plugin-card-bottom .star-rating{display:inline}.plugin-card-update-failed .update-now{font-weight:600}.plugin-card-update-failed .notice-error{margin:0;padding-right:16px;box-shadow:0 -1px 0 #dcdcde}.plugin-card-update-failed .plugin-card-bottom{display:none}.plugin-card .column-rating{line-height:1.76923076}.plugin-card .column-rating,.plugin-card .column-updated{margin-bottom:4px}.plugin-card .column-downloaded,.plugin-card .column-rating{float:right;clear:right;max-width:180px}.plugin-card .column-compatibility,.plugin-card .column-updated{text-align:left;float:left;clear:left;width:65%;width:calc(100% - 180px)}.plugin-card .column-compatibility span:before{font:normal 20px/.5 dashicons;speak:never;display:inline-block;padding:0;top:4px;right:-2px;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#3c434a}.plugin-card .column-compatibility .compatibility-incompatible:before{content:"\f158";color:#d63638}.plugin-card .column-compatibility .compatibility-compatible:before{content:"\f147";color:#007017}.plugin-card .notice{margin:20px 20px 0}.plugin-icon{position:absolute;top:20px;right:20px;width:128px;height:128px;margin:0 0 20px 20px}.no-plugin-results{color:#646970;font-size:18px;font-style:normal;margin:0;padding:100px 0 0;text-align:center}.wp-list-table .site-archived,.wp-list-table .site-deleted,.wp-list-table tr.site-archived,.wp-list-table tr.site-deleted{background:#fcf0f1}.wp-list-table .site-mature,.wp-list-table .site-spammed,.wp-list-table tr.site-mature,.wp-list-table tr.site-spammed{background:#fcf9e8}.sites.fixed .column-lastupdated,.sites.fixed .column-registered{width:20%}.sites.fixed .column-users{width:80px}@media screen and (max-width:1100px) and (min-width:782px),(max-width:480px){.plugin-card .action-links{position:static;margin-right:148px;width:auto}.plugin-action-buttons{float:none;margin:1em 0 0;text-align:right}.plugin-action-buttons li{display:inline-block;vertical-align:middle}.plugin-action-buttons li .button{margin-left:20px}.plugin-card h3{margin-left:24px}.plugin-card .desc,.plugin-card .name{margin-left:0}.plugin-card .desc p:first-of-type{margin-top:0}}@media screen and (max-width:782px){.tablenav{height:auto}.tablenav.top{margin:20px 0 5px}.tablenav.bottom{position:relative;margin-top:15px}.tablenav br{display:none}.tablenav br.clear{display:block}.tablenav .view-switch,.tablenav.top .actions{display:none}.view-switch a{width:36px;height:36px;line-height:2.53846153}.tablenav.top .displaying-num{display:none}.tablenav.bottom .displaying-num{position:absolute;left:0;top:11px;margin:0;font-size:14px}.tablenav .tablenav-pages{width:100%;text-align:center;margin:0 0 25px}.tablenav.bottom .tablenav-pages{margin-top:25px}.tablenav.top .tablenav-pages.one-page{display:none}.tablenav.bottom .tablenav-pages.one-page{margin-top:15px;height:0}.tablenav-pages .pagination-links{font-size:16px}.tablenav .tablenav-pages .button,.tablenav .tablenav-pages .tablenav-pages-navspan{min-width:44px;padding:12px 8px;font-size:18px;line-height:1}.tablenav-pages .pagination-links .current-page{min-width:44px;padding:12px 6px;font-size:16px;line-height:1.125}.form-wrap>p{display:none}.wp-list-table th.column-primary~th,.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column){display:none}.wp-list-table thead th.column-primary{width:100%}.wp-list-table tr th.check-column{display:table-cell}.wp-list-table .check-column{width:2.5em}.wp-list-table .column-primary .toggle-row{display:block}.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column){position:relative;clear:both;width:auto!important}.wp-list-table td.column-primary{padding-left:50px}.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column){padding:3px 35% 3px 8px}.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before{position:absolute;right:10px;display:block;overflow:hidden;width:32%;content:attr(data-colname);white-space:nowrap;text-overflow:ellipsis}.wp-list-table .is-expanded td:not(.hidden){display:block!important;overflow:hidden}.column-posts,.widefat .num{text-align:right}#comments-form .fixed .column-author,#commentsdiv .fixed .column-author{display:none!important}.fixed .column-comment .comment-author{display:block}.fixed .column-author.hidden~.column-comment .comment-author{display:none}#the-comment-list .is-expanded td{box-shadow:none}#the-comment-list .is-expanded td:last-child{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.post-com-count .screen-reader-text{position:static;-webkit-clip-path:none;clip-path:none;width:auto;height:auto;margin:0}.column-comments .post-com-count-approved:after,.column-comments .post-com-count-no-comments:after,.column-response .post-com-count-approved:after,.column-response .post-com-count-no-comments:after{content:none}.column-comments .post-com-count [aria-hidden=true],.column-response .post-com-count [aria-hidden=true]{display:none}.column-comments .post-com-count-wrapper,.column-response .post-com-count-wrapper{white-space:normal}.column-comments .post-com-count-wrapper>a,.column-response .post-com-count-wrapper>a{display:block}.column-comments .post-com-count-approved,.column-comments .post-com-count-no-comments,.column-response .post-com-count-approved,.column-response .post-com-count-no-comments{margin-top:0;margin-left:.5em}.column-comments .post-com-count-pending,.column-response .post-com-count-pending{position:static;height:auto;min-width:0;padding:0;border:none;border-radius:0;background:0 0;color:#b32d2e;font-size:inherit;line-height:inherit;text-align:right}.column-comments .post-com-count-pending:hover,.column-response .post-com-count-pending:hover{color:#d63638}.widefat tfoot td.check-column,.widefat thead td.check-column{padding-top:10px}.row-actions{margin-right:-8px;margin-left:-8px;padding-top:4px}body:not(.plugins-php) .row-actions{display:flex;flex-wrap:wrap;gap:8px;color:transparent}.row-actions span .button-link,.row-actions span a{display:inline-block;padding:4px 8px;line-height:1.5}.row-actions span.approve:before,.row-actions span.unapprove:before{content:"| "}#wpbody-content .bulk-edit-row .inline-edit-col-bottom,#wpbody-content .bulk-edit-row .inline-edit-col-left,#wpbody-content .bulk-edit-row-page .inline-edit-col-right,#wpbody-content .bulk-edit-row-post .inline-edit-col-right,#wpbody-content .inline-edit-row-post .inline-edit-col-center,#wpbody-content .quick-edit-row-page .inline-edit-col-left,#wpbody-content .quick-edit-row-page .inline-edit-col-right,#wpbody-content .quick-edit-row-post .inline-edit-col-left,#wpbody-content .quick-edit-row-post .inline-edit-col-right{float:none;width:100%;padding:0}#the-list .inline-edit-row .inline-edit-legend,.inline-edit-row span.title{font-size:16px}.inline-edit-row p.howto{font-size:14px}#wpbody-content .inline-edit-row-page .inline-edit-col-right{margin-top:0}#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,#wpbody-content .bulk-edit-row fieldset .inline-edit-group label,#wpbody-content .quick-edit-row fieldset .inline-edit-col label,#wpbody-content .quick-edit-row fieldset .inline-edit-group label{max-width:none;float:none;margin-bottom:5px}#wpbody .bulk-edit-row fieldset select{display:block;width:100%;max-width:none;box-sizing:border-box}.inline-edit-row fieldset input[name=aa],.inline-edit-row fieldset input[name=hh],.inline-edit-row fieldset input[name=jj],.inline-edit-row fieldset input[name=mn]{font-size:16px;line-height:2;padding:3px 4px}#bulk-titles .ntdelbutton,#bulk-titles .ntdeltitle,.inline-edit-row fieldset ul.cat-checklist label{padding:6px 0;font-size:16px;line-height:28px}#bulk-titles .ntdelitem{padding-right:37px}#bulk-titles .ntdelbutton{width:40px;height:40px;margin:0 -40px 0 0;overflow:hidden}#bulk-titles .ntdelbutton:before{font-size:20px;line-height:28px}.inline-edit-row fieldset label span.title,.inline-edit-row fieldset.inline-edit-date legend{float:none}.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags{padding:0}.inline-edit-row fieldset .timestamp-wrap,.inline-edit-row fieldset label span.input-text-wrap{margin-right:0}.inline-edit-row .inline-edit-or{margin:0 0 0 6px}#commentsdiv #edithead .inside,#edithead .inside{float:none;text-align:right;padding:3px 5px}#commentsdiv #edithead .inside input,#edithead .inside input{width:100%}#edithead label{display:block}#wpbody-content .updates-table .plugin-title{width:auto;white-space:normal}.link-manager-php #posts-filter{margin-top:25px}.link-manager-php .tablenav.bottom{overflow:hidden}.comments-box .toggle-row,.wp-list-table.plugins .toggle-row{display:none}#wpbody-content .wp-list-table.plugins td{display:block;width:auto;padding:10px 9px}#wpbody-content .wp-list-table.plugins .desc.hidden{display:none}#wpbody-content .wp-list-table.plugins .column-description{padding-top:2px}#wpbody-content .wp-list-table.plugins .plugin-title,#wpbody-content .wp-list-table.plugins .theme-title{padding-left:12px;white-space:normal}.wp-list-table.plugins .plugin-title,.wp-list-table.plugins .theme-title{padding-top:13px;padding-bottom:4px}.plugins #the-list .update td,.plugins #the-list .update th,.plugins #the-list tr>td:not(:last-child),.wp-list-table.plugins #the-list .theme-title{box-shadow:none;border-top:none}.plugins #the-list tr td{border-top:none}.plugins tbody{padding:1px 0 0}.plugins .plugin-update-tr:before,.plugins tr.active+tr.inactive td.column-description,.plugins tr.active+tr.inactive th.check-column{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.plugins tr.active+tr.inactive td,.plugins tr.active+tr.inactive th.check-column{border-top:none}.plugins .plugin-update-tr:before{content:"";display:table-cell}.plugins #the-list .plugin-update-tr .plugin-update{border-right:none}.plugin-update-tr .update-message{margin-right:0}.plugins .active.update+.plugin-update-tr:before,.plugins .active.updated+.plugin-update-tr:before{background-color:#f0f6fc;border-right:4px solid #72aee6}.plugins .plugin-update-tr .update-message{margin-right:0}.wp-list-table.plugins .plugin-title strong,.wp-list-table.plugins .theme-title strong{font-size:1.4em;line-height:1.5}.plugins tbody th.check-column{padding:8px 5px 0 0}.plugins .inactive th.check-column,.plugins tfoot td.check-column,.plugins thead td.check-column{padding-right:9px}table.plugin-install .column-description,table.plugin-install .column-name,table.plugin-install .column-rating,table.plugin-install .column-version{display:block;width:auto}table.plugin-install th.column-description,table.plugin-install th.column-name,table.plugin-install th.column-rating,table.plugin-install th.column-version{display:none}table.plugin-install td.column-name strong{font-size:1.4em;line-height:1.6em}table.plugin-install #the-list td{box-shadow:none}table.plugin-install #the-list tr{display:block;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.plugin-card{margin-right:0;margin-left:0;width:100%}table.media .column-title .has-media-icon~.row-actions{margin-right:0;clear:both}}@media screen and (max-width:480px){.tablenav-pages .current-page{margin:0}.tablenav.bottom .displaying-num{position:relative;top:0;display:block;text-align:left;padding-bottom:.5em}.tablenav.bottom .tablenav-pages.one-page{height:auto}.tablenav-pages .tablenav-paging-text{float:right;width:100%;padding-top:.5em}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/list-tables.css b/tools/storybook/wordpress/css/list-tables.css
new file mode 100644
index 00000000000..84e390d83eb
--- /dev/null
+++ b/tools/storybook/wordpress/css/list-tables.css
@@ -0,0 +1,2246 @@
+.response-links {
+	display: block;
+	margin-bottom: 1em;
+}
+
+.response-links a {
+	display: block;
+}
+
+.response-links a.comments-edit-item-link {
+	font-weight: 600;
+}
+
+.response-links a.comments-view-item-link {
+	font-size: 12px;
+}
+
+.post-com-count-wrapper strong {
+	font-weight: 400;
+}
+
+.comments-view-item-link {
+	display: inline-block;
+	clear: both;
+}
+
+.column-response .post-com-count-wrapper,
+.column-comments .post-com-count-wrapper {
+	white-space: nowrap;
+	word-wrap: normal;
+}
+
+/* comments bubble common */
+.column-response .post-com-count,
+.column-comments .post-com-count {
+	display: inline-block;
+	vertical-align: top;
+}
+
+/* comments bubble approved */
+.column-response .post-com-count-no-comments,
+.column-response .post-com-count-approved,
+.column-comments .post-com-count-no-comments,
+.column-comments .post-com-count-approved {
+	margin-top: 5px;
+}
+
+.column-response .comment-count-no-comments,
+.column-response .comment-count-approved,
+.column-comments .comment-count-no-comments,
+.column-comments .comment-count-approved {
+	box-sizing: border-box;
+	display: block;
+	padding: 0 8px;
+	min-width: 24px;
+	height: 2em;
+	border-radius: 5px;
+	background-color: #646970;
+	color: #fff;
+	font-size: 11px;
+	line-height: 1.90909090;
+	text-align: center;
+}
+
+.column-response .post-com-count-no-comments:after,
+.column-response .post-com-count-approved:after,
+.column-comments .post-com-count-no-comments:after,
+.column-comments .post-com-count-approved:after {
+	content: "";
+	display: block;
+	margin-left: 8px;
+	width: 0;
+	height: 0;
+	border-top: 5px solid #646970;
+	border-right: 5px solid transparent;
+}
+
+.column-response a.post-com-count-approved:hover .comment-count-approved,
+.column-response a.post-com-count-approved:focus .comment-count-approved,
+.column-comments a.post-com-count-approved:hover .comment-count-approved,
+.column-comments a.post-com-count-approved:focus .comment-count-approved {
+	background: #2271b1;
+}
+
+.column-response a.post-com-count-approved:hover:after,
+.column-response a.post-com-count-approved:focus:after,
+.column-comments a.post-com-count-approved:hover:after,
+.column-comments a.post-com-count-approved:focus:after {
+	border-top-color: #2271b1;
+}
+
+/* @todo: consider to use a single rule for these counters and the admin menu counters. */
+.column-response .post-com-count-pending,
+.column-comments .post-com-count-pending {
+	position: relative;
+	left: -3px;
+	padding: 0 5px;
+	min-width: 7px;
+	height: 17px;
+	border: 2px solid #fff;
+	border-radius: 11px;
+	background: #d63638;
+	color: #fff;
+	font-size: 9px;
+	line-height: 1.88888888;
+	text-align: center;
+}
+
+.column-response .post-com-count-no-pending,
+.column-comments .post-com-count-no-pending {
+	display: none;
+}
+
+/* comments */
+
+.commentlist li {
+	padding: 1em 1em .2em;
+	margin: 0;
+	border-bottom: 1px solid #c3c4c7;
+}
+
+.commentlist li li {
+	border-bottom: 0;
+	padding: 0;
+}
+
+.commentlist p {
+	padding: 0;
+	margin: 0 0 .8em;
+}
+
+#submitted-on,
+.submitted-on {
+	color: #50575e;
+}
+
+/* reply to comments */
+#replyrow td {
+	padding: 2px;
+}
+
+#replysubmit {
+	margin: 0;
+	padding: 5px 7px 10px;
+	overflow: hidden;
+}
+
+#replysubmit .reply-submit-buttons {
+	margin-bottom: 0;
+}
+
+#replysubmit .button {
+	margin-right: 5px;
+}
+
+#replysubmit .spinner {
+	float: none;
+	margin: -4px 0 0;
+}
+
+#replyrow.inline-edit-row fieldset.comment-reply {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+#replyrow legend {
+	margin: 0;
+	padding: .2em 5px 0;
+	font-size: 13px;
+	line-height: 1.4;
+	font-weight: 600;
+}
+
+#replyrow.inline-edit-row label {
+	display: inline;
+	vertical-align: baseline;
+	line-height: inherit;
+}
+
+#edithead .inside,
+#commentsdiv #edithead .inside {
+	float: left;
+	padding: 3px 0 2px 5px;
+	margin: 0;
+	text-align: center;
+}
+
+#edithead .inside input {
+	width: 180px;
+}
+
+#edithead label {
+	padding: 2px 0;
+}
+
+#replycontainer {
+	padding: 5px;
+}
+
+#replycontent {
+	height: 120px;
+	box-shadow: none;
+}
+
+#replyerror {
+	border-color: #dcdcde;
+	background-color: #f6f7f7;
+}
+
+/* @todo: is this used? */
+.commentlist .avatar {
+	vertical-align: text-top;
+}
+
+#the-comment-list tr.undo,
+#the-comment-list div.undo {
+	background-color: #f6f7f7;
+}
+
+#the-comment-list .unapproved th,
+#the-comment-list .unapproved td {
+	background-color: #fcf9e8;
+}
+
+#the-comment-list .unapproved th.check-column {
+	border-left: 4px solid #d63638;
+}
+
+#the-comment-list .unapproved th.check-column input {
+	margin-left: 4px;
+}
+
+#the-comment-list .approve a {
+	color: #007017;
+}
+
+#the-comment-list .unapprove a {
+	color: #996800;
+}
+
+#the-comment-list th,
+#the-comment-list td {
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#the-comment-list tr:last-child th,
+#the-comment-list tr:last-child td {
+	box-shadow: none;
+}
+
+#the-comment-list tr.unapproved + tr.approved th,
+#the-comment-list tr.unapproved + tr.approved td {
+	border-top: 1px solid rgba(0, 0, 0, 0.03);
+}
+
+/* table vim shortcuts */
+.vim-current,
+.vim-current th,
+.vim-current td {
+	background-color: #f0f6fc !important;
+}
+
+th .comment-grey-bubble {
+	height: 16px;
+	width: 16px;
+}
+
+th .comment-grey-bubble:before {
+	content: "\f101";
+	font: normal 20px/.5 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0;
+	top: 4px;
+	left: -4px;
+	position: relative;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #3c434a;
+}
+
+/*------------------------------------------------------------------------------
+  10.0 - List Posts (/Pages/etc)
+------------------------------------------------------------------------------*/
+
+table.fixed {
+	table-layout: fixed;
+}
+
+.fixed .column-rating,
+.fixed .column-visible {
+	width: 8%;
+}
+
+.fixed .column-posts,
+.fixed .column-parent,
+.fixed .column-links,
+.fixed .column-author,
+.fixed .column-format {
+	width: 10%;
+}
+
+.fixed .column-date {
+	width: 14%;
+}
+
+.column-date span[title] {
+	-webkit-text-decoration: dotted underline;
+	text-decoration: dotted underline;
+}
+
+.fixed .column-posts {
+	width: 74px;
+}
+
+.fixed .column-role,
+.fixed .column-posts {
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+.fixed .column-comment .comment-author {
+	display: none;
+}
+
+.fixed .column-response,
+.fixed .column-categories,
+.fixed .column-tags,
+.fixed .column-rel,
+.fixed .column-role {
+	width: 15%;
+}
+
+.fixed .column-slug {
+	width: 25%;
+}
+
+.fixed .column-locations {
+	width: 35%;
+}
+
+.fixed .column-comments {
+	width: 5.5em;
+	padding: 8px 0;
+	text-align: left;
+}
+
+.fixed .column-comments .vers {
+	padding-left: 3px;
+}
+
+td.column-title strong,
+td.plugin-title strong {
+	display: block;
+	margin-bottom: .2em;
+	font-size: 14px;
+}
+
+td.column-title p,
+td.plugin-title p {
+	margin: 6px 0;
+}
+
+/* Media file column */
+table.media .column-title .media-icon {
+	float: left;
+	min-height: 60px;
+	margin: 0 9px 0 0;
+}
+
+table.media .column-title .media-icon img {
+	max-width: 60px;
+	height: auto;
+	vertical-align: top; /* Remove descender white-space. */
+}
+
+table.media .column-title .has-media-icon ~ .row-actions {
+	margin-left: 70px; /* 60px image + margin */
+}
+
+table.media .column-title .filename {
+	margin-bottom: 0.2em;
+}
+
+/* Media Copy to clipboard row action */
+.media .row-actions .copy-to-clipboard-container {
+	display: inline;
+	position: relative;
+}
+
+.media .row-actions .copy-to-clipboard-container .success {
+	position: absolute;
+	left: 50%;
+	transform: translate(-50%, -100%);
+	background: #000;
+	color: #fff;
+	border-radius: 5px;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+/* @todo: pick a consistent list table selector */
+.wp-list-table a {
+	transition: none;
+}
+
+#the-list tr:last-child td,
+#the-list tr:last-child th {
+	border-bottom: none !important;
+	box-shadow: none;
+}
+
+#comments-form .fixed .column-author {
+	width: 20%;
+}
+
+#commentsdiv.postbox .inside {
+	margin: 0;
+	padding: 0;
+}
+
+#commentsdiv .inside .row-actions {
+	line-height: 1.38461538;
+}
+
+#commentsdiv .inside .column-author {
+	width: 25%;
+}
+
+#commentsdiv .column-comment p {
+	margin: 0.6em 0;
+	padding: 0;
+}
+
+#commentsdiv #replyrow td {
+	padding: 0;
+}
+
+#commentsdiv p {
+	padding: 8px 10px;
+	margin: 0;
+}
+
+#commentsdiv .comments-box {
+	border: 0 none;
+}
+
+#commentsdiv .comments-box thead th,
+#commentsdiv .comments-box thead td {
+	background: transparent;
+	padding: 0 7px 4px;
+}
+
+#commentsdiv .comments-box tr:last-child td {
+	border-bottom: 0 none;
+}
+
+#commentsdiv #edithead .inside input {
+	width: 160px;
+}
+
+.sorting-indicator {
+	display: block;
+	visibility: hidden;
+	width: 10px;
+	height: 4px;
+	margin-top: 8px;
+	margin-left: 7px;
+}
+
+.sorting-indicator:before {
+	content: "\f142";
+	font: normal 20px/1 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0;
+	top: -4px;
+	left: -8px;
+	color: #3c434a;
+	line-height: 0.5;
+	position: relative;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #3c434a;
+}
+
+.column-comments .sorting-indicator:before {
+	top: 0;
+	left: -10px;
+}
+
+th.sorted.asc .sorting-indicator:before,
+th.desc:hover span.sorting-indicator:before,
+th.desc a:focus span.sorting-indicator:before {
+	content: "\f142";
+}
+
+th.sorted.desc .sorting-indicator:before,
+th.asc:hover span.sorting-indicator:before,
+th.asc a:focus span.sorting-indicator:before {
+	content: "\f140";
+}
+
+.wp-list-table .toggle-row {
+	position: absolute;
+	right: 8px;
+	top: 10px;
+	display: none;
+	padding: 0;
+	width: 40px;
+	height: 40px;
+	border: none;
+	outline: none;
+	background: transparent;
+}
+
+.wp-list-table .toggle-row:hover {
+	cursor: pointer;
+}
+
+.wp-list-table .toggle-row:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.wp-list-table .toggle-row:active {
+	box-shadow: none;
+}
+
+.wp-list-table .toggle-row:before {
+	position: absolute;
+	top: -5px;
+	left: 10px;
+	border-radius: 50%;
+	display: block;
+	padding: 1px 2px 1px 0;
+	color: #3c434a; /* same as table headers sort arrows */
+	content: "\f140";
+	font: normal 20px/1 dashicons;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	speak: never;
+}
+
+.wp-list-table .is-expanded .toggle-row:before {
+	content: "\f142";
+}
+
+.locked-indicator {
+	display: none;
+	margin-left: 6px;
+	height: 20px;
+	width: 16px;
+}
+
+.locked-indicator-icon:before {
+	color: #8c8f94;
+	content: "\f160";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.locked-info {
+	display: none;
+	margin-top: 4px;
+}
+
+.locked-text {
+	vertical-align: top;
+}
+
+.wp-locked .locked-indicator,
+.wp-locked .locked-info {
+	display: block;
+}
+
+tr.wp-locked .check-column label,
+tr.wp-locked .check-column input[type="checkbox"],
+tr.wp-locked .row-actions .inline,
+tr.wp-locked .row-actions .trash {
+	display: none;
+}
+
+.fixed .column-comments .sorting-indicator {
+	margin-top: 3px;
+}
+
+#menu-locations-wrap .widefat {
+	width: 60%;
+}
+
+.widefat th.sortable,
+.widefat th.sorted {
+	padding: 0;
+}
+
+th.sortable a,
+th.sorted a {
+	display: block;
+	overflow: hidden;
+	padding: 8px;
+}
+
+.fixed .column-comments.sortable a,
+.fixed .column-comments.sorted a {
+	padding: 8px 0;
+}
+
+th.sortable a span,
+th.sorted a span {
+	float: left;
+	cursor: pointer;
+}
+
+th.sorted .sorting-indicator,
+th.desc:hover span.sorting-indicator,
+th.desc a:focus span.sorting-indicator,
+th.asc:hover span.sorting-indicator,
+th.asc a:focus span.sorting-indicator {
+	visibility: visible;
+}
+
+.tablenav-pages .current-page {
+	margin: 0 2px 0 0;
+	font-size: 13px;
+	text-align: center;
+}
+
+.tablenav .total-pages {
+	margin-right: 2px;
+}
+
+.tablenav #table-paging {
+	margin-left: 2px;
+}
+
+.tablenav {
+	clear: both;
+	height: 30px;
+	margin: 6px 0 4px;
+	padding-top: 5px;
+	vertical-align: middle;
+}
+
+.tablenav.themes {
+	max-width: 98%;
+}
+
+.tablenav .tablenav-pages {
+	float: right;
+	margin: 0 0 9px;
+}
+
+.tablenav .no-pages,
+.tablenav .one-page .pagination-links {
+	display: none;
+}
+
+.tablenav .tablenav-pages .button,
+.tablenav .tablenav-pages .tablenav-pages-navspan {
+	display: inline-block;
+	vertical-align: baseline;
+	min-width: 30px;
+	min-height: 30px;
+	margin: 0;
+	padding: 0 4px;
+	font-size: 16px;
+	line-height: 1.625; /* 26px */
+	text-align: center;
+}
+
+.tablenav .displaying-num {
+	margin-right: 7px;
+}
+
+.tablenav .one-page .displaying-num {
+	display: inline-block;
+	margin: 5px 0;
+}
+
+.tablenav .actions {
+	padding: 0 8px 0 0;
+}
+
+.wp-filter .actions {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.tablenav .delete {
+	margin-right: 20px;
+}
+
+/* This view-switcher is still used on multisite. */
+.tablenav .view-switch {
+	float: right;
+	margin: 0 5px;
+	padding-top: 3px;
+}
+
+.wp-filter .view-switch {
+	display: inline-block;
+	vertical-align: middle;
+	padding: 12px 0;
+	margin: 0 8px 0 2px;
+}
+
+.media-toolbar.wp-filter .view-switch {
+	margin: 0 12px 0 2px;
+}
+
+.view-switch a {
+	float: left;
+	width: 28px;
+	height: 28px;
+	text-align: center;
+	line-height: 1.84615384;
+	text-decoration: none;
+}
+
+.view-switch a:before {
+	color: #c3c4c7;
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	vertical-align: middle;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.view-switch a:hover:before,
+.view-switch a:focus:before {
+	color: #787c82;
+}
+
+.view-switch a.current:before {
+	color: #2271b1;
+}
+
+.view-switch .view-list:before {
+	content: "\f163";
+}
+
+.view-switch .view-excerpt:before {
+	content: "\f164";
+}
+
+.view-switch .view-grid:before {
+	content: "\f509";
+}
+
+.filter {
+	float: left;
+	margin: -5px 0 0 10px;
+}
+
+.filter .subsubsub {
+	margin-left: -10px;
+	margin-top: 13px;
+}
+.screen-per-page {
+	width: 4em;
+}
+
+#posts-filter .wp-filter {
+	margin-bottom: 0;
+}
+
+#posts-filter fieldset {
+	float: left;
+	margin: 0 1.5ex 1em 0;
+	padding: 0;
+}
+
+#posts-filter fieldset legend {
+	padding: 0 0 .2em 1px;
+}
+
+p.pagenav {
+	margin: 0;
+	display: inline;
+}
+
+.pagenav span {
+	font-weight: 600;
+	margin: 0 6px;
+}
+
+.row-title {
+	font-size: 14px !important;
+	font-weight: 600;
+}
+
+.column-comment .comment-author {
+	margin-bottom: 0.6em;
+}
+
+.column-author img,
+.column-username img,
+.column-comment .comment-author img {
+	float: left;
+	margin-right: 10px;
+	margin-top: 1px;
+}
+
+.row-actions {
+	color: #a7aaad;
+	font-size: 13px;
+	padding: 2px 0 0;
+	position: relative;
+	left: -9999em;
+}
+
+/* ticket #34150 */
+.rtl .row-actions a {
+	display: inline-block;
+}
+
+.row-actions .network_only,
+.row-actions .network_active {
+	color: #000;
+}
+
+.no-js .row-actions,
+tr:hover .row-actions,
+.mobile .row-actions,
+.row-actions.visible,
+.comment-item:hover .row-actions {
+	position: static;
+}
+
+/* deprecated */
+.row-actions-visible {
+	padding: 2px 0 0;
+}
+
+
+/*------------------------------------------------------------------------------
+  10.1 - Inline Editing
+------------------------------------------------------------------------------*/
+
+/*
+.quick-edit* is for Quick Edit
+.bulk-edit* is for Bulk Edit
+.inline-edit* is for everything
+*/
+
+/*	Layout */
+
+#wpbody-content .inline-edit-row fieldset {
+	float: left;
+	margin: 0;
+	padding: 0 12px 0 0;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+#wpbody-content .inline-edit-row td fieldset:last-of-type {
+	padding-right: 0;
+}
+
+tr.inline-edit-row td {
+	padding: 0;
+	/* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
+	position: relative;
+}
+
+.inline-edit-wrapper {
+	display: flow-root;
+	padding: 0 12px;
+	border: 1px solid transparent;
+	border-radius: 4px;
+}
+
+.inline-edit-wrapper:focus {
+	border-color: #2271b1;
+	box-shadow: 0 0 0 1px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+#wpbody-content .quick-edit-row-post .inline-edit-col-left {
+	width: 40%;
+}
+
+#wpbody-content .quick-edit-row-post .inline-edit-col-right {
+	width: 39%;
+}
+
+#wpbody-content .inline-edit-row-post .inline-edit-col-center {
+	width: 20%;
+}
+
+#wpbody-content .quick-edit-row-page .inline-edit-col-left {
+	width: 50%;
+}
+
+#wpbody-content .quick-edit-row-page .inline-edit-col-right,
+#wpbody-content .bulk-edit-row-post .inline-edit-col-right {
+	width: 50%;
+}
+
+#wpbody-content .bulk-edit-row .inline-edit-col-left {
+	width: 30%;
+}
+
+#wpbody-content .bulk-edit-row-page .inline-edit-col-right {
+	width: 69%;
+}
+
+#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
+	float: right;
+	width: 69%;
+}
+
+#wpbody-content .inline-edit-row-page .inline-edit-col-right {
+	margin-top: 27px;
+}
+
+.inline-edit-row fieldset .inline-edit-group {
+	clear: both;
+	line-height: 2.5;
+}
+
+.inline-edit-row .submit {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	clear: both;
+	margin: 0;
+	padding: 0.5em 0 1em;
+}
+
+.inline-edit-save.submit .button {
+	margin-right: 8px;
+}
+
+.inline-edit-save .spinner {
+	float: none;
+	margin: 0;
+}
+
+.inline-edit-row .notice-error {
+	box-sizing: border-box;
+	min-width: 100%;
+	margin-top: 1em;
+}
+
+.inline-edit-row .notice-error .error {
+	margin: 0.5em 0;
+	padding: 2px;
+}
+
+/*	Positioning */
+
+/* Needs higher specificity for the padding */
+#the-list .inline-edit-row .inline-edit-legend {
+	margin: 0;
+	padding: 0.2em 0;
+	line-height: 2.5;
+	font-weight: 600;
+}
+
+.inline-edit-row fieldset span.title,
+.inline-edit-row fieldset span.checkbox-title {
+	margin: 0;
+	padding: 0;
+}
+
+.inline-edit-row fieldset label,
+.inline-edit-row fieldset span.inline-edit-categories-label {
+	display: block;
+	margin: .2em 0;
+	line-height: 2.5;
+}
+
+.inline-edit-row fieldset.inline-edit-date label {
+	display: inline-block;
+	margin: 0;
+	vertical-align: baseline;
+	line-height: 2;
+}
+
+.inline-edit-row fieldset label.inline-edit-tags {
+	margin-top: 0;
+}
+
+.inline-edit-row fieldset label.inline-edit-tags span.title {
+	margin: .2em 0;
+	width: auto;
+}
+
+.inline-edit-row fieldset label span.title,
+.inline-edit-row fieldset.inline-edit-date legend {
+	display: block;
+	float: left;
+	width: 6em;
+	line-height: 2.5;
+}
+
+#posts-filter fieldset.inline-edit-date legend {
+	padding: 0;
+}
+
+.inline-edit-row fieldset label span.input-text-wrap,
+.inline-edit-row fieldset .timestamp-wrap {
+	display: block;
+	margin-left: 6em;
+}
+
+.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
+	width: auto;
+	padding-right: 0.5em;
+}
+
+.inline-edit-row .inline-edit-or {
+	margin: .2em 6px .2em 0;
+	line-height: 2.5;
+}
+
+.inline-edit-row .input-text-wrap input[type=text] {
+	width: 100%;
+}
+
+.inline-edit-row fieldset label input[type=checkbox] {
+	vertical-align: middle;
+}
+
+.inline-edit-row fieldset label textarea {
+	width: 100%;
+	height: 4em;
+	vertical-align: top;
+}
+
+#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
+	max-width: 50%;
+}
+
+#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
+	margin-right: 0.5em
+}
+
+.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
+	width: 6em;
+}
+
+/*	Styling */
+.inline-edit-row .inline-edit-legend {
+	text-transform: uppercase;
+}
+
+/*	Specific Elements */
+.inline-edit-row fieldset .inline-edit-date {
+	float: left;
+}
+
+.inline-edit-row fieldset input[name=jj],
+.inline-edit-row fieldset input[name=hh],
+.inline-edit-row fieldset input[name=mn],
+.inline-edit-row fieldset input[name=aa] {
+	vertical-align: middle;
+	text-align: center;
+	padding: 0 4px;
+}
+
+.inline-edit-row fieldset label input.inline-edit-password-input {
+	width: 8em;
+}
+
+#bulk-titles-list,
+#bulk-titles-list li,
+.inline-edit-row fieldset ul.cat-checklist li,
+.inline-edit-row fieldset ul.cat-checklist input {
+	margin: 0;
+	position: relative; /* RTL fix, #WP27629 */
+}
+
+.inline-edit-row fieldset ul.cat-checklist input {
+	margin-top: -1px;
+	margin-left: 3px;
+}
+
+.inline-edit-row fieldset label input.inline-edit-menu-order-input {
+	width: 3em;
+}
+
+.inline-edit-row fieldset label input.inline-edit-slug-input {
+	width: 75%;
+}
+
+.inline-edit-row #post_parent,
+.inline-edit-row select[name="page_template"] {
+	max-width: 80%;
+}
+
+.quick-edit-row-post fieldset label.inline-edit-status {
+	float: left;
+}
+
+#bulk-titles,
+ul.cat-checklist {
+	height: 14em;
+	border: 1px solid #ddd;
+	margin: 0 0 5px;
+	padding: 0.2em 5px;
+	overflow-y: scroll;
+}
+
+#bulk-titles .ntdelbutton,
+#bulk-titles .ntdeltitle,
+.inline-edit-row fieldset ul.cat-checklist label {
+	display: inline-block;
+	margin: 0;
+	padding: 3px 0;
+	line-height: 20px;
+	vertical-align: top;
+}
+
+#bulk-titles .ntdelitem {
+	padding-left: 23px;
+}
+
+#bulk-titles .ntdelbutton {
+	width: 26px;
+	height: 26px;
+	margin: 0 0 0 -26px;
+	text-align: center;
+	border-radius: 3px;
+}
+
+#bulk-titles .ntdelbutton:before {
+	display: inline-block;
+	vertical-align: top;
+}
+
+#bulk-titles .ntdelbutton:focus {
+	box-shadow: 0 0 0 2px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	/* Reset inherited offset from Gutenberg */
+	outline-offset: 0;
+}
+
+/*------------------------------------------------------------------------------
+  17.0 - Plugins
+------------------------------------------------------------------------------*/
+
+.plugins tbody th.check-column,
+.plugins tbody {
+	padding: 8px 0 0 2px;
+}
+
+.plugins tbody th.check-column input[type=checkbox] {
+	margin-top: 4px;
+}
+
+.updates-table .plugin-title p {
+	margin-top: 0;
+}
+
+.plugins thead td.check-column,
+.plugins tfoot td.check-column,
+.plugins .inactive th.check-column {
+	padding-left: 6px;
+}
+
+.plugins,
+.plugins th,
+.plugins td {
+	color: #000;
+}
+
+.plugins tr {
+	background: #fff;
+}
+
+.plugins p {
+	margin: 0 4px;
+	padding: 0;
+}
+
+.plugins .desc p {
+	margin: 0 0 8px;
+}
+
+.plugins td.desc {
+	line-height: 1.5;
+}
+
+.plugins .desc ul,
+.plugins .desc ol {
+	margin: 0 0 0 2em;
+}
+
+.plugins .desc ul {
+	list-style-type: disc;
+}
+
+.plugins .row-actions {
+	font-size: 13px;
+	padding: 0;
+}
+
+.plugins .inactive td,
+.plugins .inactive th,
+.plugins .active td,
+.plugins .active th {
+	padding: 10px 9px;
+}
+
+.plugins .active td,
+.plugins .active th {
+	background-color: #f0f6fc;
+}
+
+.plugins .update th,
+.plugins .update td {
+	border-bottom: 0;
+}
+
+.plugins .inactive td,
+.plugins .inactive th,
+.plugins .active td,
+.plugins .active th,
+.plugin-install #the-list td,
+.upgrade .plugins td,
+.upgrade .plugins th {
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.plugins tr.active.plugin-update-tr + tr.inactive th,
+.plugins tr.active.plugin-update-tr + tr.inactive td,
+.plugins tr.active + tr.inactive th,
+.plugins tr.active + tr.inactive td {
+	border-top: 1px solid rgba(0, 0, 0, 0.03);
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
+}
+
+.plugins .update td,
+.plugins .update th,
+.upgrade .plugins tr:last-of-type td,
+.upgrade .plugins tr:last-of-type th,
+.plugins tr.active + tr.inactive.update th,
+.plugins tr.active + tr.inactive.update td,
+.plugins .updated td,
+.plugins .updated th,
+.plugins tr.active + tr.inactive.updated th,
+.plugins tr.active + tr.inactive.updated td {
+	box-shadow: none;
+}
+
+.plugins .active th.check-column,
+.plugin-update-tr.active td {
+	border-left: 4px solid #72aee6;
+}
+
+.wp-list-table.plugins .plugin-title,
+.wp-list-table.plugins .theme-title {
+	padding-right: 12px;
+	white-space: nowrap;
+}
+
+.plugins .plugin-title img,
+.plugins .plugin-title .dashicons {
+	float: left;
+	padding: 0 10px 0 0;
+	width: 64px;
+	height: 64px;
+}
+
+.plugins .plugin-title .dashicons:before {
+	padding: 2px;
+	background-color: #f0f0f1;
+	box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
+	font-size: 60px;
+	color: #c3c4c7;
+}
+
+#update-themes-table .plugin-title img,
+#update-themes-table .plugin-title .dashicons {
+	width: 85px;
+}
+
+.plugins .column-auto-updates {
+	width: 14.2em;
+}
+
+.plugins .inactive .plugin-title strong {
+	font-weight: 400;
+}
+
+.plugins .second,
+.plugins .row-actions {
+	padding: 0 0 5px;
+}
+
+.plugins .row-actions {
+	white-space: normal;
+	min-width: 12em;
+}
+
+.plugins .update .second,
+.plugins .update .row-actions,
+.plugins .updated .second,
+.plugins .updated .row-actions {
+	padding-bottom: 0;
+}
+
+.plugins-php .widefat tfoot th,
+.plugins-php .widefat tfoot td {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.plugins .plugin-update-tr .plugin-update {
+	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	overflow: hidden; /* clearfix */
+	padding: 0;
+}
+
+.plugins .plugin-update-tr .notice,
+.plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */
+	margin: 5px 20px 15px 40px;
+}
+
+.plugins .notice p {
+	margin: 0.5em 0;
+}
+
+.plugins .plugin-description a,
+.plugins .plugin-update a,
+.updates-table .plugin-title a {
+	text-decoration: underline;
+}
+
+.plugins tr.paused th.check-column {
+	border-left: 4px solid #d63638;
+}
+
+.plugins tr.paused th,
+.plugins tr.paused td {
+	background-color: #f6f7f7;
+}
+
+.plugins tr.paused .plugin-title,
+.plugins .paused .dashicons-warning {
+	color: #d63638;
+}
+
+.plugins .paused .error-display p,
+.plugins .paused .error-display code {
+	font-size: 90%;
+	color: rgba(0, 0, 0, 0.7);
+}
+
+.plugins .resume-link {
+	color: #d63638;
+}
+
+.plugin-card .update-now:before {
+	color: #d63638;
+	content: "\f463";
+	display: inline-block;
+	font: normal 20px/1 dashicons;
+	margin: 3px 5px 0 -2px;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.plugin-card .updating-message:before {
+	content: "\f463";
+	animation: rotation 2s infinite linear;
+}
+
+@keyframes rotation {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(359deg);
+	}
+}
+
+.plugin-card .updated-message:before {
+	color: #68de7c;
+	content: "\f147";
+}
+
+.plugin-install-php h2 {
+	clear: both;
+}
+
+.plugin-install-php h3 {
+	margin: 2.5em 0 8px;
+}
+
+.plugin-install-php .wp-filter {
+	margin-bottom: 0;
+}
+
+/* Plugin card table view */
+.plugin-group {
+	overflow: hidden; /* clearfix */
+	margin-top: 1.5em;
+}
+
+.plugin-group h3 {
+	margin-top: 0;
+}
+
+.plugin-card {
+	float: left;
+	margin: 0 8px 16px;
+	width: 48.5%;
+	width: calc( 50% - 8px );
+	background-color: #fff;
+	border: 1px solid #dcdcde;
+	box-sizing: border-box;
+}
+
+.plugin-card:nth-child(odd) {
+	clear: both;
+	margin-left: 0;
+}
+
+.plugin-card:nth-child(even) {
+	margin-right: 0;
+}
+
+@media screen and (min-width: 1600px) and ( max-width: 2299px ) {
+	.plugin-card {
+		width: 30%;
+		width: calc( 33.1% - 8px );
+	}
+
+	.plugin-card:nth-child(odd) {
+		clear: none;
+		margin-left: 8px;
+	}
+
+	.plugin-card:nth-child(even) {
+		margin-right: 8px;
+	}
+
+	.plugin-card:nth-child(3n+1) {
+		clear: both;
+		margin-left: 0;
+	}
+
+	.plugin-card:nth-child(3n) {
+		margin-right: 0;
+	}
+}
+
+@media screen and (min-width: 2300px) {
+	.plugin-card {
+		width: 25%;
+		width: calc( 25% - 12px );
+	}
+
+	.plugin-card:nth-child(odd) {
+		clear: none;
+		margin-left: 8px;
+	}
+
+	.plugin-card:nth-child(even) {
+		margin-right: 8px;
+	}
+
+	.plugin-card:nth-child(4n+1) {
+		clear: both;
+		margin-left: 0;
+	}
+
+	.plugin-card:nth-child(4n) {
+		margin-right: 0;
+	}
+}
+
+.plugin-card-top {
+	position: relative;
+	padding: 20px 20px 10px;
+	min-height: 135px;
+}
+
+div.action-links,
+.plugin-action-buttons {
+	margin: 0; /* Override existing margins */
+}
+
+.plugin-card h3 {
+	margin: 0 12px 12px 0;
+	font-size: 18px;
+	line-height: 1.3;
+}
+
+.plugin-card .name,
+.plugin-card .desc {
+	margin-left: 148px; /* icon + margin */
+	margin-right: 128px; /* action links + margin */
+}
+
+.plugin-card .action-links {
+	position: absolute;
+	top: 20px;
+	right: 20px;
+	width: 120px;
+}
+
+.plugin-action-buttons {
+	clear: right;
+	float: right;
+	margin-bottom: 1em;
+	text-align: right;
+}
+
+.plugin-action-buttons li {
+	margin-bottom: 10px;
+}
+
+.plugin-card-bottom {
+	clear: both;
+	padding: 12px 20px;
+	background-color: #f6f7f7;
+	border-top: 1px solid #dcdcde;
+	overflow: hidden;
+}
+
+.plugin-card-bottom .star-rating {
+	display: inline;
+}
+
+.plugin-card-update-failed .update-now {
+	font-weight: 600;
+}
+
+.plugin-card-update-failed .notice-error {
+	margin: 0;
+	padding-left: 16px;
+	box-shadow: 0 -1px 0 #dcdcde;
+}
+
+.plugin-card-update-failed .plugin-card-bottom {
+	display: none;
+}
+
+.plugin-card .column-rating {
+	line-height: 1.76923076;
+}
+
+.plugin-card .column-rating,
+.plugin-card .column-updated {
+	margin-bottom: 4px;
+}
+
+.plugin-card .column-rating,
+.plugin-card .column-downloaded {
+	float: left;
+	clear: left;
+	max-width: 180px;
+}
+
+.plugin-card .column-updated,
+.plugin-card .column-compatibility {
+	text-align: right;
+	float: right;
+	clear: right;
+	width: 65%;
+	width: calc( 100% - 180px );
+}
+
+.plugin-card .column-compatibility span:before {
+	font: normal 20px/.5 dashicons;
+	speak: never;
+	display: inline-block;
+	padding: 0;
+	top: 4px;
+	left: -2px;
+	position: relative;
+	vertical-align: top;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-decoration: none !important;
+	color: #3c434a;
+}
+
+.plugin-card .column-compatibility .compatibility-incompatible:before {
+	content: "\f158";
+	color: #d63638;
+}
+
+.plugin-card .column-compatibility .compatibility-compatible:before {
+	content: "\f147";
+	color: #007017;
+}
+
+.plugin-card .notice {
+	margin: 20px 20px 0;
+}
+
+.plugin-icon {
+	position: absolute;
+	top: 20px;
+	left: 20px;
+	width: 128px;
+	height: 128px;
+	margin: 0 20px 20px 0;
+}
+
+.no-plugin-results {
+	color: #646970; /* same as no themes and no media */
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 100px 0 0;
+	text-align: center;
+}
+
+/* ms */
+/* Background Color for Site Status */
+.wp-list-table .site-deleted,
+.wp-list-table tr.site-deleted,
+.wp-list-table .site-archived,
+.wp-list-table tr.site-archived {
+	background: #fcf0f1;
+}
+.wp-list-table .site-spammed,
+.wp-list-table tr.site-spammed,
+.wp-list-table .site-mature,
+.wp-list-table tr.site-mature {
+	background: #fcf9e8;
+}
+
+.sites.fixed .column-lastupdated,
+.sites.fixed .column-registered {
+	width: 20%;
+}
+
+.sites.fixed .column-users {
+	width: 80px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
+	.plugin-card .action-links {
+		position: static;
+		margin-left: 148px;
+		width: auto;
+	}
+
+	.plugin-action-buttons {
+		float: none;
+		margin: 1em 0 0;
+		text-align: left;
+	}
+
+	.plugin-action-buttons li {
+		display: inline-block;
+		vertical-align: middle;
+	}
+
+	.plugin-action-buttons li .button {
+		margin-right: 20px;
+	}
+
+	.plugin-card h3 {
+		margin-right: 24px;
+	}
+
+	.plugin-card .name,
+	.plugin-card .desc {
+		margin-right: 0;
+	}
+
+	.plugin-card .desc p:first-of-type {
+		margin-top: 0;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	/* WP List Table Options & Filters */
+	.tablenav {
+		height: auto;
+	}
+
+	.tablenav.top {
+		margin: 20px 0 5px;
+	}
+
+	.tablenav.bottom {
+		position: relative;
+		margin-top: 15px;
+	}
+
+	.tablenav br {
+		display: none;
+	}
+
+	.tablenav br.clear {
+		display: block;
+	}
+
+	.tablenav.top .actions,
+	.tablenav .view-switch {
+		display: none;
+	}
+
+	.view-switch a {
+		width: 36px;
+		height: 36px;
+		line-height: 2.53846153;
+	}
+
+	/* Pagination */
+	.tablenav.top .displaying-num {
+		display: none;
+	}
+
+	.tablenav.bottom .displaying-num {
+		position: absolute;
+		right: 0;
+		top: 11px;
+		margin: 0;
+		font-size: 14px;
+	}
+
+	.tablenav .tablenav-pages {
+		width: 100%;
+		text-align: center;
+		margin: 0 0 25px;
+	}
+
+	.tablenav.bottom .tablenav-pages {
+		margin-top: 25px;
+	}
+
+	.tablenav.top .tablenav-pages.one-page {
+		display: none;
+	}
+
+	.tablenav.bottom .tablenav-pages.one-page {
+		margin-top: 15px;
+		height: 0;
+	}
+
+	.tablenav-pages .pagination-links {
+		font-size: 16px;
+	}
+
+	.tablenav .tablenav-pages .button,
+	.tablenav .tablenav-pages .tablenav-pages-navspan {
+		min-width: 44px;
+		padding: 12px 8px;
+		font-size: 18px;
+		line-height: 1;
+	}
+
+	.tablenav-pages .pagination-links .current-page {
+		min-width: 44px;
+		padding: 12px 6px;
+		font-size: 16px;
+		line-height: 1.125;
+	}
+
+	/* WP List Table Adjustments: General */
+	.form-wrap > p {
+		display: none;
+	}
+
+	.wp-list-table th.column-primary ~ th,
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
+		display: none;
+	}
+
+	.wp-list-table thead th.column-primary {
+		width: 100%;
+	}
+
+	/* Checkboxes need to show */
+	.wp-list-table tr th.check-column {
+		display: table-cell;
+	}
+
+	.wp-list-table .check-column {
+		width: 2.5em;
+	}
+
+	.wp-list-table .column-primary .toggle-row {
+		display: block;
+	}
+
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
+		position: relative;
+		clear: both;
+		width: auto !important; /* needs to override some columns that are more specifically targeted */
+	}
+
+	.wp-list-table td.column-primary {
+		padding-right: 50px; /* space for toggle button */
+	}
+
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
+		padding: 3px 8px 3px 35%;
+	}
+
+	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
+		position: absolute;
+		left: 10px; /* match padding of regular table cell */
+		display: block;
+		overflow: hidden;
+		width: 32%; /* leave a little space for a gutter */
+		content: attr(data-colname);
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	.wp-list-table .is-expanded td:not(.hidden) {
+		display: block !important;
+		overflow: hidden; /* clearfix */
+	}
+
+	/* Special cases */
+	.widefat .num,
+	.column-posts {
+		text-align: left;
+	}
+
+	#comments-form .fixed .column-author,
+	#commentsdiv .fixed .column-author {
+		display: none !important;
+	}
+
+	.fixed .column-comment .comment-author {
+		display: block;
+	}
+
+	/* Comment author hidden via Screen Options */
+	.fixed .column-author.hidden ~ .column-comment .comment-author {
+		display: none;
+	}
+
+	#the-comment-list .is-expanded td {
+		box-shadow: none;
+	}
+
+	#the-comment-list .is-expanded td:last-child {
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	/* Show comment bubble as text instead */
+	.post-com-count .screen-reader-text {
+		position: static;
+		-webkit-clip-path: none;
+		clip-path: none;
+		width: auto;
+		height: auto;
+		margin: 0;
+	}
+
+	.column-response .post-com-count-no-comments:after,
+	.column-response .post-com-count-approved:after,
+	.column-comments .post-com-count-no-comments:after,
+	.column-comments .post-com-count-approved:after {
+		content: none;
+	}
+
+	.column-response .post-com-count [aria-hidden="true"],
+	.column-comments .post-com-count [aria-hidden="true"] {
+		display: none;
+	}
+
+	.column-response .post-com-count-wrapper,
+	.column-comments .post-com-count-wrapper {
+		white-space: normal;
+	}
+
+	.column-response .post-com-count-wrapper > a,
+	.column-comments .post-com-count-wrapper > a {
+		display: block;
+	}
+
+	.column-response .post-com-count-no-comments,
+	.column-response .post-com-count-approved,
+	.column-comments .post-com-count-no-comments,
+	.column-comments .post-com-count-approved {
+		margin-top: 0;
+		margin-right: 0.5em;
+	}
+
+	.column-response .post-com-count-pending,
+	.column-comments .post-com-count-pending {
+		position: static;
+		height: auto;
+		min-width: 0;
+		padding: 0;
+		border: none;
+		border-radius: 0;
+		background: none;
+		color: #b32d2e;
+		font-size: inherit;
+		line-height: inherit;
+		text-align: left;
+	}
+
+	.column-response .post-com-count-pending:hover,
+	.column-comments .post-com-count-pending:hover {
+		color: #d63638;
+	}
+
+	.widefat thead td.check-column,
+	.widefat tfoot td.check-column {
+		padding-top: 10px;
+	}
+
+	.row-actions {
+		margin-left: -8px;
+		margin-right: -8px;
+		padding-top: 4px;
+	}
+
+	/* Make row actions more easy to select on mobile */
+	body:not(.plugins-php) .row-actions {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 8px;
+		color: transparent;
+	}
+
+	.row-actions span a,
+	.row-actions span .button-link {
+		display: inline-block;
+		padding: 4px 8px;
+		line-height: 1.5;
+	}
+
+	.row-actions span.approve:before,
+	.row-actions span.unapprove:before {
+		content: "| ";
+	}
+
+	/* Quick Edit and Bulk Edit */
+	#wpbody-content .quick-edit-row-post .inline-edit-col-left,
+	#wpbody-content .quick-edit-row-post .inline-edit-col-right,
+	#wpbody-content .inline-edit-row-post .inline-edit-col-center,
+	#wpbody-content .quick-edit-row-page .inline-edit-col-left,
+	#wpbody-content .quick-edit-row-page .inline-edit-col-right,
+	#wpbody-content .bulk-edit-row-post .inline-edit-col-right,
+	#wpbody-content .bulk-edit-row .inline-edit-col-left,
+	#wpbody-content .bulk-edit-row-page .inline-edit-col-right,
+	#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
+		float: none;
+		width: 100%;
+		padding: 0;
+	}
+
+	#the-list .inline-edit-row .inline-edit-legend,
+	.inline-edit-row span.title {
+		font-size: 16px;
+	}
+
+	.inline-edit-row p.howto {
+		font-size: 14px;
+	}
+
+	#wpbody-content .inline-edit-row-page .inline-edit-col-right {
+		margin-top: 0;
+	}
+
+	#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
+	#wpbody-content .quick-edit-row fieldset .inline-edit-group label,
+	#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
+	#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
+		max-width: none;
+		float: none;
+		margin-bottom: 5px;
+	}
+
+	#wpbody .bulk-edit-row fieldset select {
+		display: block;
+		width: 100%;
+		max-width: none;
+		box-sizing: border-box;
+	}
+
+	.inline-edit-row fieldset input[name=jj],
+	.inline-edit-row fieldset input[name=hh],
+	.inline-edit-row fieldset input[name=mn],
+	.inline-edit-row fieldset input[name=aa] {
+		font-size: 16px;
+		line-height: 2;
+		padding: 3px 4px;
+	}
+
+	#bulk-titles .ntdelbutton,
+	#bulk-titles .ntdeltitle,
+	.inline-edit-row fieldset ul.cat-checklist label {
+		padding: 6px 0;
+		font-size: 16px;
+		line-height: 28px;
+	}
+
+	#bulk-titles .ntdelitem {
+		padding-left: 37px;
+	}
+
+	#bulk-titles .ntdelbutton {
+		width: 40px;
+		height: 40px;
+		margin: 0 0 0 -40px;
+		overflow: hidden;
+	}
+
+	#bulk-titles .ntdelbutton:before {
+		font-size: 20px;
+		line-height: 28px;
+	}
+
+	.inline-edit-row fieldset label span.title,
+	.inline-edit-row fieldset.inline-edit-date legend {
+		float: none;
+	}
+
+	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
+		padding: 0;
+	}
+
+	.inline-edit-row fieldset label span.input-text-wrap,
+	.inline-edit-row fieldset .timestamp-wrap {
+		margin-left: 0;
+	}
+
+	.inline-edit-row .inline-edit-or {
+		margin: 0 6px 0 0;
+	}
+
+	#edithead .inside,
+	#commentsdiv #edithead .inside {
+		float: none;
+		text-align: left;
+		padding: 3px 5px;
+	}
+
+	#commentsdiv #edithead .inside input,
+	#edithead .inside input {
+		width: 100%;
+	}
+
+	#edithead label {
+		display: block;
+	}
+
+	/* Updates */
+	#wpbody-content .updates-table .plugin-title {
+		width: auto;
+		white-space: normal;
+	}
+
+	/* Links */
+	.link-manager-php #posts-filter {
+		margin-top: 25px;
+	}
+
+	.link-manager-php .tablenav.bottom {
+		overflow: hidden;
+	}
+
+	/* List tables that don't toggle rows */
+	.comments-box .toggle-row,
+	.wp-list-table.plugins .toggle-row {
+		display: none;
+	}
+
+	/* Plugin/Theme Management */
+	#wpbody-content .wp-list-table.plugins td {
+		display: block;
+		width: auto;
+		padding: 10px 9px; /* reset from other list tables that have a label at this width */
+	}
+
+	/* Plugin description hidden via Screen Options */
+	#wpbody-content .wp-list-table.plugins .desc.hidden {
+		display: none;
+	}
+
+	#wpbody-content .wp-list-table.plugins .column-description {
+		padding-top: 2px;
+	}
+
+	#wpbody-content .wp-list-table.plugins .plugin-title,
+	#wpbody-content .wp-list-table.plugins .theme-title {
+		padding-right: 12px;
+		white-space: normal;
+	}
+
+	.wp-list-table.plugins .plugin-title,
+	.wp-list-table.plugins .theme-title {
+		padding-top: 13px;
+		padding-bottom: 4px;
+	}
+
+	.plugins #the-list tr > td:not(:last-child),
+	.plugins #the-list .update th,
+	.plugins #the-list .update td,
+	.wp-list-table.plugins #the-list .theme-title {
+		box-shadow: none;
+		border-top: none;
+	}
+
+	.plugins #the-list tr td {
+		border-top: none;
+	}
+
+	.plugins tbody {
+		padding: 1px 0 0;
+	}
+
+	.plugins tr.active + tr.inactive th.check-column,
+	.plugins tr.active + tr.inactive td.column-description,
+	.plugins .plugin-update-tr:before {
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	.plugins tr.active + tr.inactive th.check-column,
+	.plugins tr.active + tr.inactive td {
+		border-top: none;
+	}
+
+	/* mimic the checkbox th */
+	.plugins .plugin-update-tr:before {
+		content: "";
+		display: table-cell;
+	}
+
+	.plugins #the-list .plugin-update-tr .plugin-update {
+		border-left: none;
+	}
+
+	.plugin-update-tr .update-message {
+		margin-left: 0;
+	}
+
+	.plugins .active.update + .plugin-update-tr:before,
+	.plugins .active.updated + .plugin-update-tr:before {
+		background-color: #f0f6fc;
+		border-left: 4px solid #72aee6;
+	}
+
+	.plugins .plugin-update-tr .update-message {
+		margin-left: 0;
+	}
+
+	.wp-list-table.plugins .plugin-title strong,
+	.wp-list-table.plugins .theme-title strong {
+		font-size: 1.4em;
+		line-height: 1.5;
+	}
+
+	.plugins tbody th.check-column {
+		padding: 8px 0 0 5px;
+	}
+
+	.plugins thead td.check-column,
+	.plugins tfoot td.check-column,
+	.plugins .inactive th.check-column {
+		padding-left: 9px;
+	}
+
+	/* Add New plugins page */
+	table.plugin-install .column-name,
+	table.plugin-install .column-version,
+	table.plugin-install .column-rating,
+	table.plugin-install .column-description {
+		display: block;
+		width: auto;
+	}
+
+	table.plugin-install th.column-name,
+	table.plugin-install th.column-version,
+	table.plugin-install th.column-rating,
+	table.plugin-install th.column-description {
+		display: none;
+	}
+
+	table.plugin-install td.column-name strong {
+		font-size: 1.4em;
+		line-height: 1.6em;
+	}
+
+	table.plugin-install #the-list td {
+		box-shadow: none;
+	}
+
+	table.plugin-install #the-list tr {
+		display: block;
+		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	.plugin-card {
+		margin-left: 0;
+		margin-right: 0;
+		width: 100%;
+	}
+
+	table.media .column-title .has-media-icon ~ .row-actions {
+		margin-left: 0;
+		clear: both;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.tablenav-pages .current-page {
+		margin: 0;
+	}
+
+	.tablenav.bottom .displaying-num {
+		position: relative;
+		top: 0;
+		display: block;
+		text-align: right;
+		padding-bottom: 0.5em;
+	}
+
+	.tablenav.bottom .tablenav-pages.one-page {
+		height: auto;
+	}
+
+	.tablenav-pages .tablenav-paging-text {
+		float: left;
+		width: 100%;
+		padding-top: 0.5em;
+	}
+}
diff --git a/tools/storybook/wordpress/css/list-tables.min.css b/tools/storybook/wordpress/css/list-tables.min.css
new file mode 100644
index 00000000000..9ebad6f5a91
--- /dev/null
+++ b/tools/storybook/wordpress/css/list-tables.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.response-links{display:block;margin-bottom:1em}.response-links a{display:block}.response-links a.comments-edit-item-link{font-weight:600}.response-links a.comments-view-item-link{font-size:12px}.post-com-count-wrapper strong{font-weight:400}.comments-view-item-link{display:inline-block;clear:both}.column-comments .post-com-count-wrapper,.column-response .post-com-count-wrapper{white-space:nowrap;word-wrap:normal}.column-comments .post-com-count,.column-response .post-com-count{display:inline-block;vertical-align:top}.column-comments .post-com-count-approved,.column-comments .post-com-count-no-comments,.column-response .post-com-count-approved,.column-response .post-com-count-no-comments{margin-top:5px}.column-comments .comment-count-approved,.column-comments .comment-count-no-comments,.column-response .comment-count-approved,.column-response .comment-count-no-comments{box-sizing:border-box;display:block;padding:0 8px;min-width:24px;height:2em;border-radius:5px;background-color:#646970;color:#fff;font-size:11px;line-height:1.90909090;text-align:center}.column-comments .post-com-count-approved:after,.column-comments .post-com-count-no-comments:after,.column-response .post-com-count-approved:after,.column-response .post-com-count-no-comments:after{content:"";display:block;margin-left:8px;width:0;height:0;border-top:5px solid #646970;border-right:5px solid transparent}.column-comments a.post-com-count-approved:focus .comment-count-approved,.column-comments a.post-com-count-approved:hover .comment-count-approved,.column-response a.post-com-count-approved:focus .comment-count-approved,.column-response a.post-com-count-approved:hover .comment-count-approved{background:#2271b1}.column-comments a.post-com-count-approved:focus:after,.column-comments a.post-com-count-approved:hover:after,.column-response a.post-com-count-approved:focus:after,.column-response a.post-com-count-approved:hover:after{border-top-color:#2271b1}.column-comments .post-com-count-pending,.column-response .post-com-count-pending{position:relative;left:-3px;padding:0 5px;min-width:7px;height:17px;border:2px solid #fff;border-radius:11px;background:#d63638;color:#fff;font-size:9px;line-height:1.88888888;text-align:center}.column-comments .post-com-count-no-pending,.column-response .post-com-count-no-pending{display:none}.commentlist li{padding:1em 1em .2em;margin:0;border-bottom:1px solid #c3c4c7}.commentlist li li{border-bottom:0;padding:0}.commentlist p{padding:0;margin:0 0 .8em}#submitted-on,.submitted-on{color:#50575e}#replyrow td{padding:2px}#replysubmit{margin:0;padding:5px 7px 10px;overflow:hidden}#replysubmit .reply-submit-buttons{margin-bottom:0}#replysubmit .button{margin-right:5px}#replysubmit .spinner{float:none;margin:-4px 0 0}#replyrow.inline-edit-row fieldset.comment-reply{font-size:inherit;line-height:inherit}#replyrow legend{margin:0;padding:.2em 5px 0;font-size:13px;line-height:1.4;font-weight:600}#replyrow.inline-edit-row label{display:inline;vertical-align:baseline;line-height:inherit}#commentsdiv #edithead .inside,#edithead .inside{float:left;padding:3px 0 2px 5px;margin:0;text-align:center}#edithead .inside input{width:180px}#edithead label{padding:2px 0}#replycontainer{padding:5px}#replycontent{height:120px;box-shadow:none}#replyerror{border-color:#dcdcde;background-color:#f6f7f7}.commentlist .avatar{vertical-align:text-top}#the-comment-list div.undo,#the-comment-list tr.undo{background-color:#f6f7f7}#the-comment-list .unapproved td,#the-comment-list .unapproved th{background-color:#fcf9e8}#the-comment-list .unapproved th.check-column{border-left:4px solid #d63638}#the-comment-list .unapproved th.check-column input{margin-left:4px}#the-comment-list .approve a{color:#007017}#the-comment-list .unapprove a{color:#996800}#the-comment-list td,#the-comment-list th{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}#the-comment-list tr:last-child td,#the-comment-list tr:last-child th{box-shadow:none}#the-comment-list tr.unapproved+tr.approved td,#the-comment-list tr.unapproved+tr.approved th{border-top:1px solid rgba(0,0,0,.03)}.vim-current,.vim-current td,.vim-current th{background-color:#f0f6fc!important}th .comment-grey-bubble{height:16px;width:16px}th .comment-grey-bubble:before{content:"\f101";font:normal 20px/.5 dashicons;speak:never;display:inline-block;padding:0;top:4px;left:-4px;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#3c434a}table.fixed{table-layout:fixed}.fixed .column-rating,.fixed .column-visible{width:8%}.fixed .column-author,.fixed .column-format,.fixed .column-links,.fixed .column-parent,.fixed .column-posts{width:10%}.fixed .column-date{width:14%}.column-date span[title]{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.fixed .column-posts{width:74px}.fixed .column-posts,.fixed .column-role{-webkit-hyphens:auto;hyphens:auto}.fixed .column-comment .comment-author{display:none}.fixed .column-categories,.fixed .column-rel,.fixed .column-response,.fixed .column-role,.fixed .column-tags{width:15%}.fixed .column-slug{width:25%}.fixed .column-locations{width:35%}.fixed .column-comments{width:5.5em;padding:8px 0;text-align:left}.fixed .column-comments .vers{padding-left:3px}td.column-title strong,td.plugin-title strong{display:block;margin-bottom:.2em;font-size:14px}td.column-title p,td.plugin-title p{margin:6px 0}table.media .column-title .media-icon{float:left;min-height:60px;margin:0 9px 0 0}table.media .column-title .media-icon img{max-width:60px;height:auto;vertical-align:top}table.media .column-title .has-media-icon~.row-actions{margin-left:70px}table.media .column-title .filename{margin-bottom:.2em}.media .row-actions .copy-to-clipboard-container{display:inline;position:relative}.media .row-actions .copy-to-clipboard-container .success{position:absolute;left:50%;transform:translate(-50%,-100%);background:#000;color:#fff;border-radius:5px;margin:0;padding:2px 5px}.wp-list-table a{transition:none}#the-list tr:last-child td,#the-list tr:last-child th{border-bottom:none!important;box-shadow:none}#comments-form .fixed .column-author{width:20%}#commentsdiv.postbox .inside{margin:0;padding:0}#commentsdiv .inside .row-actions{line-height:1.38461538}#commentsdiv .inside .column-author{width:25%}#commentsdiv .column-comment p{margin:.6em 0;padding:0}#commentsdiv #replyrow td{padding:0}#commentsdiv p{padding:8px 10px;margin:0}#commentsdiv .comments-box{border:0 none}#commentsdiv .comments-box thead td,#commentsdiv .comments-box thead th{background:0 0;padding:0 7px 4px}#commentsdiv .comments-box tr:last-child td{border-bottom:0 none}#commentsdiv #edithead .inside input{width:160px}.sorting-indicator{display:block;visibility:hidden;width:10px;height:4px;margin-top:8px;margin-left:7px}.sorting-indicator:before{content:"\f142";font:normal 20px/1 dashicons;speak:never;display:inline-block;padding:0;top:-4px;left:-8px;color:#3c434a;line-height:.5;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#3c434a}.column-comments .sorting-indicator:before{top:0;left:-10px}th.desc a:focus span.sorting-indicator:before,th.desc:hover span.sorting-indicator:before,th.sorted.asc .sorting-indicator:before{content:"\f142"}th.asc a:focus span.sorting-indicator:before,th.asc:hover span.sorting-indicator:before,th.sorted.desc .sorting-indicator:before{content:"\f140"}.wp-list-table .toggle-row{position:absolute;right:8px;top:10px;display:none;padding:0;width:40px;height:40px;border:none;outline:0;background:0 0}.wp-list-table .toggle-row:hover{cursor:pointer}.wp-list-table .toggle-row:focus:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.wp-list-table .toggle-row:active{box-shadow:none}.wp-list-table .toggle-row:before{position:absolute;top:-5px;left:10px;border-radius:50%;display:block;padding:1px 2px 1px 0;color:#3c434a;content:"\f140";font:normal 20px/1 dashicons;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:never}.wp-list-table .is-expanded .toggle-row:before{content:"\f142"}.locked-indicator{display:none;margin-left:6px;height:20px;width:16px}.locked-indicator-icon:before{color:#8c8f94;content:"\f160";display:inline-block;font:normal 20px/1 dashicons;speak:never;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.locked-info{display:none;margin-top:4px}.locked-text{vertical-align:top}.wp-locked .locked-indicator,.wp-locked .locked-info{display:block}tr.wp-locked .check-column input[type=checkbox],tr.wp-locked .check-column label,tr.wp-locked .row-actions .inline,tr.wp-locked .row-actions .trash{display:none}.fixed .column-comments .sorting-indicator{margin-top:3px}#menu-locations-wrap .widefat{width:60%}.widefat th.sortable,.widefat th.sorted{padding:0}th.sortable a,th.sorted a{display:block;overflow:hidden;padding:8px}.fixed .column-comments.sortable a,.fixed .column-comments.sorted a{padding:8px 0}th.sortable a span,th.sorted a span{float:left;cursor:pointer}th.asc a:focus span.sorting-indicator,th.asc:hover span.sorting-indicator,th.desc a:focus span.sorting-indicator,th.desc:hover span.sorting-indicator,th.sorted .sorting-indicator{visibility:visible}.tablenav-pages .current-page{margin:0 2px 0 0;font-size:13px;text-align:center}.tablenav .total-pages{margin-right:2px}.tablenav #table-paging{margin-left:2px}.tablenav{clear:both;height:30px;margin:6px 0 4px;padding-top:5px;vertical-align:middle}.tablenav.themes{max-width:98%}.tablenav .tablenav-pages{float:right;margin:0 0 9px}.tablenav .no-pages,.tablenav .one-page .pagination-links{display:none}.tablenav .tablenav-pages .button,.tablenav .tablenav-pages .tablenav-pages-navspan{display:inline-block;vertical-align:baseline;min-width:30px;min-height:30px;margin:0;padding:0 4px;font-size:16px;line-height:1.625;text-align:center}.tablenav .displaying-num{margin-right:7px}.tablenav .one-page .displaying-num{display:inline-block;margin:5px 0}.tablenav .actions{padding:0 8px 0 0}.wp-filter .actions{display:inline-block;vertical-align:middle}.tablenav .delete{margin-right:20px}.tablenav .view-switch{float:right;margin:0 5px;padding-top:3px}.wp-filter .view-switch{display:inline-block;vertical-align:middle;padding:12px 0;margin:0 8px 0 2px}.media-toolbar.wp-filter .view-switch{margin:0 12px 0 2px}.view-switch a{float:left;width:28px;height:28px;text-align:center;line-height:1.84615384;text-decoration:none}.view-switch a:before{color:#c3c4c7;display:inline-block;font:normal 20px/1 dashicons;speak:never;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.view-switch a:focus:before,.view-switch a:hover:before{color:#787c82}.view-switch a.current:before{color:#2271b1}.view-switch .view-list:before{content:"\f163"}.view-switch .view-excerpt:before{content:"\f164"}.view-switch .view-grid:before{content:"\f509"}.filter{float:left;margin:-5px 0 0 10px}.filter .subsubsub{margin-left:-10px;margin-top:13px}.screen-per-page{width:4em}#posts-filter .wp-filter{margin-bottom:0}#posts-filter fieldset{float:left;margin:0 1.5ex 1em 0;padding:0}#posts-filter fieldset legend{padding:0 0 .2em 1px}p.pagenav{margin:0;display:inline}.pagenav span{font-weight:600;margin:0 6px}.row-title{font-size:14px!important;font-weight:600}.column-comment .comment-author{margin-bottom:.6em}.column-author img,.column-comment .comment-author img,.column-username img{float:left;margin-right:10px;margin-top:1px}.row-actions{color:#a7aaad;font-size:13px;padding:2px 0 0;position:relative;left:-9999em}.rtl .row-actions a{display:inline-block}.row-actions .network_active,.row-actions .network_only{color:#000}.comment-item:hover .row-actions,.mobile .row-actions,.no-js .row-actions,.row-actions.visible,tr:hover .row-actions{position:static}.row-actions-visible{padding:2px 0 0}#wpbody-content .inline-edit-row fieldset{float:left;margin:0;padding:0 12px 0 0;width:100%;box-sizing:border-box}#wpbody-content .inline-edit-row td fieldset:last-of-type{padding-right:0}tr.inline-edit-row td{padding:0;position:relative}.inline-edit-wrapper{display:flow-root;padding:0 12px;border:1px solid transparent;border-radius:4px}.inline-edit-wrapper:focus{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1;outline:2px solid transparent}#wpbody-content .quick-edit-row-post .inline-edit-col-left{width:40%}#wpbody-content .quick-edit-row-post .inline-edit-col-right{width:39%}#wpbody-content .inline-edit-row-post .inline-edit-col-center{width:20%}#wpbody-content .quick-edit-row-page .inline-edit-col-left{width:50%}#wpbody-content .bulk-edit-row-post .inline-edit-col-right,#wpbody-content .quick-edit-row-page .inline-edit-col-right{width:50%}#wpbody-content .bulk-edit-row .inline-edit-col-left{width:30%}#wpbody-content .bulk-edit-row-page .inline-edit-col-right{width:69%}#wpbody-content .bulk-edit-row .inline-edit-col-bottom{float:right;width:69%}#wpbody-content .inline-edit-row-page .inline-edit-col-right{margin-top:27px}.inline-edit-row fieldset .inline-edit-group{clear:both;line-height:2.5}.inline-edit-row .submit{display:flex;flex-wrap:wrap;align-items:center;clear:both;margin:0;padding:.5em 0 1em}.inline-edit-save.submit .button{margin-right:8px}.inline-edit-save .spinner{float:none;margin:0}.inline-edit-row .notice-error{box-sizing:border-box;min-width:100%;margin-top:1em}.inline-edit-row .notice-error .error{margin:.5em 0;padding:2px}#the-list .inline-edit-row .inline-edit-legend{margin:0;padding:.2em 0;line-height:2.5;font-weight:600}.inline-edit-row fieldset span.checkbox-title,.inline-edit-row fieldset span.title{margin:0;padding:0}.inline-edit-row fieldset label,.inline-edit-row fieldset span.inline-edit-categories-label{display:block;margin:.2em 0;line-height:2.5}.inline-edit-row fieldset.inline-edit-date label{display:inline-block;margin:0;vertical-align:baseline;line-height:2}.inline-edit-row fieldset label.inline-edit-tags{margin-top:0}.inline-edit-row fieldset label.inline-edit-tags span.title{margin:.2em 0;width:auto}.inline-edit-row fieldset label span.title,.inline-edit-row fieldset.inline-edit-date legend{display:block;float:left;width:6em;line-height:2.5}#posts-filter fieldset.inline-edit-date legend{padding:0}.inline-edit-row fieldset .timestamp-wrap,.inline-edit-row fieldset label span.input-text-wrap{display:block;margin-left:6em}.quick-edit-row-post fieldset.inline-edit-col-right label span.title{width:auto;padding-right:.5em}.inline-edit-row .inline-edit-or{margin:.2em 6px .2em 0;line-height:2.5}.inline-edit-row .input-text-wrap input[type=text]{width:100%}.inline-edit-row fieldset label input[type=checkbox]{vertical-align:middle}.inline-edit-row fieldset label textarea{width:100%;height:4em;vertical-align:top}#wpbody-content .bulk-edit-row fieldset .inline-edit-group label{max-width:50%}#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child{margin-right:.5em}.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input{width:6em}.inline-edit-row .inline-edit-legend{text-transform:uppercase}.inline-edit-row fieldset .inline-edit-date{float:left}.inline-edit-row fieldset input[name=aa],.inline-edit-row fieldset input[name=hh],.inline-edit-row fieldset input[name=jj],.inline-edit-row fieldset input[name=mn]{vertical-align:middle;text-align:center;padding:0 4px}.inline-edit-row fieldset label input.inline-edit-password-input{width:8em}#bulk-titles-list,#bulk-titles-list li,.inline-edit-row fieldset ul.cat-checklist input,.inline-edit-row fieldset ul.cat-checklist li{margin:0;position:relative}.inline-edit-row fieldset ul.cat-checklist input{margin-top:-1px;margin-left:3px}.inline-edit-row fieldset label input.inline-edit-menu-order-input{width:3em}.inline-edit-row fieldset label input.inline-edit-slug-input{width:75%}.inline-edit-row #post_parent,.inline-edit-row select[name=page_template]{max-width:80%}.quick-edit-row-post fieldset label.inline-edit-status{float:left}#bulk-titles,ul.cat-checklist{height:14em;border:1px solid #ddd;margin:0 0 5px;padding:.2em 5px;overflow-y:scroll}#bulk-titles .ntdelbutton,#bulk-titles .ntdeltitle,.inline-edit-row fieldset ul.cat-checklist label{display:inline-block;margin:0;padding:3px 0;line-height:20px;vertical-align:top}#bulk-titles .ntdelitem{padding-left:23px}#bulk-titles .ntdelbutton{width:26px;height:26px;margin:0 0 0 -26px;text-align:center;border-radius:3px}#bulk-titles .ntdelbutton:before{display:inline-block;vertical-align:top}#bulk-titles .ntdelbutton:focus{box-shadow:0 0 0 2px #3582c4;outline:2px solid transparent;outline-offset:0}.plugins tbody,.plugins tbody th.check-column{padding:8px 0 0 2px}.plugins tbody th.check-column input[type=checkbox]{margin-top:4px}.updates-table .plugin-title p{margin-top:0}.plugins .inactive th.check-column,.plugins tfoot td.check-column,.plugins thead td.check-column{padding-left:6px}.plugins,.plugins td,.plugins th{color:#000}.plugins tr{background:#fff}.plugins p{margin:0 4px;padding:0}.plugins .desc p{margin:0 0 8px}.plugins td.desc{line-height:1.5}.plugins .desc ol,.plugins .desc ul{margin:0 0 0 2em}.plugins .desc ul{list-style-type:disc}.plugins .row-actions{font-size:13px;padding:0}.plugins .active td,.plugins .active th,.plugins .inactive td,.plugins .inactive th{padding:10px 9px}.plugins .active td,.plugins .active th{background-color:#f0f6fc}.plugins .update td,.plugins .update th{border-bottom:0}.plugin-install #the-list td,.plugins .active td,.plugins .active th,.plugins .inactive td,.plugins .inactive th,.upgrade .plugins td,.upgrade .plugins th{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.plugins tr.active+tr.inactive td,.plugins tr.active+tr.inactive th,.plugins tr.active.plugin-update-tr+tr.inactive td,.plugins tr.active.plugin-update-tr+tr.inactive th{border-top:1px solid rgba(0,0,0,.03);box-shadow:inset 0 1px 0 rgba(0,0,0,.02),inset 0 -1px 0 #dcdcde}.plugins .update td,.plugins .update th,.plugins .updated td,.plugins .updated th,.plugins tr.active+tr.inactive.update td,.plugins tr.active+tr.inactive.update th,.plugins tr.active+tr.inactive.updated td,.plugins tr.active+tr.inactive.updated th,.upgrade .plugins tr:last-of-type td,.upgrade .plugins tr:last-of-type th{box-shadow:none}.plugin-update-tr.active td,.plugins .active th.check-column{border-left:4px solid #72aee6}.wp-list-table.plugins .plugin-title,.wp-list-table.plugins .theme-title{padding-right:12px;white-space:nowrap}.plugins .plugin-title .dashicons,.plugins .plugin-title img{float:left;padding:0 10px 0 0;width:64px;height:64px}.plugins .plugin-title .dashicons:before{padding:2px;background-color:#f0f0f1;box-shadow:inset 0 0 10px rgba(167,170,173,.15);font-size:60px;color:#c3c4c7}#update-themes-table .plugin-title .dashicons,#update-themes-table .plugin-title img{width:85px}.plugins .column-auto-updates{width:14.2em}.plugins .inactive .plugin-title strong{font-weight:400}.plugins .row-actions,.plugins .second{padding:0 0 5px}.plugins .row-actions{white-space:normal;min-width:12em}.plugins .update .row-actions,.plugins .update .second,.plugins .updated .row-actions,.plugins .updated .second{padding-bottom:0}.plugins-php .widefat tfoot td,.plugins-php .widefat tfoot th{border-top-style:solid;border-top-width:1px}.plugins .plugin-update-tr .plugin-update{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);overflow:hidden;padding:0}.plugins .plugin-update-tr .notice,.plugins .plugin-update-tr div[class=update-message]{margin:5px 20px 15px 40px}.plugins .notice p{margin:.5em 0}.plugins .plugin-description a,.plugins .plugin-update a,.updates-table .plugin-title a{text-decoration:underline}.plugins tr.paused th.check-column{border-left:4px solid #d63638}.plugins tr.paused td,.plugins tr.paused th{background-color:#f6f7f7}.plugins .paused .dashicons-warning,.plugins tr.paused .plugin-title{color:#d63638}.plugins .paused .error-display code,.plugins .paused .error-display p{font-size:90%;color:rgba(0,0,0,.7)}.plugins .resume-link{color:#d63638}.plugin-card .update-now:before{color:#d63638;content:"\f463";display:inline-block;font:normal 20px/1 dashicons;margin:3px 5px 0 -2px;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.plugin-card .updating-message:before{content:"\f463";animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.plugin-card .updated-message:before{color:#68de7c;content:"\f147"}.plugin-install-php h2{clear:both}.plugin-install-php h3{margin:2.5em 0 8px}.plugin-install-php .wp-filter{margin-bottom:0}.plugin-group{overflow:hidden;margin-top:1.5em}.plugin-group h3{margin-top:0}.plugin-card{float:left;margin:0 8px 16px;width:48.5%;width:calc(50% - 8px);background-color:#fff;border:1px solid #dcdcde;box-sizing:border-box}.plugin-card:nth-child(odd){clear:both;margin-left:0}.plugin-card:nth-child(even){margin-right:0}@media screen and (min-width:1600px) and (max-width:2299px){.plugin-card{width:30%;width:calc(33.1% - 8px)}.plugin-card:nth-child(odd){clear:none;margin-left:8px}.plugin-card:nth-child(even){margin-right:8px}.plugin-card:nth-child(3n+1){clear:both;margin-left:0}.plugin-card:nth-child(3n){margin-right:0}}@media screen and (min-width:2300px){.plugin-card{width:25%;width:calc(25% - 12px)}.plugin-card:nth-child(odd){clear:none;margin-left:8px}.plugin-card:nth-child(even){margin-right:8px}.plugin-card:nth-child(4n+1){clear:both;margin-left:0}.plugin-card:nth-child(4n){margin-right:0}}.plugin-card-top{position:relative;padding:20px 20px 10px;min-height:135px}.plugin-action-buttons,div.action-links{margin:0}.plugin-card h3{margin:0 12px 12px 0;font-size:18px;line-height:1.3}.plugin-card .desc,.plugin-card .name{margin-left:148px;margin-right:128px}.plugin-card .action-links{position:absolute;top:20px;right:20px;width:120px}.plugin-action-buttons{clear:right;float:right;margin-bottom:1em;text-align:right}.plugin-action-buttons li{margin-bottom:10px}.plugin-card-bottom{clear:both;padding:12px 20px;background-color:#f6f7f7;border-top:1px solid #dcdcde;overflow:hidden}.plugin-card-bottom .star-rating{display:inline}.plugin-card-update-failed .update-now{font-weight:600}.plugin-card-update-failed .notice-error{margin:0;padding-left:16px;box-shadow:0 -1px 0 #dcdcde}.plugin-card-update-failed .plugin-card-bottom{display:none}.plugin-card .column-rating{line-height:1.76923076}.plugin-card .column-rating,.plugin-card .column-updated{margin-bottom:4px}.plugin-card .column-downloaded,.plugin-card .column-rating{float:left;clear:left;max-width:180px}.plugin-card .column-compatibility,.plugin-card .column-updated{text-align:right;float:right;clear:right;width:65%;width:calc(100% - 180px)}.plugin-card .column-compatibility span:before{font:normal 20px/.5 dashicons;speak:never;display:inline-block;padding:0;top:4px;left:-2px;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important;color:#3c434a}.plugin-card .column-compatibility .compatibility-incompatible:before{content:"\f158";color:#d63638}.plugin-card .column-compatibility .compatibility-compatible:before{content:"\f147";color:#007017}.plugin-card .notice{margin:20px 20px 0}.plugin-icon{position:absolute;top:20px;left:20px;width:128px;height:128px;margin:0 20px 20px 0}.no-plugin-results{color:#646970;font-size:18px;font-style:normal;margin:0;padding:100px 0 0;text-align:center}.wp-list-table .site-archived,.wp-list-table .site-deleted,.wp-list-table tr.site-archived,.wp-list-table tr.site-deleted{background:#fcf0f1}.wp-list-table .site-mature,.wp-list-table .site-spammed,.wp-list-table tr.site-mature,.wp-list-table tr.site-spammed{background:#fcf9e8}.sites.fixed .column-lastupdated,.sites.fixed .column-registered{width:20%}.sites.fixed .column-users{width:80px}@media screen and (max-width:1100px) and (min-width:782px),(max-width:480px){.plugin-card .action-links{position:static;margin-left:148px;width:auto}.plugin-action-buttons{float:none;margin:1em 0 0;text-align:left}.plugin-action-buttons li{display:inline-block;vertical-align:middle}.plugin-action-buttons li .button{margin-right:20px}.plugin-card h3{margin-right:24px}.plugin-card .desc,.plugin-card .name{margin-right:0}.plugin-card .desc p:first-of-type{margin-top:0}}@media screen and (max-width:782px){.tablenav{height:auto}.tablenav.top{margin:20px 0 5px}.tablenav.bottom{position:relative;margin-top:15px}.tablenav br{display:none}.tablenav br.clear{display:block}.tablenav .view-switch,.tablenav.top .actions{display:none}.view-switch a{width:36px;height:36px;line-height:2.53846153}.tablenav.top .displaying-num{display:none}.tablenav.bottom .displaying-num{position:absolute;right:0;top:11px;margin:0;font-size:14px}.tablenav .tablenav-pages{width:100%;text-align:center;margin:0 0 25px}.tablenav.bottom .tablenav-pages{margin-top:25px}.tablenav.top .tablenav-pages.one-page{display:none}.tablenav.bottom .tablenav-pages.one-page{margin-top:15px;height:0}.tablenav-pages .pagination-links{font-size:16px}.tablenav .tablenav-pages .button,.tablenav .tablenav-pages .tablenav-pages-navspan{min-width:44px;padding:12px 8px;font-size:18px;line-height:1}.tablenav-pages .pagination-links .current-page{min-width:44px;padding:12px 6px;font-size:16px;line-height:1.125}.form-wrap>p{display:none}.wp-list-table th.column-primary~th,.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column){display:none}.wp-list-table thead th.column-primary{width:100%}.wp-list-table tr th.check-column{display:table-cell}.wp-list-table .check-column{width:2.5em}.wp-list-table .column-primary .toggle-row{display:block}.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column){position:relative;clear:both;width:auto!important}.wp-list-table td.column-primary{padding-right:50px}.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column){padding:3px 8px 3px 35%}.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before{position:absolute;left:10px;display:block;overflow:hidden;width:32%;content:attr(data-colname);white-space:nowrap;text-overflow:ellipsis}.wp-list-table .is-expanded td:not(.hidden){display:block!important;overflow:hidden}.column-posts,.widefat .num{text-align:left}#comments-form .fixed .column-author,#commentsdiv .fixed .column-author{display:none!important}.fixed .column-comment .comment-author{display:block}.fixed .column-author.hidden~.column-comment .comment-author{display:none}#the-comment-list .is-expanded td{box-shadow:none}#the-comment-list .is-expanded td:last-child{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.post-com-count .screen-reader-text{position:static;-webkit-clip-path:none;clip-path:none;width:auto;height:auto;margin:0}.column-comments .post-com-count-approved:after,.column-comments .post-com-count-no-comments:after,.column-response .post-com-count-approved:after,.column-response .post-com-count-no-comments:after{content:none}.column-comments .post-com-count [aria-hidden=true],.column-response .post-com-count [aria-hidden=true]{display:none}.column-comments .post-com-count-wrapper,.column-response .post-com-count-wrapper{white-space:normal}.column-comments .post-com-count-wrapper>a,.column-response .post-com-count-wrapper>a{display:block}.column-comments .post-com-count-approved,.column-comments .post-com-count-no-comments,.column-response .post-com-count-approved,.column-response .post-com-count-no-comments{margin-top:0;margin-right:.5em}.column-comments .post-com-count-pending,.column-response .post-com-count-pending{position:static;height:auto;min-width:0;padding:0;border:none;border-radius:0;background:0 0;color:#b32d2e;font-size:inherit;line-height:inherit;text-align:left}.column-comments .post-com-count-pending:hover,.column-response .post-com-count-pending:hover{color:#d63638}.widefat tfoot td.check-column,.widefat thead td.check-column{padding-top:10px}.row-actions{margin-left:-8px;margin-right:-8px;padding-top:4px}body:not(.plugins-php) .row-actions{display:flex;flex-wrap:wrap;gap:8px;color:transparent}.row-actions span .button-link,.row-actions span a{display:inline-block;padding:4px 8px;line-height:1.5}.row-actions span.approve:before,.row-actions span.unapprove:before{content:"| "}#wpbody-content .bulk-edit-row .inline-edit-col-bottom,#wpbody-content .bulk-edit-row .inline-edit-col-left,#wpbody-content .bulk-edit-row-page .inline-edit-col-right,#wpbody-content .bulk-edit-row-post .inline-edit-col-right,#wpbody-content .inline-edit-row-post .inline-edit-col-center,#wpbody-content .quick-edit-row-page .inline-edit-col-left,#wpbody-content .quick-edit-row-page .inline-edit-col-right,#wpbody-content .quick-edit-row-post .inline-edit-col-left,#wpbody-content .quick-edit-row-post .inline-edit-col-right{float:none;width:100%;padding:0}#the-list .inline-edit-row .inline-edit-legend,.inline-edit-row span.title{font-size:16px}.inline-edit-row p.howto{font-size:14px}#wpbody-content .inline-edit-row-page .inline-edit-col-right{margin-top:0}#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,#wpbody-content .bulk-edit-row fieldset .inline-edit-group label,#wpbody-content .quick-edit-row fieldset .inline-edit-col label,#wpbody-content .quick-edit-row fieldset .inline-edit-group label{max-width:none;float:none;margin-bottom:5px}#wpbody .bulk-edit-row fieldset select{display:block;width:100%;max-width:none;box-sizing:border-box}.inline-edit-row fieldset input[name=aa],.inline-edit-row fieldset input[name=hh],.inline-edit-row fieldset input[name=jj],.inline-edit-row fieldset input[name=mn]{font-size:16px;line-height:2;padding:3px 4px}#bulk-titles .ntdelbutton,#bulk-titles .ntdeltitle,.inline-edit-row fieldset ul.cat-checklist label{padding:6px 0;font-size:16px;line-height:28px}#bulk-titles .ntdelitem{padding-left:37px}#bulk-titles .ntdelbutton{width:40px;height:40px;margin:0 0 0 -40px;overflow:hidden}#bulk-titles .ntdelbutton:before{font-size:20px;line-height:28px}.inline-edit-row fieldset label span.title,.inline-edit-row fieldset.inline-edit-date legend{float:none}.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags{padding:0}.inline-edit-row fieldset .timestamp-wrap,.inline-edit-row fieldset label span.input-text-wrap{margin-left:0}.inline-edit-row .inline-edit-or{margin:0 6px 0 0}#commentsdiv #edithead .inside,#edithead .inside{float:none;text-align:left;padding:3px 5px}#commentsdiv #edithead .inside input,#edithead .inside input{width:100%}#edithead label{display:block}#wpbody-content .updates-table .plugin-title{width:auto;white-space:normal}.link-manager-php #posts-filter{margin-top:25px}.link-manager-php .tablenav.bottom{overflow:hidden}.comments-box .toggle-row,.wp-list-table.plugins .toggle-row{display:none}#wpbody-content .wp-list-table.plugins td{display:block;width:auto;padding:10px 9px}#wpbody-content .wp-list-table.plugins .desc.hidden{display:none}#wpbody-content .wp-list-table.plugins .column-description{padding-top:2px}#wpbody-content .wp-list-table.plugins .plugin-title,#wpbody-content .wp-list-table.plugins .theme-title{padding-right:12px;white-space:normal}.wp-list-table.plugins .plugin-title,.wp-list-table.plugins .theme-title{padding-top:13px;padding-bottom:4px}.plugins #the-list .update td,.plugins #the-list .update th,.plugins #the-list tr>td:not(:last-child),.wp-list-table.plugins #the-list .theme-title{box-shadow:none;border-top:none}.plugins #the-list tr td{border-top:none}.plugins tbody{padding:1px 0 0}.plugins .plugin-update-tr:before,.plugins tr.active+tr.inactive td.column-description,.plugins tr.active+tr.inactive th.check-column{box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.plugins tr.active+tr.inactive td,.plugins tr.active+tr.inactive th.check-column{border-top:none}.plugins .plugin-update-tr:before{content:"";display:table-cell}.plugins #the-list .plugin-update-tr .plugin-update{border-left:none}.plugin-update-tr .update-message{margin-left:0}.plugins .active.update+.plugin-update-tr:before,.plugins .active.updated+.plugin-update-tr:before{background-color:#f0f6fc;border-left:4px solid #72aee6}.plugins .plugin-update-tr .update-message{margin-left:0}.wp-list-table.plugins .plugin-title strong,.wp-list-table.plugins .theme-title strong{font-size:1.4em;line-height:1.5}.plugins tbody th.check-column{padding:8px 0 0 5px}.plugins .inactive th.check-column,.plugins tfoot td.check-column,.plugins thead td.check-column{padding-left:9px}table.plugin-install .column-description,table.plugin-install .column-name,table.plugin-install .column-rating,table.plugin-install .column-version{display:block;width:auto}table.plugin-install th.column-description,table.plugin-install th.column-name,table.plugin-install th.column-rating,table.plugin-install th.column-version{display:none}table.plugin-install td.column-name strong{font-size:1.4em;line-height:1.6em}table.plugin-install #the-list td{box-shadow:none}table.plugin-install #the-list tr{display:block;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}.plugin-card{margin-left:0;margin-right:0;width:100%}table.media .column-title .has-media-icon~.row-actions{margin-left:0;clear:both}}@media screen and (max-width:480px){.tablenav-pages .current-page{margin:0}.tablenav.bottom .displaying-num{position:relative;top:0;display:block;text-align:right;padding-bottom:.5em}.tablenav.bottom .tablenav-pages.one-page{height:auto}.tablenav-pages .tablenav-paging-text{float:left;width:100%;padding-top:.5em}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/login-rtl.css b/tools/storybook/wordpress/css/login-rtl.css
new file mode 100644
index 00000000000..bfef5c91c1e
--- /dev/null
+++ b/tools/storybook/wordpress/css/login-rtl.css
@@ -0,0 +1,480 @@
+/*! This file is auto-generated */
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #f0f0f1;
+	min-width: 0;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 13px;
+	line-height: 1.4;
+}
+
+a {
+	color: #2271b1;
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+a {
+	outline: 0;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+p {
+	line-height: 1.5;
+}
+
+.login .message,
+.login .success,
+.login #login_error {
+	border-right: 4px solid #72aee6;
+	padding: 12px;
+	margin-right: 0;
+	margin-bottom: 20px;
+	background-color: #fff;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	word-wrap: break-word;
+}
+
+.login .success {
+	border-right-color: #00a32a;
+}
+
+.login #login_error {
+	border-right-color: #d63638;
+}
+
+#loginform p.submit,
+.login-action-lostpassword p.submit {
+	border: none;
+	margin: -10px 0 20px; /* May want to revisit this */
+}
+
+.login * {
+	margin: 0;
+	padding: 0;
+}
+
+.login .input::-ms-clear {
+	display: none;
+}
+
+.login .pw-weak {
+	margin-bottom: 15px;
+}
+
+.login .button.wp-hide-pw {
+	background: transparent;
+	border: 1px solid transparent;
+	box-shadow: none;
+	font-size: 14px;
+	line-height: 2;
+	width: 2.5rem;
+	height: 2.5rem;
+	min-width: 40px;
+	min-height: 40px;
+	margin: 0;
+	padding: 5px 9px;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
+.login .button.wp-hide-pw:hover {
+	background: transparent;
+}
+
+.login .button.wp-hide-pw:focus {
+	background: transparent;
+	border-color: #3582c4;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.login .button.wp-hide-pw:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
+}
+
+.login .button.wp-hide-pw .dashicons {
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+}
+
+.login .wp-pwd {
+	position: relative;
+}
+
+.no-js .hide-if-no-js {
+	display: none;
+}
+
+.login form {
+	margin-top: 20px;
+	margin-right: 0;
+	padding: 26px 24px 34px;
+	font-weight: 400;
+	overflow: hidden;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+}
+
+.login form.shake {
+	animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
+	animation-iteration-count: 3;
+	transform: translateX(0);
+}
+
+@keyframes shake {
+	25% {
+		transform: translateX(20px);
+	}
+	75% {
+		transform: translateX(-20px);
+	}
+	100% {
+		transform: translateX(0);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.login form.shake {
+		animation: none;
+		transform: none;
+	}
+}
+
+.login-action-confirm_admin_email #login {
+	width: 60vw;
+	max-width: 650px;
+	margin-top: -2vh;
+}
+
+@media screen and (max-width: 782px) {
+	.login-action-confirm_admin_email #login {
+		box-sizing: border-box;
+		margin-top: 0;
+		padding-right: 4vw;
+		padding-left: 4vw;
+		width: 100vw;
+	}
+}
+
+.login form .forgetmenot {
+	font-weight: 400;
+	float: right;
+	margin-bottom: 0;
+}
+
+.login .button-primary {
+	float: left;
+}
+
+.login .reset-pass-submit {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: space-between;
+}
+
+.login .reset-pass-submit .button {
+	display: inline-block;
+	float: none;
+	margin-bottom: 6px;
+}
+
+.login .admin-email-confirm-form .submit {
+	text-align: center;
+}
+
+.admin-email__later {
+	text-align: right;
+}
+
+.login form p.admin-email__details {
+	margin: 1.1em 0;
+}
+
+.login h1.admin-email__heading {
+	border-bottom: 1px #f0f0f1 solid;
+	color: #50575e;
+	font-weight: normal;
+	padding-bottom: 0.5em;
+	text-align: right;
+}
+
+.admin-email__actions div {
+	padding-top: 1.5em;
+}
+
+.login .admin-email__actions .button-primary {
+	float: none;
+	margin-right: 0.25em;
+	margin-left: 0.25em;
+}
+
+#login form p {
+	margin-bottom: 0;
+}
+
+#login form p.submit {
+	margin: 0;
+	padding: 0;
+}
+
+.login label {
+	font-size: 14px;
+	line-height: 1.5;
+	display: inline-block;
+	margin-bottom: 3px;
+}
+
+.login .forgetmenot label,
+.login .pw-weak label {
+	line-height: 1.5;
+	vertical-align: baseline;
+}
+
+.login h1 {
+	text-align: center;
+}
+
+.login h1 a {
+	background-image: url(../images/w-logo-blue.png?ver=20131202);
+	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
+	background-size: 84px;
+	background-position: center top;
+	background-repeat: no-repeat;
+	color: #3c434a;
+	height: 84px;
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0 auto 25px;
+	padding: 0;
+	text-decoration: none;
+	width: 84px;
+	text-indent: -9999px;
+	outline: none;
+	overflow: hidden;
+	display: block;
+}
+
+#login {
+	width: 320px;
+	padding: 5% 0 0;
+	margin: auto;
+}
+
+.login #nav,
+.login #backtoblog {
+	font-size: 13px;
+	padding: 0 24px;
+}
+
+.login #nav {
+	margin: 24px 0 0;
+}
+
+#backtoblog {
+	margin: 16px 0;
+	word-wrap: break-word;
+}
+
+.login #nav a,
+.login #backtoblog a {
+	text-decoration: none;
+	color: #50575e;
+}
+
+.login #nav a:hover,
+.login #backtoblog a:hover,
+.login h1 a:hover {
+	color: #135e96;
+}
+
+.login #nav a:focus,
+.login #backtoblog a:focus,
+.login h1 a:focus {
+	color: #043959;
+}
+
+.login .privacy-policy-page-link {
+	text-align: center;
+	width: 100%;
+	margin: 3em 0 2em;
+}
+
+.login form .input,
+.login input[type="text"],
+.login input[type="password"] {
+	font-size: 24px;
+	line-height: 1.33333333; /* 32px */
+	width: 100%;
+	border-width: 0.0625rem;
+	padding: 0.1875rem 0.3125rem; /* 3px 5px */
+	margin: 0 0 16px 6px;
+	min-height: 40px;
+	max-height: none;
+}
+
+.login input.password-input {
+	font-family: Consolas, Monaco, monospace;
+}
+
+.js.login input.password-input,
+.js.login-action-rp form .input,
+.js.login-action-rp input[type="text"] {
+	padding-left: 2.5rem;
+}
+
+.login form .input,
+.login input[type="text"],
+.login form input[type="checkbox"] {
+	background: #fff;
+}
+
+.js.login-action-rp input[type="text"],
+.js.login-action-rp input[type="password"] {
+	margin-bottom: 0;
+}
+
+.login #pass-strength-result {
+	font-weight: 600;
+	margin: -1px 0 16px 5px;
+	padding: 6px 5px;
+	text-align: center;
+	width: 100%;
+}
+
+body.interim-login {
+	height: auto;
+}
+
+.interim-login #login {
+	padding: 0;
+	margin: 5px auto 20px;
+}
+
+.interim-login.login h1 a {
+	width: auto;
+}
+
+.interim-login #login_error,
+.interim-login.login .message {
+	margin: 0 0 16px;
+}
+
+.interim-login.login form {
+	margin: 0;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+/* Hide the Edge "reveal password" native button */
+input::-ms-reveal {
+	display: none;
+}
+
+#language-switcher {
+	padding: 0;
+	overflow: visible;
+	background: none;
+	border: none;
+	box-shadow: none;
+}
+
+#language-switcher select {
+	margin-left: 0.25em;
+}
+
+.language-switcher {
+	margin: 0 auto;
+	padding: 0 0 24px;
+	text-align: center;
+}
+
+.language-switcher label {
+	margin-left: 0.25em;
+}
+
+.language-switcher label .dashicons {
+	width: auto;
+	height: auto;
+}
+
+.login .language-switcher .button-primary {
+	float: none;
+	margin-bottom: 0;
+}
+
+@media screen and (max-height: 550px) {
+	#login {
+		padding: 20px 0;
+	}
+
+	#language-switcher {
+		margin-top: 0;
+	}
+}
+
+
+@media screen and (max-width: 782px) {
+	.interim-login input[type=checkbox] {
+		width: 1rem;
+		height: 1rem;
+	}
+
+	.interim-login input[type=checkbox]:checked:before {
+		width: 1.3125rem;
+		height: 1.3125rem;
+		margin: -0.1875rem -0.25rem 0 0;
+	}
+
+	#language-switcher label,
+	#language-switcher select {
+		margin-left: 0;
+	}
+}
+
+@media screen and (max-width: 400px) {
+	.login .language-switcher .button-primary {
+		display: block;
+		margin: 5px auto 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/login-rtl.min.css b/tools/storybook/wordpress/css/login-rtl.min.css
new file mode 100644
index 00000000000..d4fe0dadfb3
--- /dev/null
+++ b/tools/storybook/wordpress/css/login-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body,html{height:100%;margin:0;padding:0}body{background:#f0f0f1;min-width:0;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#2271b1;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}p{line-height:1.5}.login #login_error,.login .message,.login .success{border-right:4px solid #72aee6;padding:12px;margin-right:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);word-wrap:break-word}.login .success{border-right-color:#00a32a}.login #login_error{border-right-color:#d63638}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;width:2.5rem;height:2.5rem;min-width:40px;min-height:40px;margin:0;padding:5px 9px;position:absolute;left:0;top:0}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{width:1.25rem;height:1.25rem;top:.25rem}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-right:0;padding:26px 24px 34px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #c3c4c7;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login form.shake{animation:shake .2s cubic-bezier(.19,.49,.38,.79) both;animation-iteration-count:3;transform:translateX(0)}@keyframes shake{25%{transform:translateX(20px)}75%{transform:translateX(-20px)}100%{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.login form.shake{animation:none;transform:none}}.login-action-confirm_admin_email #login{width:60vw;max-width:650px;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{box-sizing:border-box;margin-top:0;padding-right:4vw;padding-left:4vw;width:100vw}}.login form .forgetmenot{font-weight:400;float:right;margin-bottom:0}.login .button-primary{float:left}.login .reset-pass-submit{display:flex;flex-flow:row wrap;justify-content:space-between}.login .reset-pass-submit .button{display:inline-block;float:none;margin-bottom:6px}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:right}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f0f0f1 solid;color:#50575e;font-weight:400;padding-bottom:.5em;text-align:right}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-right:.25em;margin-left:.25em}#login form p{margin-bottom:0}#login form p.submit{margin:0;padding:0}.login label{font-size:14px;line-height:1.5;display:inline-block;margin-bottom:3px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:5% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px}.login #nav{margin:24px 0 0}#backtoblog{margin:16px 0;word-wrap:break-word}.login #backtoblog a,.login #nav a{text-decoration:none;color:#50575e}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#135e96}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#043959}.login .privacy-policy-page-link{text-align:center;width:100%;margin:3em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;line-height:1.33333333;width:100%;border-width:.0625rem;padding:.1875rem .3125rem;margin:0 0 16px 6px;min-height:40px;max-height:none}.login input.password-input{font-family:Consolas,Monaco,monospace}.js.login input.password-input,.js.login-action-rp form .input,.js.login-action-rp input[type=text]{padding-left:2.5rem}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fff}.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 0 16px 5px;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}input::-ms-reveal{display:none}#language-switcher{padding:0;overflow:visible;background:0 0;border:none;box-shadow:none}#language-switcher select{margin-left:.25em}.language-switcher{margin:0 auto;padding:0 0 24px;text-align:center}.language-switcher label{margin-left:.25em}.language-switcher label .dashicons{width:auto;height:auto}.login .language-switcher .button-primary{float:none;margin-bottom:0}@media screen and (max-height:550px){#login{padding:20px 0}#language-switcher{margin-top:0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{width:1rem;height:1rem}.interim-login input[type=checkbox]:checked:before{width:1.3125rem;height:1.3125rem;margin:-.1875rem -.25rem 0 0}#language-switcher label,#language-switcher select{margin-left:0}}@media screen and (max-width:400px){.login .language-switcher .button-primary{display:block;margin:5px auto 0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/login.css b/tools/storybook/wordpress/css/login.css
new file mode 100644
index 00000000000..1f89db216ed
--- /dev/null
+++ b/tools/storybook/wordpress/css/login.css
@@ -0,0 +1,479 @@
+html,
+body {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: #f0f0f1;
+	min-width: 0;
+	color: #3c434a;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-size: 13px;
+	line-height: 1.4;
+}
+
+a {
+	color: #2271b1;
+	transition-property: border, background, color;
+	transition-duration: .05s;
+	transition-timing-function: ease-in-out;
+}
+
+a {
+	outline: 0;
+}
+
+a:hover,
+a:active {
+	color: #135e96;
+}
+
+a:focus {
+	color: #043959;
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+p {
+	line-height: 1.5;
+}
+
+.login .message,
+.login .success,
+.login #login_error {
+	border-left: 4px solid #72aee6;
+	padding: 12px;
+	margin-left: 0;
+	margin-bottom: 20px;
+	background-color: #fff;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	word-wrap: break-word;
+}
+
+.login .success {
+	border-left-color: #00a32a;
+}
+
+.login #login_error {
+	border-left-color: #d63638;
+}
+
+#loginform p.submit,
+.login-action-lostpassword p.submit {
+	border: none;
+	margin: -10px 0 20px; /* May want to revisit this */
+}
+
+.login * {
+	margin: 0;
+	padding: 0;
+}
+
+.login .input::-ms-clear {
+	display: none;
+}
+
+.login .pw-weak {
+	margin-bottom: 15px;
+}
+
+.login .button.wp-hide-pw {
+	background: transparent;
+	border: 1px solid transparent;
+	box-shadow: none;
+	font-size: 14px;
+	line-height: 2;
+	width: 2.5rem;
+	height: 2.5rem;
+	min-width: 40px;
+	min-height: 40px;
+	margin: 0;
+	padding: 5px 9px;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.login .button.wp-hide-pw:hover {
+	background: transparent;
+}
+
+.login .button.wp-hide-pw:focus {
+	background: transparent;
+	border-color: #3582c4;
+	box-shadow: 0 0 0 1px #3582c4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.login .button.wp-hide-pw:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
+}
+
+.login .button.wp-hide-pw .dashicons {
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+}
+
+.login .wp-pwd {
+	position: relative;
+}
+
+.no-js .hide-if-no-js {
+	display: none;
+}
+
+.login form {
+	margin-top: 20px;
+	margin-left: 0;
+	padding: 26px 24px 34px;
+	font-weight: 400;
+	overflow: hidden;
+	background: #fff;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+}
+
+.login form.shake {
+	animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
+	animation-iteration-count: 3;
+	transform: translateX(0);
+}
+
+@keyframes shake {
+	25% {
+		transform: translateX(-20px);
+	}
+	75% {
+		transform: translateX(20px);
+	}
+	100% {
+		transform: translateX(0);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.login form.shake {
+		animation: none;
+		transform: none;
+	}
+}
+
+.login-action-confirm_admin_email #login {
+	width: 60vw;
+	max-width: 650px;
+	margin-top: -2vh;
+}
+
+@media screen and (max-width: 782px) {
+	.login-action-confirm_admin_email #login {
+		box-sizing: border-box;
+		margin-top: 0;
+		padding-left: 4vw;
+		padding-right: 4vw;
+		width: 100vw;
+	}
+}
+
+.login form .forgetmenot {
+	font-weight: 400;
+	float: left;
+	margin-bottom: 0;
+}
+
+.login .button-primary {
+	float: right;
+}
+
+.login .reset-pass-submit {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: space-between;
+}
+
+.login .reset-pass-submit .button {
+	display: inline-block;
+	float: none;
+	margin-bottom: 6px;
+}
+
+.login .admin-email-confirm-form .submit {
+	text-align: center;
+}
+
+.admin-email__later {
+	text-align: left;
+}
+
+.login form p.admin-email__details {
+	margin: 1.1em 0;
+}
+
+.login h1.admin-email__heading {
+	border-bottom: 1px #f0f0f1 solid;
+	color: #50575e;
+	font-weight: normal;
+	padding-bottom: 0.5em;
+	text-align: left;
+}
+
+.admin-email__actions div {
+	padding-top: 1.5em;
+}
+
+.login .admin-email__actions .button-primary {
+	float: none;
+	margin-left: 0.25em;
+	margin-right: 0.25em;
+}
+
+#login form p {
+	margin-bottom: 0;
+}
+
+#login form p.submit {
+	margin: 0;
+	padding: 0;
+}
+
+.login label {
+	font-size: 14px;
+	line-height: 1.5;
+	display: inline-block;
+	margin-bottom: 3px;
+}
+
+.login .forgetmenot label,
+.login .pw-weak label {
+	line-height: 1.5;
+	vertical-align: baseline;
+}
+
+.login h1 {
+	text-align: center;
+}
+
+.login h1 a {
+	background-image: url(../images/w-logo-blue.png?ver=20131202);
+	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
+	background-size: 84px;
+	background-position: center top;
+	background-repeat: no-repeat;
+	color: #3c434a;
+	height: 84px;
+	font-size: 20px;
+	font-weight: 400;
+	line-height: 1.3;
+	margin: 0 auto 25px;
+	padding: 0;
+	text-decoration: none;
+	width: 84px;
+	text-indent: -9999px;
+	outline: none;
+	overflow: hidden;
+	display: block;
+}
+
+#login {
+	width: 320px;
+	padding: 5% 0 0;
+	margin: auto;
+}
+
+.login #nav,
+.login #backtoblog {
+	font-size: 13px;
+	padding: 0 24px;
+}
+
+.login #nav {
+	margin: 24px 0 0;
+}
+
+#backtoblog {
+	margin: 16px 0;
+	word-wrap: break-word;
+}
+
+.login #nav a,
+.login #backtoblog a {
+	text-decoration: none;
+	color: #50575e;
+}
+
+.login #nav a:hover,
+.login #backtoblog a:hover,
+.login h1 a:hover {
+	color: #135e96;
+}
+
+.login #nav a:focus,
+.login #backtoblog a:focus,
+.login h1 a:focus {
+	color: #043959;
+}
+
+.login .privacy-policy-page-link {
+	text-align: center;
+	width: 100%;
+	margin: 3em 0 2em;
+}
+
+.login form .input,
+.login input[type="text"],
+.login input[type="password"] {
+	font-size: 24px;
+	line-height: 1.33333333; /* 32px */
+	width: 100%;
+	border-width: 0.0625rem;
+	padding: 0.1875rem 0.3125rem; /* 3px 5px */
+	margin: 0 6px 16px 0;
+	min-height: 40px;
+	max-height: none;
+}
+
+.login input.password-input {
+	font-family: Consolas, Monaco, monospace;
+}
+
+.js.login input.password-input,
+.js.login-action-rp form .input,
+.js.login-action-rp input[type="text"] {
+	padding-right: 2.5rem;
+}
+
+.login form .input,
+.login input[type="text"],
+.login form input[type="checkbox"] {
+	background: #fff;
+}
+
+.js.login-action-rp input[type="text"],
+.js.login-action-rp input[type="password"] {
+	margin-bottom: 0;
+}
+
+.login #pass-strength-result {
+	font-weight: 600;
+	margin: -1px 5px 16px 0;
+	padding: 6px 5px;
+	text-align: center;
+	width: 100%;
+}
+
+body.interim-login {
+	height: auto;
+}
+
+.interim-login #login {
+	padding: 0;
+	margin: 5px auto 20px;
+}
+
+.interim-login.login h1 a {
+	width: auto;
+}
+
+.interim-login #login_error,
+.interim-login.login .message {
+	margin: 0 0 16px;
+}
+
+.interim-login.login form {
+	margin: 0;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+/* Hide the Edge "reveal password" native button */
+input::-ms-reveal {
+	display: none;
+}
+
+#language-switcher {
+	padding: 0;
+	overflow: visible;
+	background: none;
+	border: none;
+	box-shadow: none;
+}
+
+#language-switcher select {
+	margin-right: 0.25em;
+}
+
+.language-switcher {
+	margin: 0 auto;
+	padding: 0 0 24px;
+	text-align: center;
+}
+
+.language-switcher label {
+	margin-right: 0.25em;
+}
+
+.language-switcher label .dashicons {
+	width: auto;
+	height: auto;
+}
+
+.login .language-switcher .button-primary {
+	float: none;
+	margin-bottom: 0;
+}
+
+@media screen and (max-height: 550px) {
+	#login {
+		padding: 20px 0;
+	}
+
+	#language-switcher {
+		margin-top: 0;
+	}
+}
+
+
+@media screen and (max-width: 782px) {
+	.interim-login input[type=checkbox] {
+		width: 1rem;
+		height: 1rem;
+	}
+
+	.interim-login input[type=checkbox]:checked:before {
+		width: 1.3125rem;
+		height: 1.3125rem;
+		margin: -0.1875rem 0 0 -0.25rem;
+	}
+
+	#language-switcher label,
+	#language-switcher select {
+		margin-right: 0;
+	}
+}
+
+@media screen and (max-width: 400px) {
+	.login .language-switcher .button-primary {
+		display: block;
+		margin: 5px auto 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/login.min.css b/tools/storybook/wordpress/css/login.min.css
new file mode 100644
index 00000000000..b9e3211eb17
--- /dev/null
+++ b/tools/storybook/wordpress/css/login.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+body,html{height:100%;margin:0;padding:0}body{background:#f0f0f1;min-width:0;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#2271b1;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}p{line-height:1.5}.login #login_error,.login .message,.login .success{border-left:4px solid #72aee6;padding:12px;margin-left:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);word-wrap:break-word}.login .success{border-left-color:#00a32a}.login #login_error{border-left-color:#d63638}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;width:2.5rem;height:2.5rem;min-width:40px;min-height:40px;margin:0;padding:5px 9px;position:absolute;right:0;top:0}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{width:1.25rem;height:1.25rem;top:.25rem}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-left:0;padding:26px 24px 34px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #c3c4c7;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login form.shake{animation:shake .2s cubic-bezier(.19,.49,.38,.79) both;animation-iteration-count:3;transform:translateX(0)}@keyframes shake{25%{transform:translateX(-20px)}75%{transform:translateX(20px)}100%{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.login form.shake{animation:none;transform:none}}.login-action-confirm_admin_email #login{width:60vw;max-width:650px;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{box-sizing:border-box;margin-top:0;padding-left:4vw;padding-right:4vw;width:100vw}}.login form .forgetmenot{font-weight:400;float:left;margin-bottom:0}.login .button-primary{float:right}.login .reset-pass-submit{display:flex;flex-flow:row wrap;justify-content:space-between}.login .reset-pass-submit .button{display:inline-block;float:none;margin-bottom:6px}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:left}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f0f0f1 solid;color:#50575e;font-weight:400;padding-bottom:.5em;text-align:left}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-left:.25em;margin-right:.25em}#login form p{margin-bottom:0}#login form p.submit{margin:0;padding:0}.login label{font-size:14px;line-height:1.5;display:inline-block;margin-bottom:3px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:5% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px}.login #nav{margin:24px 0 0}#backtoblog{margin:16px 0;word-wrap:break-word}.login #backtoblog a,.login #nav a{text-decoration:none;color:#50575e}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#135e96}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#043959}.login .privacy-policy-page-link{text-align:center;width:100%;margin:3em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;line-height:1.33333333;width:100%;border-width:.0625rem;padding:.1875rem .3125rem;margin:0 6px 16px 0;min-height:40px;max-height:none}.login input.password-input{font-family:Consolas,Monaco,monospace}.js.login input.password-input,.js.login-action-rp form .input,.js.login-action-rp input[type=text]{padding-right:2.5rem}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fff}.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 5px 16px 0;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}input::-ms-reveal{display:none}#language-switcher{padding:0;overflow:visible;background:0 0;border:none;box-shadow:none}#language-switcher select{margin-right:.25em}.language-switcher{margin:0 auto;padding:0 0 24px;text-align:center}.language-switcher label{margin-right:.25em}.language-switcher label .dashicons{width:auto;height:auto}.login .language-switcher .button-primary{float:none;margin-bottom:0}@media screen and (max-height:550px){#login{padding:20px 0}#language-switcher{margin-top:0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{width:1rem;height:1rem}.interim-login input[type=checkbox]:checked:before{width:1.3125rem;height:1.3125rem;margin:-.1875rem 0 0 -.25rem}#language-switcher label,#language-switcher select{margin-right:0}}@media screen and (max-width:400px){.login .language-switcher .button-primary{display:block;margin:5px auto 0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/media-rtl.css b/tools/storybook/wordpress/css/media-rtl.css
new file mode 100644
index 00000000000..e3d70fec827
--- /dev/null
+++ b/tools/storybook/wordpress/css/media-rtl.css
@@ -0,0 +1,1368 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  14.0 - Media Screen
+------------------------------------------------------------------------------*/
+
+.media-item .describe {
+	border-collapse: collapse;
+	width: 100%;
+	border-top: 1px solid #dcdcde;
+	clear: both;
+	cursor: default;
+}
+
+.media-item.media-blank .describe {
+	border: 0;
+}
+
+.media-item .describe th {
+	vertical-align: top;
+	text-align: right;
+	padding: 5px 10px 10px;
+	width: 140px;
+}
+
+.media-item .describe .align th {
+	padding-top: 0;
+}
+
+.media-item .media-item-info tr {
+	background-color: transparent;
+}
+
+.media-item .describe td {
+	padding: 0 0 8px 8px;
+	vertical-align: top;
+}
+
+.media-item thead.media-item-info td {
+	padding: 4px 10px 0;
+}
+
+.media-item .media-item-info .A1B1 {
+	padding: 0 10px 0 0;
+}
+
+.media-item td.savesend {
+	padding-bottom: 15px;
+}
+
+.media-item .thumbnail {
+	max-height: 128px;
+	max-width: 128px;
+}
+
+.media-list-subtitle {
+	display: block;
+}
+
+.media-list-title {
+	display: block;
+}
+
+#wpbody-content #async-upload-wrap a {
+	display: none;
+}
+
+.media-upload-form {
+	margin-top: 20px;
+}
+
+.media-upload-form td label {
+	margin-left: 6px;
+	margin-right: 2px;
+}
+
+.media-upload-form .align .field label {
+	display: inline;
+	padding: 0 23px 0 0;
+	margin: 0 3px 0 1em;
+	font-weight: 600;
+}
+
+.media-upload-form tr.image-size label {
+	margin: 0 5px 0 0;
+	font-weight: 600;
+}
+
+.media-upload-form th.label label {
+	font-weight: 600;
+	margin: 0.5em;
+	font-size: 13px;
+}
+
+.media-upload-form th.label label span {
+	padding: 0 5px;
+}
+
+.media-item .describe input[type="text"],
+.media-item .describe textarea {
+	width: 460px;
+}
+
+.media-item .describe p.help {
+	margin: 0;
+	padding: 0 5px 0 0;
+}
+
+.describe-toggle-on,
+.describe-toggle-off {
+	display: block;
+	line-height: 2.76923076;
+	float: left;
+	margin-left: 10px;
+}
+
+.media-item-wrapper {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+}
+
+.media-item .attachment-tools {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+}
+
+.media-item .edit-attachment {
+	padding: 14px 0;
+	display: block;
+	margin-left: 10px;
+}
+
+.media-item .edit-attachment.copy-to-clipboard-container {
+	margin-top: 0;
+}
+
+.media-item-copy-container .success {
+	line-height: 0;
+}
+
+.media-item button .copy-attachment-url {
+	margin-top: 14px;
+}
+
+.media-item .copy-to-clipboard-container {
+	margin-top: 7px;
+}
+
+.media-item .describe-toggle-off,
+.media-item.open .describe-toggle-on {
+	display: none;
+}
+
+.media-item.open .describe-toggle-off {
+	display: block;
+}
+
+.media-upload-form .media-item {
+	min-height: 70px;
+	margin-bottom: 1px;
+	position: relative;
+	width: 100%;
+	background: #fff;
+}
+
+.media-upload-form .media-item,
+.media-upload-form .media-item .error {
+	box-shadow: 0 1px 0 #dcdcde;
+}
+
+#media-items:empty {
+	border: 0 none;
+}
+
+.media-item .filename {
+	padding: 14px 0;
+	overflow: hidden;
+	margin-right: 6px;
+}
+
+.media-item .pinkynail {
+	float: right;
+	margin: 0 0 0 10px;
+	max-height: 70px;
+	max-width: 70px;
+}
+
+.media-item .startopen,
+.media-item .startclosed {
+	display: none;
+}
+
+.media-item .original {
+	position: relative;
+	height: 34px;
+}
+
+.media-item .progress {
+	float: left;
+	height: 22px;
+	margin: 7px 6px;
+	width: 200px;
+	line-height: 2em;
+	padding: 0;
+	overflow: hidden;
+	border-radius: 22px;
+	background: #dcdcde;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.media-item .bar {
+	z-index: 9;
+	width: 0;
+	height: 100%;
+	margin-top: -22px;
+	border-radius: 22px;
+	background-color: #2271b1;
+	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
+}
+
+.media-item .progress .percent {
+	z-index: 10;
+	position: relative;
+	width: 200px;
+	padding: 0;
+	color: #fff;
+	text-align: center;
+	line-height: 22px;
+	font-weight: 400;
+	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.upload-php .fixed .column-parent {
+	width: 15%;
+}
+
+.js .html-uploader #plupload-upload-ui {
+	display: none;
+}
+
+.js .html-uploader #html-upload-ui {
+	display: block;
+}
+
+#html-upload-ui #async-upload {
+	font-size: 1em;
+}
+
+.media-upload-form .media-item.error,
+.media-upload-form .media-item .error {
+	width: auto;
+	margin: 0 0 1px;
+}
+
+.media-upload-form .media-item .error {
+	padding: 10px 14px 10px 0;
+	min-height: 50px;
+}
+
+.media-item .error-div button.dismiss {
+	float: left;
+	margin: 0 15px 0 10px;
+}
+
+/*------------------------------------------------------------------------------
+  14.1 - Media Library
+------------------------------------------------------------------------------*/
+
+.find-box {
+	background-color: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	width: 600px;
+	overflow: hidden;
+	margin-right: -300px;
+	position: fixed;
+	top: 30px;
+	bottom: 30px;
+	right: 50%;
+	z-index: 100105;
+}
+
+.find-box-head {
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	height: 36px;
+	font-size: 18px;
+	font-weight: 600;
+	line-height: 2;
+	padding: 0 16px 0 36px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
+}
+
+.find-box-inside {
+	overflow: auto;
+	padding: 16px;
+	background-color: #fff;
+	position: absolute;
+	top: 37px;
+	bottom: 45px;
+	overflow-y: scroll;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.find-box-search {
+	padding-bottom: 16px;
+}
+
+.find-box-search .spinner {
+	float: none;
+	right: 105px;
+	position: absolute;
+}
+
+.find-box-search,
+#find-posts-response {
+	position: relative; /* RTL fix, #WP28010 */
+}
+
+#find-posts-input,
+#find-posts-search {
+	float: right;
+}
+
+#find-posts-input {
+	width: 140px;
+	height: 28px;
+	margin: 0 0 0 4px;
+}
+
+.widefat .found-radio {
+	padding-left: 0;
+	width: 16px;
+}
+
+#find-posts-close {
+	width: 36px;
+	height: 36px;
+	border: none;
+	padding: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: pointer;
+	text-align: center;
+	background: none;
+	color: #646970;
+}
+
+#find-posts-close:hover,
+#find-posts-close:focus {
+	color: #135e96;
+}
+
+#find-posts-close:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+#find-posts-close:before {
+	font: normal 20px/36px dashicons;
+	vertical-align: top;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	content: "\f158";
+}
+
+.find-box-buttons {
+	padding: 8px 16px;
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	left: 0;
+}
+
+@media screen and (max-width: 782px) {
+	.find-box-inside {
+		bottom: 57px;
+	}
+}
+
+@media screen and (max-width: 660px) {
+
+	.find-box {
+		top: 0;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		margin: 0;
+		width: 100%;
+	}
+
+}
+
+.ui-find-overlay {
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	background: #000;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	z-index: 100100;
+}
+
+.drag-drop #drag-drop-area {
+	border: 4px dashed #c3c4c7;
+	height: 200px;
+}
+
+.drag-drop .drag-drop-inside {
+	margin: 60px auto 0;
+	width: 250px;
+}
+
+.drag-drop-inside p {
+	font-size: 14px;
+	margin: 5px 0;
+	display: none;
+}
+
+.drag-drop .drag-drop-inside p {
+	text-align: center;
+}
+
+.drag-drop-inside p.drag-drop-info {
+	font-size: 20px;
+}
+
+.drag-drop .drag-drop-inside p,
+.drag-drop-inside p.drag-drop-buttons {
+	display: block;
+}
+
+/*
+#drag-drop-area:-moz-drag-over {
+	border-color: #83b4d8;
+}
+border color while dragging a file over the uploader drop area */
+.drag-drop.drag-over #drag-drop-area {
+	border-color: #9ec2e6;
+}
+
+#plupload-upload-ui {
+	position: relative;
+}
+
+/**
+ * Media Library grid view
+ */
+
+.media-frame.mode-grid,
+.media-frame.mode-grid .media-frame-content,
+.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
+.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
+.media-frame.mode-grid .uploader-inline-content {
+	position: static;
+}
+
+/* Regions we don't use at all */
+.media-frame.mode-grid .media-frame-title,
+.media-frame.mode-grid .media-frame-router,
+.media-frame.mode-grid .media-frame-menu {
+	display: none;
+}
+
+.media-frame.mode-grid .media-frame-content {
+	background-color: transparent;
+	border: none;
+}
+
+.upload-php .mode-grid .media-sidebar {
+	position: relative;
+	width: auto;
+	margin-top: 12px;
+	padding: 0 16px;
+	border-right: 4px solid #d63638;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	background-color: #fff;
+}
+
+.upload-php .mode-grid .hide-sidebar .media-sidebar {
+	display: none;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status {
+	border-bottom: none;
+	padding-bottom: 0;
+	max-width: 100%;
+}
+
+.upload-php .mode-grid .media-sidebar .upload-error {
+	margin: 12px 0;
+	padding: 4px 0 0;
+	border: none;
+	box-shadow: none;
+	background: none;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
+	display: none;
+}
+
+.media-frame.mode-grid .uploader-inline {
+	position: relative;
+	top: auto;
+	left: auto;
+	right: auto;
+	bottom: auto;
+	padding-top: 0;
+	margin-top: 20px;
+	border: 4px dashed #c3c4c7;
+}
+
+.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
+.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
+	position: relative;
+	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
+	padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
+}
+
+.media-frame.mode-grid .attachment:focus,
+.media-frame.mode-grid .selected.attachment:focus,
+.media-frame.mode-grid .attachment.details:focus {
+	box-shadow:
+		inset 0 0 2px 3px #f0f0f1,
+		inset 0 0 0 7px #4f94d4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -6px;
+}
+
+.media-frame.mode-grid .selected.attachment {
+	box-shadow:
+		inset 0 0 0 5px #f0f0f1,
+		inset 0 0 0 7px #c3c4c7;
+}
+
+.media-frame.mode-grid .attachment.details {
+	box-shadow:
+		inset 0 0 0 3px #f0f0f1,
+		inset 0 0 0 7px #4f94d4;
+}
+
+.media-frame.mode-grid.mode-select .attachment .thumbnail {
+	opacity: 0.65;
+}
+
+.media-frame.mode-select .attachment.selected .thumbnail {
+	opacity: 1;
+}
+
+.media-frame.mode-grid .media-toolbar {
+	margin-bottom: 15px;
+	height: auto;
+}
+
+.media-frame.mode-grid .media-toolbar select {
+	margin: 0 0 0 10px;
+}
+
+.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
+	margin: 0 0 0 8px;
+	vertical-align: middle;
+}
+
+.media-frame.mode-grid .attachments-browser .bulk-select {
+	display: inline-block;
+	margin: 0 0 0 10px;
+}
+
+.media-frame.mode-grid .search {
+	margin-top: 0;
+}
+
+.media-search-input-label {
+	margin: 0 0 0 .2em;
+	vertical-align: baseline;
+}
+
+.media-frame.mode-grid .media-search-input-label {
+	position: static;
+	margin: 0 0 0 .5em;
+}
+
+.attachments-browser .media-toolbar-secondary > .media-button {
+	margin-left: 10px;
+}
+
+.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
+	position: fixed;
+	top: 32px;
+	right: auto;
+	left: 20px;
+	margin-top: 0;
+}
+
+.media-frame.mode-grid .attachments-browser {
+	padding: 0;
+}
+
+.media-frame.mode-grid .attachments-browser .attachments {
+	padding: 2px;
+}
+
+.media-frame.mode-grid .attachments-browser .no-media {
+	color: #646970; /* same as no plugins and no themes */
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 100px 0 0;
+	text-align: center;
+}
+
+/**
+ * Attachment details modal
+ */
+
+.edit-attachment-frame {
+	display: block;
+	height: 100%;
+	width: 100%;
+}
+
+.edit-attachment-frame .edit-media-header {
+	overflow: hidden;
+}
+
+.upload-php .media-modal-close .media-modal-icon:before {
+	content: "\f335";
+	font-size: 22px;
+}
+
+.upload-php .media-modal-close,
+.edit-attachment-frame .edit-media-header .left,
+.edit-attachment-frame .edit-media-header .right {
+	cursor: pointer;
+	color: #787c82;
+	background-color: transparent;
+	height: 50px;
+	width: 50px;
+	padding: 0;
+	position: absolute;
+	text-align: center;
+	border: 0;
+	border-right: 1px solid #dcdcde;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.upload-php .media-modal-close {
+	top: 0;
+	left: 0;
+}
+
+.edit-attachment-frame .edit-media-header .left {
+	left: 102px;
+}
+
+.edit-attachment-frame .edit-media-header .right {
+	left: 51px;
+}
+
+.edit-attachment-frame .media-frame-title {
+	right: 0;
+	left: 150px; /* leave space for prev/next/close */
+}
+
+.edit-attachment-frame .edit-media-header .right:before,
+.edit-attachment-frame .edit-media-header .left:before {
+	font: normal 20px/50px dashicons !important;
+	display: inline;
+	font-weight: 300;
+}
+
+.upload-php .media-modal-close:hover,
+.upload-php .media-modal-close:focus,
+.edit-attachment-frame .edit-media-header .left:hover,
+.edit-attachment-frame .edit-media-header .right:hover,
+.edit-attachment-frame .edit-media-header .left:focus,
+.edit-attachment-frame .edit-media-header .right:focus {
+	background: #dcdcde;
+	border-color: #c3c4c7;
+	color: #000;
+	outline: none;
+	box-shadow: none;
+}
+
+.upload-php .media-modal-close:focus,
+.edit-attachment-frame .edit-media-header .left:focus,
+.edit-attachment-frame .edit-media-header .right:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.upload-php .media-modal-close:focus .media-modal-icon:before,
+.upload-php .media-modal-close:hover .media-modal-icon:before {
+	color: #000;
+}
+
+.edit-attachment-frame .edit-media-header .left:before {
+	content: "\f345";
+}
+
+.edit-attachment-frame .edit-media-header .right:before {
+	content: "\f341";
+}
+
+.edit-attachment-frame .edit-media-header [disabled],
+.edit-attachment-frame .edit-media-header [disabled]:hover {
+	color: #c3c4c7;
+	background: inherit;
+	cursor: default;
+}
+
+.edit-attachment-frame .media-frame-content,
+.edit-attachment-frame .media-frame-router {
+	right: 0;
+}
+
+.edit-attachment-frame .media-frame-content {
+	border-bottom: none;
+	bottom: 0;
+	top: 50px;
+}
+
+.edit-attachment-frame .attachment-details {
+	position: absolute;
+	overflow: auto;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
+}
+
+.edit-attachment-frame .attachment-media-view {
+	float: right;
+	width: 65%;
+	height: 100%;
+}
+
+.edit-attachment-frame .attachment-media-view .thumbnail {
+	box-sizing: border-box;
+	padding: 16px;
+	height: 100%;
+}
+
+.edit-attachment-frame .attachment-media-view .details-image {
+	display: block;
+	margin: 0 auto 16px;
+	max-width: 100%;
+	max-height: 90%;
+	max-height: calc( 100% - 42px ); /* leave space for actions underneath */
+	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 100% 0, 10px 10px;
+	background-size: 20px 20px;
+}
+
+.edit-attachment-frame .attachment-media-view .details-image.icon {
+	background: none;
+}
+
+.edit-attachment-frame .attachment-media-view .attachment-actions {
+	text-align: center;
+}
+
+.edit-attachment-frame .wp-media-wrapper {
+	margin-bottom: 12px;
+}
+
+.edit-attachment-frame input,
+.edit-attachment-frame textarea {
+	padding: 6px 8px;
+	line-height: 1.14285714;
+}
+
+.edit-attachment-frame .attachment-info {
+	overflow: auto;
+	box-sizing: border-box;
+	margin-bottom: 0;
+	padding: 12px 16px 0;
+	width: 35%;
+	height: 100%;
+	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
+	border-bottom: 0;
+	border-right: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+.edit-attachment-frame .attachment-info .details,
+.edit-attachment-frame .attachment-info .settings {
+	position: relative; /* RTL fix, #WP29352 */
+	overflow: hidden;
+	float: none;
+	margin-bottom: 15px;
+	padding-bottom: 15px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.edit-attachment-frame .attachment-info .filename {
+	font-weight: 400;
+	color: #646970;
+}
+
+.edit-attachment-frame .attachment-info .thumbnail {
+	margin-bottom: 12px;
+}
+
+.attachment-info .actions {
+	margin-bottom: 16px;
+}
+
+.attachment-info .actions a {
+	display: inline;
+	text-decoration: none;
+}
+
+.copy-to-clipboard-container {
+	display: flex;
+	align-items: center;
+	margin-top: 8px;
+	clear: both;
+}
+
+.copy-to-clipboard-container .copy-attachment-url {
+	white-space: normal;
+}
+
+.copy-to-clipboard-container .success {
+	color: #008a20;
+	margin-right: 8px;
+}
+
+/*------------------------------------------------------------------------------
+  14.2 - Image Editor
+------------------------------------------------------------------------------*/
+.wp_attachment_details .attachment-alt-text {
+	margin-bottom: 5px;
+}
+
+.wp_attachment_details .attachment-alt-text-description {
+	margin-top: 5px;
+}
+
+.wp_attachment_details label[for="content"] {
+	font-size: 13px;
+	line-height: 1.5;
+	margin: 1em 0;
+}
+
+.wp_attachment_details #attachment_caption {
+	height: 4em;
+}
+
+.describe .image-editor {
+	vertical-align: top;
+}
+
+.imgedit-wrap {
+	position: relative;
+	padding-top: 10px;
+}
+
+.imgedit-settings p,
+.imgedit-settings fieldset {
+	margin: 8px 0;
+}
+
+.imgedit-settings legend {
+	margin-bottom: 5px;
+}
+
+.describe .imgedit-wrap .imgedit-settings {
+	padding: 0 5px;
+}
+
+.wp_attachment_holder div.updated {
+	margin-top: 0;
+}
+
+.wp_attachment_holder .imgedit-wrap > div {
+	height: auto;
+}
+
+.wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
+	float: right;
+	padding: 3px 0 0 16px;
+	min-width: 400px;
+	max-width: calc( 100% - 266px );
+}
+
+.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+	float: left;
+	width: 250px;
+}
+
+.imgedit-settings input {
+	margin-top: 0;
+	vertical-align: middle;
+}
+
+.imgedit-wait {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	background: #fff;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	display: none;
+}
+
+.imgedit-wait:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	right: 50%;
+	top: 50%;
+	margin: -10px -10px 0 0;
+	background: transparent url(../images/spinner.gif) no-repeat center;
+	background-size: 20px 20px;
+	transform: translateZ(0);
+}
+
+.no-float {
+	float: none;
+}
+
+.media-disabled,
+.imgedit-settings .disabled {
+	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
+	   interface component ... have no contrast requirement. */
+	color: #a7aaad;
+}
+
+.A1B1 {
+	overflow: hidden;
+}
+
+.wp_attachment_image .button,
+.A1B1 .button {
+	float: right;
+}
+
+.no-js .wp_attachment_image .button {
+	display: none;
+}
+
+.wp_attachment_image .spinner,
+.A1B1 .spinner {
+	float: right;
+}
+
+.imgedit-menu {
+	margin: 0 0 12px;
+}
+
+.imgedit-menu .note-no-rotate {
+	clear: both;
+	margin: 0;
+	padding: 1em 0 0;
+}
+
+.image-editor .imgedit-menu .button {
+	display: inline-block;
+	width: auto;
+	min-height: 28px;
+	font-size: 13px;
+	line-height: 2;
+	margin: 0 0 8px 8px;
+	padding: 0 10px;
+}
+
+.imgedit-menu .button:before {
+	font: normal 16px/1 dashicons;
+	margin-left: 8px;
+	speak: never;
+	vertical-align: middle;
+	position: relative;
+	top: -2px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.imgedit-menu .button.disabled {
+	color: #a7aaad;
+	border-color: #dcdcde;
+	background: #f6f7f7;
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
+	cursor: default;
+	transform: none;
+}
+
+.imgedit-crop:before {
+	content: "\f165";
+}
+
+.imgedit-rleft:before {
+	content: "\f166";
+}
+
+.imgedit-rright:before {
+	content: "\f167";
+}
+
+.imgedit-flipv:before {
+	content: "\f168";
+}
+
+.imgedit-fliph:before {
+	content: "\f169";
+}
+
+.imgedit-undo:before {
+	content: "\f171";
+}
+
+.imgedit-redo:before {
+	content: "\f172";
+}
+
+.imgedit-crop-wrap {
+	position: relative;
+}
+
+.imgedit-crop-wrap img {
+	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 100% 0, 10px 10px;
+	background-size: 20px 20px;
+}
+
+.imgedit-crop {
+	margin: 0 0 0 8px;
+}
+
+.imgedit-rleft {
+	margin: 0 3px;
+}
+
+.imgedit-rright {
+	margin: 0 3px 0 8px;
+}
+
+.imgedit-flipv {
+	margin: 0 3px;
+}
+
+.imgedit-fliph {
+	margin: 0 3px 0 8px;
+}
+
+.imgedit-undo {
+	margin: 0 3px;
+}
+
+.imgedit-redo {
+	margin: 0 3px 0 8px;
+}
+
+.imgedit-thumbnail-preview {
+	margin: 10px 0 0 8px;
+}
+
+.imgedit-thumbnail-preview-caption {
+	display: block;
+}
+
+#poststuff .imgedit-group-top h2 {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	font-size: 14px;
+	line-height: 1.4;
+}
+
+#poststuff .imgedit-group-top .button-link {
+	text-decoration: none;
+	color: #1d2327;
+}
+
+.imgedit-applyto .imgedit-label {
+	display: block;
+	padding: .5em 0 0;
+}
+
+.imgedit-help {
+	display: none;
+	padding-bottom: 8px;
+}
+
+.imgedit-help.imgedit-restore {
+	padding-bottom: 0;
+}
+
+/* higher specificity than buttons */
+.image-editor .imgedit-settings .imgedit-help-toggle,
+.image-editor .imgedit-settings .imgedit-help-toggle:hover,
+.image-editor .imgedit-settings .imgedit-help-toggle:active {
+	border: 1px solid transparent;
+	margin: -1px -1px 0 0;
+	padding: 0;
+	background: transparent;
+	color: #2271b1;
+	font-size: 20px;
+	line-height: 1;
+	cursor: pointer;
+	box-sizing: content-box;
+	box-shadow: none;
+}
+
+.image-editor .imgedit-settings .imgedit-help-toggle:focus {
+	color: #2271b1;
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.form-table td.imgedit-response {
+	padding: 0;
+}
+
+.imgedit-submit {
+	margin: 8px 0 0;
+}
+
+.imgedit-submit-btn {
+	margin-right: 20px;
+}
+
+.imgedit-wrap .nowrap {
+	white-space: nowrap;
+	font-size: 12px;
+	line-height: inherit;
+}
+
+span.imgedit-scale-warn {
+	color: #d63638;
+	font-size: 20px;
+	font-style: normal;
+	visibility: hidden;
+	vertical-align: middle;
+}
+
+.imgedit-save-target {
+	margin: 8px 0;
+}
+
+.imgedit-save-target legend {
+	font-weight: 600;
+}
+
+.imgedit-group {
+	margin-bottom: 8px;
+	padding: 10px;
+}
+
+.imgedit-settings .imgedit-original-dimensions {
+	display: inline-block;
+}
+
+.imgedit-settings .imgedit-scale input[type="text"],
+.imgedit-settings .imgedit-crop-ratio input[type="text"],
+.imgedit-settings .imgedit-crop-sel input[type="text"] {
+	width: 80px;
+	font-size: 14px;
+	padding: 0 8px;
+}
+
+.imgedit-separator {
+	display: inline-block;
+	width: 7px;
+	text-align: center;
+	font-size: 13px;
+	color: #3c434a;
+}
+
+.imgedit-settings .imgedit-scale-button-wrapper {
+	margin-top: 0.3077em;
+	display: block;
+}
+
+.imgedit-settings .imgedit-scale .button {
+	margin-bottom: 0;
+}
+
+audio, video {
+	display: inline-block;
+	max-width: 100%;
+}
+
+.wp-core-ui .mejs-container {
+	width: 100%;
+	max-width: 100%;
+}
+
+.wp-core-ui .mejs-container * {
+	box-sizing: border-box;
+}
+
+.wp-core-ui .mejs-time {
+	box-sizing: content-box;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	.imgedit-wait:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.wp_attachment_details label[for="content"] {
+		font-size: 14px;
+		line-height: 1.5;
+	}
+
+	.media-upload-form .media-item.error,
+	.media-upload-form .media-item .error {
+		font-size: 13px;
+		line-height: 1.5;
+	}
+
+	.media-upload-form .media-item.error {
+		padding: 1px 10px;
+	}
+
+	.media-upload-form .media-item .error {
+		padding: 10px 12px 10px 0;
+	}
+
+	.imgedit-settings .imgedit-scale input[type="text"],
+	.imgedit-settings .imgedit-crop-ratio input[type="text"],
+	.imgedit-settings .imgedit-crop-sel input[type="text"] {
+		font-size: 16px;
+		padding: 6px 10px;
+	}
+
+	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
+	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+		float: none;
+		width: auto;
+		max-width: none;
+		padding-bottom: 16px;
+	}
+
+	.copy-to-clipboard-container .success {
+		font-size: 14px;
+	}
+
+	/* Restructure image editor on narrow viewports. */
+	.imgedit-crop-wrap img{
+		width: 100%;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-panel-content,
+	.media-modal .imgedit-wrap .imgedit-settings {
+		position: initial !important;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-settings {
+		box-sizing: border-box;
+		width: 100% !important;
+	}
+
+	.imgedit-settings .imgedit-scale-button-wrapper {
+		display: inline-block;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	.media-item-wrapper {
+		grid-template-columns: 1fr;
+	}
+}
+
+/**
+ * Media queries for media grid.
+ */
+
+@media only screen and (max-width: 1120px) {
+	/* override for media-views.css */
+	#wp-media-grid .wp-filter .attachment-filters {
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 782px) {
+	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
+		top: 46px;
+		left: 10px;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
+		top: 0;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.edit-attachment-frame .media-frame-title {
+		left: 110px;
+	}
+
+	.upload-php .media-modal-close,
+	.edit-attachment-frame .edit-media-header .left,
+	.edit-attachment-frame .edit-media-header .right {
+		width: 40px;
+		height: 40px;
+	}
+
+	.edit-attachment-frame .edit-media-header .right:before,
+	.edit-attachment-frame .edit-media-header .left:before {
+		line-height: 40px !important;
+	}
+
+	.edit-attachment-frame .edit-media-header .left {
+		left: 82px;
+	}
+
+	.edit-attachment-frame .edit-media-header .right {
+		left: 41px;
+	}
+
+	.edit-attachment-frame .media-frame-content {
+		top: 40px;
+	}
+
+	.edit-attachment-frame .attachment-media-view {
+		float: none;
+		height: auto;
+		width: 100%;
+	}
+
+	.edit-attachment-frame .attachment-info {
+		height: auto;
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 640px), screen and (max-height: 400px) {
+	.upload-php .mode-grid .media-sidebar{
+		max-width: 100%;
+	}
+}
diff --git a/tools/storybook/wordpress/css/media-rtl.min.css b/tools/storybook/wordpress/css/media-rtl.min.css
new file mode 100644
index 00000000000..4ee4e4edb70
--- /dev/null
+++ b/tools/storybook/wordpress/css/media-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.media-item .describe{border-collapse:collapse;width:100%;border-top:1px solid #dcdcde;clear:both;cursor:default}.media-item.media-blank .describe{border:0}.media-item .describe th{vertical-align:top;text-align:right;padding:5px 10px 10px;width:140px}.media-item .describe .align th{padding-top:0}.media-item .media-item-info tr{background-color:transparent}.media-item .describe td{padding:0 0 8px 8px;vertical-align:top}.media-item thead.media-item-info td{padding:4px 10px 0}.media-item .media-item-info .A1B1{padding:0 10px 0 0}.media-item td.savesend{padding-bottom:15px}.media-item .thumbnail{max-height:128px;max-width:128px}.media-list-subtitle{display:block}.media-list-title{display:block}#wpbody-content #async-upload-wrap a{display:none}.media-upload-form{margin-top:20px}.media-upload-form td label{margin-left:6px;margin-right:2px}.media-upload-form .align .field label{display:inline;padding:0 23px 0 0;margin:0 3px 0 1em;font-weight:600}.media-upload-form tr.image-size label{margin:0 5px 0 0;font-weight:600}.media-upload-form th.label label{font-weight:600;margin:.5em;font-size:13px}.media-upload-form th.label label span{padding:0 5px}.media-item .describe input[type=text],.media-item .describe textarea{width:460px}.media-item .describe p.help{margin:0;padding:0 5px 0 0}.describe-toggle-off,.describe-toggle-on{display:block;line-height:2.76923076;float:left;margin-left:10px}.media-item-wrapper{display:grid;grid-template-columns:1fr 1fr}.media-item .attachment-tools{display:flex;justify-content:flex-end;align-items:center}.media-item .edit-attachment{padding:14px 0;display:block;margin-left:10px}.media-item .edit-attachment.copy-to-clipboard-container{margin-top:0}.media-item-copy-container .success{line-height:0}.media-item button .copy-attachment-url{margin-top:14px}.media-item .copy-to-clipboard-container{margin-top:7px}.media-item .describe-toggle-off,.media-item.open .describe-toggle-on{display:none}.media-item.open .describe-toggle-off{display:block}.media-upload-form .media-item{min-height:70px;margin-bottom:1px;position:relative;width:100%;background:#fff}.media-upload-form .media-item,.media-upload-form .media-item .error{box-shadow:0 1px 0 #dcdcde}#media-items:empty{border:0 none}.media-item .filename{padding:14px 0;overflow:hidden;margin-right:6px}.media-item .pinkynail{float:right;margin:0 0 0 10px;max-height:70px;max-width:70px}.media-item .startclosed,.media-item .startopen{display:none}.media-item .original{position:relative;height:34px}.media-item .progress{float:left;height:22px;margin:7px 6px;width:200px;line-height:2em;padding:0;overflow:hidden;border-radius:22px;background:#dcdcde;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.media-item .bar{z-index:9;width:0;height:100%;margin-top:-22px;border-radius:22px;background-color:#2271b1;box-shadow:inset 0 0 2px rgba(0,0,0,.3)}.media-item .progress .percent{z-index:10;position:relative;width:200px;padding:0;color:#fff;text-align:center;line-height:22px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.2)}.upload-php .fixed .column-parent{width:15%}.js .html-uploader #plupload-upload-ui{display:none}.js .html-uploader #html-upload-ui{display:block}#html-upload-ui #async-upload{font-size:1em}.media-upload-form .media-item .error,.media-upload-form .media-item.error{width:auto;margin:0 0 1px}.media-upload-form .media-item .error{padding:10px 14px 10px 0;min-height:50px}.media-item .error-div button.dismiss{float:left;margin:0 15px 0 10px}.find-box{background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);width:600px;overflow:hidden;margin-right:-300px;position:fixed;top:30px;bottom:30px;right:50%;z-index:100105}.find-box-head{background:#fff;border-bottom:1px solid #dcdcde;height:36px;font-size:18px;font-weight:600;line-height:2;padding:0 16px 0 36px;position:absolute;top:0;right:0;left:0}.find-box-inside{overflow:auto;padding:16px;background-color:#fff;position:absolute;top:37px;bottom:45px;overflow-y:scroll;width:100%;box-sizing:border-box}.find-box-search{padding-bottom:16px}.find-box-search .spinner{float:none;right:105px;position:absolute}#find-posts-response,.find-box-search{position:relative}#find-posts-input,#find-posts-search{float:right}#find-posts-input{width:140px;height:28px;margin:0 0 0 4px}.widefat .found-radio{padding-left:0;width:16px}#find-posts-close{width:36px;height:36px;border:none;padding:0;position:absolute;top:0;left:0;cursor:pointer;text-align:center;background:0 0;color:#646970}#find-posts-close:focus,#find-posts-close:hover{color:#135e96}#find-posts-close:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);outline:2px solid transparent;outline-offset:-2px}#find-posts-close:before{font:normal 20px/36px dashicons;vertical-align:top;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f158"}.find-box-buttons{padding:8px 16px;background:#fff;border-top:1px solid #dcdcde;position:absolute;bottom:0;right:0;left:0}@media screen and (max-width:782px){.find-box-inside{bottom:57px}}@media screen and (max-width:660px){.find-box{top:0;bottom:0;right:0;left:0;margin:0;width:100%}}.ui-find-overlay{position:fixed;top:0;right:0;left:0;bottom:0;background:#000;opacity:.7;z-index:100100}.drag-drop #drag-drop-area{border:4px dashed #c3c4c7;height:200px}.drag-drop .drag-drop-inside{margin:60px auto 0;width:250px}.drag-drop-inside p{font-size:14px;margin:5px 0;display:none}.drag-drop .drag-drop-inside p{text-align:center}.drag-drop-inside p.drag-drop-info{font-size:20px}.drag-drop .drag-drop-inside p,.drag-drop-inside p.drag-drop-buttons{display:block}.drag-drop.drag-over #drag-drop-area{border-color:#9ec2e6}#plupload-upload-ui{position:relative}.media-frame.mode-grid,.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,.media-frame.mode-grid .media-frame-content,.media-frame.mode-grid .uploader-inline-content{position:static}.media-frame.mode-grid .media-frame-menu,.media-frame.mode-grid .media-frame-router,.media-frame.mode-grid .media-frame-title{display:none}.media-frame.mode-grid .media-frame-content{background-color:transparent;border:none}.upload-php .mode-grid .media-sidebar{position:relative;width:auto;margin-top:12px;padding:0 16px;border-right:4px solid #d63638;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);background-color:#fff}.upload-php .mode-grid .hide-sidebar .media-sidebar{display:none}.upload-php .mode-grid .media-sidebar .media-uploader-status{border-bottom:none;padding-bottom:0;max-width:100%}.upload-php .mode-grid .media-sidebar .upload-error{margin:12px 0;padding:4px 0 0;border:none;box-shadow:none;background:0 0}.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2{display:none}.media-frame.mode-grid .uploader-inline{position:relative;top:auto;left:auto;right:auto;bottom:auto;padding-top:0;margin-top:20px;border:4px dashed #c3c4c7}.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper{position:relative;top:94px;padding-bottom:94px}.media-frame.mode-grid .attachment.details:focus,.media-frame.mode-grid .attachment:focus,.media-frame.mode-grid .selected.attachment:focus{box-shadow:inset 0 0 2px 3px #f0f0f1,inset 0 0 0 7px #4f94d4;outline:2px solid transparent;outline-offset:-6px}.media-frame.mode-grid .selected.attachment{box-shadow:inset 0 0 0 5px #f0f0f1,inset 0 0 0 7px #c3c4c7}.media-frame.mode-grid .attachment.details{box-shadow:inset 0 0 0 3px #f0f0f1,inset 0 0 0 7px #4f94d4}.media-frame.mode-grid.mode-select .attachment .thumbnail{opacity:.65}.media-frame.mode-select .attachment.selected .thumbnail{opacity:1}.media-frame.mode-grid .media-toolbar{margin-bottom:15px;height:auto}.media-frame.mode-grid .media-toolbar select{margin:0 0 0 10px}.media-frame.mode-grid.mode-edit .media-toolbar-secondary>.select-mode-toggle-button{margin:0 0 0 8px;vertical-align:middle}.media-frame.mode-grid .attachments-browser .bulk-select{display:inline-block;margin:0 0 0 10px}.media-frame.mode-grid .search{margin-top:0}.media-search-input-label{margin:0 0 0 .2em;vertical-align:baseline}.media-frame.mode-grid .media-search-input-label{position:static;margin:0 0 0 .5em}.attachments-browser .media-toolbar-secondary>.media-button{margin-left:10px}.media-frame.mode-select .attachments-browser.fixed .media-toolbar{position:fixed;top:32px;right:auto;left:20px;margin-top:0}.media-frame.mode-grid .attachments-browser{padding:0}.media-frame.mode-grid .attachments-browser .attachments{padding:2px}.media-frame.mode-grid .attachments-browser .no-media{color:#646970;font-size:18px;font-style:normal;margin:0;padding:100px 0 0;text-align:center}.edit-attachment-frame{display:block;height:100%;width:100%}.edit-attachment-frame .edit-media-header{overflow:hidden}.upload-php .media-modal-close .media-modal-icon:before{content:"\f335";font-size:22px}.edit-attachment-frame .edit-media-header .left,.edit-attachment-frame .edit-media-header .right,.upload-php .media-modal-close{cursor:pointer;color:#787c82;background-color:transparent;height:50px;width:50px;padding:0;position:absolute;text-align:center;border:0;border-right:1px solid #dcdcde;transition:color .1s ease-in-out,background .1s ease-in-out}.upload-php .media-modal-close{top:0;left:0}.edit-attachment-frame .edit-media-header .left{left:102px}.edit-attachment-frame .edit-media-header .right{left:51px}.edit-attachment-frame .media-frame-title{right:0;left:150px}.edit-attachment-frame .edit-media-header .left:before,.edit-attachment-frame .edit-media-header .right:before{font:normal 20px/50px dashicons!important;display:inline;font-weight:300}.edit-attachment-frame .edit-media-header .left:focus,.edit-attachment-frame .edit-media-header .left:hover,.edit-attachment-frame .edit-media-header .right:focus,.edit-attachment-frame .edit-media-header .right:hover,.upload-php .media-modal-close:focus,.upload-php .media-modal-close:hover{background:#dcdcde;border-color:#c3c4c7;color:#000;outline:0;box-shadow:none}.edit-attachment-frame .edit-media-header .left:focus,.edit-attachment-frame .edit-media-header .right:focus,.upload-php .media-modal-close:focus{outline:2px solid transparent;outline-offset:-2px}.upload-php .media-modal-close:focus .media-modal-icon:before,.upload-php .media-modal-close:hover .media-modal-icon:before{color:#000}.edit-attachment-frame .edit-media-header .left:before{content:"\f345"}.edit-attachment-frame .edit-media-header .right:before{content:"\f341"}.edit-attachment-frame .edit-media-header [disabled],.edit-attachment-frame .edit-media-header [disabled]:hover{color:#c3c4c7;background:inherit;cursor:default}.edit-attachment-frame .media-frame-content,.edit-attachment-frame .media-frame-router{right:0}.edit-attachment-frame .media-frame-content{border-bottom:none;bottom:0;top:50px}.edit-attachment-frame .attachment-details{position:absolute;overflow:auto;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 4px 4px -4px rgba(0,0,0,.1)}.edit-attachment-frame .attachment-media-view{float:right;width:65%;height:100%}.edit-attachment-frame .attachment-media-view .thumbnail{box-sizing:border-box;padding:16px;height:100%}.edit-attachment-frame .attachment-media-view .details-image{display:block;margin:0 auto 16px;max-width:100%;max-height:90%;max-height:calc(100% - 42px);background-image:linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:100% 0,10px 10px;background-size:20px 20px}.edit-attachment-frame .attachment-media-view .details-image.icon{background:0 0}.edit-attachment-frame .attachment-media-view .attachment-actions{text-align:center}.edit-attachment-frame .wp-media-wrapper{margin-bottom:12px}.edit-attachment-frame input,.edit-attachment-frame textarea{padding:6px 8px;line-height:1.14285714}.edit-attachment-frame .attachment-info{overflow:auto;box-sizing:border-box;margin-bottom:0;padding:12px 16px 0;width:35%;height:100%;box-shadow:inset 0 4px 4px -4px rgba(0,0,0,.1);border-bottom:0;border-right:1px solid #dcdcde;background:#f6f7f7}.edit-attachment-frame .attachment-info .details,.edit-attachment-frame .attachment-info .settings{position:relative;overflow:hidden;float:none;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dcdcde}.edit-attachment-frame .attachment-info .filename{font-weight:400;color:#646970}.edit-attachment-frame .attachment-info .thumbnail{margin-bottom:12px}.attachment-info .actions{margin-bottom:16px}.attachment-info .actions a{display:inline;text-decoration:none}.copy-to-clipboard-container{display:flex;align-items:center;margin-top:8px;clear:both}.copy-to-clipboard-container .copy-attachment-url{white-space:normal}.copy-to-clipboard-container .success{color:#008a20;margin-right:8px}.wp_attachment_details .attachment-alt-text{margin-bottom:5px}.wp_attachment_details .attachment-alt-text-description{margin-top:5px}.wp_attachment_details label[for=content]{font-size:13px;line-height:1.5;margin:1em 0}.wp_attachment_details #attachment_caption{height:4em}.describe .image-editor{vertical-align:top}.imgedit-wrap{position:relative;padding-top:10px}.imgedit-settings fieldset,.imgedit-settings p{margin:8px 0}.imgedit-settings legend{margin-bottom:5px}.describe .imgedit-wrap .imgedit-settings{padding:0 5px}.wp_attachment_holder div.updated{margin-top:0}.wp_attachment_holder .imgedit-wrap>div{height:auto}.wp_attachment_holder .imgedit-wrap .imgedit-panel-content{float:right;padding:3px 0 0 16px;min-width:400px;max-width:calc(100% - 266px)}.wp_attachment_holder .imgedit-wrap .imgedit-settings{float:left;width:250px}.imgedit-settings input{margin-top:0;vertical-align:middle}.imgedit-wait{position:absolute;top:0;bottom:0;width:100%;background:#fff;opacity:.7;display:none}.imgedit-wait:before{content:"";display:block;width:20px;height:20px;position:absolute;right:50%;top:50%;margin:-10px -10px 0 0;background:transparent url(../images/spinner.gif) no-repeat center;background-size:20px 20px;transform:translateZ(0)}.no-float{float:none}.imgedit-settings .disabled,.media-disabled{color:#a7aaad}.A1B1{overflow:hidden}.A1B1 .button,.wp_attachment_image .button{float:right}.no-js .wp_attachment_image .button{display:none}.A1B1 .spinner,.wp_attachment_image .spinner{float:right}.imgedit-menu{margin:0 0 12px}.imgedit-menu .note-no-rotate{clear:both;margin:0;padding:1em 0 0}.image-editor .imgedit-menu .button{display:inline-block;width:auto;min-height:28px;font-size:13px;line-height:2;margin:0 0 8px 8px;padding:0 10px}.imgedit-menu .button:before{font:normal 16px/1 dashicons;margin-left:8px;speak:never;vertical-align:middle;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.imgedit-menu .button.disabled{color:#a7aaad;border-color:#dcdcde;background:#f6f7f7;box-shadow:none;text-shadow:0 1px 0 #fff;cursor:default;transform:none}.imgedit-crop:before{content:"\f165"}.imgedit-rleft:before{content:"\f166"}.imgedit-rright:before{content:"\f167"}.imgedit-flipv:before{content:"\f168"}.imgedit-fliph:before{content:"\f169"}.imgedit-undo:before{content:"\f171"}.imgedit-redo:before{content:"\f172"}.imgedit-crop-wrap{position:relative}.imgedit-crop-wrap img{background-image:linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:100% 0,10px 10px;background-size:20px 20px}.imgedit-crop{margin:0 0 0 8px}.imgedit-rleft{margin:0 3px}.imgedit-rright{margin:0 3px 0 8px}.imgedit-flipv{margin:0 3px}.imgedit-fliph{margin:0 3px 0 8px}.imgedit-undo{margin:0 3px}.imgedit-redo{margin:0 3px 0 8px}.imgedit-thumbnail-preview{margin:10px 0 0 8px}.imgedit-thumbnail-preview-caption{display:block}#poststuff .imgedit-group-top h2{display:inline-block;margin:0;padding:0;font-size:14px;line-height:1.4}#poststuff .imgedit-group-top .button-link{text-decoration:none;color:#1d2327}.imgedit-applyto .imgedit-label{display:block;padding:.5em 0 0}.imgedit-help{display:none;padding-bottom:8px}.imgedit-help.imgedit-restore{padding-bottom:0}.image-editor .imgedit-settings .imgedit-help-toggle,.image-editor .imgedit-settings .imgedit-help-toggle:active,.image-editor .imgedit-settings .imgedit-help-toggle:hover{border:1px solid transparent;margin:-1px -1px 0 0;padding:0;background:0 0;color:#2271b1;font-size:20px;line-height:1;cursor:pointer;box-sizing:content-box;box-shadow:none}.image-editor .imgedit-settings .imgedit-help-toggle:focus{color:#2271b1;border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8);outline:2px solid transparent}.form-table td.imgedit-response{padding:0}.imgedit-submit{margin:8px 0 0}.imgedit-submit-btn{margin-right:20px}.imgedit-wrap .nowrap{white-space:nowrap;font-size:12px;line-height:inherit}span.imgedit-scale-warn{color:#d63638;font-size:20px;font-style:normal;visibility:hidden;vertical-align:middle}.imgedit-save-target{margin:8px 0}.imgedit-save-target legend{font-weight:600}.imgedit-group{margin-bottom:8px;padding:10px}.imgedit-settings .imgedit-original-dimensions{display:inline-block}.imgedit-settings .imgedit-crop-ratio input[type=text],.imgedit-settings .imgedit-crop-sel input[type=text],.imgedit-settings .imgedit-scale input[type=text]{width:80px;font-size:14px;padding:0 8px}.imgedit-separator{display:inline-block;width:7px;text-align:center;font-size:13px;color:#3c434a}.imgedit-settings .imgedit-scale-button-wrapper{margin-top:.3077em;display:block}.imgedit-settings .imgedit-scale .button{margin-bottom:0}audio,video{display:inline-block;max-width:100%}.wp-core-ui .mejs-container{width:100%;max-width:100%}.wp-core-ui .mejs-container *{box-sizing:border-box}.wp-core-ui .mejs-time{box-sizing:content-box}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.imgedit-wait:before{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){.wp_attachment_details label[for=content]{font-size:14px;line-height:1.5}.media-upload-form .media-item .error,.media-upload-form .media-item.error{font-size:13px;line-height:1.5}.media-upload-form .media-item.error{padding:1px 10px}.media-upload-form .media-item .error{padding:10px 12px 10px 0}.imgedit-settings .imgedit-crop-ratio input[type=text],.imgedit-settings .imgedit-crop-sel input[type=text],.imgedit-settings .imgedit-scale input[type=text]{font-size:16px;padding:6px 10px}.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,.wp_attachment_holder .imgedit-wrap .imgedit-settings{float:none;width:auto;max-width:none;padding-bottom:16px}.copy-to-clipboard-container .success{font-size:14px}.imgedit-crop-wrap img{width:100%}.media-modal .imgedit-wrap .imgedit-panel-content,.media-modal .imgedit-wrap .imgedit-settings{position:initial!important}.media-modal .imgedit-wrap .imgedit-settings{box-sizing:border-box;width:100%!important}.imgedit-settings .imgedit-scale-button-wrapper{display:inline-block}}@media only screen and (max-width:600px){.media-item-wrapper{grid-template-columns:1fr}}@media only screen and (max-width:1120px){#wp-media-grid .wp-filter .attachment-filters{max-width:100%}}@media only screen and (max-width:782px){.media-frame.mode-select .attachments-browser.fixed .media-toolbar{top:46px;left:10px}}@media only screen and (max-width:600px){.media-frame.mode-select .attachments-browser.fixed .media-toolbar{top:0}}@media only screen and (max-width:480px){.edit-attachment-frame .media-frame-title{left:110px}.edit-attachment-frame .edit-media-header .left,.edit-attachment-frame .edit-media-header .right,.upload-php .media-modal-close{width:40px;height:40px}.edit-attachment-frame .edit-media-header .left:before,.edit-attachment-frame .edit-media-header .right:before{line-height:40px!important}.edit-attachment-frame .edit-media-header .left{left:82px}.edit-attachment-frame .edit-media-header .right{left:41px}.edit-attachment-frame .media-frame-content{top:40px}.edit-attachment-frame .attachment-media-view{float:none;height:auto;width:100%}.edit-attachment-frame .attachment-info{height:auto;width:100%}}@media only screen and (max-width:640px),screen and (max-height:400px){.upload-php .mode-grid .media-sidebar{max-width:100%}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/media.css b/tools/storybook/wordpress/css/media.css
new file mode 100644
index 00000000000..d1f333e3431
--- /dev/null
+++ b/tools/storybook/wordpress/css/media.css
@@ -0,0 +1,1367 @@
+/*------------------------------------------------------------------------------
+  14.0 - Media Screen
+------------------------------------------------------------------------------*/
+
+.media-item .describe {
+	border-collapse: collapse;
+	width: 100%;
+	border-top: 1px solid #dcdcde;
+	clear: both;
+	cursor: default;
+}
+
+.media-item.media-blank .describe {
+	border: 0;
+}
+
+.media-item .describe th {
+	vertical-align: top;
+	text-align: left;
+	padding: 5px 10px 10px;
+	width: 140px;
+}
+
+.media-item .describe .align th {
+	padding-top: 0;
+}
+
+.media-item .media-item-info tr {
+	background-color: transparent;
+}
+
+.media-item .describe td {
+	padding: 0 8px 8px 0;
+	vertical-align: top;
+}
+
+.media-item thead.media-item-info td {
+	padding: 4px 10px 0;
+}
+
+.media-item .media-item-info .A1B1 {
+	padding: 0 0 0 10px;
+}
+
+.media-item td.savesend {
+	padding-bottom: 15px;
+}
+
+.media-item .thumbnail {
+	max-height: 128px;
+	max-width: 128px;
+}
+
+.media-list-subtitle {
+	display: block;
+}
+
+.media-list-title {
+	display: block;
+}
+
+#wpbody-content #async-upload-wrap a {
+	display: none;
+}
+
+.media-upload-form {
+	margin-top: 20px;
+}
+
+.media-upload-form td label {
+	margin-right: 6px;
+	margin-left: 2px;
+}
+
+.media-upload-form .align .field label {
+	display: inline;
+	padding: 0 0 0 23px;
+	margin: 0 1em 0 3px;
+	font-weight: 600;
+}
+
+.media-upload-form tr.image-size label {
+	margin: 0 0 0 5px;
+	font-weight: 600;
+}
+
+.media-upload-form th.label label {
+	font-weight: 600;
+	margin: 0.5em;
+	font-size: 13px;
+}
+
+.media-upload-form th.label label span {
+	padding: 0 5px;
+}
+
+.media-item .describe input[type="text"],
+.media-item .describe textarea {
+	width: 460px;
+}
+
+.media-item .describe p.help {
+	margin: 0;
+	padding: 0 0 0 5px;
+}
+
+.describe-toggle-on,
+.describe-toggle-off {
+	display: block;
+	line-height: 2.76923076;
+	float: right;
+	margin-right: 10px;
+}
+
+.media-item-wrapper {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+}
+
+.media-item .attachment-tools {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+}
+
+.media-item .edit-attachment {
+	padding: 14px 0;
+	display: block;
+	margin-right: 10px;
+}
+
+.media-item .edit-attachment.copy-to-clipboard-container {
+	margin-top: 0;
+}
+
+.media-item-copy-container .success {
+	line-height: 0;
+}
+
+.media-item button .copy-attachment-url {
+	margin-top: 14px;
+}
+
+.media-item .copy-to-clipboard-container {
+	margin-top: 7px;
+}
+
+.media-item .describe-toggle-off,
+.media-item.open .describe-toggle-on {
+	display: none;
+}
+
+.media-item.open .describe-toggle-off {
+	display: block;
+}
+
+.media-upload-form .media-item {
+	min-height: 70px;
+	margin-bottom: 1px;
+	position: relative;
+	width: 100%;
+	background: #fff;
+}
+
+.media-upload-form .media-item,
+.media-upload-form .media-item .error {
+	box-shadow: 0 1px 0 #dcdcde;
+}
+
+#media-items:empty {
+	border: 0 none;
+}
+
+.media-item .filename {
+	padding: 14px 0;
+	overflow: hidden;
+	margin-left: 6px;
+}
+
+.media-item .pinkynail {
+	float: left;
+	margin: 0 10px 0 0;
+	max-height: 70px;
+	max-width: 70px;
+}
+
+.media-item .startopen,
+.media-item .startclosed {
+	display: none;
+}
+
+.media-item .original {
+	position: relative;
+	height: 34px;
+}
+
+.media-item .progress {
+	float: right;
+	height: 22px;
+	margin: 7px 6px;
+	width: 200px;
+	line-height: 2em;
+	padding: 0;
+	overflow: hidden;
+	border-radius: 22px;
+	background: #dcdcde;
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.media-item .bar {
+	z-index: 9;
+	width: 0;
+	height: 100%;
+	margin-top: -22px;
+	border-radius: 22px;
+	background-color: #2271b1;
+	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
+}
+
+.media-item .progress .percent {
+	z-index: 10;
+	position: relative;
+	width: 200px;
+	padding: 0;
+	color: #fff;
+	text-align: center;
+	line-height: 22px;
+	font-weight: 400;
+	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.upload-php .fixed .column-parent {
+	width: 15%;
+}
+
+.js .html-uploader #plupload-upload-ui {
+	display: none;
+}
+
+.js .html-uploader #html-upload-ui {
+	display: block;
+}
+
+#html-upload-ui #async-upload {
+	font-size: 1em;
+}
+
+.media-upload-form .media-item.error,
+.media-upload-form .media-item .error {
+	width: auto;
+	margin: 0 0 1px;
+}
+
+.media-upload-form .media-item .error {
+	padding: 10px 0 10px 14px;
+	min-height: 50px;
+}
+
+.media-item .error-div button.dismiss {
+	float: right;
+	margin: 0 10px 0 15px;
+}
+
+/*------------------------------------------------------------------------------
+  14.1 - Media Library
+------------------------------------------------------------------------------*/
+
+.find-box {
+	background-color: #fff;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+	width: 600px;
+	overflow: hidden;
+	margin-left: -300px;
+	position: fixed;
+	top: 30px;
+	bottom: 30px;
+	left: 50%;
+	z-index: 100105;
+}
+
+.find-box-head {
+	background: #fff;
+	border-bottom: 1px solid #dcdcde;
+	height: 36px;
+	font-size: 18px;
+	font-weight: 600;
+	line-height: 2;
+	padding: 0 36px 0 16px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+}
+
+.find-box-inside {
+	overflow: auto;
+	padding: 16px;
+	background-color: #fff;
+	position: absolute;
+	top: 37px;
+	bottom: 45px;
+	overflow-y: scroll;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.find-box-search {
+	padding-bottom: 16px;
+}
+
+.find-box-search .spinner {
+	float: none;
+	left: 105px;
+	position: absolute;
+}
+
+.find-box-search,
+#find-posts-response {
+	position: relative; /* RTL fix, #WP28010 */
+}
+
+#find-posts-input,
+#find-posts-search {
+	float: left;
+}
+
+#find-posts-input {
+	width: 140px;
+	height: 28px;
+	margin: 0 4px 0 0;
+}
+
+.widefat .found-radio {
+	padding-right: 0;
+	width: 16px;
+}
+
+#find-posts-close {
+	width: 36px;
+	height: 36px;
+	border: none;
+	padding: 0;
+	position: absolute;
+	top: 0;
+	right: 0;
+	cursor: pointer;
+	text-align: center;
+	background: none;
+	color: #646970;
+}
+
+#find-posts-close:hover,
+#find-posts-close:focus {
+	color: #135e96;
+}
+
+#find-posts-close:focus {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+#find-posts-close:before {
+	font: normal 20px/36px dashicons;
+	vertical-align: top;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	content: "\f158";
+}
+
+.find-box-buttons {
+	padding: 8px 16px;
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+@media screen and (max-width: 782px) {
+	.find-box-inside {
+		bottom: 57px;
+	}
+}
+
+@media screen and (max-width: 660px) {
+
+	.find-box {
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		margin: 0;
+		width: 100%;
+	}
+
+}
+
+.ui-find-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: #000;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	z-index: 100100;
+}
+
+.drag-drop #drag-drop-area {
+	border: 4px dashed #c3c4c7;
+	height: 200px;
+}
+
+.drag-drop .drag-drop-inside {
+	margin: 60px auto 0;
+	width: 250px;
+}
+
+.drag-drop-inside p {
+	font-size: 14px;
+	margin: 5px 0;
+	display: none;
+}
+
+.drag-drop .drag-drop-inside p {
+	text-align: center;
+}
+
+.drag-drop-inside p.drag-drop-info {
+	font-size: 20px;
+}
+
+.drag-drop .drag-drop-inside p,
+.drag-drop-inside p.drag-drop-buttons {
+	display: block;
+}
+
+/*
+#drag-drop-area:-moz-drag-over {
+	border-color: #83b4d8;
+}
+border color while dragging a file over the uploader drop area */
+.drag-drop.drag-over #drag-drop-area {
+	border-color: #9ec2e6;
+}
+
+#plupload-upload-ui {
+	position: relative;
+}
+
+/**
+ * Media Library grid view
+ */
+
+.media-frame.mode-grid,
+.media-frame.mode-grid .media-frame-content,
+.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,
+.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,
+.media-frame.mode-grid .uploader-inline-content {
+	position: static;
+}
+
+/* Regions we don't use at all */
+.media-frame.mode-grid .media-frame-title,
+.media-frame.mode-grid .media-frame-router,
+.media-frame.mode-grid .media-frame-menu {
+	display: none;
+}
+
+.media-frame.mode-grid .media-frame-content {
+	background-color: transparent;
+	border: none;
+}
+
+.upload-php .mode-grid .media-sidebar {
+	position: relative;
+	width: auto;
+	margin-top: 12px;
+	padding: 0 16px;
+	border-left: 4px solid #d63638;
+	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+	background-color: #fff;
+}
+
+.upload-php .mode-grid .hide-sidebar .media-sidebar {
+	display: none;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status {
+	border-bottom: none;
+	padding-bottom: 0;
+	max-width: 100%;
+}
+
+.upload-php .mode-grid .media-sidebar .upload-error {
+	margin: 12px 0;
+	padding: 4px 0 0;
+	border: none;
+	box-shadow: none;
+	background: none;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
+	display: none;
+}
+
+.media-frame.mode-grid .uploader-inline {
+	position: relative;
+	top: auto;
+	right: auto;
+	left: auto;
+	bottom: auto;
+	padding-top: 0;
+	margin-top: 20px;
+	border: 4px dashed #c3c4c7;
+}
+
+.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,
+.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper {
+	position: relative;
+	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
+	padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
+}
+
+.media-frame.mode-grid .attachment:focus,
+.media-frame.mode-grid .selected.attachment:focus,
+.media-frame.mode-grid .attachment.details:focus {
+	box-shadow:
+		inset 0 0 2px 3px #f0f0f1,
+		inset 0 0 0 7px #4f94d4;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -6px;
+}
+
+.media-frame.mode-grid .selected.attachment {
+	box-shadow:
+		inset 0 0 0 5px #f0f0f1,
+		inset 0 0 0 7px #c3c4c7;
+}
+
+.media-frame.mode-grid .attachment.details {
+	box-shadow:
+		inset 0 0 0 3px #f0f0f1,
+		inset 0 0 0 7px #4f94d4;
+}
+
+.media-frame.mode-grid.mode-select .attachment .thumbnail {
+	opacity: 0.65;
+}
+
+.media-frame.mode-select .attachment.selected .thumbnail {
+	opacity: 1;
+}
+
+.media-frame.mode-grid .media-toolbar {
+	margin-bottom: 15px;
+	height: auto;
+}
+
+.media-frame.mode-grid .media-toolbar select {
+	margin: 0 10px 0 0;
+}
+
+.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
+	margin: 0 8px 0 0;
+	vertical-align: middle;
+}
+
+.media-frame.mode-grid .attachments-browser .bulk-select {
+	display: inline-block;
+	margin: 0 10px 0 0;
+}
+
+.media-frame.mode-grid .search {
+	margin-top: 0;
+}
+
+.media-search-input-label {
+	margin: 0 .2em 0 0;
+	vertical-align: baseline;
+}
+
+.media-frame.mode-grid .media-search-input-label {
+	position: static;
+	margin: 0 .5em 0 0;
+}
+
+.attachments-browser .media-toolbar-secondary > .media-button {
+	margin-right: 10px;
+}
+
+.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
+	position: fixed;
+	top: 32px;
+	left: auto;
+	right: 20px;
+	margin-top: 0;
+}
+
+.media-frame.mode-grid .attachments-browser {
+	padding: 0;
+}
+
+.media-frame.mode-grid .attachments-browser .attachments {
+	padding: 2px;
+}
+
+.media-frame.mode-grid .attachments-browser .no-media {
+	color: #646970; /* same as no plugins and no themes */
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 100px 0 0;
+	text-align: center;
+}
+
+/**
+ * Attachment details modal
+ */
+
+.edit-attachment-frame {
+	display: block;
+	height: 100%;
+	width: 100%;
+}
+
+.edit-attachment-frame .edit-media-header {
+	overflow: hidden;
+}
+
+.upload-php .media-modal-close .media-modal-icon:before {
+	content: "\f335";
+	font-size: 22px;
+}
+
+.upload-php .media-modal-close,
+.edit-attachment-frame .edit-media-header .left,
+.edit-attachment-frame .edit-media-header .right {
+	cursor: pointer;
+	color: #787c82;
+	background-color: transparent;
+	height: 50px;
+	width: 50px;
+	padding: 0;
+	position: absolute;
+	text-align: center;
+	border: 0;
+	border-left: 1px solid #dcdcde;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.upload-php .media-modal-close {
+	top: 0;
+	right: 0;
+}
+
+.edit-attachment-frame .edit-media-header .left {
+	right: 102px;
+}
+
+.edit-attachment-frame .edit-media-header .right {
+	right: 51px;
+}
+
+.edit-attachment-frame .media-frame-title {
+	left: 0;
+	right: 150px; /* leave space for prev/next/close */
+}
+
+.edit-attachment-frame .edit-media-header .right:before,
+.edit-attachment-frame .edit-media-header .left:before {
+	font: normal 20px/50px dashicons !important;
+	display: inline;
+	font-weight: 300;
+}
+
+.upload-php .media-modal-close:hover,
+.upload-php .media-modal-close:focus,
+.edit-attachment-frame .edit-media-header .left:hover,
+.edit-attachment-frame .edit-media-header .right:hover,
+.edit-attachment-frame .edit-media-header .left:focus,
+.edit-attachment-frame .edit-media-header .right:focus {
+	background: #dcdcde;
+	border-color: #c3c4c7;
+	color: #000;
+	outline: none;
+	box-shadow: none;
+}
+
+.upload-php .media-modal-close:focus,
+.edit-attachment-frame .edit-media-header .left:focus,
+.edit-attachment-frame .edit-media-header .right:focus {
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.upload-php .media-modal-close:focus .media-modal-icon:before,
+.upload-php .media-modal-close:hover .media-modal-icon:before {
+	color: #000;
+}
+
+.edit-attachment-frame .edit-media-header .left:before {
+	content: "\f341";
+}
+
+.edit-attachment-frame .edit-media-header .right:before {
+	content: "\f345";
+}
+
+.edit-attachment-frame .edit-media-header [disabled],
+.edit-attachment-frame .edit-media-header [disabled]:hover {
+	color: #c3c4c7;
+	background: inherit;
+	cursor: default;
+}
+
+.edit-attachment-frame .media-frame-content,
+.edit-attachment-frame .media-frame-router {
+	left: 0;
+}
+
+.edit-attachment-frame .media-frame-content {
+	border-bottom: none;
+	bottom: 0;
+	top: 50px;
+}
+
+.edit-attachment-frame .attachment-details {
+	position: absolute;
+	overflow: auto;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
+}
+
+.edit-attachment-frame .attachment-media-view {
+	float: left;
+	width: 65%;
+	height: 100%;
+}
+
+.edit-attachment-frame .attachment-media-view .thumbnail {
+	box-sizing: border-box;
+	padding: 16px;
+	height: 100%;
+}
+
+.edit-attachment-frame .attachment-media-view .details-image {
+	display: block;
+	margin: 0 auto 16px;
+	max-width: 100%;
+	max-height: 90%;
+	max-height: calc( 100% - 42px ); /* leave space for actions underneath */
+	background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 0 0, 10px 10px;
+	background-size: 20px 20px;
+}
+
+.edit-attachment-frame .attachment-media-view .details-image.icon {
+	background: none;
+}
+
+.edit-attachment-frame .attachment-media-view .attachment-actions {
+	text-align: center;
+}
+
+.edit-attachment-frame .wp-media-wrapper {
+	margin-bottom: 12px;
+}
+
+.edit-attachment-frame input,
+.edit-attachment-frame textarea {
+	padding: 6px 8px;
+	line-height: 1.14285714;
+}
+
+.edit-attachment-frame .attachment-info {
+	overflow: auto;
+	box-sizing: border-box;
+	margin-bottom: 0;
+	padding: 12px 16px 0;
+	width: 35%;
+	height: 100%;
+	box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
+	border-bottom: 0;
+	border-left: 1px solid #dcdcde;
+	background: #f6f7f7;
+}
+
+.edit-attachment-frame .attachment-info .details,
+.edit-attachment-frame .attachment-info .settings {
+	position: relative; /* RTL fix, #WP29352 */
+	overflow: hidden;
+	float: none;
+	margin-bottom: 15px;
+	padding-bottom: 15px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.edit-attachment-frame .attachment-info .filename {
+	font-weight: 400;
+	color: #646970;
+}
+
+.edit-attachment-frame .attachment-info .thumbnail {
+	margin-bottom: 12px;
+}
+
+.attachment-info .actions {
+	margin-bottom: 16px;
+}
+
+.attachment-info .actions a {
+	display: inline;
+	text-decoration: none;
+}
+
+.copy-to-clipboard-container {
+	display: flex;
+	align-items: center;
+	margin-top: 8px;
+	clear: both;
+}
+
+.copy-to-clipboard-container .copy-attachment-url {
+	white-space: normal;
+}
+
+.copy-to-clipboard-container .success {
+	color: #008a20;
+	margin-left: 8px;
+}
+
+/*------------------------------------------------------------------------------
+  14.2 - Image Editor
+------------------------------------------------------------------------------*/
+.wp_attachment_details .attachment-alt-text {
+	margin-bottom: 5px;
+}
+
+.wp_attachment_details .attachment-alt-text-description {
+	margin-top: 5px;
+}
+
+.wp_attachment_details label[for="content"] {
+	font-size: 13px;
+	line-height: 1.5;
+	margin: 1em 0;
+}
+
+.wp_attachment_details #attachment_caption {
+	height: 4em;
+}
+
+.describe .image-editor {
+	vertical-align: top;
+}
+
+.imgedit-wrap {
+	position: relative;
+	padding-top: 10px;
+}
+
+.imgedit-settings p,
+.imgedit-settings fieldset {
+	margin: 8px 0;
+}
+
+.imgedit-settings legend {
+	margin-bottom: 5px;
+}
+
+.describe .imgedit-wrap .imgedit-settings {
+	padding: 0 5px;
+}
+
+.wp_attachment_holder div.updated {
+	margin-top: 0;
+}
+
+.wp_attachment_holder .imgedit-wrap > div {
+	height: auto;
+}
+
+.wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
+	float: left;
+	padding: 3px 16px 0 0;
+	min-width: 400px;
+	max-width: calc( 100% - 266px );
+}
+
+.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+	float: right;
+	width: 250px;
+}
+
+.imgedit-settings input {
+	margin-top: 0;
+	vertical-align: middle;
+}
+
+.imgedit-wait {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	background: #fff;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	display: none;
+}
+
+.imgedit-wait:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	margin: -10px 0 0 -10px;
+	background: transparent url(../images/spinner.gif) no-repeat center;
+	background-size: 20px 20px;
+	transform: translateZ(0);
+}
+
+.no-float {
+	float: none;
+}
+
+.media-disabled,
+.imgedit-settings .disabled {
+	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
+	   interface component ... have no contrast requirement. */
+	color: #a7aaad;
+}
+
+.A1B1 {
+	overflow: hidden;
+}
+
+.wp_attachment_image .button,
+.A1B1 .button {
+	float: left;
+}
+
+.no-js .wp_attachment_image .button {
+	display: none;
+}
+
+.wp_attachment_image .spinner,
+.A1B1 .spinner {
+	float: left;
+}
+
+.imgedit-menu {
+	margin: 0 0 12px;
+}
+
+.imgedit-menu .note-no-rotate {
+	clear: both;
+	margin: 0;
+	padding: 1em 0 0;
+}
+
+.image-editor .imgedit-menu .button {
+	display: inline-block;
+	width: auto;
+	min-height: 28px;
+	font-size: 13px;
+	line-height: 2;
+	margin: 0 8px 8px 0;
+	padding: 0 10px;
+}
+
+.imgedit-menu .button:before {
+	font: normal 16px/1 dashicons;
+	margin-right: 8px;
+	speak: never;
+	vertical-align: middle;
+	position: relative;
+	top: -2px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.imgedit-menu .button.disabled {
+	color: #a7aaad;
+	border-color: #dcdcde;
+	background: #f6f7f7;
+	box-shadow: none;
+	text-shadow: 0 1px 0 #fff;
+	cursor: default;
+	transform: none;
+}
+
+.imgedit-crop:before {
+	content: "\f165";
+}
+
+.imgedit-rleft:before {
+	content: "\f166";
+}
+
+.imgedit-rright:before {
+	content: "\f167";
+}
+
+.imgedit-flipv:before {
+	content: "\f168";
+}
+
+.imgedit-fliph:before {
+	content: "\f169";
+}
+
+.imgedit-undo:before {
+	content: "\f171";
+}
+
+.imgedit-redo:before {
+	content: "\f172";
+}
+
+.imgedit-crop-wrap {
+	position: relative;
+}
+
+.imgedit-crop-wrap img {
+	background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 0 0, 10px 10px;
+	background-size: 20px 20px;
+}
+
+.imgedit-crop {
+	margin: 0 8px 0 0;
+}
+
+.imgedit-rleft {
+	margin: 0 3px;
+}
+
+.imgedit-rright {
+	margin: 0 8px 0 3px;
+}
+
+.imgedit-flipv {
+	margin: 0 3px;
+}
+
+.imgedit-fliph {
+	margin: 0 8px 0 3px;
+}
+
+.imgedit-undo {
+	margin: 0 3px;
+}
+
+.imgedit-redo {
+	margin: 0 8px 0 3px;
+}
+
+.imgedit-thumbnail-preview {
+	margin: 10px 8px 0 0;
+}
+
+.imgedit-thumbnail-preview-caption {
+	display: block;
+}
+
+#poststuff .imgedit-group-top h2 {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	font-size: 14px;
+	line-height: 1.4;
+}
+
+#poststuff .imgedit-group-top .button-link {
+	text-decoration: none;
+	color: #1d2327;
+}
+
+.imgedit-applyto .imgedit-label {
+	display: block;
+	padding: .5em 0 0;
+}
+
+.imgedit-help {
+	display: none;
+	padding-bottom: 8px;
+}
+
+.imgedit-help.imgedit-restore {
+	padding-bottom: 0;
+}
+
+/* higher specificity than buttons */
+.image-editor .imgedit-settings .imgedit-help-toggle,
+.image-editor .imgedit-settings .imgedit-help-toggle:hover,
+.image-editor .imgedit-settings .imgedit-help-toggle:active {
+	border: 1px solid transparent;
+	margin: -1px 0 0 -1px;
+	padding: 0;
+	background: transparent;
+	color: #2271b1;
+	font-size: 20px;
+	line-height: 1;
+	cursor: pointer;
+	box-sizing: content-box;
+	box-shadow: none;
+}
+
+.image-editor .imgedit-settings .imgedit-help-toggle:focus {
+	color: #2271b1;
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+}
+
+.form-table td.imgedit-response {
+	padding: 0;
+}
+
+.imgedit-submit {
+	margin: 8px 0 0;
+}
+
+.imgedit-submit-btn {
+	margin-left: 20px;
+}
+
+.imgedit-wrap .nowrap {
+	white-space: nowrap;
+	font-size: 12px;
+	line-height: inherit;
+}
+
+span.imgedit-scale-warn {
+	color: #d63638;
+	font-size: 20px;
+	font-style: normal;
+	visibility: hidden;
+	vertical-align: middle;
+}
+
+.imgedit-save-target {
+	margin: 8px 0;
+}
+
+.imgedit-save-target legend {
+	font-weight: 600;
+}
+
+.imgedit-group {
+	margin-bottom: 8px;
+	padding: 10px;
+}
+
+.imgedit-settings .imgedit-original-dimensions {
+	display: inline-block;
+}
+
+.imgedit-settings .imgedit-scale input[type="text"],
+.imgedit-settings .imgedit-crop-ratio input[type="text"],
+.imgedit-settings .imgedit-crop-sel input[type="text"] {
+	width: 80px;
+	font-size: 14px;
+	padding: 0 8px;
+}
+
+.imgedit-separator {
+	display: inline-block;
+	width: 7px;
+	text-align: center;
+	font-size: 13px;
+	color: #3c434a;
+}
+
+.imgedit-settings .imgedit-scale-button-wrapper {
+	margin-top: 0.3077em;
+	display: block;
+}
+
+.imgedit-settings .imgedit-scale .button {
+	margin-bottom: 0;
+}
+
+audio, video {
+	display: inline-block;
+	max-width: 100%;
+}
+
+.wp-core-ui .mejs-container {
+	width: 100%;
+	max-width: 100%;
+}
+
+.wp-core-ui .mejs-container * {
+	box-sizing: border-box;
+}
+
+.wp-core-ui .mejs-time {
+	box-sizing: content-box;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	.imgedit-wait:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.wp_attachment_details label[for="content"] {
+		font-size: 14px;
+		line-height: 1.5;
+	}
+
+	.media-upload-form .media-item.error,
+	.media-upload-form .media-item .error {
+		font-size: 13px;
+		line-height: 1.5;
+	}
+
+	.media-upload-form .media-item.error {
+		padding: 1px 10px;
+	}
+
+	.media-upload-form .media-item .error {
+		padding: 10px 0 10px 12px;
+	}
+
+	.imgedit-settings .imgedit-scale input[type="text"],
+	.imgedit-settings .imgedit-crop-ratio input[type="text"],
+	.imgedit-settings .imgedit-crop-sel input[type="text"] {
+		font-size: 16px;
+		padding: 6px 10px;
+	}
+
+	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
+	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
+		float: none;
+		width: auto;
+		max-width: none;
+		padding-bottom: 16px;
+	}
+
+	.copy-to-clipboard-container .success {
+		font-size: 14px;
+	}
+
+	/* Restructure image editor on narrow viewports. */
+	.imgedit-crop-wrap img{
+		width: 100%;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-panel-content,
+	.media-modal .imgedit-wrap .imgedit-settings {
+		position: initial !important;
+	}
+
+	.media-modal .imgedit-wrap .imgedit-settings {
+		box-sizing: border-box;
+		width: 100% !important;
+	}
+
+	.imgedit-settings .imgedit-scale-button-wrapper {
+		display: inline-block;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	.media-item-wrapper {
+		grid-template-columns: 1fr;
+	}
+}
+
+/**
+ * Media queries for media grid.
+ */
+
+@media only screen and (max-width: 1120px) {
+	/* override for media-views.css */
+	#wp-media-grid .wp-filter .attachment-filters {
+		max-width: 100%;
+	}
+}
+
+@media only screen and (max-width: 782px) {
+	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
+		top: 46px;
+		right: 10px;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
+		top: 0;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.edit-attachment-frame .media-frame-title {
+		right: 110px;
+	}
+
+	.upload-php .media-modal-close,
+	.edit-attachment-frame .edit-media-header .left,
+	.edit-attachment-frame .edit-media-header .right {
+		width: 40px;
+		height: 40px;
+	}
+
+	.edit-attachment-frame .edit-media-header .right:before,
+	.edit-attachment-frame .edit-media-header .left:before {
+		line-height: 40px !important;
+	}
+
+	.edit-attachment-frame .edit-media-header .left {
+		right: 82px;
+	}
+
+	.edit-attachment-frame .edit-media-header .right {
+		right: 41px;
+	}
+
+	.edit-attachment-frame .media-frame-content {
+		top: 40px;
+	}
+
+	.edit-attachment-frame .attachment-media-view {
+		float: none;
+		height: auto;
+		width: 100%;
+	}
+
+	.edit-attachment-frame .attachment-info {
+		height: auto;
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 640px), screen and (max-height: 400px) {
+	.upload-php .mode-grid .media-sidebar{
+		max-width: 100%;
+	}
+}
diff --git a/tools/storybook/wordpress/css/media.min.css b/tools/storybook/wordpress/css/media.min.css
new file mode 100644
index 00000000000..ab1226e6f34
--- /dev/null
+++ b/tools/storybook/wordpress/css/media.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.media-item .describe{border-collapse:collapse;width:100%;border-top:1px solid #dcdcde;clear:both;cursor:default}.media-item.media-blank .describe{border:0}.media-item .describe th{vertical-align:top;text-align:left;padding:5px 10px 10px;width:140px}.media-item .describe .align th{padding-top:0}.media-item .media-item-info tr{background-color:transparent}.media-item .describe td{padding:0 8px 8px 0;vertical-align:top}.media-item thead.media-item-info td{padding:4px 10px 0}.media-item .media-item-info .A1B1{padding:0 0 0 10px}.media-item td.savesend{padding-bottom:15px}.media-item .thumbnail{max-height:128px;max-width:128px}.media-list-subtitle{display:block}.media-list-title{display:block}#wpbody-content #async-upload-wrap a{display:none}.media-upload-form{margin-top:20px}.media-upload-form td label{margin-right:6px;margin-left:2px}.media-upload-form .align .field label{display:inline;padding:0 0 0 23px;margin:0 1em 0 3px;font-weight:600}.media-upload-form tr.image-size label{margin:0 0 0 5px;font-weight:600}.media-upload-form th.label label{font-weight:600;margin:.5em;font-size:13px}.media-upload-form th.label label span{padding:0 5px}.media-item .describe input[type=text],.media-item .describe textarea{width:460px}.media-item .describe p.help{margin:0;padding:0 0 0 5px}.describe-toggle-off,.describe-toggle-on{display:block;line-height:2.76923076;float:right;margin-right:10px}.media-item-wrapper{display:grid;grid-template-columns:1fr 1fr}.media-item .attachment-tools{display:flex;justify-content:flex-end;align-items:center}.media-item .edit-attachment{padding:14px 0;display:block;margin-right:10px}.media-item .edit-attachment.copy-to-clipboard-container{margin-top:0}.media-item-copy-container .success{line-height:0}.media-item button .copy-attachment-url{margin-top:14px}.media-item .copy-to-clipboard-container{margin-top:7px}.media-item .describe-toggle-off,.media-item.open .describe-toggle-on{display:none}.media-item.open .describe-toggle-off{display:block}.media-upload-form .media-item{min-height:70px;margin-bottom:1px;position:relative;width:100%;background:#fff}.media-upload-form .media-item,.media-upload-form .media-item .error{box-shadow:0 1px 0 #dcdcde}#media-items:empty{border:0 none}.media-item .filename{padding:14px 0;overflow:hidden;margin-left:6px}.media-item .pinkynail{float:left;margin:0 10px 0 0;max-height:70px;max-width:70px}.media-item .startclosed,.media-item .startopen{display:none}.media-item .original{position:relative;height:34px}.media-item .progress{float:right;height:22px;margin:7px 6px;width:200px;line-height:2em;padding:0;overflow:hidden;border-radius:22px;background:#dcdcde;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.media-item .bar{z-index:9;width:0;height:100%;margin-top:-22px;border-radius:22px;background-color:#2271b1;box-shadow:inset 0 0 2px rgba(0,0,0,.3)}.media-item .progress .percent{z-index:10;position:relative;width:200px;padding:0;color:#fff;text-align:center;line-height:22px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.2)}.upload-php .fixed .column-parent{width:15%}.js .html-uploader #plupload-upload-ui{display:none}.js .html-uploader #html-upload-ui{display:block}#html-upload-ui #async-upload{font-size:1em}.media-upload-form .media-item .error,.media-upload-form .media-item.error{width:auto;margin:0 0 1px}.media-upload-form .media-item .error{padding:10px 0 10px 14px;min-height:50px}.media-item .error-div button.dismiss{float:right;margin:0 10px 0 15px}.find-box{background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.3);width:600px;overflow:hidden;margin-left:-300px;position:fixed;top:30px;bottom:30px;left:50%;z-index:100105}.find-box-head{background:#fff;border-bottom:1px solid #dcdcde;height:36px;font-size:18px;font-weight:600;line-height:2;padding:0 36px 0 16px;position:absolute;top:0;left:0;right:0}.find-box-inside{overflow:auto;padding:16px;background-color:#fff;position:absolute;top:37px;bottom:45px;overflow-y:scroll;width:100%;box-sizing:border-box}.find-box-search{padding-bottom:16px}.find-box-search .spinner{float:none;left:105px;position:absolute}#find-posts-response,.find-box-search{position:relative}#find-posts-input,#find-posts-search{float:left}#find-posts-input{width:140px;height:28px;margin:0 4px 0 0}.widefat .found-radio{padding-right:0;width:16px}#find-posts-close{width:36px;height:36px;border:none;padding:0;position:absolute;top:0;right:0;cursor:pointer;text-align:center;background:0 0;color:#646970}#find-posts-close:focus,#find-posts-close:hover{color:#135e96}#find-posts-close:focus{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);outline:2px solid transparent;outline-offset:-2px}#find-posts-close:before{font:normal 20px/36px dashicons;vertical-align:top;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f158"}.find-box-buttons{padding:8px 16px;background:#fff;border-top:1px solid #dcdcde;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:782px){.find-box-inside{bottom:57px}}@media screen and (max-width:660px){.find-box{top:0;bottom:0;left:0;right:0;margin:0;width:100%}}.ui-find-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.7;z-index:100100}.drag-drop #drag-drop-area{border:4px dashed #c3c4c7;height:200px}.drag-drop .drag-drop-inside{margin:60px auto 0;width:250px}.drag-drop-inside p{font-size:14px;margin:5px 0;display:none}.drag-drop .drag-drop-inside p{text-align:center}.drag-drop-inside p.drag-drop-info{font-size:20px}.drag-drop .drag-drop-inside p,.drag-drop-inside p.drag-drop-buttons{display:block}.drag-drop.drag-over #drag-drop-area{border-color:#9ec2e6}#plupload-upload-ui{position:relative}.media-frame.mode-grid,.media-frame.mode-grid .attachments-browser.has-load-more .attachments-wrapper,.media-frame.mode-grid .attachments-browser:not(.has-load-more) .attachments,.media-frame.mode-grid .media-frame-content,.media-frame.mode-grid .uploader-inline-content{position:static}.media-frame.mode-grid .media-frame-menu,.media-frame.mode-grid .media-frame-router,.media-frame.mode-grid .media-frame-title{display:none}.media-frame.mode-grid .media-frame-content{background-color:transparent;border:none}.upload-php .mode-grid .media-sidebar{position:relative;width:auto;margin-top:12px;padding:0 16px;border-left:4px solid #d63638;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);background-color:#fff}.upload-php .mode-grid .hide-sidebar .media-sidebar{display:none}.upload-php .mode-grid .media-sidebar .media-uploader-status{border-bottom:none;padding-bottom:0;max-width:100%}.upload-php .mode-grid .media-sidebar .upload-error{margin:12px 0;padding:4px 0 0;border:none;box-shadow:none;background:0 0}.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2{display:none}.media-frame.mode-grid .uploader-inline{position:relative;top:auto;right:auto;left:auto;bottom:auto;padding-top:0;margin-top:20px;border:4px dashed #c3c4c7}.media-frame.mode-select .attachments-browser.fixed:not(.has-load-more) .attachments,.media-frame.mode-select .attachments-browser.has-load-more.fixed .attachments-wrapper{position:relative;top:94px;padding-bottom:94px}.media-frame.mode-grid .attachment.details:focus,.media-frame.mode-grid .attachment:focus,.media-frame.mode-grid .selected.attachment:focus{box-shadow:inset 0 0 2px 3px #f0f0f1,inset 0 0 0 7px #4f94d4;outline:2px solid transparent;outline-offset:-6px}.media-frame.mode-grid .selected.attachment{box-shadow:inset 0 0 0 5px #f0f0f1,inset 0 0 0 7px #c3c4c7}.media-frame.mode-grid .attachment.details{box-shadow:inset 0 0 0 3px #f0f0f1,inset 0 0 0 7px #4f94d4}.media-frame.mode-grid.mode-select .attachment .thumbnail{opacity:.65}.media-frame.mode-select .attachment.selected .thumbnail{opacity:1}.media-frame.mode-grid .media-toolbar{margin-bottom:15px;height:auto}.media-frame.mode-grid .media-toolbar select{margin:0 10px 0 0}.media-frame.mode-grid.mode-edit .media-toolbar-secondary>.select-mode-toggle-button{margin:0 8px 0 0;vertical-align:middle}.media-frame.mode-grid .attachments-browser .bulk-select{display:inline-block;margin:0 10px 0 0}.media-frame.mode-grid .search{margin-top:0}.media-search-input-label{margin:0 .2em 0 0;vertical-align:baseline}.media-frame.mode-grid .media-search-input-label{position:static;margin:0 .5em 0 0}.attachments-browser .media-toolbar-secondary>.media-button{margin-right:10px}.media-frame.mode-select .attachments-browser.fixed .media-toolbar{position:fixed;top:32px;left:auto;right:20px;margin-top:0}.media-frame.mode-grid .attachments-browser{padding:0}.media-frame.mode-grid .attachments-browser .attachments{padding:2px}.media-frame.mode-grid .attachments-browser .no-media{color:#646970;font-size:18px;font-style:normal;margin:0;padding:100px 0 0;text-align:center}.edit-attachment-frame{display:block;height:100%;width:100%}.edit-attachment-frame .edit-media-header{overflow:hidden}.upload-php .media-modal-close .media-modal-icon:before{content:"\f335";font-size:22px}.edit-attachment-frame .edit-media-header .left,.edit-attachment-frame .edit-media-header .right,.upload-php .media-modal-close{cursor:pointer;color:#787c82;background-color:transparent;height:50px;width:50px;padding:0;position:absolute;text-align:center;border:0;border-left:1px solid #dcdcde;transition:color .1s ease-in-out,background .1s ease-in-out}.upload-php .media-modal-close{top:0;right:0}.edit-attachment-frame .edit-media-header .left{right:102px}.edit-attachment-frame .edit-media-header .right{right:51px}.edit-attachment-frame .media-frame-title{left:0;right:150px}.edit-attachment-frame .edit-media-header .left:before,.edit-attachment-frame .edit-media-header .right:before{font:normal 20px/50px dashicons!important;display:inline;font-weight:300}.edit-attachment-frame .edit-media-header .left:focus,.edit-attachment-frame .edit-media-header .left:hover,.edit-attachment-frame .edit-media-header .right:focus,.edit-attachment-frame .edit-media-header .right:hover,.upload-php .media-modal-close:focus,.upload-php .media-modal-close:hover{background:#dcdcde;border-color:#c3c4c7;color:#000;outline:0;box-shadow:none}.edit-attachment-frame .edit-media-header .left:focus,.edit-attachment-frame .edit-media-header .right:focus,.upload-php .media-modal-close:focus{outline:2px solid transparent;outline-offset:-2px}.upload-php .media-modal-close:focus .media-modal-icon:before,.upload-php .media-modal-close:hover .media-modal-icon:before{color:#000}.edit-attachment-frame .edit-media-header .left:before{content:"\f341"}.edit-attachment-frame .edit-media-header .right:before{content:"\f345"}.edit-attachment-frame .edit-media-header [disabled],.edit-attachment-frame .edit-media-header [disabled]:hover{color:#c3c4c7;background:inherit;cursor:default}.edit-attachment-frame .media-frame-content,.edit-attachment-frame .media-frame-router{left:0}.edit-attachment-frame .media-frame-content{border-bottom:none;bottom:0;top:50px}.edit-attachment-frame .attachment-details{position:absolute;overflow:auto;top:0;bottom:0;right:0;left:0;box-shadow:inset 0 4px 4px -4px rgba(0,0,0,.1)}.edit-attachment-frame .attachment-media-view{float:left;width:65%;height:100%}.edit-attachment-frame .attachment-media-view .thumbnail{box-sizing:border-box;padding:16px;height:100%}.edit-attachment-frame .attachment-media-view .details-image{display:block;margin:0 auto 16px;max-width:100%;max-height:90%;max-height:calc(100% - 42px);background-image:linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:0 0,10px 10px;background-size:20px 20px}.edit-attachment-frame .attachment-media-view .details-image.icon{background:0 0}.edit-attachment-frame .attachment-media-view .attachment-actions{text-align:center}.edit-attachment-frame .wp-media-wrapper{margin-bottom:12px}.edit-attachment-frame input,.edit-attachment-frame textarea{padding:6px 8px;line-height:1.14285714}.edit-attachment-frame .attachment-info{overflow:auto;box-sizing:border-box;margin-bottom:0;padding:12px 16px 0;width:35%;height:100%;box-shadow:inset 0 4px 4px -4px rgba(0,0,0,.1);border-bottom:0;border-left:1px solid #dcdcde;background:#f6f7f7}.edit-attachment-frame .attachment-info .details,.edit-attachment-frame .attachment-info .settings{position:relative;overflow:hidden;float:none;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #dcdcde}.edit-attachment-frame .attachment-info .filename{font-weight:400;color:#646970}.edit-attachment-frame .attachment-info .thumbnail{margin-bottom:12px}.attachment-info .actions{margin-bottom:16px}.attachment-info .actions a{display:inline;text-decoration:none}.copy-to-clipboard-container{display:flex;align-items:center;margin-top:8px;clear:both}.copy-to-clipboard-container .copy-attachment-url{white-space:normal}.copy-to-clipboard-container .success{color:#008a20;margin-left:8px}.wp_attachment_details .attachment-alt-text{margin-bottom:5px}.wp_attachment_details .attachment-alt-text-description{margin-top:5px}.wp_attachment_details label[for=content]{font-size:13px;line-height:1.5;margin:1em 0}.wp_attachment_details #attachment_caption{height:4em}.describe .image-editor{vertical-align:top}.imgedit-wrap{position:relative;padding-top:10px}.imgedit-settings fieldset,.imgedit-settings p{margin:8px 0}.imgedit-settings legend{margin-bottom:5px}.describe .imgedit-wrap .imgedit-settings{padding:0 5px}.wp_attachment_holder div.updated{margin-top:0}.wp_attachment_holder .imgedit-wrap>div{height:auto}.wp_attachment_holder .imgedit-wrap .imgedit-panel-content{float:left;padding:3px 16px 0 0;min-width:400px;max-width:calc(100% - 266px)}.wp_attachment_holder .imgedit-wrap .imgedit-settings{float:right;width:250px}.imgedit-settings input{margin-top:0;vertical-align:middle}.imgedit-wait{position:absolute;top:0;bottom:0;width:100%;background:#fff;opacity:.7;display:none}.imgedit-wait:before{content:"";display:block;width:20px;height:20px;position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;background:transparent url(../images/spinner.gif) no-repeat center;background-size:20px 20px;transform:translateZ(0)}.no-float{float:none}.imgedit-settings .disabled,.media-disabled{color:#a7aaad}.A1B1{overflow:hidden}.A1B1 .button,.wp_attachment_image .button{float:left}.no-js .wp_attachment_image .button{display:none}.A1B1 .spinner,.wp_attachment_image .spinner{float:left}.imgedit-menu{margin:0 0 12px}.imgedit-menu .note-no-rotate{clear:both;margin:0;padding:1em 0 0}.image-editor .imgedit-menu .button{display:inline-block;width:auto;min-height:28px;font-size:13px;line-height:2;margin:0 8px 8px 0;padding:0 10px}.imgedit-menu .button:before{font:normal 16px/1 dashicons;margin-right:8px;speak:never;vertical-align:middle;position:relative;top:-2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.imgedit-menu .button.disabled{color:#a7aaad;border-color:#dcdcde;background:#f6f7f7;box-shadow:none;text-shadow:0 1px 0 #fff;cursor:default;transform:none}.imgedit-crop:before{content:"\f165"}.imgedit-rleft:before{content:"\f166"}.imgedit-rright:before{content:"\f167"}.imgedit-flipv:before{content:"\f168"}.imgedit-fliph:before{content:"\f169"}.imgedit-undo:before{content:"\f171"}.imgedit-redo:before{content:"\f172"}.imgedit-crop-wrap{position:relative}.imgedit-crop-wrap img{background-image:linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:0 0,10px 10px;background-size:20px 20px}.imgedit-crop{margin:0 8px 0 0}.imgedit-rleft{margin:0 3px}.imgedit-rright{margin:0 8px 0 3px}.imgedit-flipv{margin:0 3px}.imgedit-fliph{margin:0 8px 0 3px}.imgedit-undo{margin:0 3px}.imgedit-redo{margin:0 8px 0 3px}.imgedit-thumbnail-preview{margin:10px 8px 0 0}.imgedit-thumbnail-preview-caption{display:block}#poststuff .imgedit-group-top h2{display:inline-block;margin:0;padding:0;font-size:14px;line-height:1.4}#poststuff .imgedit-group-top .button-link{text-decoration:none;color:#1d2327}.imgedit-applyto .imgedit-label{display:block;padding:.5em 0 0}.imgedit-help{display:none;padding-bottom:8px}.imgedit-help.imgedit-restore{padding-bottom:0}.image-editor .imgedit-settings .imgedit-help-toggle,.image-editor .imgedit-settings .imgedit-help-toggle:active,.image-editor .imgedit-settings .imgedit-help-toggle:hover{border:1px solid transparent;margin:-1px 0 0 -1px;padding:0;background:0 0;color:#2271b1;font-size:20px;line-height:1;cursor:pointer;box-sizing:content-box;box-shadow:none}.image-editor .imgedit-settings .imgedit-help-toggle:focus{color:#2271b1;border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8);outline:2px solid transparent}.form-table td.imgedit-response{padding:0}.imgedit-submit{margin:8px 0 0}.imgedit-submit-btn{margin-left:20px}.imgedit-wrap .nowrap{white-space:nowrap;font-size:12px;line-height:inherit}span.imgedit-scale-warn{color:#d63638;font-size:20px;font-style:normal;visibility:hidden;vertical-align:middle}.imgedit-save-target{margin:8px 0}.imgedit-save-target legend{font-weight:600}.imgedit-group{margin-bottom:8px;padding:10px}.imgedit-settings .imgedit-original-dimensions{display:inline-block}.imgedit-settings .imgedit-crop-ratio input[type=text],.imgedit-settings .imgedit-crop-sel input[type=text],.imgedit-settings .imgedit-scale input[type=text]{width:80px;font-size:14px;padding:0 8px}.imgedit-separator{display:inline-block;width:7px;text-align:center;font-size:13px;color:#3c434a}.imgedit-settings .imgedit-scale-button-wrapper{margin-top:.3077em;display:block}.imgedit-settings .imgedit-scale .button{margin-bottom:0}audio,video{display:inline-block;max-width:100%}.wp-core-ui .mejs-container{width:100%;max-width:100%}.wp-core-ui .mejs-container *{box-sizing:border-box}.wp-core-ui .mejs-time{box-sizing:content-box}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.imgedit-wait:before{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){.wp_attachment_details label[for=content]{font-size:14px;line-height:1.5}.media-upload-form .media-item .error,.media-upload-form .media-item.error{font-size:13px;line-height:1.5}.media-upload-form .media-item.error{padding:1px 10px}.media-upload-form .media-item .error{padding:10px 0 10px 12px}.imgedit-settings .imgedit-crop-ratio input[type=text],.imgedit-settings .imgedit-crop-sel input[type=text],.imgedit-settings .imgedit-scale input[type=text]{font-size:16px;padding:6px 10px}.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,.wp_attachment_holder .imgedit-wrap .imgedit-settings{float:none;width:auto;max-width:none;padding-bottom:16px}.copy-to-clipboard-container .success{font-size:14px}.imgedit-crop-wrap img{width:100%}.media-modal .imgedit-wrap .imgedit-panel-content,.media-modal .imgedit-wrap .imgedit-settings{position:initial!important}.media-modal .imgedit-wrap .imgedit-settings{box-sizing:border-box;width:100%!important}.imgedit-settings .imgedit-scale-button-wrapper{display:inline-block}}@media only screen and (max-width:600px){.media-item-wrapper{grid-template-columns:1fr}}@media only screen and (max-width:1120px){#wp-media-grid .wp-filter .attachment-filters{max-width:100%}}@media only screen and (max-width:782px){.media-frame.mode-select .attachments-browser.fixed .media-toolbar{top:46px;right:10px}}@media only screen and (max-width:600px){.media-frame.mode-select .attachments-browser.fixed .media-toolbar{top:0}}@media only screen and (max-width:480px){.edit-attachment-frame .media-frame-title{right:110px}.edit-attachment-frame .edit-media-header .left,.edit-attachment-frame .edit-media-header .right,.upload-php .media-modal-close{width:40px;height:40px}.edit-attachment-frame .edit-media-header .left:before,.edit-attachment-frame .edit-media-header .right:before{line-height:40px!important}.edit-attachment-frame .edit-media-header .left{right:82px}.edit-attachment-frame .edit-media-header .right{right:41px}.edit-attachment-frame .media-frame-content{top:40px}.edit-attachment-frame .attachment-media-view{float:none;height:auto;width:100%}.edit-attachment-frame .attachment-info{height:auto;width:100%}}@media only screen and (max-width:640px),screen and (max-height:400px){.upload-php .mode-grid .media-sidebar{max-width:100%}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/nav-menus-rtl.css b/tools/storybook/wordpress/css/nav-menus-rtl.css
new file mode 100644
index 00000000000..05087e828e1
--- /dev/null
+++ b/tools/storybook/wordpress/css/nav-menus-rtl.css
@@ -0,0 +1,1027 @@
+/*! This file is auto-generated */
+/* nav-menu */
+
+/* @todo: determine if this is truly for nav menus only */
+.no-js #message {
+	display: block;
+}
+
+ul.add-menu-item-tabs li {
+	padding: 3px 8px 4px 5px;
+}
+
+.accordion-section ul.category-tabs,
+.accordion-section ul.add-menu-item-tabs,
+.accordion-section ul.wp-tab-bar {
+	margin: 0;
+}
+
+.accordion-section .categorychecklist {
+	margin: 13px 0;
+}
+
+#nav-menu-meta .accordion-section-content {
+	padding: 18px 13px;
+}
+
+#nav-menu-meta .button-controls {
+	margin-bottom: 0;
+}
+
+.has-no-menu-item .button-controls {
+	display: none;
+}
+
+#nav-menus-frame {
+	margin-right: 300px;
+	margin-top: 23px;
+}
+
+#wpbody-content #menu-settings-column {
+	display: inline;
+	width: 281px;
+	margin-right: -300px;
+	clear: both;
+	float: right;
+	padding-top: 0;
+}
+
+#menu-settings-column .inside {
+	clear: both;
+	margin: 10px 0 0;
+}
+
+.metabox-holder-disabled .postbox,
+.metabox-holder-disabled .accordion-section-content,
+.metabox-holder-disabled .accordion-section-title {
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+}
+
+.metabox-holder-disabled .button-controls .select-all {
+	display: none;
+}
+
+#wpbody {
+	position: relative;
+}
+
+.is-submenu {
+	color: #50575e; /* #fafafa background */
+	font-style: italic;
+	font-weight: 400;
+	margin-right: 4px;
+}
+
+.manage-menus {
+	margin-top: 23px;
+	padding: 10px;
+	overflow: hidden;
+	background: #fff;
+}
+
+.manage-menus .selected-menu,
+.manage-menus select,
+.manage-menus .submit-btn,
+.nav-menus-php .add-new-menu-action {
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: middle;
+}
+
+.manage-menus select,
+.menu-location-menus select {
+	max-width: 100%;
+}
+
+.menu-edit #post-body-content h3 {
+	margin: 1em 0 10px;
+}
+
+#nav-menu-bulk-actions-top {
+	margin: 1em 0;
+}
+
+#nav-menu-bulk-actions-bottom {
+	margin: 1em 0;
+	margin: calc( 1em + 9px ) 0 ; 
+}
+
+.bulk-actions input.button {
+	margin-left: 12px;
+}
+
+.bulk-select-button {
+	position: relative;
+	display: inline-block;
+	padding: 0 10px;
+	font-size: 13px;
+	line-height: 2.15384615;
+	height: auto;
+	min-height: 30px;
+	background: #f6f7f7;
+	vertical-align: top;
+	border: 1px solid #dcdcde;
+	margin: 0;
+	cursor: pointer;
+	border-radius: 3px;
+	white-space: nowrap;
+	box-sizing: border-box;
+}
+
+.bulk-selection .bulk-select-button {
+	color: #2271b1;
+	border-color: #2271b1;
+	background: #f6f7f7;
+	vertical-align: top;
+}
+
+#pending-menu-items-to-delete {
+	display: none;
+}
+
+.bulk-selection #pending-menu-items-to-delete {
+	display: block;
+	margin-top: 1em;
+}
+
+#pending-menu-items-to-delete p {
+	margin-bottom: 0;
+}
+
+#pending-menu-items-to-delete ul {
+	margin-top: 0;
+	list-style: none;
+}
+
+#pending-menu-items-to-delete ul li {
+	display: inline;
+}
+
+input.bulk-select-switcher + .bulk-select-button-label {
+	vertical-align: inherit;
+}
+
+label.bulk-select-button:hover,
+label.bulk-select-button:active,
+label.bulk-select-button:focus-within {
+	background: #f0f0f1;
+	border-color: #0a4b78;
+	color: #0a4b78;
+}
+
+input.bulk-select-switcher:focus + .bulk-select-button-label{
+	color: #0a4b78;
+}
+
+.bulk-actions input.menu-items-delete {
+	-webkit-appearance: none;
+	appearance: none;
+	font-size: inherit;
+	border: 0;
+	line-height: 2.1em;
+	background: none;
+	cursor: pointer;
+	text-decoration: underline;
+	color: #b32d2e;
+}
+
+.bulk-actions input.menu-items-delete:hover {
+	color: #b32d2e;
+	border: none;
+}
+
+.bulk-actions input.menu-items-delete.disabled {
+	cursor: default;
+	color: #a7aaad;
+	box-shadow: none;
+}
+
+.menu-settings {
+	border-top: 1px solid #f0f0f1;
+	margin-top: 2em;
+}
+
+.menu-settings-group {
+	margin: 0 0 10px;
+	overflow: hidden;
+	padding-right: 20%;
+}
+
+.menu-settings-group:last-of-type {
+	margin-bottom: 0;
+}
+
+.menu-settings-input {
+	float: right;
+	margin: 0;
+	width: 100%;
+}
+
+.menu-settings-group-name {
+	float: right;
+	clear: both;
+	width: 25%;
+	padding: 3px 0 0;
+	margin-right: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
+}
+
+.menu-settings label {
+	vertical-align: baseline;
+}
+
+.menu-edit .checkbox-input {
+	margin-top: 4px;
+}
+
+.theme-location-set {
+	color: #646970;
+	font-size: 11px;
+}
+
+/* Menu Container */
+
+/* @todo: responsive view. */
+#menu-management-liquid {
+	float: right;
+	min-width: 100%;
+	margin-top: 3px;
+}
+
+/* @todo: responsive view. */
+#menu-management {
+	position: relative;
+	margin-left: 20px;
+	margin-top: -3px;
+	width: 100%;
+}
+
+#menu-management .menu-edit {
+	margin-bottom: 20px;
+}
+
+.nav-menus-php #post-body {
+	padding: 0 10px;
+	border-top: 1px solid #fff;
+	border-bottom: 1px solid #dcdcde;
+	background: #fff;
+}
+
+#nav-menu-header,
+#nav-menu-footer {
+	padding: 0 10px;
+	background: #f6f7f7;
+}
+
+#nav-menu-header {
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 0;
+}
+
+#nav-menu-header .menu-name-label {
+	display: inline-block;
+	vertical-align: middle;
+	margin-left: 7px;
+}
+
+.nav-menus-php #post-body div.updated,
+.nav-menus-php #post-body div.error {
+	margin: 0;
+}
+
+.nav-menus-php #post-body-content {
+	position: relative;
+	float: none;
+}
+
+.nav-menus-php #post-body-content .post-body-plain {
+	margin-bottom: 0;
+}
+
+#menu-management .menu-add-new abbr {
+	font-weight: 600;
+}
+
+#select-nav-menu-container {
+	text-align: left;
+	padding: 0 10px 3px;
+	margin-bottom: 5px;
+}
+
+#select-nav-menu {
+	width: 100px;
+	display: inline;
+}
+
+#menu-name-label {
+	margin-top: -2px;
+}
+
+.widefat .menu-locations .menu-location-title {
+	padding: 13px 10px 0;
+}
+
+.menu-location-title label {
+	font-weight: 600;
+}
+
+.menu-location-menus select {
+	float: right;
+}
+
+#locations-nav-menu-wrapper {
+	padding: 5px 0;
+}
+
+.locations-nav-menu-select select {
+	float: right;
+	width: 160px;
+	margin-left: 5px;
+}
+
+.locations-row-links {
+	float: right;
+	margin: 6px 6px 0 0;
+}
+
+.locations-edit-menu-link,
+.locations-add-menu-link {
+	margin: 0 3px;
+}
+
+.locations-edit-menu-link {
+	padding-left: 3px;
+	border-left: 1px solid #c3c4c7;
+}
+
+#menu-management .inside {
+	padding: 0 10px;
+}
+
+/* Add Menu Item Boxes */
+.postbox .howto input,
+.customlinkdiv .menu-item-textbox {
+	width: 180px;
+	float: left;
+}
+
+.accordion-container .outer-border {
+	margin: 0;
+}
+
+.customlinkdiv p {
+	margin-top: 0
+}
+
+#nav-menu-theme-locations .howto select {
+	width: 100%;
+}
+
+#nav-menu-theme-locations .button-controls {
+	text-align: left;
+}
+
+.add-menu-item-view-all {
+	height: 400px;
+}
+
+/* Button Primary Actions */
+#menu-container .submit {
+	margin: 0 0 10px;
+	padding: 0;
+}
+
+/* @todo: is this actually used? */
+#cancel-save {
+	text-decoration: underline;
+	font-size: 12px;
+	margin-right: 20px;
+	margin-top: 5px;
+}
+
+.button.right, .button-secondary.right, .button-primary.right {
+	float: left;
+}
+
+/* Button Secondary Actions */
+.list-controls {
+	float: right;
+	margin-top: 5px;
+}
+
+.add-to-menu {
+	float: left;
+}
+
+.button-controls {
+	clear: both;
+	margin: 10px 0;
+}
+
+.show-all,
+.hide-all {
+	cursor: pointer;
+}
+
+.hide-all {
+	display: none;
+}
+
+/* Create Menu */
+#menu-name {
+	width: 270px;
+	vertical-align: middle;
+}
+
+#manage-menu .inside {
+	padding: 0;
+}
+
+/* Custom Links */
+#available-links dt {
+	display: block;
+}
+
+#add-custom-link .howto {
+	font-size: 12px;
+}
+
+#add-custom-link label span {
+	display: block;
+	float: right;
+	margin-top: 5px;
+	padding-left: 5px;
+}
+
+.menu-item-textbox {
+	width: 180px;
+}
+
+.customlinkdiv label,
+.nav-menus-php .howto span {
+	float: right;
+	margin-top: 6px;
+}
+
+/* Menu item types */
+.quick-search {
+	width: 190px;
+}
+
+.quick-search-wrap .spinner {
+	float: none;
+	margin: -3px 0 0 -10px;
+}
+
+.nav-menus-php .list-wrap {
+	display: none;
+	clear: both;
+	margin-bottom: 10px;
+}
+
+.nav-menus-php .postbox p.submit {
+	margin-bottom: 0;
+}
+
+/* Listings */
+.nav-menus-php .list li {
+	display: none;
+	margin: 0 0 5px;
+}
+
+.nav-menus-php .list li .menu-item-title {
+	cursor: pointer;
+	display: block;
+}
+
+.nav-menus-php .list li .menu-item-title input {
+	margin-left: 3px;
+	margin-top: -3px;
+}
+
+.menu-item-title input[type=checkbox] {
+	display: inline-block;
+	margin-top: -4px;
+}
+
+.menu-item-title .post-state {
+	font-weight: 600;
+}
+
+/* Nav Menu */
+#menu-container .inside {
+	padding-bottom: 10px;
+}
+
+.menu {
+	padding-top: 1em;
+}
+
+#menu-to-edit {
+	margin: 0;
+	padding: 0.1em 0;
+}
+
+.menu ul {
+	width: 100%;
+}
+
+.menu li {
+	margin-bottom: 0;
+	position: relative;
+}
+
+.menu-item-bar {
+	clear: both;
+	line-height: 1.5;
+	position: relative;
+	margin: 9px 0 0;
+}
+
+.menu-item-bar .menu-item-handle {
+	border: 1px solid #dcdcde;
+	position: relative;
+	padding: 10px 15px;
+	height: auto;
+	min-height: 20px;
+	max-width: 382px;
+	line-height: 2.30769230;
+	overflow: hidden;
+	word-wrap: break-word;
+}
+
+.menu-item-bar .menu-item-handle:hover {
+	border-color: #8c8f94;
+}
+
+#menu-to-edit .menu-item-invalid .menu-item-handle {
+	background: #fcf0f1;
+	border-color: #d63638;
+}
+
+.no-js .menu-item-edit-active .item-edit {
+	display: none;
+}
+
+.js .menu-item-handle {
+	cursor: move;
+}
+
+.menu li.deleting .menu-item-handle {
+	background-image: none;
+	background-color: #f86368;
+}
+
+.menu-item-handle .item-title {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.53846153;
+	display: block;
+	/* @todo: responsive view. */
+	margin-left: 13em;
+}
+
+.menu-item-handle .menu-item-checkbox {
+	display: none;
+}
+
+.bulk-selection .menu-item-handle .menu-item-checkbox {
+	display: inline-block;
+	margin-left: 6px;
+}
+
+.menu-item-handle .menu-item-title.no-title {
+	color: #646970;
+}
+
+/* Sortables */
+li.menu-item.ui-sortable-helper .menu-item-bar {
+	margin-top: 0;
+}
+
+li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
+	margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
+}
+
+.menu .sortable-placeholder {
+	height: 35px;
+	width: 410px;
+	margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
+}
+
+/* Hide the transport list when it's empty */
+.menu-item .menu-item-transport:empty {
+	display: none;
+}
+
+/* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
+.menu-item-depth-0 { margin-right: 0; }
+.menu-item-depth-1 { margin-right: 30px; }
+.menu-item-depth-2 { margin-right: 60px; }
+.menu-item-depth-3 { margin-right: 90px; }
+.menu-item-depth-4 { margin-right: 120px; }
+.menu-item-depth-5 { margin-right: 150px; }
+.menu-item-depth-6 { margin-right: 180px; }
+.menu-item-depth-7 { margin-right: 210px; }
+.menu-item-depth-8 { margin-right: 240px; }
+.menu-item-depth-9 { margin-right: 270px; }
+.menu-item-depth-10 { margin-right: 300px; }
+.menu-item-depth-11 { margin-right: 330px; }
+
+.menu-item-depth-0 .menu-item-transport { margin-right: 0; }
+.menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
+.menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
+.menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
+.menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
+.menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
+.menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
+.menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
+.menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
+.menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
+.menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
+.menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
+
+body.menu-max-depth-0 { min-width: 950px !important; }
+body.menu-max-depth-1 { min-width: 980px !important; }
+body.menu-max-depth-2 { min-width: 1010px !important; }
+body.menu-max-depth-3 { min-width: 1040px !important; }
+body.menu-max-depth-4 { min-width: 1070px !important; }
+body.menu-max-depth-5 { min-width: 1100px !important; }
+body.menu-max-depth-6 { min-width: 1130px !important; }
+body.menu-max-depth-7 { min-width: 1160px !important; }
+body.menu-max-depth-8 { min-width: 1190px !important; }
+body.menu-max-depth-9 { min-width: 1220px !important; }
+body.menu-max-depth-10 { min-width: 1250px !important; }
+body.menu-max-depth-11 { min-width: 1280px !important; }
+
+/* Menu item controls */
+.item-type {
+	display: inline-block;
+	padding: 12px 16px;
+	color: #646970;
+	font-size: 12px;
+	line-height: 1.5;
+}
+
+.item-controls {
+	font-size: 12px;
+	position: absolute;
+	left: 20px;
+	top: -1px;
+}
+
+.item-controls a {
+	text-decoration: none;
+}
+
+.item-controls a:hover {
+	cursor: pointer;
+}
+
+.item-controls .item-order {
+	padding-left: 10px;
+}
+
+.nav-menus-php .item-edit {
+	position: absolute;
+	left: -20px;
+	top: 0;
+	display: block;
+	width: 30px;
+	height: 40px;
+	outline: none;
+}
+
+.no-js.nav-menus-php .item-edit {
+	position: static;
+	float: left;
+	width: auto;
+	height: auto;
+	margin: 12px 0 12px -10px;
+	padding: 0;
+	color: #2271b1;
+	text-decoration: underline;
+	font-size: 12px;
+	line-height: 1.5;
+}
+
+.no-js.nav-menus-php .item-edit .screen-reader-text {
+	position: static;
+	-webkit-clip-path: none;
+	clip-path: none;
+	width: auto;
+	height: auto;
+	margin: 0;
+}
+
+.nav-menus-php .item-edit:before {
+	margin-top: 10px;
+	margin-right: 4px;
+	width: 20px;
+	border-radius: 50%;
+	text-indent: -1px; /* account for the dashicon alignment */
+}
+
+.no-js.nav-menus-php .item-edit:before {
+	display: none;
+}
+
+.rtl .nav-menus-php .item-edit:before {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
+.js.nav-menus-php .item-edit:focus {
+	box-shadow: none;
+}
+
+.nav-menus-php .item-edit:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+/* Menu editing */
+.menu-instructions-inactive {
+	display: none;
+}
+
+.menu-item-settings {
+	display: block;
+	max-width: 392px;
+	padding: 10px;
+	position: relative;
+	z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.menu-item-settings .field-move {
+	margin: 3px 0 5px;
+	line-height: 1.5;
+}
+
+.field-move-visual-label {
+	float: right;
+	margin-left: 4px;
+}
+
+.menu-item-settings .field-move .button-link {
+	display: none;
+	margin: 0 2px;
+}
+
+.menu-item-edit-active .menu-item-settings {
+	display: block;
+}
+
+.menu-item-edit-inactive .menu-item-settings {
+	display: none;
+}
+
+.add-menu-item-pagelinks {
+	margin: .5em -10px;
+	text-align: center;
+}
+
+.add-menu-item-pagelinks .page-numbers {
+	display: inline-block;
+	min-width: 20px;
+}
+
+.add-menu-item-pagelinks .page-numbers.dots {
+	min-width: 0;
+}
+
+.link-to-original {
+	display: block;
+	margin: 0 0 15px;
+	padding: 3px 5px 5px;
+	border: 1px solid #dcdcde;
+	color: #646970;
+	font-size: 12px;
+}
+
+.link-to-original a {
+	padding-right: 4px;
+	font-style: normal;
+}
+
+.hidden-field {
+	display: none;
+}
+
+.menu-item-settings .description-thin,
+.menu-item-settings .description-wide {
+	margin-left: 10px;
+	float: right;
+}
+
+.description-thin {
+	width: calc(50% - 5px);
+}
+
+.menu-item-settings .description-thin + .description-thin {
+	margin-left: 0;
+}
+
+.description-wide {
+	width: 100%;
+}
+
+.menu-item-actions {
+	padding-top: 15px;
+	padding-bottom: 7px;
+}
+
+#cancel-save {
+	cursor: pointer;
+}
+
+/* Major/minor publishing actions (classes) */
+.nav-menus-php .major-publishing-actions {
+	clear: both;
+	padding: 10px 0;
+	line-height: 2.15384615;
+}
+
+.nav-menus-php .major-publishing-actions .publishing-action {
+	text-align: left;
+	float: left;
+}
+
+/* Same as the Publish Meta Box #delete-action */
+.nav-menus-php .delete-action {
+	float: right;
+	line-height: 2.1;
+}
+
+.nav-menus-php .major-publishing-actions .form-invalid {
+	padding-right: 4px;
+	margin-right: -4px;
+}
+
+#nav-menus-frame,
+.button-controls,
+#menu-item-url-wrap,
+#menu-item-name-wrap {
+	display: block;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (min-width: 769px) and (max-width: 1000px) {
+	body.menu-max-depth-0 {
+		min-width: 0 !important;
+	}
+
+	#menu-management-liquid {
+		width: 100%;
+	}
+
+	.nav-menus-php #post-body-content {
+		min-width: 0;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	body.nav-menus-php,
+	body.wp-customizer {
+		min-width: 0 !important;
+	}
+
+	#nav-menus-frame {
+		margin-right: 0;
+		float: none;
+		width: 100%;
+	}
+
+	#wpbody-content #menu-settings-column {
+		display: block;
+		width: 100%;
+		float: none;
+		margin-right: 0;
+	}
+
+	#side-sortables .add-menu-item-tabs {
+		margin: 15px 0 14px;
+	}
+
+	ul.add-menu-item-tabs li.tabs {
+		padding: 13px 15px 14px;
+	}
+
+	.nav-menus-php .customlinkdiv .howto input {
+		width: 65%;
+	}
+
+	.nav-menus-php .quick-search {
+		width: 85%;
+	}
+
+	#menu-management-liquid {
+		margin-top: 25px;
+	}
+
+	.nav-menus-php .menu-name-label.howto span {
+		margin-top: 13px
+	}
+
+	#menu-name {
+		width: 100%;
+	}
+
+	.nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
+		padding-top: 1em;
+	}
+
+	.nav-menus-php .delete-action {
+		font-size: 14px;
+		line-height: 2.14285714;
+	}
+
+	.menu-item-bar .menu-item-handle,
+	.menu-item-settings,
+	.description-wide {
+		width: auto;
+	}
+
+	.menu-item-settings {
+		padding: 10px;
+	}
+
+	.menu-item-settings .description-thin,
+	.menu-item-settings .description-wide {
+		width: 100%;
+	}
+
+	.menu-item-settings input {
+		width: 100%;
+	}
+
+	.menu-item-settings input[type="checkbox"],
+	.menu-item-settings input[type="radio"] {
+		width: 25px;
+	}
+
+	.menu-settings-group {
+		padding-right: 0;
+		overflow: visible;
+	}
+
+	.menu-settings-group-name {
+		float: none;
+		width: auto;
+		margin-right: 0;
+		margin-bottom: 15px;
+	}
+
+	.menu-settings-input {
+		float: none;
+		margin-bottom: 15px;
+	}
+
+	.menu-edit .checkbox-input {
+		margin-top: 0;
+	}
+
+	.manage-menus select {
+		margin: 0.5em 0;
+	}
+
+	.wp-core-ui .manage-menus .button {
+		margin-bottom: 0;
+	}
+
+	.widefat .menu-locations .menu-location-title {
+		padding-top: 16px;
+	}
+}
+
+@media only screen and (min-width: 783px) {
+    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
+		
+		#nav-menu-footer {
+                position: sticky;
+				bottom: 0;
+				z-index: 10;
+				box-shadow: 0 -1px 0 0 #ddd;
+        }
+
+        #save_menu_header {
+                display: none;
+        }
+    }
+}
+
+@media only screen and (max-width: 768px) {
+	/* menu locations */
+	#menu-locations-wrap .widefat {
+		width: 100%;
+	}
+
+	.bulk-select-button {
+		padding: 5px 10px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/nav-menus-rtl.min.css b/tools/storybook/wordpress/css/nav-menus-rtl.min.css
new file mode 100644
index 00000000000..eaf7300e355
--- /dev/null
+++ b/tools/storybook/wordpress/css/nav-menus-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.no-js #message{display:block}ul.add-menu-item-tabs li{padding:3px 8px 4px 5px}.accordion-section ul.add-menu-item-tabs,.accordion-section ul.category-tabs,.accordion-section ul.wp-tab-bar{margin:0}.accordion-section .categorychecklist{margin:13px 0}#nav-menu-meta .accordion-section-content{padding:18px 13px}#nav-menu-meta .button-controls{margin-bottom:0}.has-no-menu-item .button-controls{display:none}#nav-menus-frame{margin-right:300px;margin-top:23px}#wpbody-content #menu-settings-column{display:inline;width:281px;margin-right:-300px;clear:both;float:right;padding-top:0}#menu-settings-column .inside{clear:both;margin:10px 0 0}.metabox-holder-disabled .accordion-section-content,.metabox-holder-disabled .accordion-section-title,.metabox-holder-disabled .postbox{opacity:.5}.metabox-holder-disabled .button-controls .select-all{display:none}#wpbody{position:relative}.is-submenu{color:#50575e;font-style:italic;font-weight:400;margin-right:4px}.manage-menus{margin-top:23px;padding:10px;overflow:hidden;background:#fff}.manage-menus .selected-menu,.manage-menus .submit-btn,.manage-menus select,.nav-menus-php .add-new-menu-action{display:inline-block;margin-left:3px;vertical-align:middle}.manage-menus select,.menu-location-menus select{max-width:100%}.menu-edit #post-body-content h3{margin:1em 0 10px}#nav-menu-bulk-actions-top{margin:1em 0}#nav-menu-bulk-actions-bottom{margin:1em 0;margin:calc(1em + 9px) 0}.bulk-actions input.button{margin-left:12px}.bulk-select-button{position:relative;display:inline-block;padding:0 10px;font-size:13px;line-height:2.15384615;height:auto;min-height:30px;background:#f6f7f7;vertical-align:top;border:1px solid #dcdcde;margin:0;cursor:pointer;border-radius:3px;white-space:nowrap;box-sizing:border-box}.bulk-selection .bulk-select-button{color:#2271b1;border-color:#2271b1;background:#f6f7f7;vertical-align:top}#pending-menu-items-to-delete{display:none}.bulk-selection #pending-menu-items-to-delete{display:block;margin-top:1em}#pending-menu-items-to-delete p{margin-bottom:0}#pending-menu-items-to-delete ul{margin-top:0;list-style:none}#pending-menu-items-to-delete ul li{display:inline}input.bulk-select-switcher+.bulk-select-button-label{vertical-align:inherit}label.bulk-select-button:active,label.bulk-select-button:focus-within,label.bulk-select-button:hover{background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}input.bulk-select-switcher:focus+.bulk-select-button-label{color:#0a4b78}.bulk-actions input.menu-items-delete{-webkit-appearance:none;appearance:none;font-size:inherit;border:0;line-height:2.1em;background:0 0;cursor:pointer;text-decoration:underline;color:#b32d2e}.bulk-actions input.menu-items-delete:hover{color:#b32d2e;border:none}.bulk-actions input.menu-items-delete.disabled{cursor:default;color:#a7aaad;box-shadow:none}.menu-settings{border-top:1px solid #f0f0f1;margin-top:2em}.menu-settings-group{margin:0 0 10px;overflow:hidden;padding-right:20%}.menu-settings-group:last-of-type{margin-bottom:0}.menu-settings-input{float:right;margin:0;width:100%}.menu-settings-group-name{float:right;clear:both;width:25%;padding:3px 0 0;margin-right:-25%}.menu-settings label{vertical-align:baseline}.menu-edit .checkbox-input{margin-top:4px}.theme-location-set{color:#646970;font-size:11px}#menu-management-liquid{float:right;min-width:100%;margin-top:3px}#menu-management{position:relative;margin-left:20px;margin-top:-3px;width:100%}#menu-management .menu-edit{margin-bottom:20px}.nav-menus-php #post-body{padding:0 10px;border-top:1px solid #fff;border-bottom:1px solid #dcdcde;background:#fff}#nav-menu-footer,#nav-menu-header{padding:0 10px;background:#f6f7f7}#nav-menu-header{border-bottom:1px solid #dcdcde;margin-bottom:0}#nav-menu-header .menu-name-label{display:inline-block;vertical-align:middle;margin-left:7px}.nav-menus-php #post-body div.error,.nav-menus-php #post-body div.updated{margin:0}.nav-menus-php #post-body-content{position:relative;float:none}.nav-menus-php #post-body-content .post-body-plain{margin-bottom:0}#menu-management .menu-add-new abbr{font-weight:600}#select-nav-menu-container{text-align:left;padding:0 10px 3px;margin-bottom:5px}#select-nav-menu{width:100px;display:inline}#menu-name-label{margin-top:-2px}.widefat .menu-locations .menu-location-title{padding:13px 10px 0}.menu-location-title label{font-weight:600}.menu-location-menus select{float:right}#locations-nav-menu-wrapper{padding:5px 0}.locations-nav-menu-select select{float:right;width:160px;margin-left:5px}.locations-row-links{float:right;margin:6px 6px 0 0}.locations-add-menu-link,.locations-edit-menu-link{margin:0 3px}.locations-edit-menu-link{padding-left:3px;border-left:1px solid #c3c4c7}#menu-management .inside{padding:0 10px}.customlinkdiv .menu-item-textbox,.postbox .howto input{width:180px;float:left}.accordion-container .outer-border{margin:0}.customlinkdiv p{margin-top:0}#nav-menu-theme-locations .howto select{width:100%}#nav-menu-theme-locations .button-controls{text-align:left}.add-menu-item-view-all{height:400px}#menu-container .submit{margin:0 0 10px;padding:0}#cancel-save{text-decoration:underline;font-size:12px;margin-right:20px;margin-top:5px}.button-primary.right,.button-secondary.right,.button.right{float:left}.list-controls{float:right;margin-top:5px}.add-to-menu{float:left}.button-controls{clear:both;margin:10px 0}.hide-all,.show-all{cursor:pointer}.hide-all{display:none}#menu-name{width:270px;vertical-align:middle}#manage-menu .inside{padding:0}#available-links dt{display:block}#add-custom-link .howto{font-size:12px}#add-custom-link label span{display:block;float:right;margin-top:5px;padding-left:5px}.menu-item-textbox{width:180px}.customlinkdiv label,.nav-menus-php .howto span{float:right;margin-top:6px}.quick-search{width:190px}.quick-search-wrap .spinner{float:none;margin:-3px 0 0 -10px}.nav-menus-php .list-wrap{display:none;clear:both;margin-bottom:10px}.nav-menus-php .postbox p.submit{margin-bottom:0}.nav-menus-php .list li{display:none;margin:0 0 5px}.nav-menus-php .list li .menu-item-title{cursor:pointer;display:block}.nav-menus-php .list li .menu-item-title input{margin-left:3px;margin-top:-3px}.menu-item-title input[type=checkbox]{display:inline-block;margin-top:-4px}.menu-item-title .post-state{font-weight:600}#menu-container .inside{padding-bottom:10px}.menu{padding-top:1em}#menu-to-edit{margin:0;padding:.1em 0}.menu ul{width:100%}.menu li{margin-bottom:0;position:relative}.menu-item-bar{clear:both;line-height:1.5;position:relative;margin:9px 0 0}.menu-item-bar .menu-item-handle{border:1px solid #dcdcde;position:relative;padding:10px 15px;height:auto;min-height:20px;max-width:382px;line-height:2.30769230;overflow:hidden;word-wrap:break-word}.menu-item-bar .menu-item-handle:hover{border-color:#8c8f94}#menu-to-edit .menu-item-invalid .menu-item-handle{background:#fcf0f1;border-color:#d63638}.no-js .menu-item-edit-active .item-edit{display:none}.js .menu-item-handle{cursor:move}.menu li.deleting .menu-item-handle{background-image:none;background-color:#f86368}.menu-item-handle .item-title{font-size:13px;font-weight:600;line-height:1.53846153;display:block;margin-left:13em}.menu-item-handle .menu-item-checkbox{display:none}.bulk-selection .menu-item-handle .menu-item-checkbox{display:inline-block;margin-left:6px}.menu-item-handle .menu-item-title.no-title{color:#646970}li.menu-item.ui-sortable-helper .menu-item-bar{margin-top:0}li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar{margin-top:9px}.menu .sortable-placeholder{height:35px;width:410px;margin-top:9px}.menu-item .menu-item-transport:empty{display:none}.menu-item-depth-0{margin-right:0}.menu-item-depth-1{margin-right:30px}.menu-item-depth-2{margin-right:60px}.menu-item-depth-3{margin-right:90px}.menu-item-depth-4{margin-right:120px}.menu-item-depth-5{margin-right:150px}.menu-item-depth-6{margin-right:180px}.menu-item-depth-7{margin-right:210px}.menu-item-depth-8{margin-right:240px}.menu-item-depth-9{margin-right:270px}.menu-item-depth-10{margin-right:300px}.menu-item-depth-11{margin-right:330px}.menu-item-depth-0 .menu-item-transport{margin-right:0}.menu-item-depth-1 .menu-item-transport{margin-right:-30px}.menu-item-depth-2 .menu-item-transport{margin-right:-60px}.menu-item-depth-3 .menu-item-transport{margin-right:-90px}.menu-item-depth-4 .menu-item-transport{margin-right:-120px}.menu-item-depth-5 .menu-item-transport{margin-right:-150px}.menu-item-depth-6 .menu-item-transport{margin-right:-180px}.menu-item-depth-7 .menu-item-transport{margin-right:-210px}.menu-item-depth-8 .menu-item-transport{margin-right:-240px}.menu-item-depth-9 .menu-item-transport{margin-right:-270px}.menu-item-depth-10 .menu-item-transport{margin-right:-300px}.menu-item-depth-11 .menu-item-transport{margin-right:-330px}body.menu-max-depth-0{min-width:950px!important}body.menu-max-depth-1{min-width:980px!important}body.menu-max-depth-2{min-width:1010px!important}body.menu-max-depth-3{min-width:1040px!important}body.menu-max-depth-4{min-width:1070px!important}body.menu-max-depth-5{min-width:1100px!important}body.menu-max-depth-6{min-width:1130px!important}body.menu-max-depth-7{min-width:1160px!important}body.menu-max-depth-8{min-width:1190px!important}body.menu-max-depth-9{min-width:1220px!important}body.menu-max-depth-10{min-width:1250px!important}body.menu-max-depth-11{min-width:1280px!important}.item-type{display:inline-block;padding:12px 16px;color:#646970;font-size:12px;line-height:1.5}.item-controls{font-size:12px;position:absolute;left:20px;top:-1px}.item-controls a{text-decoration:none}.item-controls a:hover{cursor:pointer}.item-controls .item-order{padding-left:10px}.nav-menus-php .item-edit{position:absolute;left:-20px;top:0;display:block;width:30px;height:40px;outline:0}.no-js.nav-menus-php .item-edit{position:static;float:left;width:auto;height:auto;margin:12px 0 12px -10px;padding:0;color:#2271b1;text-decoration:underline;font-size:12px;line-height:1.5}.no-js.nav-menus-php .item-edit .screen-reader-text{position:static;-webkit-clip-path:none;clip-path:none;width:auto;height:auto;margin:0}.nav-menus-php .item-edit:before{margin-top:10px;margin-right:4px;width:20px;border-radius:50%;text-indent:-1px}.no-js.nav-menus-php .item-edit:before{display:none}.rtl .nav-menus-php .item-edit:before{text-indent:1px}.js.nav-menus-php .item-edit:focus{box-shadow:none}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.menu-instructions-inactive{display:none}.menu-item-settings{display:block;max-width:392px;padding:10px;position:relative;z-index:10;border:1px solid #c3c4c7;border-top:none;box-shadow:0 1px 1px rgba(0,0,0,.04)}.menu-item-settings .field-move{margin:3px 0 5px;line-height:1.5}.field-move-visual-label{float:right;margin-left:4px}.menu-item-settings .field-move .button-link{display:none;margin:0 2px}.menu-item-edit-active .menu-item-settings{display:block}.menu-item-edit-inactive .menu-item-settings{display:none}.add-menu-item-pagelinks{margin:.5em -10px;text-align:center}.add-menu-item-pagelinks .page-numbers{display:inline-block;min-width:20px}.add-menu-item-pagelinks .page-numbers.dots{min-width:0}.link-to-original{display:block;margin:0 0 15px;padding:3px 5px 5px;border:1px solid #dcdcde;color:#646970;font-size:12px}.link-to-original a{padding-right:4px;font-style:normal}.hidden-field{display:none}.menu-item-settings .description-thin,.menu-item-settings .description-wide{margin-left:10px;float:right}.description-thin{width:calc(50% - 5px)}.menu-item-settings .description-thin+.description-thin{margin-left:0}.description-wide{width:100%}.menu-item-actions{padding-top:15px;padding-bottom:7px}#cancel-save{cursor:pointer}.nav-menus-php .major-publishing-actions{clear:both;padding:10px 0;line-height:2.15384615}.nav-menus-php .major-publishing-actions .publishing-action{text-align:left;float:left}.nav-menus-php .delete-action{float:right;line-height:2.1}.nav-menus-php .major-publishing-actions .form-invalid{padding-right:4px;margin-right:-4px}#menu-item-name-wrap,#menu-item-url-wrap,#nav-menus-frame,.button-controls{display:block}@media only screen and (min-width:769px) and (max-width:1000px){body.menu-max-depth-0{min-width:0!important}#menu-management-liquid{width:100%}.nav-menus-php #post-body-content{min-width:0}}@media screen and (max-width:782px){body.nav-menus-php,body.wp-customizer{min-width:0!important}#nav-menus-frame{margin-right:0;float:none;width:100%}#wpbody-content #menu-settings-column{display:block;width:100%;float:none;margin-right:0}#side-sortables .add-menu-item-tabs{margin:15px 0 14px}ul.add-menu-item-tabs li.tabs{padding:13px 15px 14px}.nav-menus-php .customlinkdiv .howto input{width:65%}.nav-menus-php .quick-search{width:85%}#menu-management-liquid{margin-top:25px}.nav-menus-php .menu-name-label.howto span{margin-top:13px}#menu-name{width:100%}.nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action{padding-top:1em}.nav-menus-php .delete-action{font-size:14px;line-height:2.14285714}.description-wide,.menu-item-bar .menu-item-handle,.menu-item-settings{width:auto}.menu-item-settings{padding:10px}.menu-item-settings .description-thin,.menu-item-settings .description-wide{width:100%}.menu-item-settings input{width:100%}.menu-item-settings input[type=checkbox],.menu-item-settings input[type=radio]{width:25px}.menu-settings-group{padding-right:0;overflow:visible}.menu-settings-group-name{float:none;width:auto;margin-right:0;margin-bottom:15px}.menu-settings-input{float:none;margin-bottom:15px}.menu-edit .checkbox-input{margin-top:0}.manage-menus select{margin:.5em 0}.wp-core-ui .manage-menus .button{margin-bottom:0}.widefat .menu-locations .menu-location-title{padding-top:16px}}@media only screen and (min-width:783px){@supports (position:sticky) and (scroll-margin-bottom:130px){#nav-menu-footer{position:sticky;bottom:0;z-index:10;box-shadow:0 -1px 0 0 #ddd}#save_menu_header{display:none}}}@media only screen and (max-width:768px){#menu-locations-wrap .widefat{width:100%}.bulk-select-button{padding:5px 10px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/nav-menus.css b/tools/storybook/wordpress/css/nav-menus.css
new file mode 100644
index 00000000000..8dfe84d1532
--- /dev/null
+++ b/tools/storybook/wordpress/css/nav-menus.css
@@ -0,0 +1,1026 @@
+/* nav-menu */
+
+/* @todo: determine if this is truly for nav menus only */
+.no-js #message {
+	display: block;
+}
+
+ul.add-menu-item-tabs li {
+	padding: 3px 5px 4px 8px;
+}
+
+.accordion-section ul.category-tabs,
+.accordion-section ul.add-menu-item-tabs,
+.accordion-section ul.wp-tab-bar {
+	margin: 0;
+}
+
+.accordion-section .categorychecklist {
+	margin: 13px 0;
+}
+
+#nav-menu-meta .accordion-section-content {
+	padding: 18px 13px;
+}
+
+#nav-menu-meta .button-controls {
+	margin-bottom: 0;
+}
+
+.has-no-menu-item .button-controls {
+	display: none;
+}
+
+#nav-menus-frame {
+	margin-left: 300px;
+	margin-top: 23px;
+}
+
+#wpbody-content #menu-settings-column {
+	display: inline;
+	width: 281px;
+	margin-left: -300px;
+	clear: both;
+	float: left;
+	padding-top: 0;
+}
+
+#menu-settings-column .inside {
+	clear: both;
+	margin: 10px 0 0;
+}
+
+.metabox-holder-disabled .postbox,
+.metabox-holder-disabled .accordion-section-content,
+.metabox-holder-disabled .accordion-section-title {
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+}
+
+.metabox-holder-disabled .button-controls .select-all {
+	display: none;
+}
+
+#wpbody {
+	position: relative;
+}
+
+.is-submenu {
+	color: #50575e; /* #fafafa background */
+	font-style: italic;
+	font-weight: 400;
+	margin-left: 4px;
+}
+
+.manage-menus {
+	margin-top: 23px;
+	padding: 10px;
+	overflow: hidden;
+	background: #fff;
+}
+
+.manage-menus .selected-menu,
+.manage-menus select,
+.manage-menus .submit-btn,
+.nav-menus-php .add-new-menu-action {
+	display: inline-block;
+	margin-right: 3px;
+	vertical-align: middle;
+}
+
+.manage-menus select,
+.menu-location-menus select {
+	max-width: 100%;
+}
+
+.menu-edit #post-body-content h3 {
+	margin: 1em 0 10px;
+}
+
+#nav-menu-bulk-actions-top {
+	margin: 1em 0;
+}
+
+#nav-menu-bulk-actions-bottom {
+	margin: 1em 0;
+	margin: calc( 1em + 9px ) 0 ; 
+}
+
+.bulk-actions input.button {
+	margin-right: 12px;
+}
+
+.bulk-select-button {
+	position: relative;
+	display: inline-block;
+	padding: 0 10px;
+	font-size: 13px;
+	line-height: 2.15384615;
+	height: auto;
+	min-height: 30px;
+	background: #f6f7f7;
+	vertical-align: top;
+	border: 1px solid #dcdcde;
+	margin: 0;
+	cursor: pointer;
+	border-radius: 3px;
+	white-space: nowrap;
+	box-sizing: border-box;
+}
+
+.bulk-selection .bulk-select-button {
+	color: #2271b1;
+	border-color: #2271b1;
+	background: #f6f7f7;
+	vertical-align: top;
+}
+
+#pending-menu-items-to-delete {
+	display: none;
+}
+
+.bulk-selection #pending-menu-items-to-delete {
+	display: block;
+	margin-top: 1em;
+}
+
+#pending-menu-items-to-delete p {
+	margin-bottom: 0;
+}
+
+#pending-menu-items-to-delete ul {
+	margin-top: 0;
+	list-style: none;
+}
+
+#pending-menu-items-to-delete ul li {
+	display: inline;
+}
+
+input.bulk-select-switcher + .bulk-select-button-label {
+	vertical-align: inherit;
+}
+
+label.bulk-select-button:hover,
+label.bulk-select-button:active,
+label.bulk-select-button:focus-within {
+	background: #f0f0f1;
+	border-color: #0a4b78;
+	color: #0a4b78;
+}
+
+input.bulk-select-switcher:focus + .bulk-select-button-label{
+	color: #0a4b78;
+}
+
+.bulk-actions input.menu-items-delete {
+	-webkit-appearance: none;
+	appearance: none;
+	font-size: inherit;
+	border: 0;
+	line-height: 2.1em;
+	background: none;
+	cursor: pointer;
+	text-decoration: underline;
+	color: #b32d2e;
+}
+
+.bulk-actions input.menu-items-delete:hover {
+	color: #b32d2e;
+	border: none;
+}
+
+.bulk-actions input.menu-items-delete.disabled {
+	cursor: default;
+	color: #a7aaad;
+	box-shadow: none;
+}
+
+.menu-settings {
+	border-top: 1px solid #f0f0f1;
+	margin-top: 2em;
+}
+
+.menu-settings-group {
+	margin: 0 0 10px;
+	overflow: hidden;
+	padding-left: 20%;
+}
+
+.menu-settings-group:last-of-type {
+	margin-bottom: 0;
+}
+
+.menu-settings-input {
+	float: left;
+	margin: 0;
+	width: 100%;
+}
+
+.menu-settings-group-name {
+	float: left;
+	clear: both;
+	width: 25%;
+	padding: 3px 0 0;
+	margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
+}
+
+.menu-settings label {
+	vertical-align: baseline;
+}
+
+.menu-edit .checkbox-input {
+	margin-top: 4px;
+}
+
+.theme-location-set {
+	color: #646970;
+	font-size: 11px;
+}
+
+/* Menu Container */
+
+/* @todo: responsive view. */
+#menu-management-liquid {
+	float: left;
+	min-width: 100%;
+	margin-top: 3px;
+}
+
+/* @todo: responsive view. */
+#menu-management {
+	position: relative;
+	margin-right: 20px;
+	margin-top: -3px;
+	width: 100%;
+}
+
+#menu-management .menu-edit {
+	margin-bottom: 20px;
+}
+
+.nav-menus-php #post-body {
+	padding: 0 10px;
+	border-top: 1px solid #fff;
+	border-bottom: 1px solid #dcdcde;
+	background: #fff;
+}
+
+#nav-menu-header,
+#nav-menu-footer {
+	padding: 0 10px;
+	background: #f6f7f7;
+}
+
+#nav-menu-header {
+	border-bottom: 1px solid #dcdcde;
+	margin-bottom: 0;
+}
+
+#nav-menu-header .menu-name-label {
+	display: inline-block;
+	vertical-align: middle;
+	margin-right: 7px;
+}
+
+.nav-menus-php #post-body div.updated,
+.nav-menus-php #post-body div.error {
+	margin: 0;
+}
+
+.nav-menus-php #post-body-content {
+	position: relative;
+	float: none;
+}
+
+.nav-menus-php #post-body-content .post-body-plain {
+	margin-bottom: 0;
+}
+
+#menu-management .menu-add-new abbr {
+	font-weight: 600;
+}
+
+#select-nav-menu-container {
+	text-align: right;
+	padding: 0 10px 3px;
+	margin-bottom: 5px;
+}
+
+#select-nav-menu {
+	width: 100px;
+	display: inline;
+}
+
+#menu-name-label {
+	margin-top: -2px;
+}
+
+.widefat .menu-locations .menu-location-title {
+	padding: 13px 10px 0;
+}
+
+.menu-location-title label {
+	font-weight: 600;
+}
+
+.menu-location-menus select {
+	float: left;
+}
+
+#locations-nav-menu-wrapper {
+	padding: 5px 0;
+}
+
+.locations-nav-menu-select select {
+	float: left;
+	width: 160px;
+	margin-right: 5px;
+}
+
+.locations-row-links {
+	float: left;
+	margin: 6px 0 0 6px;
+}
+
+.locations-edit-menu-link,
+.locations-add-menu-link {
+	margin: 0 3px;
+}
+
+.locations-edit-menu-link {
+	padding-right: 3px;
+	border-right: 1px solid #c3c4c7;
+}
+
+#menu-management .inside {
+	padding: 0 10px;
+}
+
+/* Add Menu Item Boxes */
+.postbox .howto input,
+.customlinkdiv .menu-item-textbox {
+	width: 180px;
+	float: right;
+}
+
+.accordion-container .outer-border {
+	margin: 0;
+}
+
+.customlinkdiv p {
+	margin-top: 0
+}
+
+#nav-menu-theme-locations .howto select {
+	width: 100%;
+}
+
+#nav-menu-theme-locations .button-controls {
+	text-align: right;
+}
+
+.add-menu-item-view-all {
+	height: 400px;
+}
+
+/* Button Primary Actions */
+#menu-container .submit {
+	margin: 0 0 10px;
+	padding: 0;
+}
+
+/* @todo: is this actually used? */
+#cancel-save {
+	text-decoration: underline;
+	font-size: 12px;
+	margin-left: 20px;
+	margin-top: 5px;
+}
+
+.button.right, .button-secondary.right, .button-primary.right {
+	float: right;
+}
+
+/* Button Secondary Actions */
+.list-controls {
+	float: left;
+	margin-top: 5px;
+}
+
+.add-to-menu {
+	float: right;
+}
+
+.button-controls {
+	clear: both;
+	margin: 10px 0;
+}
+
+.show-all,
+.hide-all {
+	cursor: pointer;
+}
+
+.hide-all {
+	display: none;
+}
+
+/* Create Menu */
+#menu-name {
+	width: 270px;
+	vertical-align: middle;
+}
+
+#manage-menu .inside {
+	padding: 0;
+}
+
+/* Custom Links */
+#available-links dt {
+	display: block;
+}
+
+#add-custom-link .howto {
+	font-size: 12px;
+}
+
+#add-custom-link label span {
+	display: block;
+	float: left;
+	margin-top: 5px;
+	padding-right: 5px;
+}
+
+.menu-item-textbox {
+	width: 180px;
+}
+
+.customlinkdiv label,
+.nav-menus-php .howto span {
+	float: left;
+	margin-top: 6px;
+}
+
+/* Menu item types */
+.quick-search {
+	width: 190px;
+}
+
+.quick-search-wrap .spinner {
+	float: none;
+	margin: -3px -10px 0 0;
+}
+
+.nav-menus-php .list-wrap {
+	display: none;
+	clear: both;
+	margin-bottom: 10px;
+}
+
+.nav-menus-php .postbox p.submit {
+	margin-bottom: 0;
+}
+
+/* Listings */
+.nav-menus-php .list li {
+	display: none;
+	margin: 0 0 5px;
+}
+
+.nav-menus-php .list li .menu-item-title {
+	cursor: pointer;
+	display: block;
+}
+
+.nav-menus-php .list li .menu-item-title input {
+	margin-right: 3px;
+	margin-top: -3px;
+}
+
+.menu-item-title input[type=checkbox] {
+	display: inline-block;
+	margin-top: -4px;
+}
+
+.menu-item-title .post-state {
+	font-weight: 600;
+}
+
+/* Nav Menu */
+#menu-container .inside {
+	padding-bottom: 10px;
+}
+
+.menu {
+	padding-top: 1em;
+}
+
+#menu-to-edit {
+	margin: 0;
+	padding: 0.1em 0;
+}
+
+.menu ul {
+	width: 100%;
+}
+
+.menu li {
+	margin-bottom: 0;
+	position: relative;
+}
+
+.menu-item-bar {
+	clear: both;
+	line-height: 1.5;
+	position: relative;
+	margin: 9px 0 0;
+}
+
+.menu-item-bar .menu-item-handle {
+	border: 1px solid #dcdcde;
+	position: relative;
+	padding: 10px 15px;
+	height: auto;
+	min-height: 20px;
+	max-width: 382px;
+	line-height: 2.30769230;
+	overflow: hidden;
+	word-wrap: break-word;
+}
+
+.menu-item-bar .menu-item-handle:hover {
+	border-color: #8c8f94;
+}
+
+#menu-to-edit .menu-item-invalid .menu-item-handle {
+	background: #fcf0f1;
+	border-color: #d63638;
+}
+
+.no-js .menu-item-edit-active .item-edit {
+	display: none;
+}
+
+.js .menu-item-handle {
+	cursor: move;
+}
+
+.menu li.deleting .menu-item-handle {
+	background-image: none;
+	background-color: #f86368;
+}
+
+.menu-item-handle .item-title {
+	font-size: 13px;
+	font-weight: 600;
+	line-height: 1.53846153;
+	display: block;
+	/* @todo: responsive view. */
+	margin-right: 13em;
+}
+
+.menu-item-handle .menu-item-checkbox {
+	display: none;
+}
+
+.bulk-selection .menu-item-handle .menu-item-checkbox {
+	display: inline-block;
+	margin-right: 6px;
+}
+
+.menu-item-handle .menu-item-title.no-title {
+	color: #646970;
+}
+
+/* Sortables */
+li.menu-item.ui-sortable-helper .menu-item-bar {
+	margin-top: 0;
+}
+
+li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
+	margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
+}
+
+.menu .sortable-placeholder {
+	height: 35px;
+	width: 410px;
+	margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
+}
+
+/* Hide the transport list when it's empty */
+.menu-item .menu-item-transport:empty {
+	display: none;
+}
+
+/* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
+.menu-item-depth-0 { margin-left: 0; }
+.menu-item-depth-1 { margin-left: 30px; }
+.menu-item-depth-2 { margin-left: 60px; }
+.menu-item-depth-3 { margin-left: 90px; }
+.menu-item-depth-4 { margin-left: 120px; }
+.menu-item-depth-5 { margin-left: 150px; }
+.menu-item-depth-6 { margin-left: 180px; }
+.menu-item-depth-7 { margin-left: 210px; }
+.menu-item-depth-8 { margin-left: 240px; }
+.menu-item-depth-9 { margin-left: 270px; }
+.menu-item-depth-10 { margin-left: 300px; }
+.menu-item-depth-11 { margin-left: 330px; }
+
+.menu-item-depth-0 .menu-item-transport { margin-left: 0; }
+.menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
+.menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
+.menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
+.menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
+.menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
+.menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
+.menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
+.menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
+.menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
+.menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
+.menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
+
+body.menu-max-depth-0 { min-width: 950px !important; }
+body.menu-max-depth-1 { min-width: 980px !important; }
+body.menu-max-depth-2 { min-width: 1010px !important; }
+body.menu-max-depth-3 { min-width: 1040px !important; }
+body.menu-max-depth-4 { min-width: 1070px !important; }
+body.menu-max-depth-5 { min-width: 1100px !important; }
+body.menu-max-depth-6 { min-width: 1130px !important; }
+body.menu-max-depth-7 { min-width: 1160px !important; }
+body.menu-max-depth-8 { min-width: 1190px !important; }
+body.menu-max-depth-9 { min-width: 1220px !important; }
+body.menu-max-depth-10 { min-width: 1250px !important; }
+body.menu-max-depth-11 { min-width: 1280px !important; }
+
+/* Menu item controls */
+.item-type {
+	display: inline-block;
+	padding: 12px 16px;
+	color: #646970;
+	font-size: 12px;
+	line-height: 1.5;
+}
+
+.item-controls {
+	font-size: 12px;
+	position: absolute;
+	right: 20px;
+	top: -1px;
+}
+
+.item-controls a {
+	text-decoration: none;
+}
+
+.item-controls a:hover {
+	cursor: pointer;
+}
+
+.item-controls .item-order {
+	padding-right: 10px;
+}
+
+.nav-menus-php .item-edit {
+	position: absolute;
+	right: -20px;
+	top: 0;
+	display: block;
+	width: 30px;
+	height: 40px;
+	outline: none;
+}
+
+.no-js.nav-menus-php .item-edit {
+	position: static;
+	float: right;
+	width: auto;
+	height: auto;
+	margin: 12px -10px 12px 0;
+	padding: 0;
+	color: #2271b1;
+	text-decoration: underline;
+	font-size: 12px;
+	line-height: 1.5;
+}
+
+.no-js.nav-menus-php .item-edit .screen-reader-text {
+	position: static;
+	-webkit-clip-path: none;
+	clip-path: none;
+	width: auto;
+	height: auto;
+	margin: 0;
+}
+
+.nav-menus-php .item-edit:before {
+	margin-top: 10px;
+	margin-left: 4px;
+	width: 20px;
+	border-radius: 50%;
+	text-indent: -1px; /* account for the dashicon alignment */
+}
+
+.no-js.nav-menus-php .item-edit:before {
+	display: none;
+}
+
+.rtl .nav-menus-php .item-edit:before {
+	text-indent: 1px; /* account for the dashicon alignment */
+}
+
+.js.nav-menus-php .item-edit:focus {
+	box-shadow: none;
+}
+
+.nav-menus-php .item-edit:focus:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+/* Menu editing */
+.menu-instructions-inactive {
+	display: none;
+}
+
+.menu-item-settings {
+	display: block;
+	max-width: 392px;
+	padding: 10px;
+	position: relative;
+	z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
+	border: 1px solid #c3c4c7;
+	border-top: none;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+}
+
+.menu-item-settings .field-move {
+	margin: 3px 0 5px;
+	line-height: 1.5;
+}
+
+.field-move-visual-label {
+	float: left;
+	margin-right: 4px;
+}
+
+.menu-item-settings .field-move .button-link {
+	display: none;
+	margin: 0 2px;
+}
+
+.menu-item-edit-active .menu-item-settings {
+	display: block;
+}
+
+.menu-item-edit-inactive .menu-item-settings {
+	display: none;
+}
+
+.add-menu-item-pagelinks {
+	margin: .5em -10px;
+	text-align: center;
+}
+
+.add-menu-item-pagelinks .page-numbers {
+	display: inline-block;
+	min-width: 20px;
+}
+
+.add-menu-item-pagelinks .page-numbers.dots {
+	min-width: 0;
+}
+
+.link-to-original {
+	display: block;
+	margin: 0 0 15px;
+	padding: 3px 5px 5px;
+	border: 1px solid #dcdcde;
+	color: #646970;
+	font-size: 12px;
+}
+
+.link-to-original a {
+	padding-left: 4px;
+	font-style: normal;
+}
+
+.hidden-field {
+	display: none;
+}
+
+.menu-item-settings .description-thin,
+.menu-item-settings .description-wide {
+	margin-right: 10px;
+	float: left;
+}
+
+.description-thin {
+	width: calc(50% - 5px);
+}
+
+.menu-item-settings .description-thin + .description-thin {
+	margin-right: 0;
+}
+
+.description-wide {
+	width: 100%;
+}
+
+.menu-item-actions {
+	padding-top: 15px;
+	padding-bottom: 7px;
+}
+
+#cancel-save {
+	cursor: pointer;
+}
+
+/* Major/minor publishing actions (classes) */
+.nav-menus-php .major-publishing-actions {
+	clear: both;
+	padding: 10px 0;
+	line-height: 2.15384615;
+}
+
+.nav-menus-php .major-publishing-actions .publishing-action {
+	text-align: right;
+	float: right;
+}
+
+/* Same as the Publish Meta Box #delete-action */
+.nav-menus-php .delete-action {
+	float: left;
+	line-height: 2.1;
+}
+
+.nav-menus-php .major-publishing-actions .form-invalid {
+	padding-left: 4px;
+	margin-left: -4px;
+}
+
+#nav-menus-frame,
+.button-controls,
+#menu-item-url-wrap,
+#menu-item-name-wrap {
+	display: block;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (min-width: 769px) and (max-width: 1000px) {
+	body.menu-max-depth-0 {
+		min-width: 0 !important;
+	}
+
+	#menu-management-liquid {
+		width: 100%;
+	}
+
+	.nav-menus-php #post-body-content {
+		min-width: 0;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	body.nav-menus-php,
+	body.wp-customizer {
+		min-width: 0 !important;
+	}
+
+	#nav-menus-frame {
+		margin-left: 0;
+		float: none;
+		width: 100%;
+	}
+
+	#wpbody-content #menu-settings-column {
+		display: block;
+		width: 100%;
+		float: none;
+		margin-left: 0;
+	}
+
+	#side-sortables .add-menu-item-tabs {
+		margin: 15px 0 14px;
+	}
+
+	ul.add-menu-item-tabs li.tabs {
+		padding: 13px 15px 14px;
+	}
+
+	.nav-menus-php .customlinkdiv .howto input {
+		width: 65%;
+	}
+
+	.nav-menus-php .quick-search {
+		width: 85%;
+	}
+
+	#menu-management-liquid {
+		margin-top: 25px;
+	}
+
+	.nav-menus-php .menu-name-label.howto span {
+		margin-top: 13px
+	}
+
+	#menu-name {
+		width: 100%;
+	}
+
+	.nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action {
+		padding-top: 1em;
+	}
+
+	.nav-menus-php .delete-action {
+		font-size: 14px;
+		line-height: 2.14285714;
+	}
+
+	.menu-item-bar .menu-item-handle,
+	.menu-item-settings,
+	.description-wide {
+		width: auto;
+	}
+
+	.menu-item-settings {
+		padding: 10px;
+	}
+
+	.menu-item-settings .description-thin,
+	.menu-item-settings .description-wide {
+		width: 100%;
+	}
+
+	.menu-item-settings input {
+		width: 100%;
+	}
+
+	.menu-item-settings input[type="checkbox"],
+	.menu-item-settings input[type="radio"] {
+		width: 25px;
+	}
+
+	.menu-settings-group {
+		padding-left: 0;
+		overflow: visible;
+	}
+
+	.menu-settings-group-name {
+		float: none;
+		width: auto;
+		margin-left: 0;
+		margin-bottom: 15px;
+	}
+
+	.menu-settings-input {
+		float: none;
+		margin-bottom: 15px;
+	}
+
+	.menu-edit .checkbox-input {
+		margin-top: 0;
+	}
+
+	.manage-menus select {
+		margin: 0.5em 0;
+	}
+
+	.wp-core-ui .manage-menus .button {
+		margin-bottom: 0;
+	}
+
+	.widefat .menu-locations .menu-location-title {
+		padding-top: 16px;
+	}
+}
+
+@media only screen and (min-width: 783px) {
+    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
+		
+		#nav-menu-footer {
+                position: sticky;
+				bottom: 0;
+				z-index: 10;
+				box-shadow: 0 -1px 0 0 #ddd;
+        }
+
+        #save_menu_header {
+                display: none;
+        }
+    }
+}
+
+@media only screen and (max-width: 768px) {
+	/* menu locations */
+	#menu-locations-wrap .widefat {
+		width: 100%;
+	}
+
+	.bulk-select-button {
+		padding: 5px 10px;
+	}
+}
diff --git a/tools/storybook/wordpress/css/nav-menus.min.css b/tools/storybook/wordpress/css/nav-menus.min.css
new file mode 100644
index 00000000000..8eed65aa838
--- /dev/null
+++ b/tools/storybook/wordpress/css/nav-menus.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.no-js #message{display:block}ul.add-menu-item-tabs li{padding:3px 5px 4px 8px}.accordion-section ul.add-menu-item-tabs,.accordion-section ul.category-tabs,.accordion-section ul.wp-tab-bar{margin:0}.accordion-section .categorychecklist{margin:13px 0}#nav-menu-meta .accordion-section-content{padding:18px 13px}#nav-menu-meta .button-controls{margin-bottom:0}.has-no-menu-item .button-controls{display:none}#nav-menus-frame{margin-left:300px;margin-top:23px}#wpbody-content #menu-settings-column{display:inline;width:281px;margin-left:-300px;clear:both;float:left;padding-top:0}#menu-settings-column .inside{clear:both;margin:10px 0 0}.metabox-holder-disabled .accordion-section-content,.metabox-holder-disabled .accordion-section-title,.metabox-holder-disabled .postbox{opacity:.5}.metabox-holder-disabled .button-controls .select-all{display:none}#wpbody{position:relative}.is-submenu{color:#50575e;font-style:italic;font-weight:400;margin-left:4px}.manage-menus{margin-top:23px;padding:10px;overflow:hidden;background:#fff}.manage-menus .selected-menu,.manage-menus .submit-btn,.manage-menus select,.nav-menus-php .add-new-menu-action{display:inline-block;margin-right:3px;vertical-align:middle}.manage-menus select,.menu-location-menus select{max-width:100%}.menu-edit #post-body-content h3{margin:1em 0 10px}#nav-menu-bulk-actions-top{margin:1em 0}#nav-menu-bulk-actions-bottom{margin:1em 0;margin:calc(1em + 9px) 0}.bulk-actions input.button{margin-right:12px}.bulk-select-button{position:relative;display:inline-block;padding:0 10px;font-size:13px;line-height:2.15384615;height:auto;min-height:30px;background:#f6f7f7;vertical-align:top;border:1px solid #dcdcde;margin:0;cursor:pointer;border-radius:3px;white-space:nowrap;box-sizing:border-box}.bulk-selection .bulk-select-button{color:#2271b1;border-color:#2271b1;background:#f6f7f7;vertical-align:top}#pending-menu-items-to-delete{display:none}.bulk-selection #pending-menu-items-to-delete{display:block;margin-top:1em}#pending-menu-items-to-delete p{margin-bottom:0}#pending-menu-items-to-delete ul{margin-top:0;list-style:none}#pending-menu-items-to-delete ul li{display:inline}input.bulk-select-switcher+.bulk-select-button-label{vertical-align:inherit}label.bulk-select-button:active,label.bulk-select-button:focus-within,label.bulk-select-button:hover{background:#f0f0f1;border-color:#0a4b78;color:#0a4b78}input.bulk-select-switcher:focus+.bulk-select-button-label{color:#0a4b78}.bulk-actions input.menu-items-delete{-webkit-appearance:none;appearance:none;font-size:inherit;border:0;line-height:2.1em;background:0 0;cursor:pointer;text-decoration:underline;color:#b32d2e}.bulk-actions input.menu-items-delete:hover{color:#b32d2e;border:none}.bulk-actions input.menu-items-delete.disabled{cursor:default;color:#a7aaad;box-shadow:none}.menu-settings{border-top:1px solid #f0f0f1;margin-top:2em}.menu-settings-group{margin:0 0 10px;overflow:hidden;padding-left:20%}.menu-settings-group:last-of-type{margin-bottom:0}.menu-settings-input{float:left;margin:0;width:100%}.menu-settings-group-name{float:left;clear:both;width:25%;padding:3px 0 0;margin-left:-25%}.menu-settings label{vertical-align:baseline}.menu-edit .checkbox-input{margin-top:4px}.theme-location-set{color:#646970;font-size:11px}#menu-management-liquid{float:left;min-width:100%;margin-top:3px}#menu-management{position:relative;margin-right:20px;margin-top:-3px;width:100%}#menu-management .menu-edit{margin-bottom:20px}.nav-menus-php #post-body{padding:0 10px;border-top:1px solid #fff;border-bottom:1px solid #dcdcde;background:#fff}#nav-menu-footer,#nav-menu-header{padding:0 10px;background:#f6f7f7}#nav-menu-header{border-bottom:1px solid #dcdcde;margin-bottom:0}#nav-menu-header .menu-name-label{display:inline-block;vertical-align:middle;margin-right:7px}.nav-menus-php #post-body div.error,.nav-menus-php #post-body div.updated{margin:0}.nav-menus-php #post-body-content{position:relative;float:none}.nav-menus-php #post-body-content .post-body-plain{margin-bottom:0}#menu-management .menu-add-new abbr{font-weight:600}#select-nav-menu-container{text-align:right;padding:0 10px 3px;margin-bottom:5px}#select-nav-menu{width:100px;display:inline}#menu-name-label{margin-top:-2px}.widefat .menu-locations .menu-location-title{padding:13px 10px 0}.menu-location-title label{font-weight:600}.menu-location-menus select{float:left}#locations-nav-menu-wrapper{padding:5px 0}.locations-nav-menu-select select{float:left;width:160px;margin-right:5px}.locations-row-links{float:left;margin:6px 0 0 6px}.locations-add-menu-link,.locations-edit-menu-link{margin:0 3px}.locations-edit-menu-link{padding-right:3px;border-right:1px solid #c3c4c7}#menu-management .inside{padding:0 10px}.customlinkdiv .menu-item-textbox,.postbox .howto input{width:180px;float:right}.accordion-container .outer-border{margin:0}.customlinkdiv p{margin-top:0}#nav-menu-theme-locations .howto select{width:100%}#nav-menu-theme-locations .button-controls{text-align:right}.add-menu-item-view-all{height:400px}#menu-container .submit{margin:0 0 10px;padding:0}#cancel-save{text-decoration:underline;font-size:12px;margin-left:20px;margin-top:5px}.button-primary.right,.button-secondary.right,.button.right{float:right}.list-controls{float:left;margin-top:5px}.add-to-menu{float:right}.button-controls{clear:both;margin:10px 0}.hide-all,.show-all{cursor:pointer}.hide-all{display:none}#menu-name{width:270px;vertical-align:middle}#manage-menu .inside{padding:0}#available-links dt{display:block}#add-custom-link .howto{font-size:12px}#add-custom-link label span{display:block;float:left;margin-top:5px;padding-right:5px}.menu-item-textbox{width:180px}.customlinkdiv label,.nav-menus-php .howto span{float:left;margin-top:6px}.quick-search{width:190px}.quick-search-wrap .spinner{float:none;margin:-3px -10px 0 0}.nav-menus-php .list-wrap{display:none;clear:both;margin-bottom:10px}.nav-menus-php .postbox p.submit{margin-bottom:0}.nav-menus-php .list li{display:none;margin:0 0 5px}.nav-menus-php .list li .menu-item-title{cursor:pointer;display:block}.nav-menus-php .list li .menu-item-title input{margin-right:3px;margin-top:-3px}.menu-item-title input[type=checkbox]{display:inline-block;margin-top:-4px}.menu-item-title .post-state{font-weight:600}#menu-container .inside{padding-bottom:10px}.menu{padding-top:1em}#menu-to-edit{margin:0;padding:.1em 0}.menu ul{width:100%}.menu li{margin-bottom:0;position:relative}.menu-item-bar{clear:both;line-height:1.5;position:relative;margin:9px 0 0}.menu-item-bar .menu-item-handle{border:1px solid #dcdcde;position:relative;padding:10px 15px;height:auto;min-height:20px;max-width:382px;line-height:2.30769230;overflow:hidden;word-wrap:break-word}.menu-item-bar .menu-item-handle:hover{border-color:#8c8f94}#menu-to-edit .menu-item-invalid .menu-item-handle{background:#fcf0f1;border-color:#d63638}.no-js .menu-item-edit-active .item-edit{display:none}.js .menu-item-handle{cursor:move}.menu li.deleting .menu-item-handle{background-image:none;background-color:#f86368}.menu-item-handle .item-title{font-size:13px;font-weight:600;line-height:1.53846153;display:block;margin-right:13em}.menu-item-handle .menu-item-checkbox{display:none}.bulk-selection .menu-item-handle .menu-item-checkbox{display:inline-block;margin-right:6px}.menu-item-handle .menu-item-title.no-title{color:#646970}li.menu-item.ui-sortable-helper .menu-item-bar{margin-top:0}li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar{margin-top:9px}.menu .sortable-placeholder{height:35px;width:410px;margin-top:9px}.menu-item .menu-item-transport:empty{display:none}.menu-item-depth-0{margin-left:0}.menu-item-depth-1{margin-left:30px}.menu-item-depth-2{margin-left:60px}.menu-item-depth-3{margin-left:90px}.menu-item-depth-4{margin-left:120px}.menu-item-depth-5{margin-left:150px}.menu-item-depth-6{margin-left:180px}.menu-item-depth-7{margin-left:210px}.menu-item-depth-8{margin-left:240px}.menu-item-depth-9{margin-left:270px}.menu-item-depth-10{margin-left:300px}.menu-item-depth-11{margin-left:330px}.menu-item-depth-0 .menu-item-transport{margin-left:0}.menu-item-depth-1 .menu-item-transport{margin-left:-30px}.menu-item-depth-2 .menu-item-transport{margin-left:-60px}.menu-item-depth-3 .menu-item-transport{margin-left:-90px}.menu-item-depth-4 .menu-item-transport{margin-left:-120px}.menu-item-depth-5 .menu-item-transport{margin-left:-150px}.menu-item-depth-6 .menu-item-transport{margin-left:-180px}.menu-item-depth-7 .menu-item-transport{margin-left:-210px}.menu-item-depth-8 .menu-item-transport{margin-left:-240px}.menu-item-depth-9 .menu-item-transport{margin-left:-270px}.menu-item-depth-10 .menu-item-transport{margin-left:-300px}.menu-item-depth-11 .menu-item-transport{margin-left:-330px}body.menu-max-depth-0{min-width:950px!important}body.menu-max-depth-1{min-width:980px!important}body.menu-max-depth-2{min-width:1010px!important}body.menu-max-depth-3{min-width:1040px!important}body.menu-max-depth-4{min-width:1070px!important}body.menu-max-depth-5{min-width:1100px!important}body.menu-max-depth-6{min-width:1130px!important}body.menu-max-depth-7{min-width:1160px!important}body.menu-max-depth-8{min-width:1190px!important}body.menu-max-depth-9{min-width:1220px!important}body.menu-max-depth-10{min-width:1250px!important}body.menu-max-depth-11{min-width:1280px!important}.item-type{display:inline-block;padding:12px 16px;color:#646970;font-size:12px;line-height:1.5}.item-controls{font-size:12px;position:absolute;right:20px;top:-1px}.item-controls a{text-decoration:none}.item-controls a:hover{cursor:pointer}.item-controls .item-order{padding-right:10px}.nav-menus-php .item-edit{position:absolute;right:-20px;top:0;display:block;width:30px;height:40px;outline:0}.no-js.nav-menus-php .item-edit{position:static;float:right;width:auto;height:auto;margin:12px -10px 12px 0;padding:0;color:#2271b1;text-decoration:underline;font-size:12px;line-height:1.5}.no-js.nav-menus-php .item-edit .screen-reader-text{position:static;-webkit-clip-path:none;clip-path:none;width:auto;height:auto;margin:0}.nav-menus-php .item-edit:before{margin-top:10px;margin-left:4px;width:20px;border-radius:50%;text-indent:-1px}.no-js.nav-menus-php .item-edit:before{display:none}.rtl .nav-menus-php .item-edit:before{text-indent:1px}.js.nav-menus-php .item-edit:focus{box-shadow:none}.nav-menus-php .item-edit:focus:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.menu-instructions-inactive{display:none}.menu-item-settings{display:block;max-width:392px;padding:10px;position:relative;z-index:10;border:1px solid #c3c4c7;border-top:none;box-shadow:0 1px 1px rgba(0,0,0,.04)}.menu-item-settings .field-move{margin:3px 0 5px;line-height:1.5}.field-move-visual-label{float:left;margin-right:4px}.menu-item-settings .field-move .button-link{display:none;margin:0 2px}.menu-item-edit-active .menu-item-settings{display:block}.menu-item-edit-inactive .menu-item-settings{display:none}.add-menu-item-pagelinks{margin:.5em -10px;text-align:center}.add-menu-item-pagelinks .page-numbers{display:inline-block;min-width:20px}.add-menu-item-pagelinks .page-numbers.dots{min-width:0}.link-to-original{display:block;margin:0 0 15px;padding:3px 5px 5px;border:1px solid #dcdcde;color:#646970;font-size:12px}.link-to-original a{padding-left:4px;font-style:normal}.hidden-field{display:none}.menu-item-settings .description-thin,.menu-item-settings .description-wide{margin-right:10px;float:left}.description-thin{width:calc(50% - 5px)}.menu-item-settings .description-thin+.description-thin{margin-right:0}.description-wide{width:100%}.menu-item-actions{padding-top:15px;padding-bottom:7px}#cancel-save{cursor:pointer}.nav-menus-php .major-publishing-actions{clear:both;padding:10px 0;line-height:2.15384615}.nav-menus-php .major-publishing-actions .publishing-action{text-align:right;float:right}.nav-menus-php .delete-action{float:left;line-height:2.1}.nav-menus-php .major-publishing-actions .form-invalid{padding-left:4px;margin-left:-4px}#menu-item-name-wrap,#menu-item-url-wrap,#nav-menus-frame,.button-controls{display:block}@media only screen and (min-width:769px) and (max-width:1000px){body.menu-max-depth-0{min-width:0!important}#menu-management-liquid{width:100%}.nav-menus-php #post-body-content{min-width:0}}@media screen and (max-width:782px){body.nav-menus-php,body.wp-customizer{min-width:0!important}#nav-menus-frame{margin-left:0;float:none;width:100%}#wpbody-content #menu-settings-column{display:block;width:100%;float:none;margin-left:0}#side-sortables .add-menu-item-tabs{margin:15px 0 14px}ul.add-menu-item-tabs li.tabs{padding:13px 15px 14px}.nav-menus-php .customlinkdiv .howto input{width:65%}.nav-menus-php .quick-search{width:85%}#menu-management-liquid{margin-top:25px}.nav-menus-php .menu-name-label.howto span{margin-top:13px}#menu-name{width:100%}.nav-menus-php #nav-menu-header .major-publishing-actions .publishing-action{padding-top:1em}.nav-menus-php .delete-action{font-size:14px;line-height:2.14285714}.description-wide,.menu-item-bar .menu-item-handle,.menu-item-settings{width:auto}.menu-item-settings{padding:10px}.menu-item-settings .description-thin,.menu-item-settings .description-wide{width:100%}.menu-item-settings input{width:100%}.menu-item-settings input[type=checkbox],.menu-item-settings input[type=radio]{width:25px}.menu-settings-group{padding-left:0;overflow:visible}.menu-settings-group-name{float:none;width:auto;margin-left:0;margin-bottom:15px}.menu-settings-input{float:none;margin-bottom:15px}.menu-edit .checkbox-input{margin-top:0}.manage-menus select{margin:.5em 0}.wp-core-ui .manage-menus .button{margin-bottom:0}.widefat .menu-locations .menu-location-title{padding-top:16px}}@media only screen and (min-width:783px){@supports (position:sticky) and (scroll-margin-bottom:130px){#nav-menu-footer{position:sticky;bottom:0;z-index:10;box-shadow:0 -1px 0 0 #ddd}#save_menu_header{display:none}}}@media only screen and (max-width:768px){#menu-locations-wrap .widefat{width:100%}.bulk-select-button{padding:5px 10px}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/revisions-rtl.css b/tools/storybook/wordpress/css/revisions-rtl.css
new file mode 100644
index 00000000000..8edb7dc5379
--- /dev/null
+++ b/tools/storybook/wordpress/css/revisions-rtl.css
@@ -0,0 +1,603 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  11.2 - Post Revisions
+------------------------------------------------------------------------------*/
+.revisions-control-frame,
+.revisions-diff-frame {
+	position: relative;
+}
+
+.revisions-diff-frame {
+	top: 10px;
+}
+
+.revisions-controls {
+	padding-top: 40px;
+	z-index: 1;
+}
+
+.revisions-controls input[type="checkbox"] {
+	position: relative;
+	top: -1px;
+	vertical-align: text-bottom;
+}
+
+.revisions.pinned .revisions-controls {
+	position: fixed;
+	top: 0;
+	height: 82px;
+	background: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.revisions-tickmarks {
+	position: relative;
+	margin: 0 auto;
+	height: 0.7em;
+	top: 7px;
+	max-width: 70%;
+	box-sizing: border-box;
+	background-color: #fff;
+}
+
+.revisions-tickmarks > div {
+	position: absolute;
+	height: 100%;
+	border-right: 1px solid #a7aaad;
+	box-sizing: border-box;
+}
+
+.revisions-tickmarks > div:first-child {
+	border-width: 0;
+}
+
+.comparing-two-revisions .revisions-controls {
+	height: 140px;
+}
+
+.comparing-two-revisions.pinned .revisions-controls {
+	height: 124px;
+}
+
+.revisions .diff-error {
+	position: absolute;
+	text-align: center;
+	margin: 0 auto;
+	width: 100%;
+	display: none;
+}
+
+.revisions.diff-error .diff-error {
+	display: block;
+}
+
+.revisions .loading-indicator {
+	position: absolute;
+	vertical-align: middle;
+	opacity: 0;
+	width: 100%;
+	width: calc( 100% - 30px );
+	top: 50%;
+	top: calc( 50% - 10px );
+	transition: opacity 0.5s;
+}
+
+body.folded .revisions .loading-indicator {
+	margin-right: -32px;
+}
+
+.revisions .loading-indicator span.spinner {
+	display: block;
+	margin: 0 auto;
+	float: none;
+}
+
+.revisions.loading .loading-indicator {
+	opacity: 1;
+}
+
+.revisions .diff {
+	transition: opacity 0.5s;
+}
+
+.revisions.loading .diff {
+	opacity: 0.5;
+}
+
+.revisions.diff-error .diff {
+	visibility: hidden;
+}
+
+.revisions-meta {
+	margin-top: 20px;
+	background-color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	overflow: hidden;
+}
+
+.revisions.pinned .revisions-meta {
+	box-shadow: none;
+}
+
+.revision-toggle-compare-mode {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.comparing-two-revisions .revisions-previous,
+.comparing-two-revisions .revisions-next,
+.revisions-meta .diff-meta-to strong {
+	display: none;
+}
+
+.revisions-controls .author-card .date {
+	color: #646970;
+}
+
+.revisions-controls .author-card.autosave {
+	color: #d63638;
+}
+
+.revisions-controls .author-card .author-name {
+	font-weight: 600;
+}
+
+.comparing-two-revisions .diff-meta-to strong {
+	display: block;
+}
+
+.revisions.pinned .revisions-buttons {
+	padding: 0 11px;
+}
+
+.revisions-previous,
+.revisions-next {
+	position: relative;
+	z-index: 1;
+}
+
+.revisions-previous {
+	float: right;
+}
+
+.revisions-next {
+	float: left;
+}
+
+.revisions-controls .wp-slider {
+	max-width: 70%;
+	margin: 0 auto;
+	top: -3px;
+}
+
+.revisions-diff {
+	padding: 15px;
+	background-color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.revisions-diff h3:first-child {
+	margin-top: 0;
+}
+
+/* Revision meta box */
+.post-revisions li img,
+#revisions-meta-restored img {
+	vertical-align: middle;
+}
+
+table.diff {
+	table-layout: fixed;
+	width: 100%;
+	white-space: pre-wrap;
+}
+
+table.diff col.content {
+	width: auto;
+}
+
+table.diff col.content.diffsplit {
+	width: 48%;
+}
+
+table.diff col.diffsplit.middle {
+	width: auto;
+}
+
+table.diff col.ltype {
+	width: 30px;
+}
+
+table.diff tr {
+	background-color: transparent;
+}
+
+table.diff td,
+table.diff th {
+	font-family: Consolas, Monaco, monospace;
+	font-size: 14px;
+	line-height: 1.57142857;
+	padding: 0.5em 2em 0.5em 0.5em;
+	vertical-align: top;
+	word-wrap: break-word;
+}
+
+table.diff td h1,
+table.diff td h2,
+table.diff td h3,
+table.diff td h4,
+table.diff td h5,
+table.diff td h6 {
+	margin: 0;
+}
+
+table.diff .diff-deletedline del,
+table.diff .diff-addedline ins {
+	text-decoration: none;
+}
+
+table.diff .diff-deletedline {
+	position: relative;
+	background-color: #fcf0f1;
+}
+
+table.diff .diff-deletedline del {
+	background-color: #ffabaf;
+}
+
+table.diff .diff-addedline {
+	position: relative;
+	background-color: #edfaef;
+}
+
+table.diff .diff-deletedline .dashicons,
+table.diff .diff-addedline .dashicons {
+	position: absolute;
+	top: 0.85714286em;
+	right: 0.5em;
+	width: 1em;
+	height: 1em;
+	font-size: 1em;
+	line-height: 1;
+}
+
+table.diff .diff-addedline .dashicons {
+	/* Compensate the vertically non-centered plus glyph. */
+	top: 0.92857143em;
+}
+
+table.diff .diff-addedline ins {
+	background-color: #68de7c;
+}
+
+.diff-meta {
+	padding: 5px;
+	clear: both;
+	min-height: 32px;
+}
+
+.diff-title strong {
+	line-height: 2.46153846;
+	min-width: 60px;
+	text-align: left;
+	float: right;
+	margin-left: 5px;
+}
+
+.revisions-controls .author-card .author-info {
+	font-size: 12px;
+	line-height: 1.33333333;
+}
+
+.revisions-controls .author-card .avatar,
+.revisions-controls .author-card .author-info {
+	float: right;
+	margin-right: 6px;
+	margin-left: 6px;
+}
+
+.revisions-controls .author-card .byline {
+	display: block;
+	font-size: 12px;
+}
+
+.revisions-controls .author-card .avatar {
+	vertical-align: middle;
+}
+
+.diff-meta input.restore-revision {
+	float: left;
+	margin-right: 6px;
+	margin-left: 6px;
+	margin-top: 2px;
+}
+
+.diff-meta-from {
+	display: none;
+}
+
+.comparing-two-revisions .diff-meta-from {
+	display: block;
+}
+
+.revisions-tooltip {
+	position: absolute;
+	bottom: 105px;
+	margin-left: 0;
+	margin-right: -69px;
+	z-index: 0;
+	max-width: 350px;
+	min-width: 130px;
+	padding: 8px 4px;
+	display: none;
+	opacity: 0;
+}
+
+.revisions-tooltip.flipped {
+	margin-right: 0;
+	margin-left: -70px;
+}
+
+.revisions.pinned .revisions-tooltip {
+	display: none !important;
+}
+
+.comparing-two-revisions .revisions-tooltip {
+	bottom: 145px;
+}
+
+.revisions-tooltip-arrow {
+	width: 70px;
+	height: 15px;
+	overflow: hidden;
+	position: absolute;
+	right: 0;
+	margin-right: 35px;
+	bottom: -15px;
+}
+
+.revisions-tooltip.flipped .revisions-tooltip-arrow {
+	margin-right: 0;
+	margin-left: 35px;
+	right: auto;
+	left: 0;
+}
+
+.revisions-tooltip-arrow > span {
+	content: "";
+	position: absolute;
+	right: 20px;
+	top: -20px;
+	width: 25px;
+	height: 25px;
+	transform: rotate(-45deg);
+}
+
+.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
+	right: auto;
+	left: 20px;
+}
+
+.revisions-tooltip,
+.revisions-tooltip-arrow > span {
+	border: 1px solid #dcdcde;
+	background-color: #fff;
+}
+
+.revisions-tooltip {
+	display: none;
+}
+
+.arrow {
+	width: 70px;
+	height: 16px;
+	overflow: hidden;
+	position: absolute;
+	right: 0;
+	margin-right: -35px;
+	bottom: 90px;
+	z-index: 10000;
+}
+
+.arrow:after {
+	z-index: 9999;
+	background-color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.arrow.top {
+	top: -16px;
+	bottom: auto;
+}
+
+.arrow.left {
+	right: 20%;
+}
+
+.arrow:after {
+	content: "";
+	position: absolute;
+	right: 20px;
+	top: -20px;
+	width: 25px;
+	height: 25px;
+	transform: rotate(-45deg);
+}
+
+.revisions-tooltip,
+.revisions-tooltip-arrow:after {
+	border-width: 1px;
+	border-style: solid;
+}
+
+div.revisions-controls > .wp-slider > .ui-slider-handle {
+	margin-right: -10px;
+}
+
+.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
+	margin-left: -10px;
+}
+
+/* jQuery UI Slider */
+.wp-slider.ui-slider {
+	position: relative;
+	border: 1px solid #dcdcde;
+	text-align: right;
+	cursor: pointer;
+}
+
+.wp-slider .ui-slider-handle {
+	border-radius: 50%;
+	height: 18px;
+	margin-top: -5px;
+	outline: none;
+	padding: 2px;
+	position: absolute;
+	width: 18px;
+	z-index: 2;
+	touch-action: none;
+}
+
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.focus {
+	background: #f6f7f7;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 0 #c3c4c7;
+}
+
+.wp-slider .ui-slider-handle:hover,
+.wp-slider .ui-slider-handle.ui-state-hover {
+	background: #f6f7f7;
+	border-color: #8c8f94;
+}
+
+.wp-slider .ui-slider-handle:active,
+.wp-slider .ui-slider-handle.ui-state-active {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	transform: translateY(1px);
+}
+
+.wp-slider .ui-slider-handle:before {
+	background: none;
+	position: absolute;
+	top: 2px;
+	right: 2px;
+	color: #50575e;
+	content: "\f229";
+	font: normal 18px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-slider .ui-slider-handle:hover:before,
+.wp-slider .ui-slider-handle.ui-state-hover:before {
+	color: #1d2327;
+}
+
+.wp-slider .ui-slider-handle.from-handle:before,
+.wp-slider .ui-slider-handle.to-handle:before {
+	font-size: 20px !important;
+	margin: -1px -1px 0 0;
+}
+
+.wp-slider .ui-slider-handle.from-handle:before {
+	content: "\f141";
+}
+
+.wp-slider .ui-slider-handle.to-handle:before {
+	content: "\f139";
+}
+
+.rtl .wp-slider .ui-slider-handle.from-handle:before {
+	content: "\f139";
+}
+
+.rtl .wp-slider .ui-slider-handle.to-handle:before {
+	content: "\f141";
+	left: -1px;
+}
+
+.wp-slider .ui-slider-range {
+	position: absolute;
+	font-size: 0.7em;
+	display: block;
+	border: 0;
+	background-color: transparent;
+	background-image: none;
+}
+
+.wp-slider.ui-slider-horizontal {
+	height: 0.7em;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-handle {
+	top: -.25em;
+	margin-right: -.6em;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range {
+	top: 0;
+	height: 100%;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range-min {
+	right: 0;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range-max {
+	left: 0;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	.revision-tick.completed-false {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	#diff-next-revision,
+	#diff-previous-revision {
+		margin-top: -1em;
+	}
+
+	.revisions-buttons {
+		overflow: hidden;
+		margin-bottom: 15px;
+	}
+
+	.revisions-controls,
+	.comparing-two-revisions .revisions-controls {
+		height: 170px;
+	}
+
+	.revisions-tooltip {
+		bottom: 130px;
+		z-index: 2;
+	}
+
+	.diff-meta {
+		overflow: hidden;
+	}
+
+	table.diff {
+		-ms-word-break: break-all;
+		word-break: break-all;
+		word-wrap: break-word;
+	}
+
+	.diff-meta input.restore-revision {
+		margin-top: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/revisions-rtl.min.css b/tools/storybook/wordpress/css/revisions-rtl.min.css
new file mode 100644
index 00000000000..41857127746
--- /dev/null
+++ b/tools/storybook/wordpress/css/revisions-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.revisions-control-frame,.revisions-diff-frame{position:relative}.revisions-diff-frame{top:10px}.revisions-controls{padding-top:40px;z-index:1}.revisions-controls input[type=checkbox]{position:relative;top:-1px;vertical-align:text-bottom}.revisions.pinned .revisions-controls{position:fixed;top:0;height:82px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.revisions-tickmarks{position:relative;margin:0 auto;height:.7em;top:7px;max-width:70%;box-sizing:border-box;background-color:#fff}.revisions-tickmarks>div{position:absolute;height:100%;border-right:1px solid #a7aaad;box-sizing:border-box}.revisions-tickmarks>div:first-child{border-width:0}.comparing-two-revisions .revisions-controls{height:140px}.comparing-two-revisions.pinned .revisions-controls{height:124px}.revisions .diff-error{position:absolute;text-align:center;margin:0 auto;width:100%;display:none}.revisions.diff-error .diff-error{display:block}.revisions .loading-indicator{position:absolute;vertical-align:middle;opacity:0;width:100%;width:calc(100% - 30px);top:50%;top:calc(50% - 10px);transition:opacity .5s}body.folded .revisions .loading-indicator{margin-right:-32px}.revisions .loading-indicator span.spinner{display:block;margin:0 auto;float:none}.revisions.loading .loading-indicator{opacity:1}.revisions .diff{transition:opacity .5s}.revisions.loading .diff{opacity:.5}.revisions.diff-error .diff{visibility:hidden}.revisions-meta{margin-top:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.revisions.pinned .revisions-meta{box-shadow:none}.revision-toggle-compare-mode{position:absolute;top:0;left:0}.comparing-two-revisions .revisions-next,.comparing-two-revisions .revisions-previous,.revisions-meta .diff-meta-to strong{display:none}.revisions-controls .author-card .date{color:#646970}.revisions-controls .author-card.autosave{color:#d63638}.revisions-controls .author-card .author-name{font-weight:600}.comparing-two-revisions .diff-meta-to strong{display:block}.revisions.pinned .revisions-buttons{padding:0 11px}.revisions-next,.revisions-previous{position:relative;z-index:1}.revisions-previous{float:right}.revisions-next{float:left}.revisions-controls .wp-slider{max-width:70%;margin:0 auto;top:-3px}.revisions-diff{padding:15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.revisions-diff h3:first-child{margin-top:0}#revisions-meta-restored img,.post-revisions li img{vertical-align:middle}table.diff{table-layout:fixed;width:100%;white-space:pre-wrap}table.diff col.content{width:auto}table.diff col.content.diffsplit{width:48%}table.diff col.diffsplit.middle{width:auto}table.diff col.ltype{width:30px}table.diff tr{background-color:transparent}table.diff td,table.diff th{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.57142857;padding:.5em 2em .5em .5em;vertical-align:top;word-wrap:break-word}table.diff td h1,table.diff td h2,table.diff td h3,table.diff td h4,table.diff td h5,table.diff td h6{margin:0}table.diff .diff-addedline ins,table.diff .diff-deletedline del{text-decoration:none}table.diff .diff-deletedline{position:relative;background-color:#fcf0f1}table.diff .diff-deletedline del{background-color:#ffabaf}table.diff .diff-addedline{position:relative;background-color:#edfaef}table.diff .diff-addedline .dashicons,table.diff .diff-deletedline .dashicons{position:absolute;top:.85714286em;right:.5em;width:1em;height:1em;font-size:1em;line-height:1}table.diff .diff-addedline .dashicons{top:.92857143em}table.diff .diff-addedline ins{background-color:#68de7c}.diff-meta{padding:5px;clear:both;min-height:32px}.diff-title strong{line-height:2.46153846;min-width:60px;text-align:left;float:right;margin-left:5px}.revisions-controls .author-card .author-info{font-size:12px;line-height:1.33333333}.revisions-controls .author-card .author-info,.revisions-controls .author-card .avatar{float:right;margin-right:6px;margin-left:6px}.revisions-controls .author-card .byline{display:block;font-size:12px}.revisions-controls .author-card .avatar{vertical-align:middle}.diff-meta input.restore-revision{float:left;margin-right:6px;margin-left:6px;margin-top:2px}.diff-meta-from{display:none}.comparing-two-revisions .diff-meta-from{display:block}.revisions-tooltip{position:absolute;bottom:105px;margin-left:0;margin-right:-69px;z-index:0;max-width:350px;min-width:130px;padding:8px 4px;display:none;opacity:0}.revisions-tooltip.flipped{margin-right:0;margin-left:-70px}.revisions.pinned .revisions-tooltip{display:none!important}.comparing-two-revisions .revisions-tooltip{bottom:145px}.revisions-tooltip-arrow{width:70px;height:15px;overflow:hidden;position:absolute;right:0;margin-right:35px;bottom:-15px}.revisions-tooltip.flipped .revisions-tooltip-arrow{margin-right:0;margin-left:35px;right:auto;left:0}.revisions-tooltip-arrow>span{content:"";position:absolute;right:20px;top:-20px;width:25px;height:25px;transform:rotate(-45deg)}.revisions-tooltip.flipped .revisions-tooltip-arrow>span{right:auto;left:20px}.revisions-tooltip,.revisions-tooltip-arrow>span{border:1px solid #dcdcde;background-color:#fff}.revisions-tooltip{display:none}.arrow{width:70px;height:16px;overflow:hidden;position:absolute;right:0;margin-right:-35px;bottom:90px;z-index:10000}.arrow:after{z-index:9999;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.arrow.top{top:-16px;bottom:auto}.arrow.left{right:20%}.arrow:after{content:"";position:absolute;right:20px;top:-20px;width:25px;height:25px;transform:rotate(-45deg)}.revisions-tooltip,.revisions-tooltip-arrow:after{border-width:1px;border-style:solid}div.revisions-controls>.wp-slider>.ui-slider-handle{margin-right:-10px}.rtl div.revisions-controls>.wp-slider>.ui-slider-handle{margin-left:-10px}.wp-slider.ui-slider{position:relative;border:1px solid #dcdcde;text-align:right;cursor:pointer}.wp-slider .ui-slider-handle{border-radius:50%;height:18px;margin-top:-5px;outline:0;padding:2px;position:absolute;width:18px;z-index:2;touch-action:none}.wp-slider .ui-slider-handle,.wp-slider .ui-slider-handle.focus{background:#f6f7f7;border:1px solid #c3c4c7;box-shadow:0 1px 0 #c3c4c7}.wp-slider .ui-slider-handle.ui-state-hover,.wp-slider .ui-slider-handle:hover{background:#f6f7f7;border-color:#8c8f94}.wp-slider .ui-slider-handle.ui-state-active,.wp-slider .ui-slider-handle:active{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.wp-slider .ui-slider-handle:before{background:0 0;position:absolute;top:2px;right:2px;color:#50575e;content:"\f229";font:normal 18px/1 dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-slider .ui-slider-handle.ui-state-hover:before,.wp-slider .ui-slider-handle:hover:before{color:#1d2327}.wp-slider .ui-slider-handle.from-handle:before,.wp-slider .ui-slider-handle.to-handle:before{font-size:20px!important;margin:-1px -1px 0 0}.wp-slider .ui-slider-handle.from-handle:before{content:"\f141"}.wp-slider .ui-slider-handle.to-handle:before{content:"\f139"}.rtl .wp-slider .ui-slider-handle.from-handle:before{content:"\f139"}.rtl .wp-slider .ui-slider-handle.to-handle:before{content:"\f141";left:-1px}.wp-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-color:transparent;background-image:none}.wp-slider.ui-slider-horizontal{height:.7em}.wp-slider.ui-slider-horizontal .ui-slider-handle{top:-.25em;margin-right:-.6em}.wp-slider.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.wp-slider.ui-slider-horizontal .ui-slider-range-min{right:0}.wp-slider.ui-slider-horizontal .ui-slider-range-max{left:0}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.revision-tick.completed-false{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){#diff-next-revision,#diff-previous-revision{margin-top:-1em}.revisions-buttons{overflow:hidden;margin-bottom:15px}.comparing-two-revisions .revisions-controls,.revisions-controls{height:170px}.revisions-tooltip{bottom:130px;z-index:2}.diff-meta{overflow:hidden}table.diff{-ms-word-break:break-all;word-break:break-all;word-wrap:break-word}.diff-meta input.restore-revision{margin-top:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/revisions.css b/tools/storybook/wordpress/css/revisions.css
new file mode 100644
index 00000000000..e523ee431ce
--- /dev/null
+++ b/tools/storybook/wordpress/css/revisions.css
@@ -0,0 +1,602 @@
+/*------------------------------------------------------------------------------
+  11.2 - Post Revisions
+------------------------------------------------------------------------------*/
+.revisions-control-frame,
+.revisions-diff-frame {
+	position: relative;
+}
+
+.revisions-diff-frame {
+	top: 10px;
+}
+
+.revisions-controls {
+	padding-top: 40px;
+	z-index: 1;
+}
+
+.revisions-controls input[type="checkbox"] {
+	position: relative;
+	top: -1px;
+	vertical-align: text-bottom;
+}
+
+.revisions.pinned .revisions-controls {
+	position: fixed;
+	top: 0;
+	height: 82px;
+	background: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.revisions-tickmarks {
+	position: relative;
+	margin: 0 auto;
+	height: 0.7em;
+	top: 7px;
+	max-width: 70%;
+	box-sizing: border-box;
+	background-color: #fff;
+}
+
+.revisions-tickmarks > div {
+	position: absolute;
+	height: 100%;
+	border-left: 1px solid #a7aaad;
+	box-sizing: border-box;
+}
+
+.revisions-tickmarks > div:first-child {
+	border-width: 0;
+}
+
+.comparing-two-revisions .revisions-controls {
+	height: 140px;
+}
+
+.comparing-two-revisions.pinned .revisions-controls {
+	height: 124px;
+}
+
+.revisions .diff-error {
+	position: absolute;
+	text-align: center;
+	margin: 0 auto;
+	width: 100%;
+	display: none;
+}
+
+.revisions.diff-error .diff-error {
+	display: block;
+}
+
+.revisions .loading-indicator {
+	position: absolute;
+	vertical-align: middle;
+	opacity: 0;
+	width: 100%;
+	width: calc( 100% - 30px );
+	top: 50%;
+	top: calc( 50% - 10px );
+	transition: opacity 0.5s;
+}
+
+body.folded .revisions .loading-indicator {
+	margin-left: -32px;
+}
+
+.revisions .loading-indicator span.spinner {
+	display: block;
+	margin: 0 auto;
+	float: none;
+}
+
+.revisions.loading .loading-indicator {
+	opacity: 1;
+}
+
+.revisions .diff {
+	transition: opacity 0.5s;
+}
+
+.revisions.loading .diff {
+	opacity: 0.5;
+}
+
+.revisions.diff-error .diff {
+	visibility: hidden;
+}
+
+.revisions-meta {
+	margin-top: 20px;
+	background-color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	overflow: hidden;
+}
+
+.revisions.pinned .revisions-meta {
+	box-shadow: none;
+}
+
+.revision-toggle-compare-mode {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+.comparing-two-revisions .revisions-previous,
+.comparing-two-revisions .revisions-next,
+.revisions-meta .diff-meta-to strong {
+	display: none;
+}
+
+.revisions-controls .author-card .date {
+	color: #646970;
+}
+
+.revisions-controls .author-card.autosave {
+	color: #d63638;
+}
+
+.revisions-controls .author-card .author-name {
+	font-weight: 600;
+}
+
+.comparing-two-revisions .diff-meta-to strong {
+	display: block;
+}
+
+.revisions.pinned .revisions-buttons {
+	padding: 0 11px;
+}
+
+.revisions-previous,
+.revisions-next {
+	position: relative;
+	z-index: 1;
+}
+
+.revisions-previous {
+	float: left;
+}
+
+.revisions-next {
+	float: right;
+}
+
+.revisions-controls .wp-slider {
+	max-width: 70%;
+	margin: 0 auto;
+	top: -3px;
+}
+
+.revisions-diff {
+	padding: 15px;
+	background-color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.revisions-diff h3:first-child {
+	margin-top: 0;
+}
+
+/* Revision meta box */
+.post-revisions li img,
+#revisions-meta-restored img {
+	vertical-align: middle;
+}
+
+table.diff {
+	table-layout: fixed;
+	width: 100%;
+	white-space: pre-wrap;
+}
+
+table.diff col.content {
+	width: auto;
+}
+
+table.diff col.content.diffsplit {
+	width: 48%;
+}
+
+table.diff col.diffsplit.middle {
+	width: auto;
+}
+
+table.diff col.ltype {
+	width: 30px;
+}
+
+table.diff tr {
+	background-color: transparent;
+}
+
+table.diff td,
+table.diff th {
+	font-family: Consolas, Monaco, monospace;
+	font-size: 14px;
+	line-height: 1.57142857;
+	padding: 0.5em 0.5em 0.5em 2em;
+	vertical-align: top;
+	word-wrap: break-word;
+}
+
+table.diff td h1,
+table.diff td h2,
+table.diff td h3,
+table.diff td h4,
+table.diff td h5,
+table.diff td h6 {
+	margin: 0;
+}
+
+table.diff .diff-deletedline del,
+table.diff .diff-addedline ins {
+	text-decoration: none;
+}
+
+table.diff .diff-deletedline {
+	position: relative;
+	background-color: #fcf0f1;
+}
+
+table.diff .diff-deletedline del {
+	background-color: #ffabaf;
+}
+
+table.diff .diff-addedline {
+	position: relative;
+	background-color: #edfaef;
+}
+
+table.diff .diff-deletedline .dashicons,
+table.diff .diff-addedline .dashicons {
+	position: absolute;
+	top: 0.85714286em;
+	left: 0.5em;
+	width: 1em;
+	height: 1em;
+	font-size: 1em;
+	line-height: 1;
+}
+
+table.diff .diff-addedline .dashicons {
+	/* Compensate the vertically non-centered plus glyph. */
+	top: 0.92857143em;
+}
+
+table.diff .diff-addedline ins {
+	background-color: #68de7c;
+}
+
+.diff-meta {
+	padding: 5px;
+	clear: both;
+	min-height: 32px;
+}
+
+.diff-title strong {
+	line-height: 2.46153846;
+	min-width: 60px;
+	text-align: right;
+	float: left;
+	margin-right: 5px;
+}
+
+.revisions-controls .author-card .author-info {
+	font-size: 12px;
+	line-height: 1.33333333;
+}
+
+.revisions-controls .author-card .avatar,
+.revisions-controls .author-card .author-info {
+	float: left;
+	margin-left: 6px;
+	margin-right: 6px;
+}
+
+.revisions-controls .author-card .byline {
+	display: block;
+	font-size: 12px;
+}
+
+.revisions-controls .author-card .avatar {
+	vertical-align: middle;
+}
+
+.diff-meta input.restore-revision {
+	float: right;
+	margin-left: 6px;
+	margin-right: 6px;
+	margin-top: 2px;
+}
+
+.diff-meta-from {
+	display: none;
+}
+
+.comparing-two-revisions .diff-meta-from {
+	display: block;
+}
+
+.revisions-tooltip {
+	position: absolute;
+	bottom: 105px;
+	margin-right: 0;
+	margin-left: -69px;
+	z-index: 0;
+	max-width: 350px;
+	min-width: 130px;
+	padding: 8px 4px;
+	display: none;
+	opacity: 0;
+}
+
+.revisions-tooltip.flipped {
+	margin-left: 0;
+	margin-right: -70px;
+}
+
+.revisions.pinned .revisions-tooltip {
+	display: none !important;
+}
+
+.comparing-two-revisions .revisions-tooltip {
+	bottom: 145px;
+}
+
+.revisions-tooltip-arrow {
+	width: 70px;
+	height: 15px;
+	overflow: hidden;
+	position: absolute;
+	left: 0;
+	margin-left: 35px;
+	bottom: -15px;
+}
+
+.revisions-tooltip.flipped .revisions-tooltip-arrow {
+	margin-left: 0;
+	margin-right: 35px;
+	left: auto;
+	right: 0;
+}
+
+.revisions-tooltip-arrow > span {
+	content: "";
+	position: absolute;
+	left: 20px;
+	top: -20px;
+	width: 25px;
+	height: 25px;
+	transform: rotate(45deg);
+}
+
+.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
+	left: auto;
+	right: 20px;
+}
+
+.revisions-tooltip,
+.revisions-tooltip-arrow > span {
+	border: 1px solid #dcdcde;
+	background-color: #fff;
+}
+
+.revisions-tooltip {
+	display: none;
+}
+
+.arrow {
+	width: 70px;
+	height: 16px;
+	overflow: hidden;
+	position: absolute;
+	left: 0;
+	margin-left: -35px;
+	bottom: 90px;
+	z-index: 10000;
+}
+
+.arrow:after {
+	z-index: 9999;
+	background-color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.arrow.top {
+	top: -16px;
+	bottom: auto;
+}
+
+.arrow.left {
+	left: 20%;
+}
+
+.arrow:after {
+	content: "";
+	position: absolute;
+	left: 20px;
+	top: -20px;
+	width: 25px;
+	height: 25px;
+	transform: rotate(45deg);
+}
+
+.revisions-tooltip,
+.revisions-tooltip-arrow:after {
+	border-width: 1px;
+	border-style: solid;
+}
+
+div.revisions-controls > .wp-slider > .ui-slider-handle {
+	margin-left: -10px;
+}
+
+.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
+	margin-right: -10px;
+}
+
+/* jQuery UI Slider */
+.wp-slider.ui-slider {
+	position: relative;
+	border: 1px solid #dcdcde;
+	text-align: left;
+	cursor: pointer;
+}
+
+.wp-slider .ui-slider-handle {
+	border-radius: 50%;
+	height: 18px;
+	margin-top: -5px;
+	outline: none;
+	padding: 2px;
+	position: absolute;
+	width: 18px;
+	z-index: 2;
+	touch-action: none;
+}
+
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.focus {
+	background: #f6f7f7;
+	border: 1px solid #c3c4c7;
+	box-shadow: 0 1px 0 #c3c4c7;
+}
+
+.wp-slider .ui-slider-handle:hover,
+.wp-slider .ui-slider-handle.ui-state-hover {
+	background: #f6f7f7;
+	border-color: #8c8f94;
+}
+
+.wp-slider .ui-slider-handle:active,
+.wp-slider .ui-slider-handle.ui-state-active {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	transform: translateY(1px);
+}
+
+.wp-slider .ui-slider-handle:before {
+	background: none;
+	position: absolute;
+	top: 2px;
+	left: 2px;
+	color: #50575e;
+	content: "\f229";
+	font: normal 18px/1 dashicons;
+	speak: never;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-slider .ui-slider-handle:hover:before,
+.wp-slider .ui-slider-handle.ui-state-hover:before {
+	color: #1d2327;
+}
+
+.wp-slider .ui-slider-handle.from-handle:before,
+.wp-slider .ui-slider-handle.to-handle:before {
+	font-size: 20px !important;
+	margin: -1px 0 0 -1px;
+}
+
+.wp-slider .ui-slider-handle.from-handle:before {
+	content: "\f139";
+}
+
+.wp-slider .ui-slider-handle.to-handle:before {
+	content: "\f141";
+}
+
+.rtl .wp-slider .ui-slider-handle.from-handle:before {
+	content: "\f141";
+}
+
+.rtl .wp-slider .ui-slider-handle.to-handle:before {
+	content: "\f139";
+	right: -1px;
+}
+
+.wp-slider .ui-slider-range {
+	position: absolute;
+	font-size: 0.7em;
+	display: block;
+	border: 0;
+	background-color: transparent;
+	background-image: none;
+}
+
+.wp-slider.ui-slider-horizontal {
+	height: 0.7em;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-handle {
+	top: -.25em;
+	margin-left: -.6em;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range {
+	top: 0;
+	height: 100%;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range-min {
+	left: 0;
+}
+
+.wp-slider.ui-slider-horizontal .ui-slider-range-max {
+	right: 0;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	.revision-tick.completed-false {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	#diff-next-revision,
+	#diff-previous-revision {
+		margin-top: -1em;
+	}
+
+	.revisions-buttons {
+		overflow: hidden;
+		margin-bottom: 15px;
+	}
+
+	.revisions-controls,
+	.comparing-two-revisions .revisions-controls {
+		height: 170px;
+	}
+
+	.revisions-tooltip {
+		bottom: 130px;
+		z-index: 2;
+	}
+
+	.diff-meta {
+		overflow: hidden;
+	}
+
+	table.diff {
+		-ms-word-break: break-all;
+		word-break: break-all;
+		word-wrap: break-word;
+	}
+
+	.diff-meta input.restore-revision {
+		margin-top: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/revisions.min.css b/tools/storybook/wordpress/css/revisions.min.css
new file mode 100644
index 00000000000..07cdf1db01c
--- /dev/null
+++ b/tools/storybook/wordpress/css/revisions.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.revisions-control-frame,.revisions-diff-frame{position:relative}.revisions-diff-frame{top:10px}.revisions-controls{padding-top:40px;z-index:1}.revisions-controls input[type=checkbox]{position:relative;top:-1px;vertical-align:text-bottom}.revisions.pinned .revisions-controls{position:fixed;top:0;height:82px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.revisions-tickmarks{position:relative;margin:0 auto;height:.7em;top:7px;max-width:70%;box-sizing:border-box;background-color:#fff}.revisions-tickmarks>div{position:absolute;height:100%;border-left:1px solid #a7aaad;box-sizing:border-box}.revisions-tickmarks>div:first-child{border-width:0}.comparing-two-revisions .revisions-controls{height:140px}.comparing-two-revisions.pinned .revisions-controls{height:124px}.revisions .diff-error{position:absolute;text-align:center;margin:0 auto;width:100%;display:none}.revisions.diff-error .diff-error{display:block}.revisions .loading-indicator{position:absolute;vertical-align:middle;opacity:0;width:100%;width:calc(100% - 30px);top:50%;top:calc(50% - 10px);transition:opacity .5s}body.folded .revisions .loading-indicator{margin-left:-32px}.revisions .loading-indicator span.spinner{display:block;margin:0 auto;float:none}.revisions.loading .loading-indicator{opacity:1}.revisions .diff{transition:opacity .5s}.revisions.loading .diff{opacity:.5}.revisions.diff-error .diff{visibility:hidden}.revisions-meta{margin-top:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.revisions.pinned .revisions-meta{box-shadow:none}.revision-toggle-compare-mode{position:absolute;top:0;right:0}.comparing-two-revisions .revisions-next,.comparing-two-revisions .revisions-previous,.revisions-meta .diff-meta-to strong{display:none}.revisions-controls .author-card .date{color:#646970}.revisions-controls .author-card.autosave{color:#d63638}.revisions-controls .author-card .author-name{font-weight:600}.comparing-two-revisions .diff-meta-to strong{display:block}.revisions.pinned .revisions-buttons{padding:0 11px}.revisions-next,.revisions-previous{position:relative;z-index:1}.revisions-previous{float:left}.revisions-next{float:right}.revisions-controls .wp-slider{max-width:70%;margin:0 auto;top:-3px}.revisions-diff{padding:15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.revisions-diff h3:first-child{margin-top:0}#revisions-meta-restored img,.post-revisions li img{vertical-align:middle}table.diff{table-layout:fixed;width:100%;white-space:pre-wrap}table.diff col.content{width:auto}table.diff col.content.diffsplit{width:48%}table.diff col.diffsplit.middle{width:auto}table.diff col.ltype{width:30px}table.diff tr{background-color:transparent}table.diff td,table.diff th{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.57142857;padding:.5em .5em .5em 2em;vertical-align:top;word-wrap:break-word}table.diff td h1,table.diff td h2,table.diff td h3,table.diff td h4,table.diff td h5,table.diff td h6{margin:0}table.diff .diff-addedline ins,table.diff .diff-deletedline del{text-decoration:none}table.diff .diff-deletedline{position:relative;background-color:#fcf0f1}table.diff .diff-deletedline del{background-color:#ffabaf}table.diff .diff-addedline{position:relative;background-color:#edfaef}table.diff .diff-addedline .dashicons,table.diff .diff-deletedline .dashicons{position:absolute;top:.85714286em;left:.5em;width:1em;height:1em;font-size:1em;line-height:1}table.diff .diff-addedline .dashicons{top:.92857143em}table.diff .diff-addedline ins{background-color:#68de7c}.diff-meta{padding:5px;clear:both;min-height:32px}.diff-title strong{line-height:2.46153846;min-width:60px;text-align:right;float:left;margin-right:5px}.revisions-controls .author-card .author-info{font-size:12px;line-height:1.33333333}.revisions-controls .author-card .author-info,.revisions-controls .author-card .avatar{float:left;margin-left:6px;margin-right:6px}.revisions-controls .author-card .byline{display:block;font-size:12px}.revisions-controls .author-card .avatar{vertical-align:middle}.diff-meta input.restore-revision{float:right;margin-left:6px;margin-right:6px;margin-top:2px}.diff-meta-from{display:none}.comparing-two-revisions .diff-meta-from{display:block}.revisions-tooltip{position:absolute;bottom:105px;margin-right:0;margin-left:-69px;z-index:0;max-width:350px;min-width:130px;padding:8px 4px;display:none;opacity:0}.revisions-tooltip.flipped{margin-left:0;margin-right:-70px}.revisions.pinned .revisions-tooltip{display:none!important}.comparing-two-revisions .revisions-tooltip{bottom:145px}.revisions-tooltip-arrow{width:70px;height:15px;overflow:hidden;position:absolute;left:0;margin-left:35px;bottom:-15px}.revisions-tooltip.flipped .revisions-tooltip-arrow{margin-left:0;margin-right:35px;left:auto;right:0}.revisions-tooltip-arrow>span{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;transform:rotate(45deg)}.revisions-tooltip.flipped .revisions-tooltip-arrow>span{left:auto;right:20px}.revisions-tooltip,.revisions-tooltip-arrow>span{border:1px solid #dcdcde;background-color:#fff}.revisions-tooltip{display:none}.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:0;margin-left:-35px;bottom:90px;z-index:10000}.arrow:after{z-index:9999;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.arrow.top{top:-16px;bottom:auto}.arrow.left{left:20%}.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;transform:rotate(45deg)}.revisions-tooltip,.revisions-tooltip-arrow:after{border-width:1px;border-style:solid}div.revisions-controls>.wp-slider>.ui-slider-handle{margin-left:-10px}.rtl div.revisions-controls>.wp-slider>.ui-slider-handle{margin-right:-10px}.wp-slider.ui-slider{position:relative;border:1px solid #dcdcde;text-align:left;cursor:pointer}.wp-slider .ui-slider-handle{border-radius:50%;height:18px;margin-top:-5px;outline:0;padding:2px;position:absolute;width:18px;z-index:2;touch-action:none}.wp-slider .ui-slider-handle,.wp-slider .ui-slider-handle.focus{background:#f6f7f7;border:1px solid #c3c4c7;box-shadow:0 1px 0 #c3c4c7}.wp-slider .ui-slider-handle.ui-state-hover,.wp-slider .ui-slider-handle:hover{background:#f6f7f7;border-color:#8c8f94}.wp-slider .ui-slider-handle.ui-state-active,.wp-slider .ui-slider-handle:active{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.wp-slider .ui-slider-handle:before{background:0 0;position:absolute;top:2px;left:2px;color:#50575e;content:"\f229";font:normal 18px/1 dashicons;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-slider .ui-slider-handle.ui-state-hover:before,.wp-slider .ui-slider-handle:hover:before{color:#1d2327}.wp-slider .ui-slider-handle.from-handle:before,.wp-slider .ui-slider-handle.to-handle:before{font-size:20px!important;margin:-1px 0 0 -1px}.wp-slider .ui-slider-handle.from-handle:before{content:"\f139"}.wp-slider .ui-slider-handle.to-handle:before{content:"\f141"}.rtl .wp-slider .ui-slider-handle.from-handle:before{content:"\f141"}.rtl .wp-slider .ui-slider-handle.to-handle:before{content:"\f139";right:-1px}.wp-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-color:transparent;background-image:none}.wp-slider.ui-slider-horizontal{height:.7em}.wp-slider.ui-slider-horizontal .ui-slider-handle{top:-.25em;margin-left:-.6em}.wp-slider.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.wp-slider.ui-slider-horizontal .ui-slider-range-min{left:0}.wp-slider.ui-slider-horizontal .ui-slider-range-max{right:0}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.revision-tick.completed-false{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){#diff-next-revision,#diff-previous-revision{margin-top:-1em}.revisions-buttons{overflow:hidden;margin-bottom:15px}.comparing-two-revisions .revisions-controls,.revisions-controls{height:170px}.revisions-tooltip{bottom:130px;z-index:2}.diff-meta{overflow:hidden}table.diff{-ms-word-break:break-all;word-break:break-all;word-wrap:break-word}.diff-meta input.restore-revision{margin-top:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/site-health-rtl.css b/tools/storybook/wordpress/css/site-health-rtl.css
new file mode 100644
index 00000000000..ccfff2a515e
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-health-rtl.css
@@ -0,0 +1,360 @@
+/*! This file is auto-generated */
+/* Note: Any Site Health selectors that use
+duplicate styling from the Privacy settings screen
+are styled in the Privacy section of edit.css */
+
+.health-check-body h2 {
+	line-height: 1.4;
+}
+
+.health-check-body h3 {
+	padding: 0;
+	font-weight: 400;
+}
+
+.health-check-widget-title-section {
+	text-align: center;
+}
+
+.site-health-progress-wrapper {
+	margin-bottom: 1rem;
+}
+
+.site-health-progress {
+	display: inline-block;
+	height: 20px;
+	width: 20px;
+	margin: 0;
+	border-radius: 100%;
+	position: relative;
+	font-weight: 600;
+	font-size: 0.4rem;
+}
+
+.site-health-progress-count {
+	position: absolute;
+	display: block;
+	height: 80px;
+	width: 80px;
+	right: 50%;
+	top: 50%;
+	margin-top: -40px;
+	margin-right: -40px;
+	border-radius: 100%;
+	line-height: 6.3;
+	font-size: 2em;
+}
+
+.loading .site-health-progress svg #bar {
+	stroke-dashoffset: 0;
+	stroke: #c3c4c7;
+	animation: loadingPulse 3s infinite ease-in-out;
+}
+
+.site-health-progress svg circle {
+	stroke-dashoffset: 0;
+	transition: stroke-dashoffset 1s linear;
+	stroke: #c3c4c7;
+	stroke-width: 2em;
+}
+
+.site-health-progress svg #bar {
+	stroke-dashoffset: 565;
+	stroke: #d63638;
+}
+
+.green .site-health-progress #bar {
+	stroke: #00a32a;
+}
+.green .site-health-progress .site-health-progress-label {
+	color: #00a32a;
+}
+
+.orange .site-health-progress #bar {
+	stroke: #dba617;
+}
+.orange .site-health-progress .site-health-progress-label {
+	color: #dba617;
+}
+
+.site-health-progress-label {
+	font-weight: 600;
+	line-height: 20px;
+	margin-right: 0.3rem;
+}
+
+@keyframes loadingPulse {
+	0% {
+		stroke: #c3c4c7;
+	}
+	50% {
+		stroke: #72aee6;
+	}
+	100% {
+		stroke: #c3c4c7;
+	}
+}
+
+.health-check-tabs-wrapper {
+	/* IE 11 */
+	display: -ms-inline-grid;
+	-ms-grid-columns: 1fr 1fr 1fr 1fr;
+	vertical-align: top;
+	/* modern browsers */
+	display: inline-grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+
+.health-check-tabs-wrapper.tab-count-1 {
+	grid-template-columns: 1fr;
+}
+.health-check-tabs-wrapper.tab-count-2 {
+	grid-template-columns: 1fr 1fr;
+}
+.health-check-tabs-wrapper.tab-count-3 {
+	grid-template-columns: 1fr 1fr 1fr;
+}
+
+.health-check-tab {
+	display: block; /* IE 11 */
+	text-decoration: none;
+	color: inherit;
+	padding: 0.5rem 1rem 1rem;
+	margin: 0 1rem;
+	transition: box-shadow 0.5s ease-in-out;
+}
+
+.health-check-offscreen-nav-wrapper {
+	position: relative;
+	background: transparent;
+	border: none;
+}
+.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav {
+	right: initial;
+}
+
+.health-check-offscreen-nav {
+	display: none;
+	position: absolute;
+	padding-top: 10px;
+	left: 0;
+	top: 100%;
+	width: 13rem;
+}
+.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav {
+	display: inline-block;
+}
+.health-check-offscreen-nav:before {
+	position: absolute;
+	content: "";
+	width: 0;
+	height: 0;
+	border-style: solid;
+	border-width: 0 10px 5px;
+	border-color: transparent transparent #ffffff;
+	left: 20px;
+	top: 5px;
+}
+
+.health-check-offscreen-nav .health-check-tab {
+	background: #fff;
+	box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.75 );
+}
+
+.health-check-offscreen-nav .health-check-tab.active {
+	box-shadow: inset -3px 0 #3582c4;
+	font-weight: 600;
+}
+
+.health-check-body {
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+.health-check-table td:first-child {
+	width: 30%;
+}
+
+.health-check-table td {
+	width: 70%;
+}
+
+.health-check-table ul,
+.health-check-table ol {
+	margin: 0;
+}
+
+.health-check-body li {
+	line-height: 1.5;
+}
+
+.health-check-body .pass::before,
+.health-check-body .good::before {
+	content: "\f147";
+	color: #00a32a;
+}
+
+.health-check-body .warning::before {
+	content: "\f460";
+	color: #dba617;
+}
+
+.health-check-body .info::before {
+	content: "\f348";
+	color: #72aee6;
+}
+
+.health-check-body .fail::before,
+.health-check-body .error::before {
+	content: "\f335";
+	color: #d63638;
+}
+
+.site-health-copy-buttons {
+	margin: 1rem 0;
+}
+
+.site-health-copy-buttons .copy-button-wrapper {
+	display: inline-flex;
+	align-items: center;
+	margin: 0.5rem 0 1rem;
+}
+
+.site-health-copy-buttons .success {
+	color: #008a20;
+	margin-right: 0.5rem;
+}
+
+.site-status-has-issues.hide {
+	display: none;
+}
+
+.site-health-view-more {
+	text-align: center;
+}
+
+.site-health-issues-wrapper:first-of-type {
+	margin-top: 3rem;
+}
+
+.site-health-issues-wrapper {
+	margin-bottom: 3rem;
+	margin-top: 2rem;
+}
+
+.site-status-all-clear {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	height: 100%;
+	width: 100%;
+	margin: 0 0 3rem;
+}
+
+@media all and (min-width: 784px) {
+	.site-status-all-clear {
+		margin: 2rem 0 5rem;
+	}
+}
+
+.site-status-all-clear.hide {
+	display: none;
+}
+
+.site-status-all-clear .dashicons {
+	font-size: 150px;
+	height: 150px;
+	margin-bottom: 2rem;
+	width: 150px;
+}
+
+.site-status-all-clear .encouragement {
+	font-size: 1.5rem;
+	font-weight: 600;
+}
+
+.site-status-all-clear p {
+	margin: 0;
+}
+
+.wp-core-ui .button.site-health-view-passed {
+	position: relative;
+	padding-left: 40px;
+	padding-right: 20px;
+}
+
+
+/* Better position for the WordPress admin notices and update nag. */
+.site-health .notice {
+	margin: 5px 22px 15px 20px;
+}
+
+.site-health .update-nag {
+	margin-bottom: 20px;
+	margin-right: 22px;
+}
+
+.health-check-wp-paths-sizes.spinner {
+	visibility: visible;
+	float: none;
+	margin: 0 4px;
+	flex-shrink: 0;
+}
+
+/* Styling unique to the dashboard widget. */
+#dashboard_site_health .site-health-details {
+	padding-right: 16px;
+}
+
+#dashboard_site_health .health-check-widget {
+	display: grid;
+	grid-template-columns: 1fr 2fr;
+	grid-auto-rows: minmax(64px, auto);
+	column-gap: 16px;
+	align-items: center;
+}
+#dashboard_site_health .site-health-progress-label {
+	margin-right: 0;
+}
+
+@media screen and (max-width: 480px) {
+	#dashboard_site_health .health-check-widget {
+		grid-template-columns: 100%;
+	}
+}
+
+@media screen and (max-width: 782px) {
+
+	.site-health-issues-wrapper .health-check-accordion-trigger {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.health-check-accordion-trigger .badge {
+		margin: 1em 0 0;
+	}
+
+	.health-check-table {
+		table-layout: fixed;
+	}
+
+	.health-check-table td {
+		box-sizing: border-box;
+		display: block;
+		width: 100%;
+		word-wrap: break-word;
+	}
+
+	.health-check-table td:first-child {
+		width: 100%;
+		padding-bottom: 0;
+		font-weight: 600;
+	}
+
+	.wp-core-ui .site-health-copy-buttons .copy-button {
+		margin-bottom: 0;
+	}
+}
+
diff --git a/tools/storybook/wordpress/css/site-health-rtl.min.css b/tools/storybook/wordpress/css/site-health-rtl.min.css
new file mode 100644
index 00000000000..852814b4dcf
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-health-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.health-check-body h2{line-height:1.4}.health-check-body h3{padding:0;font-weight:400}.health-check-widget-title-section{text-align:center}.site-health-progress-wrapper{margin-bottom:1rem}.site-health-progress{display:inline-block;height:20px;width:20px;margin:0;border-radius:100%;position:relative;font-weight:600;font-size:.4rem}.site-health-progress-count{position:absolute;display:block;height:80px;width:80px;right:50%;top:50%;margin-top:-40px;margin-right:-40px;border-radius:100%;line-height:6.3;font-size:2em}.loading .site-health-progress svg #bar{stroke-dashoffset:0;stroke:#c3c4c7;animation:loadingPulse 3s infinite ease-in-out}.site-health-progress svg circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;stroke:#c3c4c7;stroke-width:2em}.site-health-progress svg #bar{stroke-dashoffset:565;stroke:#d63638}.green .site-health-progress #bar{stroke:#00a32a}.green .site-health-progress .site-health-progress-label{color:#00a32a}.orange .site-health-progress #bar{stroke:#dba617}.orange .site-health-progress .site-health-progress-label{color:#dba617}.site-health-progress-label{font-weight:600;line-height:20px;margin-right:.3rem}@keyframes loadingPulse{0%{stroke:#c3c4c7}50%{stroke:#72aee6}100%{stroke:#c3c4c7}}.health-check-tabs-wrapper{display:-ms-inline-grid;-ms-grid-columns:1fr 1fr 1fr 1fr;vertical-align:top;display:inline-grid;grid-template-columns:1fr 1fr 1fr 1fr}.health-check-tabs-wrapper.tab-count-1{grid-template-columns:1fr}.health-check-tabs-wrapper.tab-count-2{grid-template-columns:1fr 1fr}.health-check-tabs-wrapper.tab-count-3{grid-template-columns:1fr 1fr 1fr}.health-check-tab{display:block;text-decoration:none;color:inherit;padding:.5rem 1rem 1rem;margin:0 1rem;transition:box-shadow .5s ease-in-out}.health-check-offscreen-nav-wrapper{position:relative;background:0 0;border:none}.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav{right:initial}.health-check-offscreen-nav{display:none;position:absolute;padding-top:10px;left:0;top:100%;width:13rem}.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav{display:inline-block}.health-check-offscreen-nav:before{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:0 10px 5px;border-color:transparent transparent #fff;left:20px;top:5px}.health-check-offscreen-nav .health-check-tab{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.75)}.health-check-offscreen-nav .health-check-tab.active{box-shadow:inset -3px 0 #3582c4;font-weight:600}.health-check-body{max-width:800px;margin:0 auto}.health-check-table td:first-child{width:30%}.health-check-table td{width:70%}.health-check-table ol,.health-check-table ul{margin:0}.health-check-body li{line-height:1.5}.health-check-body .good::before,.health-check-body .pass::before{content:"\f147";color:#00a32a}.health-check-body .warning::before{content:"\f460";color:#dba617}.health-check-body .info::before{content:"\f348";color:#72aee6}.health-check-body .error::before,.health-check-body .fail::before{content:"\f335";color:#d63638}.site-health-copy-buttons{margin:1rem 0}.site-health-copy-buttons .copy-button-wrapper{display:inline-flex;align-items:center;margin:.5rem 0 1rem}.site-health-copy-buttons .success{color:#008a20;margin-right:.5rem}.site-status-has-issues.hide{display:none}.site-health-view-more{text-align:center}.site-health-issues-wrapper:first-of-type{margin-top:3rem}.site-health-issues-wrapper{margin-bottom:3rem;margin-top:2rem}.site-status-all-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;margin:0 0 3rem}@media all and (min-width:784px){.site-status-all-clear{margin:2rem 0 5rem}}.site-status-all-clear.hide{display:none}.site-status-all-clear .dashicons{font-size:150px;height:150px;margin-bottom:2rem;width:150px}.site-status-all-clear .encouragement{font-size:1.5rem;font-weight:600}.site-status-all-clear p{margin:0}.wp-core-ui .button.site-health-view-passed{position:relative;padding-left:40px;padding-right:20px}.site-health .notice{margin:5px 22px 15px 20px}.site-health .update-nag{margin-bottom:20px;margin-right:22px}.health-check-wp-paths-sizes.spinner{visibility:visible;float:none;margin:0 4px;flex-shrink:0}#dashboard_site_health .site-health-details{padding-right:16px}#dashboard_site_health .health-check-widget{display:grid;grid-template-columns:1fr 2fr;grid-auto-rows:minmax(64px,auto);column-gap:16px;align-items:center}#dashboard_site_health .site-health-progress-label{margin-right:0}@media screen and (max-width:480px){#dashboard_site_health .health-check-widget{grid-template-columns:100%}}@media screen and (max-width:782px){.site-health-issues-wrapper .health-check-accordion-trigger{flex-direction:column;align-items:flex-start}.health-check-accordion-trigger .badge{margin:1em 0 0}.health-check-table{table-layout:fixed}.health-check-table td{box-sizing:border-box;display:block;width:100%;word-wrap:break-word}.health-check-table td:first-child{width:100%;padding-bottom:0;font-weight:600}.wp-core-ui .site-health-copy-buttons .copy-button{margin-bottom:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/site-health.css b/tools/storybook/wordpress/css/site-health.css
new file mode 100644
index 00000000000..ed539d33ae2
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-health.css
@@ -0,0 +1,359 @@
+/* Note: Any Site Health selectors that use
+duplicate styling from the Privacy settings screen
+are styled in the Privacy section of edit.css */
+
+.health-check-body h2 {
+	line-height: 1.4;
+}
+
+.health-check-body h3 {
+	padding: 0;
+	font-weight: 400;
+}
+
+.health-check-widget-title-section {
+	text-align: center;
+}
+
+.site-health-progress-wrapper {
+	margin-bottom: 1rem;
+}
+
+.site-health-progress {
+	display: inline-block;
+	height: 20px;
+	width: 20px;
+	margin: 0;
+	border-radius: 100%;
+	position: relative;
+	font-weight: 600;
+	font-size: 0.4rem;
+}
+
+.site-health-progress-count {
+	position: absolute;
+	display: block;
+	height: 80px;
+	width: 80px;
+	left: 50%;
+	top: 50%;
+	margin-top: -40px;
+	margin-left: -40px;
+	border-radius: 100%;
+	line-height: 6.3;
+	font-size: 2em;
+}
+
+.loading .site-health-progress svg #bar {
+	stroke-dashoffset: 0;
+	stroke: #c3c4c7;
+	animation: loadingPulse 3s infinite ease-in-out;
+}
+
+.site-health-progress svg circle {
+	stroke-dashoffset: 0;
+	transition: stroke-dashoffset 1s linear;
+	stroke: #c3c4c7;
+	stroke-width: 2em;
+}
+
+.site-health-progress svg #bar {
+	stroke-dashoffset: 565;
+	stroke: #d63638;
+}
+
+.green .site-health-progress #bar {
+	stroke: #00a32a;
+}
+.green .site-health-progress .site-health-progress-label {
+	color: #00a32a;
+}
+
+.orange .site-health-progress #bar {
+	stroke: #dba617;
+}
+.orange .site-health-progress .site-health-progress-label {
+	color: #dba617;
+}
+
+.site-health-progress-label {
+	font-weight: 600;
+	line-height: 20px;
+	margin-left: 0.3rem;
+}
+
+@keyframes loadingPulse {
+	0% {
+		stroke: #c3c4c7;
+	}
+	50% {
+		stroke: #72aee6;
+	}
+	100% {
+		stroke: #c3c4c7;
+	}
+}
+
+.health-check-tabs-wrapper {
+	/* IE 11 */
+	display: -ms-inline-grid;
+	-ms-grid-columns: 1fr 1fr 1fr 1fr;
+	vertical-align: top;
+	/* modern browsers */
+	display: inline-grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
+}
+
+.health-check-tabs-wrapper.tab-count-1 {
+	grid-template-columns: 1fr;
+}
+.health-check-tabs-wrapper.tab-count-2 {
+	grid-template-columns: 1fr 1fr;
+}
+.health-check-tabs-wrapper.tab-count-3 {
+	grid-template-columns: 1fr 1fr 1fr;
+}
+
+.health-check-tab {
+	display: block; /* IE 11 */
+	text-decoration: none;
+	color: inherit;
+	padding: 0.5rem 1rem 1rem;
+	margin: 0 1rem;
+	transition: box-shadow 0.5s ease-in-out;
+}
+
+.health-check-offscreen-nav-wrapper {
+	position: relative;
+	background: transparent;
+	border: none;
+}
+.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav {
+	left: initial;
+}
+
+.health-check-offscreen-nav {
+	display: none;
+	position: absolute;
+	padding-top: 10px;
+	right: 0;
+	top: 100%;
+	width: 13rem;
+}
+.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav {
+	display: inline-block;
+}
+.health-check-offscreen-nav:before {
+	position: absolute;
+	content: "";
+	width: 0;
+	height: 0;
+	border-style: solid;
+	border-width: 0 10px 5px;
+	border-color: transparent transparent #ffffff;
+	right: 20px;
+	top: 5px;
+}
+
+.health-check-offscreen-nav .health-check-tab {
+	background: #fff;
+	box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.75 );
+}
+
+.health-check-offscreen-nav .health-check-tab.active {
+	box-shadow: inset 3px 0 #3582c4;
+	font-weight: 600;
+}
+
+.health-check-body {
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+.health-check-table td:first-child {
+	width: 30%;
+}
+
+.health-check-table td {
+	width: 70%;
+}
+
+.health-check-table ul,
+.health-check-table ol {
+	margin: 0;
+}
+
+.health-check-body li {
+	line-height: 1.5;
+}
+
+.health-check-body .pass::before,
+.health-check-body .good::before {
+	content: "\f147";
+	color: #00a32a;
+}
+
+.health-check-body .warning::before {
+	content: "\f460";
+	color: #dba617;
+}
+
+.health-check-body .info::before {
+	content: "\f348";
+	color: #72aee6;
+}
+
+.health-check-body .fail::before,
+.health-check-body .error::before {
+	content: "\f335";
+	color: #d63638;
+}
+
+.site-health-copy-buttons {
+	margin: 1rem 0;
+}
+
+.site-health-copy-buttons .copy-button-wrapper {
+	display: inline-flex;
+	align-items: center;
+	margin: 0.5rem 0 1rem;
+}
+
+.site-health-copy-buttons .success {
+	color: #008a20;
+	margin-left: 0.5rem;
+}
+
+.site-status-has-issues.hide {
+	display: none;
+}
+
+.site-health-view-more {
+	text-align: center;
+}
+
+.site-health-issues-wrapper:first-of-type {
+	margin-top: 3rem;
+}
+
+.site-health-issues-wrapper {
+	margin-bottom: 3rem;
+	margin-top: 2rem;
+}
+
+.site-status-all-clear {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	height: 100%;
+	width: 100%;
+	margin: 0 0 3rem;
+}
+
+@media all and (min-width: 784px) {
+	.site-status-all-clear {
+		margin: 2rem 0 5rem;
+	}
+}
+
+.site-status-all-clear.hide {
+	display: none;
+}
+
+.site-status-all-clear .dashicons {
+	font-size: 150px;
+	height: 150px;
+	margin-bottom: 2rem;
+	width: 150px;
+}
+
+.site-status-all-clear .encouragement {
+	font-size: 1.5rem;
+	font-weight: 600;
+}
+
+.site-status-all-clear p {
+	margin: 0;
+}
+
+.wp-core-ui .button.site-health-view-passed {
+	position: relative;
+	padding-right: 40px;
+	padding-left: 20px;
+}
+
+
+/* Better position for the WordPress admin notices and update nag. */
+.site-health .notice {
+	margin: 5px 20px 15px 22px;
+}
+
+.site-health .update-nag {
+	margin-bottom: 20px;
+	margin-left: 22px;
+}
+
+.health-check-wp-paths-sizes.spinner {
+	visibility: visible;
+	float: none;
+	margin: 0 4px;
+	flex-shrink: 0;
+}
+
+/* Styling unique to the dashboard widget. */
+#dashboard_site_health .site-health-details {
+	padding-left: 16px;
+}
+
+#dashboard_site_health .health-check-widget {
+	display: grid;
+	grid-template-columns: 1fr 2fr;
+	grid-auto-rows: minmax(64px, auto);
+	column-gap: 16px;
+	align-items: center;
+}
+#dashboard_site_health .site-health-progress-label {
+	margin-left: 0;
+}
+
+@media screen and (max-width: 480px) {
+	#dashboard_site_health .health-check-widget {
+		grid-template-columns: 100%;
+	}
+}
+
+@media screen and (max-width: 782px) {
+
+	.site-health-issues-wrapper .health-check-accordion-trigger {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.health-check-accordion-trigger .badge {
+		margin: 1em 0 0;
+	}
+
+	.health-check-table {
+		table-layout: fixed;
+	}
+
+	.health-check-table td {
+		box-sizing: border-box;
+		display: block;
+		width: 100%;
+		word-wrap: break-word;
+	}
+
+	.health-check-table td:first-child {
+		width: 100%;
+		padding-bottom: 0;
+		font-weight: 600;
+	}
+
+	.wp-core-ui .site-health-copy-buttons .copy-button {
+		margin-bottom: 0;
+	}
+}
+
diff --git a/tools/storybook/wordpress/css/site-health.min.css b/tools/storybook/wordpress/css/site-health.min.css
new file mode 100644
index 00000000000..f8b08a3a72e
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-health.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.health-check-body h2{line-height:1.4}.health-check-body h3{padding:0;font-weight:400}.health-check-widget-title-section{text-align:center}.site-health-progress-wrapper{margin-bottom:1rem}.site-health-progress{display:inline-block;height:20px;width:20px;margin:0;border-radius:100%;position:relative;font-weight:600;font-size:.4rem}.site-health-progress-count{position:absolute;display:block;height:80px;width:80px;left:50%;top:50%;margin-top:-40px;margin-left:-40px;border-radius:100%;line-height:6.3;font-size:2em}.loading .site-health-progress svg #bar{stroke-dashoffset:0;stroke:#c3c4c7;animation:loadingPulse 3s infinite ease-in-out}.site-health-progress svg circle{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;stroke:#c3c4c7;stroke-width:2em}.site-health-progress svg #bar{stroke-dashoffset:565;stroke:#d63638}.green .site-health-progress #bar{stroke:#00a32a}.green .site-health-progress .site-health-progress-label{color:#00a32a}.orange .site-health-progress #bar{stroke:#dba617}.orange .site-health-progress .site-health-progress-label{color:#dba617}.site-health-progress-label{font-weight:600;line-height:20px;margin-left:.3rem}@keyframes loadingPulse{0%{stroke:#c3c4c7}50%{stroke:#72aee6}100%{stroke:#c3c4c7}}.health-check-tabs-wrapper{display:-ms-inline-grid;-ms-grid-columns:1fr 1fr 1fr 1fr;vertical-align:top;display:inline-grid;grid-template-columns:1fr 1fr 1fr 1fr}.health-check-tabs-wrapper.tab-count-1{grid-template-columns:1fr}.health-check-tabs-wrapper.tab-count-2{grid-template-columns:1fr 1fr}.health-check-tabs-wrapper.tab-count-3{grid-template-columns:1fr 1fr 1fr}.health-check-tab{display:block;text-decoration:none;color:inherit;padding:.5rem 1rem 1rem;margin:0 1rem;transition:box-shadow .5s ease-in-out}.health-check-offscreen-nav-wrapper{position:relative;background:0 0;border:none}.health-check-offscreen-nav-wrapper:focus .health-check-offscreen-nav{left:initial}.health-check-offscreen-nav{display:none;position:absolute;padding-top:10px;right:0;top:100%;width:13rem}.health-check-offscreen-nav-wrapper.visible .health-check-offscreen-nav{display:inline-block}.health-check-offscreen-nav:before{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:0 10px 5px;border-color:transparent transparent #fff;right:20px;top:5px}.health-check-offscreen-nav .health-check-tab{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.75)}.health-check-offscreen-nav .health-check-tab.active{box-shadow:inset 3px 0 #3582c4;font-weight:600}.health-check-body{max-width:800px;margin:0 auto}.health-check-table td:first-child{width:30%}.health-check-table td{width:70%}.health-check-table ol,.health-check-table ul{margin:0}.health-check-body li{line-height:1.5}.health-check-body .good::before,.health-check-body .pass::before{content:"\f147";color:#00a32a}.health-check-body .warning::before{content:"\f460";color:#dba617}.health-check-body .info::before{content:"\f348";color:#72aee6}.health-check-body .error::before,.health-check-body .fail::before{content:"\f335";color:#d63638}.site-health-copy-buttons{margin:1rem 0}.site-health-copy-buttons .copy-button-wrapper{display:inline-flex;align-items:center;margin:.5rem 0 1rem}.site-health-copy-buttons .success{color:#008a20;margin-left:.5rem}.site-status-has-issues.hide{display:none}.site-health-view-more{text-align:center}.site-health-issues-wrapper:first-of-type{margin-top:3rem}.site-health-issues-wrapper{margin-bottom:3rem;margin-top:2rem}.site-status-all-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;margin:0 0 3rem}@media all and (min-width:784px){.site-status-all-clear{margin:2rem 0 5rem}}.site-status-all-clear.hide{display:none}.site-status-all-clear .dashicons{font-size:150px;height:150px;margin-bottom:2rem;width:150px}.site-status-all-clear .encouragement{font-size:1.5rem;font-weight:600}.site-status-all-clear p{margin:0}.wp-core-ui .button.site-health-view-passed{position:relative;padding-right:40px;padding-left:20px}.site-health .notice{margin:5px 20px 15px 22px}.site-health .update-nag{margin-bottom:20px;margin-left:22px}.health-check-wp-paths-sizes.spinner{visibility:visible;float:none;margin:0 4px;flex-shrink:0}#dashboard_site_health .site-health-details{padding-left:16px}#dashboard_site_health .health-check-widget{display:grid;grid-template-columns:1fr 2fr;grid-auto-rows:minmax(64px,auto);column-gap:16px;align-items:center}#dashboard_site_health .site-health-progress-label{margin-left:0}@media screen and (max-width:480px){#dashboard_site_health .health-check-widget{grid-template-columns:100%}}@media screen and (max-width:782px){.site-health-issues-wrapper .health-check-accordion-trigger{flex-direction:column;align-items:flex-start}.health-check-accordion-trigger .badge{margin:1em 0 0}.health-check-table{table-layout:fixed}.health-check-table td{box-sizing:border-box;display:block;width:100%;word-wrap:break-word}.health-check-table td:first-child{width:100%;padding-bottom:0;font-weight:600}.wp-core-ui .site-health-copy-buttons .copy-button{margin-bottom:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/site-icon-rtl.css b/tools/storybook/wordpress/css/site-icon-rtl.css
new file mode 100644
index 00000000000..06293b92e2d
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-icon-rtl.css
@@ -0,0 +1,55 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  28.0 - Site Icon
+------------------------------------------------------------------------------*/
+
+.site-icon-preview .favicon-preview {
+	margin: 5px 0 20px;
+	overflow: hidden;
+	position: relative;
+	max-width: 180px;
+}
+
+.site-icon-preview .favicon,
+.site-icon-preview .browser-title {
+	height: 16px;
+	right: 88px;
+	overflow: hidden;
+	position: absolute;
+	top: 16px;
+}
+
+.site-icon-preview .favicon {
+	width: 16px;
+}
+
+.site-icon-preview .browser-title {
+	right: 109px;
+	width: 72px;
+	white-space: nowrap;
+}
+
+.site-icon-preview .app-icon-preview {
+	background-color: #000;
+	border-radius: 16px;
+	height: 64px;
+	overflow: hidden;
+	width: 64px;
+	margin-top: 5px;
+}
+
+/* rtl:ignore */
+.site-icon-preview .favicon,
+.site-icon-preview .app-icon-preview {
+	direction: ltr;
+}
+
+.customize-control-site_icon .favicon-preview {
+	float: right;
+	margin-left: 12px;
+	margin-bottom: 0;
+}
+
+.customize-control-site_icon .app-icon-preview {
+	margin-top: 9px;
+}
diff --git a/tools/storybook/wordpress/css/site-icon-rtl.min.css b/tools/storybook/wordpress/css/site-icon-rtl.min.css
new file mode 100644
index 00000000000..901a1eb6525
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-icon-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.site-icon-preview .favicon-preview{margin:5px 0 20px;overflow:hidden;position:relative;max-width:180px}.site-icon-preview .browser-title,.site-icon-preview .favicon{height:16px;right:88px;overflow:hidden;position:absolute;top:16px}.site-icon-preview .favicon{width:16px}.site-icon-preview .browser-title{right:109px;width:72px;white-space:nowrap}.site-icon-preview .app-icon-preview{background-color:#000;border-radius:16px;height:64px;overflow:hidden;width:64px;margin-top:5px}.site-icon-preview .app-icon-preview,.site-icon-preview .favicon{direction:ltr}.customize-control-site_icon .favicon-preview{float:right;margin-left:12px;margin-bottom:0}.customize-control-site_icon .app-icon-preview{margin-top:9px}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/site-icon.css b/tools/storybook/wordpress/css/site-icon.css
new file mode 100644
index 00000000000..eae9a576357
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-icon.css
@@ -0,0 +1,54 @@
+/*------------------------------------------------------------------------------
+  28.0 - Site Icon
+------------------------------------------------------------------------------*/
+
+.site-icon-preview .favicon-preview {
+	margin: 5px 0 20px;
+	overflow: hidden;
+	position: relative;
+	max-width: 180px;
+}
+
+.site-icon-preview .favicon,
+.site-icon-preview .browser-title {
+	height: 16px;
+	left: 88px;
+	overflow: hidden;
+	position: absolute;
+	top: 16px;
+}
+
+.site-icon-preview .favicon {
+	width: 16px;
+}
+
+.site-icon-preview .browser-title {
+	left: 109px;
+	width: 72px;
+	white-space: nowrap;
+}
+
+.site-icon-preview .app-icon-preview {
+	background-color: #000;
+	border-radius: 16px;
+	height: 64px;
+	overflow: hidden;
+	width: 64px;
+	margin-top: 5px;
+}
+
+/* rtl:ignore */
+.site-icon-preview .favicon,
+.site-icon-preview .app-icon-preview {
+	direction: ltr;
+}
+
+.customize-control-site_icon .favicon-preview {
+	float: left;
+	margin-right: 12px;
+	margin-bottom: 0;
+}
+
+.customize-control-site_icon .app-icon-preview {
+	margin-top: 9px;
+}
diff --git a/tools/storybook/wordpress/css/site-icon.min.css b/tools/storybook/wordpress/css/site-icon.min.css
new file mode 100644
index 00000000000..5287d07f955
--- /dev/null
+++ b/tools/storybook/wordpress/css/site-icon.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.site-icon-preview .favicon-preview{margin:5px 0 20px;overflow:hidden;position:relative;max-width:180px}.site-icon-preview .browser-title,.site-icon-preview .favicon{height:16px;left:88px;overflow:hidden;position:absolute;top:16px}.site-icon-preview .favicon{width:16px}.site-icon-preview .browser-title{left:109px;width:72px;white-space:nowrap}.site-icon-preview .app-icon-preview{background-color:#000;border-radius:16px;height:64px;overflow:hidden;width:64px;margin-top:5px}.site-icon-preview .app-icon-preview,.site-icon-preview .favicon{direction:ltr}.customize-control-site_icon .favicon-preview{float:left;margin-right:12px;margin-bottom:0}.customize-control-site_icon .app-icon-preview{margin-top:9px}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/themes-rtl.css b/tools/storybook/wordpress/css/themes-rtl.css
new file mode 100644
index 00000000000..4e847251c9c
--- /dev/null
+++ b/tools/storybook/wordpress/css/themes-rtl.css
@@ -0,0 +1,2005 @@
+/*! This file is auto-generated */
+/*------------------------------------------------------------------------------
+  16.0 - Themes
+------------------------------------------------------------------------------*/
+
+
+/*------------------------------------------------------------------------------
+  16.1 - Manage Themes
+------------------------------------------------------------------------------*/
+
+.themes-php {
+	overflow-y: scroll;
+}
+
+body.js .theme-browser.search-loading {
+	display: none;
+}
+
+.theme-browser .themes {
+	clear: both;
+}
+
+.themes-php:not(.network-admin) .wrap h1 {
+	margin-bottom: 15px;
+}
+
+.themes-php .wrap h1 .button {
+	margin-right: 20px;
+}
+
+/* Search form */
+.themes-php .search-form {
+	display: inline;
+}
+
+.themes-php .wp-filter-search {
+	position: relative;
+	top: -2px;
+	right: 20px;
+	margin: 0;
+	width: 280px;
+}
+
+/* Position admin messages */
+.theme .notice,
+.theme .notice.is-dismissible {
+	right: 0;
+	margin: 0;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
+/**
+ * Main theme element
+ * (has flexible margins)
+ */
+.theme-browser .theme {
+	cursor: pointer;
+	float: right;
+	margin: 0 0 4% 4%;
+	position: relative;
+	width: 30.6%;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
+	box-sizing: border-box;
+}
+
+.theme-browser .theme:nth-child(3n) {
+	margin-left: 0;
+}
+
+.theme-browser .theme:hover,
+.theme-browser .theme.focus {
+	cursor: pointer;
+}
+
+.theme-browser .theme .theme-name {
+	font-size: 15px;
+	font-weight: 600;
+	height: 18px;
+	margin: 0;
+	padding: 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	background: #fff;
+	background: rgba(255, 255, 255, 0.65);
+}
+
+/* Activate and Customize buttons, shown on hover and focus */
+.theme-browser .theme .theme-actions {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	opacity: 0;
+	transition: opacity 0.1s ease-in-out;
+	height: auto;
+	background: rgba(246, 247, 247, 0.7);
+	border-right: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.theme-browser .theme:hover .theme-actions,
+.theme-browser .theme.focus .theme-actions {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+	opacity: 1;
+}
+
+.theme-browser .theme .theme-actions .button-primary {
+	margin-left: 3px;
+}
+
+.theme-browser .theme .theme-actions .button {
+	float: none;
+	margin-right: 3px;
+}
+
+/**
+ * Theme Screenshot
+ *
+ * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
+ * It is also responsive.
+ */
+.theme-browser .theme .theme-screenshot {
+	display: block;
+	overflow: hidden;
+	position: relative;
+	-webkit-backface-visibility: hidden; /* Prevents flicker of the screenshot on hover. */
+	transition: opacity 0.2s ease-in-out;
+}
+
+.theme-browser .theme .theme-screenshot:after {
+	content: "";
+	display: block;
+	padding-top: 66.66666%; /* using a 3/2 aspect ratio */
+}
+
+.theme-browser .theme .theme-screenshot img {
+	height: auto;
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 100%;
+	transition: opacity 0.2s ease-in-out;
+}
+
+.theme-browser .theme:hover .theme-screenshot,
+.theme-browser .theme.focus .theme-screenshot {
+	background: #fff;
+}
+
+.theme-browser.rendered .theme:hover .theme-screenshot img,
+.theme-browser.rendered .theme.focus .theme-screenshot img {
+	opacity: 0.4;
+}
+
+.theme-browser .theme .more-details {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	opacity: 0;
+	position: absolute;
+	top: 35%;
+	left: 20%;
+	right: 20%;
+	width: 60%;
+	background: #1d2327;
+	background: rgba(0, 0, 0, 0.7);
+	color: #fff;
+	font-size: 15px;
+	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
+	-webkit-font-smoothing: antialiased;
+	font-weight: 600;
+	padding: 15px 12px;
+	text-align: center;
+	border-radius: 3px;
+	border: none;
+	transition: opacity 0.1s ease-in-out;
+	cursor: pointer;
+}
+
+.theme-browser .theme .more-details:focus {
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
+}
+
+.theme-browser .theme.focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+}
+
+.theme-browser .theme.focus .more-details {
+	opacity: 1;
+}
+
+/* Current theme needs to have its action always on view */
+.theme-browser .theme.active.focus .theme-actions {
+	display: block;
+}
+
+.theme-browser.rendered .theme:hover .more-details,
+.theme-browser.rendered .theme.focus .more-details {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+	opacity: 1;
+}
+
+/**
+ * The currently active theme
+ */
+.theme-browser .theme.active .theme-name {
+	background: #1d2327;
+	color: #fff;
+	padding-left: 110px;
+	font-weight: 300;
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+.theme-browser .customize-control .theme.active .theme-name {
+	padding-left: 15px;
+}
+
+.theme-browser .theme.active .theme-name span {
+	font-weight: 600;
+}
+
+.theme-browser .theme.active .theme-actions {
+	background: rgba(44, 51, 56, 0.7);
+	border-right: none;
+	opacity: 1;
+}
+
+.theme-id-container {
+	position: relative;
+}
+
+.theme-browser .theme.active .theme-actions,
+.theme-browser .theme .theme-actions {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	left: 0;
+	padding: 9px 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.theme-browser .theme.active .theme-actions .button-primary {
+	margin-left: 0;
+}
+
+.theme-browser .theme .theme-author {
+	background: #1d2327;
+	color: #f0f0f1;
+	display: none;
+	font-size: 14px;
+	margin: 0 10px;
+	padding: 5px 10px;
+	position: absolute;
+	bottom: 56px;
+}
+
+.theme-browser .theme.display-author .theme-author {
+	display: block;
+}
+
+.theme-browser .theme.display-author .theme-author a {
+	color: inherit;
+}
+
+/**
+ * Add new theme
+ */
+.theme-browser .theme.add-new-theme {
+	border: none;
+	box-shadow: none;
+}
+
+.theme-browser .theme.add-new-theme a {
+	text-decoration: none;
+	display: block;
+	position: relative;
+	z-index: 1;
+}
+
+.theme-browser .theme.add-new-theme a:after {
+	display: block;
+	content: "";
+	background: transparent;
+	background: rgba(0, 0, 0, 0);
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	padding: 0;
+	text-shadow: none;
+	border: 5px dashed #dcdcde;
+	border: 5px dashed rgba(0, 0, 0, 0.1);
+	box-sizing: border-box;
+}
+
+.theme-browser .theme.add-new-theme span:after {
+	background: #dcdcde;
+	background: rgba(140, 143, 148, 0.1);
+	border-radius: 50%;
+	display: inline-block;
+	content: "\f132";
+	-webkit-font-smoothing: antialiased;
+	font: normal 74px/115px dashicons;
+	width: 100px;
+	height: 100px;
+	vertical-align: middle;
+	text-align: center;
+	color: #8c8f94;
+	position: absolute;
+	top: 30%;
+	right: 50%;
+	margin-right: -50px;
+	text-indent: -4px;
+	padding: 0;
+	text-shadow: none;
+	z-index: 4;
+}
+
+.rtl .theme-browser .theme.add-new-theme span:after {
+	text-indent: 4px;
+}
+
+.theme-browser .theme.add-new-theme a:hover .theme-screenshot,
+.theme-browser .theme.add-new-theme a:focus .theme-screenshot {
+	background: none;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+	background: #fff;
+	color: #2271b1;
+}
+
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+	border-color: transparent;
+	color: #fff;
+	background: #2271b1;
+	content: "";
+}
+
+.theme-browser .theme.add-new-theme .theme-name {
+	background: none;
+	text-align: center;
+	box-shadow: none;
+	font-weight: 400;
+	position: relative;
+	top: 0;
+	margin-top: -18px;
+	padding-top: 0;
+	padding-bottom: 48px;
+}
+
+.theme-browser .theme.add-new-theme a:hover .theme-name,
+.theme-browser .theme.add-new-theme a:focus .theme-name {
+	color: #fff;
+	z-index: 2;
+}
+
+/**
+ * Theme Overlay
+ * Shown when clicking a theme
+ */
+.theme-overlay .theme-backdrop {
+	position: absolute;
+	right: -20px;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	background: #f0f0f1;
+	background: rgba(240, 240, 241, 0.9);
+	z-index: 10000; /* Over WP Pointers. */
+}
+
+.theme-overlay .theme-header {
+	position: absolute;
+	top: 0;
+	right: 0;
+	left: 0;
+	height: 48px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.theme-overlay .theme-header button {
+	padding: 0;
+}
+
+.theme-overlay .theme-header .close {
+	cursor: pointer;
+	height: 48px;
+	width: 50px;
+	text-align: center;
+	float: left;
+	border: 0;
+	border-right: 1px solid #dcdcde;
+	background-color: transparent;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-overlay .theme-header .close:before {
+	font: normal 22px/50px dashicons !important;
+	color: #787c82;
+	display: inline-block;
+	content: "\f335";
+	font-weight: 300;
+}
+
+/* Left and right navigation */
+.theme-overlay .theme-header .right,
+.theme-overlay .theme-header .left {
+	cursor: pointer;
+	color: #787c82;
+	background-color: transparent;
+	height: 48px;
+	width: 54px;
+	float: right;
+	text-align: center;
+	border: 0;
+	border-left: 1px solid #dcdcde;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-overlay .theme-header .close:focus,
+.theme-overlay .theme-header .close:hover,
+.theme-overlay .theme-header .right:focus,
+.theme-overlay .theme-header .right:hover,
+.theme-overlay .theme-header .left:focus,
+.theme-overlay .theme-header .left:hover {
+	background: #dcdcde;
+	border-color: #c3c4c7;
+	color: #000;
+}
+
+.theme-overlay .theme-header .close:focus:before,
+.theme-overlay .theme-header .close:hover:before {
+	color: #000;
+}
+
+.theme-overlay .theme-header .close:focus,
+.theme-overlay .theme-header .right:focus,
+.theme-overlay .theme-header .left:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+.theme-overlay .theme-header .left.disabled,
+.theme-overlay .theme-header .right.disabled,
+.theme-overlay .theme-header .left.disabled:hover,
+.theme-overlay .theme-header .right.disabled:hover {
+	color: #c3c4c7;
+	background: inherit;
+	cursor: inherit;
+}
+
+.theme-overlay .theme-header .right:before,
+.theme-overlay .theme-header .left:before {
+	font: normal 20px/50px dashicons !important;
+	display: inline;
+	font-weight: 300;
+}
+
+.theme-overlay .theme-header .left:before {
+	content: "\f345";
+}
+
+.theme-overlay .theme-header .right:before {
+	content: "\f341";
+}
+
+.theme-overlay .theme-wrap {
+	clear: both;
+	position: fixed;
+	top: 9%;
+	right: 190px;
+	left: 30px;
+	bottom: 3%;
+	background: #fff;
+	box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
+	z-index: 10000; /* Over WP Pointers. */
+	box-sizing: border-box;
+	-webkit-overflow-scrolling: touch;
+}
+
+body.folded .theme-browser ~ .theme-overlay .theme-wrap {
+	right: 70px;
+}
+
+.theme-overlay .theme-about {
+	position: absolute;
+	top: 49px;
+	bottom: 57px;
+	right: 0;
+	left: 0;
+	overflow: auto;
+	padding: 2% 4%;
+}
+
+.theme-overlay .theme-actions {
+	position: absolute;
+	text-align: center;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	padding: 10px 25px 5px;
+	background: #f6f7f7;
+	z-index: 30;
+	box-sizing: border-box;
+	border-top: 1px solid #f0f0f1;
+}
+
+.theme-overlay .theme-actions a {
+	margin-left: 5px;
+	margin-bottom: 5px;
+}
+
+/* Hide-if-customize for items we can't add classes to */
+.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"],
+.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"] {
+	display: none;
+}
+
+.broken-themes a.delete-theme,
+.theme-overlay .theme-actions .delete-theme {
+	color: #d63638;
+	text-decoration: none;
+	border-color: transparent;
+	box-shadow: none;
+	background: transparent;
+}
+
+.theme-overlay .theme-actions .delete-theme {
+	position: absolute;
+	left: 10px;
+	bottom: 5px;
+}
+
+.broken-themes a.delete-theme:hover,
+.broken-themes a.delete-theme:focus,
+.theme-overlay .theme-actions .delete-theme:hover,
+.theme-overlay .theme-actions .delete-theme:focus {
+	background: #d63638;
+	color: #fff;
+	border-color: #d63638;
+}
+
+.theme-overlay .theme-actions .active-theme,
+.theme-overlay.active .theme-actions .inactive-theme {
+	display: none;
+}
+
+.theme-overlay .theme-actions .inactive-theme,
+.theme-overlay.active .theme-actions .active-theme {
+	display: block;
+}
+
+/**
+ * Theme Screenshots gallery
+ */
+.theme-overlay .theme-screenshots {
+	float: right;
+	margin: 0 0 0 30px;
+	width: 55%;
+	max-width: 1200px; /* Recommended theme screenshot width, set here to avoid stretching */
+	text-align: center;
+}
+
+/* First screenshot, shown big */
+.theme-overlay .screenshot {
+	border: 1px solid #fff;
+	box-sizing: border-box;
+	overflow: hidden;
+	position: relative;
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.theme-overlay .screenshot:after {
+	content: "";
+	display: block;
+	padding-top: 75%; /* using a 4/3 aspect ratio */
+}
+
+.theme-overlay .screenshot img {
+	height: auto;
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 100%;
+}
+/* Handles old 300px screenshots */
+.theme-overlay.small-screenshot .theme-screenshots {
+	position: absolute;
+	width: 302px;
+}
+.theme-overlay.small-screenshot .theme-info {
+	margin-right: 350px;
+	width: auto;
+}
+
+/* Other screenshots, shown small and square */
+.theme-overlay .screenshot.thumb {
+	background: #c3c4c7;
+	border: 1px solid #f0f0f1;
+	float: none;
+	display: inline-block;
+	margin: 10px 5px 0;
+	width: 140px;
+	height: 80px;
+	cursor: pointer;
+}
+
+.theme-overlay .screenshot.thumb:after {
+	content: "";
+	display: block;
+	padding-top: 100%; /* using a 1/1 aspect ratio */
+}
+
+.theme-overlay .screenshot.thumb img {
+	cursor: pointer;
+	height: auto;
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 100%;
+	height: auto;
+}
+
+.theme-overlay .screenshot.selected {
+	background: transparent;
+	border: 2px solid #72aee6;
+}
+
+.theme-overlay .screenshot.selected img {
+	opacity: 0.8;
+}
+
+/* No screenshot placeholder */
+.theme-browser .theme .theme-screenshot.blank,
+.theme-overlay .screenshot.blank {
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
+}
+
+/**
+ * Theme heading information
+ */
+.theme-overlay .theme-info {
+	width: 40%;
+	float: right;
+}
+
+.theme-overlay .current-label {
+	background: #2c3338;
+	color: #fff;
+	font-size: 11px;
+	display: inline-block;
+	padding: 2px 8px;
+	border-radius: 2px;
+	margin: 0 0 -10px;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.theme-overlay .theme-name {
+	color: #1d2327;
+	font-size: 32px;
+	font-weight: 100;
+	margin: 10px 0 0;
+	line-height: 1.3;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+
+.theme-overlay .theme-version {
+	color: #646970;
+	font-size: 13px;
+	font-weight: 400;
+	float: none;
+	display: inline-block;
+	margin-right: 10px;
+}
+
+.theme-overlay .theme-author {
+	margin: 15px 0 25px;
+	color: #646970;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: inherit;
+}
+
+.theme-overlay .toggle-auto-update {
+	/* Better align spin icon and text. */
+	display: inline-flex;
+	align-items: center;
+	/* Prevents content after the auto-update toggler from jumping down and up. */
+	min-height: 20px; /* Same height as the spinning dashicon. */
+	vertical-align: top;
+}
+
+.theme-overlay .theme-autoupdate .toggle-auto-update {
+	text-decoration: none;
+}
+
+.theme-overlay .theme-autoupdate .toggle-auto-update .label {
+	text-decoration: underline;
+}
+
+.theme-overlay .theme-description {
+	color: #50575e;
+	font-size: 15px;
+	font-weight: 400;
+	line-height: 1.5;
+	margin: 30px 0 0;
+}
+
+.theme-overlay .theme-tags {
+	border-top: 3px solid #f0f0f1;
+	color: #646970;
+	font-size: 13px;
+	font-weight: 400;
+	margin: 30px 0 0;
+	padding-top: 20px;
+}
+
+.theme-overlay .theme-tags span {
+	color: #3c434a;
+	font-weight: 600;
+	margin-left: 5px;
+}
+
+.theme-overlay .parent-theme {
+	background: #fff;
+	border: 1px solid #f0f0f1;
+	border-right: 4px solid #72aee6;
+	font-size: 14px;
+	font-weight: 400;
+	margin-top: 30px;
+	padding: 10px 20px 10px 10px;
+}
+
+.theme-overlay .parent-theme strong {
+	font-weight: 600;
+}
+
+/**
+ * Single Theme Mode
+ * Displays detailed view inline when a user has no switch capabilities
+ */
+.single-theme .theme-overlay .theme-backdrop,
+.single-theme .theme-overlay .theme-header,
+.single-theme .theme {
+	display: none;
+}
+
+.single-theme .theme-overlay .theme-wrap {
+	clear: both;
+	min-height: 330px;
+	position: relative;
+	right: auto;
+	left: auto;
+	top: auto;
+	bottom: auto;
+	z-index: 10;
+}
+
+.single-theme .theme-overlay .theme-about {
+	padding: 30px 30px 70px;
+	position: static;
+}
+
+.single-theme .theme-overlay .theme-actions {
+	position: absolute;
+}
+
+/**
+ * Basic Responsive structure...
+ *
+ * Shuffles theme columns around based on screen width
+ */
+
+@media only screen and (min-width: 2000px) {
+	#wpwrap .theme-browser .theme {
+		width: 17.6%;
+		margin: 0 0 3% 3%;
+	}
+
+	#wpwrap .theme-browser .theme:nth-child(3n),
+	#wpwrap .theme-browser .theme:nth-child(4n) {
+		margin-left: 3%;
+	}
+
+	#wpwrap .theme-browser .theme:nth-child(5n) {
+		margin-left: 0;
+	}
+}
+
+@media only screen and (min-width: 1680px) {
+	.theme-overlay .theme-wrap {
+		width: 1450px;
+		margin: 0 auto;
+	}
+}
+
+/* Maximum screenshot width reaches 440px */
+@media only screen and (min-width: 1640px) {
+	.theme-browser .theme {
+		width: 22.7%;
+		margin: 0 0 3% 3%;
+	}
+	.theme-browser .theme .theme-screenshot:after {
+		padding-top: 75%; /* using a 4/3 aspect ratio */
+	}
+
+	.theme-browser .theme:nth-child(3n) {
+		margin-left: 3%;
+	}
+
+	.theme-browser .theme:nth-child(4n) {
+		margin-left: 0;
+	}
+}
+/* Maximum screenshot width reaches 440px */
+@media only screen and (max-width: 1120px) {
+	.theme-browser .theme {
+		width: 47.5%;
+		margin-left: 0;
+	}
+
+	.theme-browser .theme:nth-child(even) {
+		margin-left: 0;
+	}
+
+	.theme-browser .theme:nth-child(odd) {
+		margin-left: 5%;
+	}
+}
+
+/* Admin menu is folded */
+@media only screen and (max-width: 960px) {
+	.theme-overlay .theme-wrap {
+		right: 65px;
+	}
+}
+
+@media only screen and (max-width: 780px) {
+	body.folded .theme-overlay .theme-wrap,
+	.theme-overlay .theme-wrap {
+		top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
+		left: 0;
+		bottom: 0;
+		right: 0;
+		padding: 70px 20px 20px;
+		border: none;
+		z-index: 100000; /* should overlap #wpadminbar. */
+		position: fixed;
+	}
+
+	.theme-browser .theme.active .theme-name span {
+		/* Hide the "Active: " label on smaller screens. */
+		display: none;
+	}
+
+	.theme-overlay .theme-screenshots {
+		width: 40%;
+	}
+
+	.theme-overlay .theme-info {
+		width: 50%;
+	}
+	.single-theme .theme-wrap {
+		padding: 10px;
+	}
+
+	.theme-browser .theme .theme-actions {
+		padding: 5px 10px 4px;
+	}
+
+	.theme-overlay.small-screenshot .theme-screenshots {
+		position: static;
+		float: none;
+		max-width: 302px;
+	}
+
+	.theme-overlay.small-screenshot .theme-info {
+		margin-right: 0;
+		width: auto;
+	}
+
+	.theme:not(.active):hover .theme-actions,
+	.theme:not(.active):focus .theme-actions,
+	.theme:hover .more-details,
+	.theme.focus .more-details {
+		display: none;
+	}
+
+	.theme-browser.rendered .theme:hover .theme-screenshot img,
+	.theme-browser.rendered .theme.focus .theme-screenshot img {
+		opacity: 1.0;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.theme-browser .theme {
+		width: 100%;
+		margin-left: 0;
+	}
+
+	.theme-browser .theme:nth-child(2n),
+	.theme-browser .theme:nth-child(3n) {
+		margin-left: 0;
+	}
+
+	.theme-overlay .theme-about {
+		bottom: 105px;
+	}
+
+	.theme-overlay .theme-actions {
+		padding-right: 4%;
+		padding-left: 4%;
+	}
+}
+
+@media only screen and (max-width: 650px) {
+	.theme-overlay .theme-description {
+		margin-right: 0;
+	}
+
+	.theme-overlay .theme-actions .delete-theme {
+		position: relative;
+		left: auto;
+		bottom: auto;
+	}
+
+	.theme-overlay .theme-actions .inactive-theme {
+		display: inline;
+	}
+
+	.theme-overlay .theme-screenshots {
+		width: 100%;
+		float: none;
+	}
+
+	.theme-overlay .theme-info {
+		width: 100%;
+	}
+
+	.theme-overlay .theme-author {
+		margin: 5px 0 15px;
+	}
+
+	.theme-overlay .current-label {
+		margin-top: 10px;
+		font-size: 13px;
+	}
+
+	.themes-php .wp-filter-search {
+		float: none;
+		clear: both;
+		right: 0;
+		left: 0;
+		margin: -5px 0 20px;
+		width: 100%;
+		max-width: 280px;
+	}
+
+	.theme-browser .theme.add-new-theme span:after {
+		font: normal 60px/90px dashicons;
+		width: 80px;
+		height: 80px;
+		top: 30%;
+		right: 50%;
+		text-indent: 0;
+		margin-right: -40px;
+	}
+
+	.single-theme .theme-wrap {
+		margin: 0 -10px 0 -12px;
+		padding: 10px;
+	}
+	.single-theme .theme-overlay .theme-about {
+		padding: 10px;
+		overflow: visible;
+	}
+	.single-theme .current-label {
+		display: none;
+	}
+	.single-theme .theme-overlay .theme-actions {
+		position: static;
+	}
+}
+
+.broken-themes {
+	clear: both;
+}
+
+.broken-themes table {
+	text-align: right;
+	width: 50%;
+	border-spacing: 3px;
+	padding: 3px;
+}
+
+
+/*------------------------------------------------------------------------------
+  16.2 - Install Themes
+------------------------------------------------------------------------------*/
+
+.update-php .wrap {
+	max-width: 40rem;
+}
+
+/* Already installed theme */
+.theme-browser .theme .theme-installed {
+	background: #2271b1;
+}
+
+.theme-browser .theme .notice-success p:before {
+	color: #68de7c;
+	content: "\f147";
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.theme-install.updated-message:before {
+	content: "";
+}
+
+.theme-install-php .wp-filter {
+	padding-right: 20px;
+}
+
+.theme-install-php a.upload,
+.theme-install-php a.browse-themes {
+	cursor: pointer;
+}
+
+.upload-view-toggle .browse,
+.plugin-install-tab-upload .upload-view-toggle .upload {
+	display: none;
+}
+
+.plugin-install-tab-upload .upload-view-toggle .browse {
+	display: inline;
+}
+
+.upload-theme,
+.upload-plugin {
+	box-sizing: border-box;
+	display: none;
+	margin: 0;
+	padding: 50px 0;
+	width: 100%;
+	overflow: hidden;
+	position: relative;
+	top: 10px;
+	text-align: center;
+}
+
+.show-upload-view .upload-theme,
+.show-upload-view .upload-plugin,
+.show-upload-view .upload-plugin-wrap,
+.plugin-install-tab-upload .upload-plugin {
+	display: block;
+}
+
+.upload-theme .wp-upload-form,
+.upload-plugin .wp-upload-form {
+	background: #f6f7f7;
+	border: 1px solid #c3c4c7;
+	padding: 30px;
+	margin: 30px auto;
+	display: inline-flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.upload-theme .wp-upload-form input[type="file"],
+.upload-plugin .wp-upload-form input[type="file"] {
+	margin-left: 10px;
+}
+
+.upload-theme .install-help,
+.upload-plugin .install-help {
+	color: #50575e; /* #f1f1f1 background */
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+
+p.no-themes,
+p.no-themes-local {
+	clear: both;
+	color: #646970;
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 100px 0;
+	text-align: center;
+	display: none;
+}
+
+.no-results p.no-themes {
+	display: block;
+}
+
+.theme-install-php .add-new-theme {
+	display: none !important;
+}
+
+@media only screen and (max-width: 1120px) {
+	.upload-theme .wp-upload-form {
+		margin: 20px 0;
+		max-width: 100%;
+	}
+	.upload-theme .install-help {
+		font-size: 15px;
+		padding: 20px 0 0;
+	}
+}
+
+.theme-details .theme-rating {
+	line-height: 1.9;
+}
+
+.theme-details .star-rating {
+	display: inline;
+}
+
+.theme-details .num-ratings,
+.theme-details .no-rating {
+	font-size: 11px;
+	color: #646970;
+}
+
+.theme-details .no-rating {
+	display: block;
+	line-height: 1.9;
+}
+
+.update-from-upload-comparison {
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+	text-align: right;
+	margin: 1rem 0 1.4rem;
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.update-from-upload-comparison tr:last-child td {
+	height: 1.4rem;
+    vertical-align: top;
+}
+
+.update-from-upload-comparison tr:first-child th {
+	font-weight: bold;
+	height: 1.4rem;
+    vertical-align: bottom;
+}
+
+.update-from-upload-comparison td.name-label {
+	text-align: left;
+}
+
+.update-from-upload-comparison td,
+.update-from-upload-comparison th {
+	padding: 0.4rem 1.4rem;
+}
+
+.update-from-upload-comparison td.warning {
+	color: #d63638;
+}
+
+.update-from-upload-actions {
+	margin-top: 1.4rem;
+}
+
+/*------------------------------------------------------------------------------
+  16.3 - Custom Header Screen
+------------------------------------------------------------------------------*/
+
+.appearance_page_custom-header #headimg {
+	border: 1px solid #dcdcde;
+	overflow: hidden;
+	width: 100%;
+}
+
+.appearance_page_custom-header #upload-form p label {
+	font-size: 12px;
+}
+
+.appearance_page_custom-header .available-headers .default-header {
+	float: right;
+	margin: 0 0 20px 20px;
+}
+
+.appearance_page_custom-header .random-header {
+	clear: both;
+	margin: 0 0 20px 20px;
+	vertical-align: middle;
+}
+
+.appearance_page_custom-header .available-headers label input,
+.appearance_page_custom-header .random-header label input {
+	margin-left: 10px;
+}
+
+.appearance_page_custom-header .available-headers label img {
+	vertical-align: middle;
+}
+
+
+/*------------------------------------------------------------------------------
+  16.4 - Custom Background Screen
+------------------------------------------------------------------------------*/
+
+div#custom-background-image {
+	min-height: 100px;
+	border: 1px solid #dcdcde;
+}
+
+div#custom-background-image img {
+	max-width: 400px;
+	max-height: 300px;
+}
+
+.background-position-control input[type="radio"]:checked ~ .button {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	z-index: 1;
+}
+
+.background-position-control input[type="radio"]:focus ~ .button {
+	border-color: #4f94d4;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8);
+	color: #1d2327;
+}
+
+.background-position-control .background-position-center-icon,
+.background-position-control .background-position-center-icon:before {
+	display: inline-block;
+	line-height: 1;
+	text-align: center;
+	transition: background-color .1s ease-in;
+}
+
+.background-position-control .background-position-center-icon {
+	height: 20px;
+	margin-top: 13px;
+	vertical-align: top;
+	width: 20px;
+}
+
+.background-position-control .background-position-center-icon:before {
+	background-color: #50575e;
+	border-radius: 50%;
+	content: "";
+	height: 12px;
+	width: 12px;
+}
+
+.background-position-control .button:hover .background-position-center-icon:before,
+.background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before {
+	background-color: #1d2327;
+}
+
+.background-position-control .button-group {
+	display: block;
+}
+
+.background-position-control .button-group .button {
+	border-radius: 0;
+	box-shadow: none;
+	/* Following properties are overridden by buttons responsive styles (see: wp-includes/css/buttons.css). */
+	height: 40px !important;
+	line-height: 2.9 !important;
+	margin: 0 0 0 -1px !important;
+	padding: 0 10px 1px !important;
+	position: relative;
+}
+
+.background-position-control .button-group .button:active,
+.background-position-control .button-group .button:hover,
+.background-position-control .button-group .button:focus {
+	z-index: 1;
+}
+
+.background-position-control .button-group:last-child .button {
+	box-shadow: 0 1px 0 #c3c4c7;
+}
+
+.background-position-control .button-group > label {
+	margin: 0 !important;
+}
+
+.background-position-control .button-group:first-child > label:first-child .button {
+	border-radius: 0 3px 0 0;
+}
+
+.background-position-control .button-group:first-child > label:first-child .dashicons {
+	transform: rotate( -45deg );
+}
+
+.background-position-control .button-group:first-child > label:last-child .button {
+	border-radius: 3px 0 0 0;
+}
+
+.background-position-control .button-group:first-child > label:last-child .dashicons {
+	transform: rotate( 45deg );
+}
+
+.background-position-control .button-group:last-child > label:first-child .button {
+	border-radius: 0 0 3px 0;
+}
+
+.background-position-control .button-group:last-child > label:first-child .dashicons {
+	transform: rotate( 45deg );
+}
+
+.background-position-control .button-group:last-child > label:last-child .button {
+	border-radius: 0 0 0 3px;
+}
+
+.background-position-control .button-group:last-child > label:last-child .dashicons {
+	transform: rotate( -45deg );
+}
+
+.background-position-control .button-group .dashicons {
+	margin-top: 9px;
+}
+
+.background-position-control .button-group + .button-group {
+	margin-top: -1px;
+}
+
+/*------------------------------------------------------------------------------
+  23.0 - Full Overlay w/ Sidebar
+------------------------------------------------------------------------------*/
+
+body.full-overlay-active {
+	overflow: hidden;
+	/* Hide all the content, the Customizer overlay is then made visible to be the only available content. */
+	visibility: hidden;
+}
+
+.wp-full-overlay {
+	background: transparent;
+	z-index: 500000;
+	position: fixed;
+	overflow: visible;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	height: 100%;
+	min-width: 0;
+}
+
+.wp-full-overlay-sidebar {
+	box-sizing: border-box;
+	position: fixed;
+	min-width: 300px;
+	max-width: 600px;
+	width: 18%;
+	height: 100%;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	padding: 0;
+	margin: 0;
+	z-index: 10;
+	background: #f0f0f1;
+	border-left: none;
+}
+
+.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+	overflow: visible;
+}
+
+.wp-full-overlay.collapsed,
+.wp-full-overlay.expanded .wp-full-overlay-sidebar {
+	margin-right: 0 !important;
+}
+
+.wp-full-overlay.expanded {
+	margin-right: 300px;
+}
+
+.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+	margin-right: -300px;
+}
+
+@media screen and (min-width: 1667px) {
+	.wp-full-overlay.expanded {
+		margin-right: 18%;
+	}
+
+	.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+		margin-right: -18%;
+	}
+}
+
+@media screen and (min-width: 3333px) {
+	.wp-full-overlay.expanded {
+		margin-right: 600px;
+	}
+
+	.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+		margin-right: -600px;
+	}
+}
+
+.wp-full-overlay-sidebar:after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	width: 3px;
+	z-index: 1000;
+}
+
+.wp-full-overlay-main {
+	position: absolute;
+	right: 0;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	height: 100%;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+	position: absolute;
+	right: 0;
+	left: 0;
+	height: 45px;
+	padding: 0 15px;
+	line-height: 3.2;
+	z-index: 10;
+	margin: 0;
+	border-top: none;
+	box-shadow: none;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
+	margin-top: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-footer {
+	bottom: 0;
+	border-bottom: none;
+	border-top: none;
+	box-shadow: none;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+	position: absolute;
+	top: 45px;
+	bottom: 45px;
+	right: 0;
+	left: 0;
+	overflow: auto;
+}
+
+/* Close & Navigation Links */
+.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header {
+	padding: 0;
+}
+
+.theme-install-overlay .close-full-overlay,
+.theme-install-overlay .previous-theme,
+.theme-install-overlay .next-theme {
+	display: block;
+	position: relative;
+	float: right;
+	width: 45px;
+	height: 45px;
+	background: #f0f0f1;
+	border-left: 1px solid #dcdcde;
+	color: #3c434a;
+	cursor: pointer;
+	text-decoration: none;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-install-overlay .close-full-overlay:hover,
+.theme-install-overlay .close-full-overlay:focus,
+.theme-install-overlay .previous-theme:hover,
+.theme-install-overlay .previous-theme:focus,
+.theme-install-overlay .next-theme:hover,
+.theme-install-overlay .next-theme:focus {
+	background: #dcdcde;
+	border-color: #c3c4c7;
+	color: #000;
+	outline: none;
+	box-shadow: none;
+}
+
+.theme-install-overlay .close-full-overlay:before {
+	font: normal 22px/1 dashicons;
+	content: "\f335";
+	position: relative;
+	top: 7px;
+	right: 13px;
+}
+
+.theme-install-overlay .previous-theme:before {
+	font: normal 20px/1 dashicons;
+	content: "\f345";
+	position: relative;
+	top: 6px;
+	right: 14px;
+}
+
+.theme-install-overlay .next-theme:before {
+	font: normal 20px/1 dashicons;
+	content: "\f341";
+	position: relative;
+	top: 6px;
+	right: 13px;
+}
+
+.theme-install-overlay .previous-theme.disabled,
+.theme-install-overlay .next-theme.disabled,
+.theme-install-overlay .previous-theme.disabled:hover,
+.theme-install-overlay .previous-theme.disabled:focus,
+.theme-install-overlay .next-theme.disabled:hover,
+.theme-install-overlay .next-theme.disabled:focus {
+	color: #c3c4c7;
+	background: #f0f0f1;
+	cursor: default;
+	pointer-events: none;
+}
+
+.theme-install-overlay .close-full-overlay,
+.theme-install-overlay .previous-theme,
+.theme-install-overlay .next-theme {
+	border-right: 0;
+	border-top: 0;
+	border-bottom: 0;
+}
+
+.theme-install-overlay .close-full-overlay:before,
+.theme-install-overlay .previous-theme:before,
+.theme-install-overlay .next-theme:before {
+	top: 2px;
+	right: 0;
+}
+
+/* Collapse Button */
+.wp-core-ui .wp-full-overlay .collapse-sidebar {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	padding: 9px 10px 9px 0;
+	height: 45px;
+	color: #646970;
+	outline: 0;
+	line-height: 1;
+	background-color: transparent !important;
+	border: none !important;
+	box-shadow: none !important;
+	border-radius: 0 !important;
+}
+
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+	color: #2271b1;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow,
+.wp-full-overlay .collapse-sidebar-label {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 1.6;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow {
+	width: 20px;
+	height: 20px;
+	margin: 0 2px; /* avoid the focus box-shadow to be cut-off */
+	border-radius: 50%;
+	overflow: hidden;
+}
+
+.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.wp-full-overlay .collapse-sidebar-label {
+	margin-right: 3px;
+}
+
+.wp-full-overlay.collapsed .collapse-sidebar-label {
+	display: none;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow:before {
+	display: block;
+	content: "\f148";
+	background: #f0f0f1;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	padding: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar {
+	padding: 9px 10px;
+}
+
+/* rtl:ignore */
+.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
+.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
+	transform: rotate(180.001deg); /* Firefox: promoting to its own layer to trigger anti-aliasing */
+}
+
+.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
+	transform: none;
+}
+
+/* Animations */
+.wp-full-overlay,
+.wp-full-overlay-sidebar,
+.wp-full-overlay .collapse-sidebar,
+.wp-full-overlay-main {
+	transition-property: right, left, top, bottom, width, margin;
+	transition-duration: 0.2s;
+}
+
+/* Device/preview size toggles */
+
+.wp-full-overlay {
+	background: #1d2327;
+}
+
+.wp-full-overlay-main {
+	background-color: #f0f0f1;
+}
+
+.expanded .wp-full-overlay-footer {
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	min-width: 299px;
+	max-width: 599px;
+	width: 18%;
+	width: calc( 18% - 1px );
+	height: 45px;
+	border-top: 1px solid #dcdcde;
+	background: #f0f0f1;
+}
+
+.wp-full-overlay-footer .devices-wrapper {
+	float: left;
+}
+
+.wp-full-overlay-footer .devices {
+	position: relative;
+	background: #f0f0f1;
+	box-shadow: 20px 0 10px -5px #f0f0f1;
+}
+
+.wp-full-overlay-footer .devices button {
+	cursor: pointer;
+	background: transparent;
+	border: none;
+	height: 45px;
+	padding: 0 3px;
+	margin: 0 -4px 0 0;
+	box-shadow: none;
+	border-top: 1px solid transparent;
+	border-bottom: 4px solid transparent;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+}
+
+.wp-full-overlay-footer .devices button:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+.wp-full-overlay-footer .devices button:before {
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	font: normal 20px/30px "dashicons";
+	vertical-align: top;
+	margin: 3px 0;
+	padding: 4px 8px;
+	color: #646970;
+}
+
+.wp-full-overlay-footer .devices button.active {
+	border-bottom-color: #1d2327;
+}
+
+.wp-full-overlay-footer .devices button:hover,
+.wp-full-overlay-footer .devices button:focus {
+	background-color: #fff;
+}
+
+.wp-full-overlay-footer .devices button:focus,
+.wp-full-overlay-footer .devices button.active:hover {
+	border-bottom-color: #2271b1;
+}
+
+.wp-full-overlay-footer .devices button.active:before {
+	color: #1d2327;
+}
+
+.wp-full-overlay-footer .devices button:hover:before,
+.wp-full-overlay-footer .devices button:focus:before {
+	color: #2271b1;
+}
+
+.wp-full-overlay-footer .devices .preview-desktop:before {
+	content: "\f472";
+}
+
+.wp-full-overlay-footer .devices .preview-tablet:before {
+	content: "\f471";
+}
+
+.wp-full-overlay-footer .devices .preview-mobile:before {
+	content: "\f470";
+}
+
+@media screen and (max-width: 1024px) {
+	.wp-full-overlay-footer .devices {
+		display: none;
+	}
+}
+
+.collapsed .wp-full-overlay-footer .devices button:before {
+	display: none;
+}
+
+.preview-mobile .wp-full-overlay-main {
+	margin: auto -160px auto 0;
+	width: 320px;
+	height: 480px;
+	max-height: 100%;
+	max-width: 100%;
+	right: 50%;
+}
+
+.preview-tablet .wp-full-overlay-main {
+	margin: auto -360px auto 0;
+	width: 720px; /* Size is loosely based on a typical "tablet" device size. Intentionally ambiguous - this does not represent any particular device precisely. */
+	height: 1080px;
+	max-height: 100%;
+	max-width: 100%;
+	right: 50%;
+}
+
+
+/*------------------------------------------------------------------------------
+  24.0 - Customize Loader
+------------------------------------------------------------------------------*/
+
+.no-customize-support .hide-if-no-customize,
+.customize-support .hide-if-customize,
+.no-customize-support.wp-core-ui .hide-if-no-customize,
+.no-customize-support .wp-core-ui .hide-if-no-customize,
+.customize-support.wp-core-ui .hide-if-customize,
+.customize-support .wp-core-ui .hide-if-customize {
+	display: none;
+}
+
+#customize-container,
+#customize-controls .notice.notification-overlay {
+	background: #f0f0f1;
+	z-index: 500000;
+	position: fixed;
+	overflow: visible;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+	height: 100%;
+}
+#customize-container {
+	display: none;
+}
+
+/* Make the Customizer and Theme installer overlays the only available content. */
+#customize-container,
+.theme-install-overlay {
+	visibility: visible;
+}
+
+.customize-loading #customize-container iframe {
+	opacity: 0;
+}
+
+#customize-container iframe,
+.theme-install-overlay iframe {
+	height: 100%;
+	width: 100vw;
+	z-index: 20;
+	transition: opacity 0.3s;
+}
+
+#customize-controls {
+	margin-top: 0;
+}
+
+.theme-install-overlay {
+	display: none;
+}
+
+.theme-install-overlay.single-theme {
+	display: block;
+}
+
+.install-theme-info {
+	display: none;
+	padding: 10px 20px 60px;
+}
+
+.single-theme .install-theme-info {
+	padding-top: 15px;
+}
+
+.theme-install-overlay .install-theme-info {
+	display: block;
+}
+
+.install-theme-info .theme-install {
+	float: left;
+	margin-top: 18px;
+}
+
+.install-theme-info .theme-name {
+	font-size: 16px;
+	line-height: 1.5;
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.install-theme-info .theme-screenshot {
+	margin: 15px 0;
+	width: 258px;
+	border: 1px solid #c3c4c7;
+	position: relative;
+	overflow: hidden;
+}
+
+.install-theme-info .theme-screenshot > img {
+	width: 100%;
+	height: auto;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.install-theme-info .theme-screenshot:after {
+	content: "";
+	display: block;
+	padding-top: 66.66666666%;
+}
+
+.install-theme-info .theme-details {
+	overflow: hidden;
+}
+
+.theme-details .theme-version {
+	margin: 15px 0;
+}
+
+.theme-details .theme-description {
+	float: right;
+	color: #646970;
+	line-height: 1.6;
+	max-width: 100%;
+}
+
+.theme-install-overlay .wp-full-overlay-header .button {
+	float: left;
+	margin: 8px 0 0 10px;
+}
+
+.theme-install-overlay .wp-full-overlay-sidebar {
+	background: #f0f0f1;
+	border-left: 1px solid #dcdcde;
+}
+
+.theme-install-overlay .wp-full-overlay-sidebar-content {
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.theme-install-overlay .wp-full-overlay-main {
+	position: absolute;
+	z-index: 0;
+	background-color: #f0f0f1;
+}
+
+.customize-loading #customize-container {
+	background-color: #f0f0f1;
+}
+
+#customize-preview.wp-full-overlay-main:before,
+.customize-loading #customize-container:before,
+#customize-controls .notice.notification-overlay.notification-loading:before,
+.theme-install-overlay .wp-full-overlay-main:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	right: 50%;
+	top: 50%;
+	z-index: -1;
+	margin: -10px -10px 0 0;
+	transform: translateZ(0);
+	background: transparent url(../images/spinner.gif) no-repeat center center;
+	background-size: 20px 20px;
+}
+
+#customize-preview.wp-full-overlay-main.iframe-ready:before,
+.theme-install-overlay.iframe-ready .wp-full-overlay-main:before {
+	background-image: none;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	.wp-full-overlay .collapse-sidebar-arrow {
+		background-image: url(../images/arrows-2x.png);
+		background-size: 15px 123px;
+	}
+
+	#customize-preview.wp-full-overlay-main:before,
+	.customize-loading #customize-container:before,
+	#customize-controls .notice.notification-overlay.notification-loading:before,
+	.theme-install-overlay .wp-full-overlay-main:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.available-theme .action-links .delete-theme {
+		float: none;
+		margin: 0;
+		padding: 0;
+		clear: both;
+	}
+
+	.available-theme .action-links .delete-theme a {
+		padding: 0;
+	}
+
+	.broken-themes table {
+		width: 100%;
+	}
+
+	.theme-install-overlay .wp-full-overlay-header .button {
+		font-size: 13px;
+		line-height: 2.15384615;
+		min-height: 30px;
+	}
+
+	.theme-browser .theme .theme-actions .button {
+		margin-bottom: 0;
+	}
+
+	.theme-browser .theme.active .theme-actions,
+	.theme-browser .theme .theme-actions {
+		padding-top: 4px;
+		padding-bottom: 4px;
+	}
+
+	.upload-theme .wp-upload-form,
+	.upload-plugin .wp-upload-form {
+		display: block;
+	}
+}
+
+@media aural {
+	.theme .notice:before,
+	.theme-info .updating-message:before,
+	.theme-info .updated-message:before,
+	.theme-install.updating-message:before {
+		speak: never;
+	}
+}
diff --git a/tools/storybook/wordpress/css/themes-rtl.min.css b/tools/storybook/wordpress/css/themes-rtl.min.css
new file mode 100644
index 00000000000..bf1f6540fc4
--- /dev/null
+++ b/tools/storybook/wordpress/css/themes-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.themes-php{overflow-y:scroll}body.js .theme-browser.search-loading{display:none}.theme-browser .themes{clear:both}.themes-php:not(.network-admin) .wrap h1{margin-bottom:15px}.themes-php .wrap h1 .button{margin-right:20px}.themes-php .search-form{display:inline}.themes-php .wp-filter-search{position:relative;top:-2px;right:20px;margin:0;width:280px}.theme .notice,.theme .notice.is-dismissible{right:0;margin:0;position:absolute;left:0;top:0}.theme-browser .theme{cursor:pointer;float:right;margin:0 0 4% 4%;position:relative;width:30.6%;border:1px solid #dcdcde;box-shadow:0 1px 1px -1px rgba(0,0,0,.1);box-sizing:border-box}.theme-browser .theme:nth-child(3n){margin-left:0}.theme-browser .theme.focus,.theme-browser .theme:hover{cursor:pointer}.theme-browser .theme .theme-name{font-size:15px;font-weight:600;height:18px;margin:0;padding:15px;box-shadow:inset 0 1px 0 rgba(0,0,0,.1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#fff;background:rgba(255,255,255,.65)}.theme-browser .theme .theme-actions{opacity:0;transition:opacity .1s ease-in-out;height:auto;background:rgba(246,247,247,.7);border-right:1px solid rgba(0,0,0,.05)}.theme-browser .theme.focus .theme-actions,.theme-browser .theme:hover .theme-actions{opacity:1}.theme-browser .theme .theme-actions .button-primary{margin-left:3px}.theme-browser .theme .theme-actions .button{float:none;margin-right:3px}.theme-browser .theme .theme-screenshot{display:block;overflow:hidden;position:relative;-webkit-backface-visibility:hidden;transition:opacity .2s ease-in-out}.theme-browser .theme .theme-screenshot:after{content:"";display:block;padding-top:66.66666%}.theme-browser .theme .theme-screenshot img{height:auto;position:absolute;right:0;top:0;width:100%;transition:opacity .2s ease-in-out}.theme-browser .theme.focus .theme-screenshot,.theme-browser .theme:hover .theme-screenshot{background:#fff}.theme-browser.rendered .theme.focus .theme-screenshot img,.theme-browser.rendered .theme:hover .theme-screenshot img{opacity:.4}.theme-browser .theme .more-details{opacity:0;position:absolute;top:35%;left:20%;right:20%;width:60%;background:#1d2327;background:rgba(0,0,0,.7);color:#fff;font-size:15px;text-shadow:0 1px 0 rgba(0,0,0,.6);-webkit-font-smoothing:antialiased;font-weight:600;padding:15px 12px;text-align:center;border-radius:3px;border:none;transition:opacity .1s ease-in-out;cursor:pointer}.theme-browser .theme .more-details:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #2271b1}.theme-browser .theme.focus{border-color:#4f94d4;box-shadow:0 0 2px rgba(79,148,212,.8)}.theme-browser .theme.focus .more-details{opacity:1}.theme-browser .theme.active.focus .theme-actions{display:block}.theme-browser.rendered .theme.focus .more-details,.theme-browser.rendered .theme:hover .more-details{opacity:1}.theme-browser .theme.active .theme-name{background:#1d2327;color:#fff;padding-left:110px;font-weight:300;box-shadow:inset 0 1px 1px rgba(0,0,0,.5)}.theme-browser .customize-control .theme.active .theme-name{padding-left:15px}.theme-browser .theme.active .theme-name span{font-weight:600}.theme-browser .theme.active .theme-actions{background:rgba(44,51,56,.7);border-right:none;opacity:1}.theme-id-container{position:relative}.theme-browser .theme .theme-actions,.theme-browser .theme.active .theme-actions{position:absolute;top:50%;transform:translateY(-50%);left:0;padding:9px 15px;box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}.theme-browser .theme.active .theme-actions .button-primary{margin-left:0}.theme-browser .theme .theme-author{background:#1d2327;color:#f0f0f1;display:none;font-size:14px;margin:0 10px;padding:5px 10px;position:absolute;bottom:56px}.theme-browser .theme.display-author .theme-author{display:block}.theme-browser .theme.display-author .theme-author a{color:inherit}.theme-browser .theme.add-new-theme{border:none;box-shadow:none}.theme-browser .theme.add-new-theme a{text-decoration:none;display:block;position:relative;z-index:1}.theme-browser .theme.add-new-theme a:after{display:block;content:"";background:0 0;background:rgba(0,0,0,0);position:absolute;top:0;right:0;left:0;bottom:0;padding:0;text-shadow:none;border:5px dashed #dcdcde;border:5px dashed rgba(0,0,0,.1);box-sizing:border-box}.theme-browser .theme.add-new-theme span:after{background:#dcdcde;background:rgba(140,143,148,.1);border-radius:50%;display:inline-block;content:"\f132";-webkit-font-smoothing:antialiased;font:normal 74px/115px dashicons;width:100px;height:100px;vertical-align:middle;text-align:center;color:#8c8f94;position:absolute;top:30%;right:50%;margin-right:-50px;text-indent:-4px;padding:0;text-shadow:none;z-index:4}.rtl .theme-browser .theme.add-new-theme span:after{text-indent:4px}.theme-browser .theme.add-new-theme a:focus .theme-screenshot,.theme-browser .theme.add-new-theme a:hover .theme-screenshot{background:0 0}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{background:#fff;color:#2271b1}.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{border-color:transparent;color:#fff;background:#2271b1;content:""}.theme-browser .theme.add-new-theme .theme-name{background:0 0;text-align:center;box-shadow:none;font-weight:400;position:relative;top:0;margin-top:-18px;padding-top:0;padding-bottom:48px}.theme-browser .theme.add-new-theme a:focus .theme-name,.theme-browser .theme.add-new-theme a:hover .theme-name{color:#fff;z-index:2}.theme-overlay .theme-backdrop{position:absolute;right:-20px;left:0;top:0;bottom:0;background:#f0f0f1;background:rgba(240,240,241,.9);z-index:10000}.theme-overlay .theme-header{position:absolute;top:0;right:0;left:0;height:48px;border-bottom:1px solid #dcdcde}.theme-overlay .theme-header button{padding:0}.theme-overlay .theme-header .close{cursor:pointer;height:48px;width:50px;text-align:center;float:left;border:0;border-right:1px solid #dcdcde;background-color:transparent;transition:color .1s ease-in-out,background .1s ease-in-out}.theme-overlay .theme-header .close:before{font:normal 22px/50px dashicons!important;color:#787c82;display:inline-block;content:"\f335";font-weight:300}.theme-overlay .theme-header .left,.theme-overlay .theme-header .right{cursor:pointer;color:#787c82;background-color:transparent;height:48px;width:54px;float:right;text-align:center;border:0;border-left:1px solid #dcdcde;transition:color .1s ease-in-out,background .1s ease-in-out}.theme-overlay .theme-header .close:focus,.theme-overlay .theme-header .close:hover,.theme-overlay .theme-header .left:focus,.theme-overlay .theme-header .left:hover,.theme-overlay .theme-header .right:focus,.theme-overlay .theme-header .right:hover{background:#dcdcde;border-color:#c3c4c7;color:#000}.theme-overlay .theme-header .close:focus:before,.theme-overlay .theme-header .close:hover:before{color:#000}.theme-overlay .theme-header .close:focus,.theme-overlay .theme-header .left:focus,.theme-overlay .theme-header .right:focus{box-shadow:none;outline:0}.theme-overlay .theme-header .left.disabled,.theme-overlay .theme-header .left.disabled:hover,.theme-overlay .theme-header .right.disabled,.theme-overlay .theme-header .right.disabled:hover{color:#c3c4c7;background:inherit;cursor:inherit}.theme-overlay .theme-header .left:before,.theme-overlay .theme-header .right:before{font:normal 20px/50px dashicons!important;display:inline;font-weight:300}.theme-overlay .theme-header .left:before{content:"\f345"}.theme-overlay .theme-header .right:before{content:"\f341"}.theme-overlay .theme-wrap{clear:both;position:fixed;top:9%;right:190px;left:30px;bottom:3%;background:#fff;box-shadow:0 1px 20px 5px rgba(0,0,0,.1);z-index:10000;box-sizing:border-box;-webkit-overflow-scrolling:touch}body.folded .theme-browser~.theme-overlay .theme-wrap{right:70px}.theme-overlay .theme-about{position:absolute;top:49px;bottom:57px;right:0;left:0;overflow:auto;padding:2% 4%}.theme-overlay .theme-actions{position:absolute;text-align:center;bottom:0;right:0;left:0;padding:10px 25px 5px;background:#f6f7f7;z-index:30;box-sizing:border-box;border-top:1px solid #f0f0f1}.theme-overlay .theme-actions a{margin-left:5px;margin-bottom:5px}.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"],.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"]{display:none}.broken-themes a.delete-theme,.theme-overlay .theme-actions .delete-theme{color:#d63638;text-decoration:none;border-color:transparent;box-shadow:none;background:0 0}.theme-overlay .theme-actions .delete-theme{position:absolute;left:10px;bottom:5px}.broken-themes a.delete-theme:focus,.broken-themes a.delete-theme:hover,.theme-overlay .theme-actions .delete-theme:focus,.theme-overlay .theme-actions .delete-theme:hover{background:#d63638;color:#fff;border-color:#d63638}.theme-overlay .theme-actions .active-theme,.theme-overlay.active .theme-actions .inactive-theme{display:none}.theme-overlay .theme-actions .inactive-theme,.theme-overlay.active .theme-actions .active-theme{display:block}.theme-overlay .theme-screenshots{float:right;margin:0 0 0 30px;width:55%;max-width:1200px;text-align:center}.theme-overlay .screenshot{border:1px solid #fff;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.theme-overlay .screenshot:after{content:"";display:block;padding-top:75%}.theme-overlay .screenshot img{height:auto;position:absolute;right:0;top:0;width:100%}.theme-overlay.small-screenshot .theme-screenshots{position:absolute;width:302px}.theme-overlay.small-screenshot .theme-info{margin-right:350px;width:auto}.theme-overlay .screenshot.thumb{background:#c3c4c7;border:1px solid #f0f0f1;float:none;display:inline-block;margin:10px 5px 0;width:140px;height:80px;cursor:pointer}.theme-overlay .screenshot.thumb:after{content:"";display:block;padding-top:100%}.theme-overlay .screenshot.thumb img{cursor:pointer;height:auto;position:absolute;right:0;top:0;width:100%;height:auto}.theme-overlay .screenshot.selected{background:0 0;border:2px solid #72aee6}.theme-overlay .screenshot.selected img{opacity:.8}.theme-browser .theme .theme-screenshot.blank,.theme-overlay .screenshot.blank{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=)}.theme-overlay .theme-info{width:40%;float:right}.theme-overlay .current-label{background:#2c3338;color:#fff;font-size:11px;display:inline-block;padding:2px 8px;border-radius:2px;margin:0 0 -10px;-webkit-user-select:none;user-select:none}.theme-overlay .theme-name{color:#1d2327;font-size:32px;font-weight:100;margin:10px 0 0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.theme-overlay .theme-version{color:#646970;font-size:13px;font-weight:400;float:none;display:inline-block;margin-right:10px}.theme-overlay .theme-author{margin:15px 0 25px;color:#646970;font-size:16px;font-weight:400;line-height:inherit}.theme-overlay .toggle-auto-update{display:inline-flex;align-items:center;min-height:20px;vertical-align:top}.theme-overlay .theme-autoupdate .toggle-auto-update{text-decoration:none}.theme-overlay .theme-autoupdate .toggle-auto-update .label{text-decoration:underline}.theme-overlay .theme-description{color:#50575e;font-size:15px;font-weight:400;line-height:1.5;margin:30px 0 0}.theme-overlay .theme-tags{border-top:3px solid #f0f0f1;color:#646970;font-size:13px;font-weight:400;margin:30px 0 0;padding-top:20px}.theme-overlay .theme-tags span{color:#3c434a;font-weight:600;margin-left:5px}.theme-overlay .parent-theme{background:#fff;border:1px solid #f0f0f1;border-right:4px solid #72aee6;font-size:14px;font-weight:400;margin-top:30px;padding:10px 20px 10px 10px}.theme-overlay .parent-theme strong{font-weight:600}.single-theme .theme,.single-theme .theme-overlay .theme-backdrop,.single-theme .theme-overlay .theme-header{display:none}.single-theme .theme-overlay .theme-wrap{clear:both;min-height:330px;position:relative;right:auto;left:auto;top:auto;bottom:auto;z-index:10}.single-theme .theme-overlay .theme-about{padding:30px 30px 70px;position:static}.single-theme .theme-overlay .theme-actions{position:absolute}@media only screen and (min-width:2000px){#wpwrap .theme-browser .theme{width:17.6%;margin:0 0 3% 3%}#wpwrap .theme-browser .theme:nth-child(3n),#wpwrap .theme-browser .theme:nth-child(4n){margin-left:3%}#wpwrap .theme-browser .theme:nth-child(5n){margin-left:0}}@media only screen and (min-width:1680px){.theme-overlay .theme-wrap{width:1450px;margin:0 auto}}@media only screen and (min-width:1640px){.theme-browser .theme{width:22.7%;margin:0 0 3% 3%}.theme-browser .theme .theme-screenshot:after{padding-top:75%}.theme-browser .theme:nth-child(3n){margin-left:3%}.theme-browser .theme:nth-child(4n){margin-left:0}}@media only screen and (max-width:1120px){.theme-browser .theme{width:47.5%;margin-left:0}.theme-browser .theme:nth-child(even){margin-left:0}.theme-browser .theme:nth-child(odd){margin-left:5%}}@media only screen and (max-width:960px){.theme-overlay .theme-wrap{right:65px}}@media only screen and (max-width:780px){.theme-overlay .theme-wrap,body.folded .theme-overlay .theme-wrap{top:0;left:0;bottom:0;right:0;padding:70px 20px 20px;border:none;z-index:100000;position:fixed}.theme-browser .theme.active .theme-name span{display:none}.theme-overlay .theme-screenshots{width:40%}.theme-overlay .theme-info{width:50%}.single-theme .theme-wrap{padding:10px}.theme-browser .theme .theme-actions{padding:5px 10px 4px}.theme-overlay.small-screenshot .theme-screenshots{position:static;float:none;max-width:302px}.theme-overlay.small-screenshot .theme-info{margin-right:0;width:auto}.theme.focus .more-details,.theme:hover .more-details,.theme:not(.active):focus .theme-actions,.theme:not(.active):hover .theme-actions{display:none}.theme-browser.rendered .theme.focus .theme-screenshot img,.theme-browser.rendered .theme:hover .theme-screenshot img{opacity:1}}@media only screen and (max-width:480px){.theme-browser .theme{width:100%;margin-left:0}.theme-browser .theme:nth-child(2n),.theme-browser .theme:nth-child(3n){margin-left:0}.theme-overlay .theme-about{bottom:105px}.theme-overlay .theme-actions{padding-right:4%;padding-left:4%}}@media only screen and (max-width:650px){.theme-overlay .theme-description{margin-right:0}.theme-overlay .theme-actions .delete-theme{position:relative;left:auto;bottom:auto}.theme-overlay .theme-actions .inactive-theme{display:inline}.theme-overlay .theme-screenshots{width:100%;float:none}.theme-overlay .theme-info{width:100%}.theme-overlay .theme-author{margin:5px 0 15px}.theme-overlay .current-label{margin-top:10px;font-size:13px}.themes-php .wp-filter-search{float:none;clear:both;right:0;left:0;margin:-5px 0 20px;width:100%;max-width:280px}.theme-browser .theme.add-new-theme span:after{font:normal 60px/90px dashicons;width:80px;height:80px;top:30%;right:50%;text-indent:0;margin-right:-40px}.single-theme .theme-wrap{margin:0 -10px 0 -12px;padding:10px}.single-theme .theme-overlay .theme-about{padding:10px;overflow:visible}.single-theme .current-label{display:none}.single-theme .theme-overlay .theme-actions{position:static}}.broken-themes{clear:both}.broken-themes table{text-align:right;width:50%;border-spacing:3px;padding:3px}.update-php .wrap{max-width:40rem}.theme-browser .theme .theme-installed{background:#2271b1}.theme-browser .theme .notice-success p:before{color:#68de7c;content:"\f147";display:inline-block;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.theme-install.updated-message:before{content:""}.theme-install-php .wp-filter{padding-right:20px}.theme-install-php a.browse-themes,.theme-install-php a.upload{cursor:pointer}.plugin-install-tab-upload .upload-view-toggle .upload,.upload-view-toggle .browse{display:none}.plugin-install-tab-upload .upload-view-toggle .browse{display:inline}.upload-plugin,.upload-theme{box-sizing:border-box;display:none;margin:0;padding:50px 0;width:100%;overflow:hidden;position:relative;top:10px;text-align:center}.plugin-install-tab-upload .upload-plugin,.show-upload-view .upload-plugin,.show-upload-view .upload-plugin-wrap,.show-upload-view .upload-theme{display:block}.upload-plugin .wp-upload-form,.upload-theme .wp-upload-form{background:#f6f7f7;border:1px solid #c3c4c7;padding:30px;margin:30px auto;display:inline-flex;justify-content:space-between;align-items:center}.upload-plugin .wp-upload-form input[type=file],.upload-theme .wp-upload-form input[type=file]{margin-left:10px}.upload-plugin .install-help,.upload-theme .install-help{color:#50575e;font-size:18px;font-style:normal;margin:0;padding:0;text-align:center}p.no-themes,p.no-themes-local{clear:both;color:#646970;font-size:18px;font-style:normal;margin:0;padding:100px 0;text-align:center;display:none}.no-results p.no-themes{display:block}.theme-install-php .add-new-theme{display:none!important}@media only screen and (max-width:1120px){.upload-theme .wp-upload-form{margin:20px 0;max-width:100%}.upload-theme .install-help{font-size:15px;padding:20px 0 0}}.theme-details .theme-rating{line-height:1.9}.theme-details .star-rating{display:inline}.theme-details .no-rating,.theme-details .num-ratings{font-size:11px;color:#646970}.theme-details .no-rating{display:block;line-height:1.9}.update-from-upload-comparison{border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde;text-align:right;margin:1rem 0 1.4rem;border-collapse:collapse;width:100%}.update-from-upload-comparison tr:last-child td{height:1.4rem;vertical-align:top}.update-from-upload-comparison tr:first-child th{font-weight:700;height:1.4rem;vertical-align:bottom}.update-from-upload-comparison td.name-label{text-align:left}.update-from-upload-comparison td,.update-from-upload-comparison th{padding:.4rem 1.4rem}.update-from-upload-comparison td.warning{color:#d63638}.update-from-upload-actions{margin-top:1.4rem}.appearance_page_custom-header #headimg{border:1px solid #dcdcde;overflow:hidden;width:100%}.appearance_page_custom-header #upload-form p label{font-size:12px}.appearance_page_custom-header .available-headers .default-header{float:right;margin:0 0 20px 20px}.appearance_page_custom-header .random-header{clear:both;margin:0 0 20px 20px;vertical-align:middle}.appearance_page_custom-header .available-headers label input,.appearance_page_custom-header .random-header label input{margin-left:10px}.appearance_page_custom-header .available-headers label img{vertical-align:middle}div#custom-background-image{min-height:100px;border:1px solid #dcdcde}div#custom-background-image img{max-width:400px;max-height:300px}.background-position-control input[type=radio]:checked~.button{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);z-index:1}.background-position-control input[type=radio]:focus~.button{border-color:#4f94d4;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(34,113,177,.8);color:#1d2327}.background-position-control .background-position-center-icon,.background-position-control .background-position-center-icon:before{display:inline-block;line-height:1;text-align:center;transition:background-color .1s ease-in}.background-position-control .background-position-center-icon{height:20px;margin-top:13px;vertical-align:top;width:20px}.background-position-control .background-position-center-icon:before{background-color:#50575e;border-radius:50%;content:"";height:12px;width:12px}.background-position-control .button:hover .background-position-center-icon:before,.background-position-control input[type=radio]:focus~.button .background-position-center-icon:before{background-color:#1d2327}.background-position-control .button-group{display:block}.background-position-control .button-group .button{border-radius:0;box-shadow:none;height:40px!important;line-height:2.9!important;margin:0 0 0 -1px!important;padding:0 10px 1px!important;position:relative}.background-position-control .button-group .button:active,.background-position-control .button-group .button:focus,.background-position-control .button-group .button:hover{z-index:1}.background-position-control .button-group:last-child .button{box-shadow:0 1px 0 #c3c4c7}.background-position-control .button-group>label{margin:0!important}.background-position-control .button-group:first-child>label:first-child .button{border-radius:0 3px 0 0}.background-position-control .button-group:first-child>label:first-child .dashicons{transform:rotate(-45deg)}.background-position-control .button-group:first-child>label:last-child .button{border-radius:3px 0 0 0}.background-position-control .button-group:first-child>label:last-child .dashicons{transform:rotate(45deg)}.background-position-control .button-group:last-child>label:first-child .button{border-radius:0 0 3px 0}.background-position-control .button-group:last-child>label:first-child .dashicons{transform:rotate(45deg)}.background-position-control .button-group:last-child>label:last-child .button{border-radius:0 0 0 3px}.background-position-control .button-group:last-child>label:last-child .dashicons{transform:rotate(-45deg)}.background-position-control .button-group .dashicons{margin-top:9px}.background-position-control .button-group+.button-group{margin-top:-1px}body.full-overlay-active{overflow:hidden;visibility:hidden}.wp-full-overlay{background:0 0;z-index:500000;position:fixed;overflow:visible;top:0;bottom:0;right:0;left:0;height:100%;min-width:0}.wp-full-overlay-sidebar{box-sizing:border-box;position:fixed;min-width:300px;max-width:600px;width:18%;height:100%;top:0;bottom:0;right:0;padding:0;margin:0;z-index:10;background:#f0f0f1;border-left:none}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{overflow:visible}.wp-full-overlay.collapsed,.wp-full-overlay.expanded .wp-full-overlay-sidebar{margin-right:0!important}.wp-full-overlay.expanded{margin-right:300px}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{margin-right:-300px}@media screen and (min-width:1667px){.wp-full-overlay.expanded{margin-right:18%}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{margin-right:-18%}}@media screen and (min-width:3333px){.wp-full-overlay.expanded{margin-right:600px}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{margin-right:-600px}}.wp-full-overlay-sidebar:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:3px;z-index:1000}.wp-full-overlay-main{position:absolute;right:0;left:0;top:0;bottom:0;height:100%}.wp-full-overlay-sidebar .wp-full-overlay-header{position:absolute;right:0;left:0;height:45px;padding:0 15px;line-height:3.2;z-index:10;margin:0;border-top:none;box-shadow:none}.wp-full-overlay-sidebar .wp-full-overlay-header a.back{margin-top:9px}.wp-full-overlay-sidebar .wp-full-overlay-footer{bottom:0;border-bottom:none;border-top:none;box-shadow:none}.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content{position:absolute;top:45px;bottom:45px;right:0;left:0;overflow:auto}.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header{padding:0}.theme-install-overlay .close-full-overlay,.theme-install-overlay .next-theme,.theme-install-overlay .previous-theme{display:block;position:relative;float:right;width:45px;height:45px;background:#f0f0f1;border-left:1px solid #dcdcde;color:#3c434a;cursor:pointer;text-decoration:none;transition:color .1s ease-in-out,background .1s ease-in-out}.theme-install-overlay .close-full-overlay:focus,.theme-install-overlay .close-full-overlay:hover,.theme-install-overlay .next-theme:focus,.theme-install-overlay .next-theme:hover,.theme-install-overlay .previous-theme:focus,.theme-install-overlay .previous-theme:hover{background:#dcdcde;border-color:#c3c4c7;color:#000;outline:0;box-shadow:none}.theme-install-overlay .close-full-overlay:before{font:normal 22px/1 dashicons;content:"\f335";position:relative;top:7px;right:13px}.theme-install-overlay .previous-theme:before{font:normal 20px/1 dashicons;content:"\f345";position:relative;top:6px;right:14px}.theme-install-overlay .next-theme:before{font:normal 20px/1 dashicons;content:"\f341";position:relative;top:6px;right:13px}.theme-install-overlay .next-theme.disabled,.theme-install-overlay .next-theme.disabled:focus,.theme-install-overlay .next-theme.disabled:hover,.theme-install-overlay .previous-theme.disabled,.theme-install-overlay .previous-theme.disabled:focus,.theme-install-overlay .previous-theme.disabled:hover{color:#c3c4c7;background:#f0f0f1;cursor:default;pointer-events:none}.theme-install-overlay .close-full-overlay,.theme-install-overlay .next-theme,.theme-install-overlay .previous-theme{border-right:0;border-top:0;border-bottom:0}.theme-install-overlay .close-full-overlay:before,.theme-install-overlay .next-theme:before,.theme-install-overlay .previous-theme:before{top:2px;right:0}.wp-core-ui .wp-full-overlay .collapse-sidebar{position:fixed;bottom:0;right:0;padding:9px 10px 9px 0;height:45px;color:#646970;outline:0;line-height:1;background-color:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#2271b1}.wp-full-overlay .collapse-sidebar-arrow,.wp-full-overlay .collapse-sidebar-label{display:inline-block;vertical-align:middle;line-height:1.6}.wp-full-overlay .collapse-sidebar-arrow{width:20px;height:20px;margin:0 2px;border-radius:50%;overflow:hidden}.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.wp-full-overlay .collapse-sidebar-label{margin-right:3px}.wp-full-overlay.collapsed .collapse-sidebar-label{display:none}.wp-full-overlay .collapse-sidebar-arrow:before{display:block;content:"\f148";background:#f0f0f1;font:normal 20px/1 dashicons;speak:never;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar{padding:9px 10px}.rtl .wp-full-overlay .collapse-sidebar-arrow:before,.wp-full-overlay.collapsed .collapse-sidebar-arrow:before{transform:rotate(180.001deg)}.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before{transform:none}.wp-full-overlay,.wp-full-overlay .collapse-sidebar,.wp-full-overlay-main,.wp-full-overlay-sidebar{transition-property:right,left,top,bottom,width,margin;transition-duration:.2s}.wp-full-overlay{background:#1d2327}.wp-full-overlay-main{background-color:#f0f0f1}.expanded .wp-full-overlay-footer{position:fixed;bottom:0;right:0;min-width:299px;max-width:599px;width:18%;width:calc(18% - 1px);height:45px;border-top:1px solid #dcdcde;background:#f0f0f1}.wp-full-overlay-footer .devices-wrapper{float:left}.wp-full-overlay-footer .devices{position:relative;background:#f0f0f1;box-shadow:20px 0 10px -5px #f0f0f1}.wp-full-overlay-footer .devices button{cursor:pointer;background:0 0;border:none;height:45px;padding:0 3px;margin:0 -4px 0 0;box-shadow:none;border-top:1px solid transparent;border-bottom:4px solid transparent;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}.wp-full-overlay-footer .devices button:focus{box-shadow:none;outline:0}.wp-full-overlay-footer .devices button:before{display:inline-block;-webkit-font-smoothing:antialiased;font:normal 20px/30px dashicons;vertical-align:top;margin:3px 0;padding:4px 8px;color:#646970}.wp-full-overlay-footer .devices button.active{border-bottom-color:#1d2327}.wp-full-overlay-footer .devices button:focus,.wp-full-overlay-footer .devices button:hover{background-color:#fff}.wp-full-overlay-footer .devices button.active:hover,.wp-full-overlay-footer .devices button:focus{border-bottom-color:#2271b1}.wp-full-overlay-footer .devices button.active:before{color:#1d2327}.wp-full-overlay-footer .devices button:focus:before,.wp-full-overlay-footer .devices button:hover:before{color:#2271b1}.wp-full-overlay-footer .devices .preview-desktop:before{content:"\f472"}.wp-full-overlay-footer .devices .preview-tablet:before{content:"\f471"}.wp-full-overlay-footer .devices .preview-mobile:before{content:"\f470"}@media screen and (max-width:1024px){.wp-full-overlay-footer .devices{display:none}}.collapsed .wp-full-overlay-footer .devices button:before{display:none}.preview-mobile .wp-full-overlay-main{margin:auto -160px auto 0;width:320px;height:480px;max-height:100%;max-width:100%;right:50%}.preview-tablet .wp-full-overlay-main{margin:auto -360px auto 0;width:720px;height:1080px;max-height:100%;max-width:100%;right:50%}.customize-support .hide-if-customize,.customize-support .wp-core-ui .hide-if-customize,.customize-support.wp-core-ui .hide-if-customize,.no-customize-support .hide-if-no-customize,.no-customize-support .wp-core-ui .hide-if-no-customize,.no-customize-support.wp-core-ui .hide-if-no-customize{display:none}#customize-container,#customize-controls .notice.notification-overlay{background:#f0f0f1;z-index:500000;position:fixed;overflow:visible;top:0;bottom:0;right:0;left:0;height:100%}#customize-container{display:none}#customize-container,.theme-install-overlay{visibility:visible}.customize-loading #customize-container iframe{opacity:0}#customize-container iframe,.theme-install-overlay iframe{height:100%;width:100vw;z-index:20;transition:opacity .3s}#customize-controls{margin-top:0}.theme-install-overlay{display:none}.theme-install-overlay.single-theme{display:block}.install-theme-info{display:none;padding:10px 20px 60px}.single-theme .install-theme-info{padding-top:15px}.theme-install-overlay .install-theme-info{display:block}.install-theme-info .theme-install{float:left;margin-top:18px}.install-theme-info .theme-name{font-size:16px;line-height:1.5;margin-bottom:0;margin-top:0}.install-theme-info .theme-screenshot{margin:15px 0;width:258px;border:1px solid #c3c4c7;position:relative;overflow:hidden}.install-theme-info .theme-screenshot>img{width:100%;height:auto;position:absolute;right:0;top:0}.install-theme-info .theme-screenshot:after{content:"";display:block;padding-top:66.66666666%}.install-theme-info .theme-details{overflow:hidden}.theme-details .theme-version{margin:15px 0}.theme-details .theme-description{float:right;color:#646970;line-height:1.6;max-width:100%}.theme-install-overlay .wp-full-overlay-header .button{float:left;margin:8px 0 0 10px}.theme-install-overlay .wp-full-overlay-sidebar{background:#f0f0f1;border-left:1px solid #dcdcde}.theme-install-overlay .wp-full-overlay-sidebar-content{background:#fff;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde}.theme-install-overlay .wp-full-overlay-main{position:absolute;z-index:0;background-color:#f0f0f1}.customize-loading #customize-container{background-color:#f0f0f1}#customize-controls .notice.notification-overlay.notification-loading:before,#customize-preview.wp-full-overlay-main:before,.customize-loading #customize-container:before,.theme-install-overlay .wp-full-overlay-main:before{content:"";display:block;width:20px;height:20px;position:absolute;right:50%;top:50%;z-index:-1;margin:-10px -10px 0 0;transform:translateZ(0);background:transparent url(../images/spinner.gif) no-repeat center center;background-size:20px 20px}#customize-preview.wp-full-overlay-main.iframe-ready:before,.theme-install-overlay.iframe-ready .wp-full-overlay-main:before{background-image:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.wp-full-overlay .collapse-sidebar-arrow{background-image:url(../images/arrows-2x.png);background-size:15px 123px}#customize-controls .notice.notification-overlay.notification-loading:before,#customize-preview.wp-full-overlay-main:before,.customize-loading #customize-container:before,.theme-install-overlay .wp-full-overlay-main:before{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){.available-theme .action-links .delete-theme{float:none;margin:0;padding:0;clear:both}.available-theme .action-links .delete-theme a{padding:0}.broken-themes table{width:100%}.theme-install-overlay .wp-full-overlay-header .button{font-size:13px;line-height:2.15384615;min-height:30px}.theme-browser .theme .theme-actions .button{margin-bottom:0}.theme-browser .theme .theme-actions,.theme-browser .theme.active .theme-actions{padding-top:4px;padding-bottom:4px}.upload-plugin .wp-upload-form,.upload-theme .wp-upload-form{display:block}}@media aural{.theme .notice:before,.theme-info .updated-message:before,.theme-info .updating-message:before,.theme-install.updating-message:before{speak:never}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/themes.css b/tools/storybook/wordpress/css/themes.css
new file mode 100644
index 00000000000..6b598013a0a
--- /dev/null
+++ b/tools/storybook/wordpress/css/themes.css
@@ -0,0 +1,2004 @@
+/*------------------------------------------------------------------------------
+  16.0 - Themes
+------------------------------------------------------------------------------*/
+
+
+/*------------------------------------------------------------------------------
+  16.1 - Manage Themes
+------------------------------------------------------------------------------*/
+
+.themes-php {
+	overflow-y: scroll;
+}
+
+body.js .theme-browser.search-loading {
+	display: none;
+}
+
+.theme-browser .themes {
+	clear: both;
+}
+
+.themes-php:not(.network-admin) .wrap h1 {
+	margin-bottom: 15px;
+}
+
+.themes-php .wrap h1 .button {
+	margin-left: 20px;
+}
+
+/* Search form */
+.themes-php .search-form {
+	display: inline;
+}
+
+.themes-php .wp-filter-search {
+	position: relative;
+	top: -2px;
+	left: 20px;
+	margin: 0;
+	width: 280px;
+}
+
+/* Position admin messages */
+.theme .notice,
+.theme .notice.is-dismissible {
+	left: 0;
+	margin: 0;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+/**
+ * Main theme element
+ * (has flexible margins)
+ */
+.theme-browser .theme {
+	cursor: pointer;
+	float: left;
+	margin: 0 4% 4% 0;
+	position: relative;
+	width: 30.6%;
+	border: 1px solid #dcdcde;
+	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
+	box-sizing: border-box;
+}
+
+.theme-browser .theme:nth-child(3n) {
+	margin-right: 0;
+}
+
+.theme-browser .theme:hover,
+.theme-browser .theme.focus {
+	cursor: pointer;
+}
+
+.theme-browser .theme .theme-name {
+	font-size: 15px;
+	font-weight: 600;
+	height: 18px;
+	margin: 0;
+	padding: 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	background: #fff;
+	background: rgba(255, 255, 255, 0.65);
+}
+
+/* Activate and Customize buttons, shown on hover and focus */
+.theme-browser .theme .theme-actions {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	opacity: 0;
+	transition: opacity 0.1s ease-in-out;
+	height: auto;
+	background: rgba(246, 247, 247, 0.7);
+	border-left: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+.theme-browser .theme:hover .theme-actions,
+.theme-browser .theme.focus .theme-actions {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+	opacity: 1;
+}
+
+.theme-browser .theme .theme-actions .button-primary {
+	margin-right: 3px;
+}
+
+.theme-browser .theme .theme-actions .button {
+	float: none;
+	margin-left: 3px;
+}
+
+/**
+ * Theme Screenshot
+ *
+ * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
+ * It is also responsive.
+ */
+.theme-browser .theme .theme-screenshot {
+	display: block;
+	overflow: hidden;
+	position: relative;
+	-webkit-backface-visibility: hidden; /* Prevents flicker of the screenshot on hover. */
+	transition: opacity 0.2s ease-in-out;
+}
+
+.theme-browser .theme .theme-screenshot:after {
+	content: "";
+	display: block;
+	padding-top: 66.66666%; /* using a 3/2 aspect ratio */
+}
+
+.theme-browser .theme .theme-screenshot img {
+	height: auto;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	transition: opacity 0.2s ease-in-out;
+}
+
+.theme-browser .theme:hover .theme-screenshot,
+.theme-browser .theme.focus .theme-screenshot {
+	background: #fff;
+}
+
+.theme-browser.rendered .theme:hover .theme-screenshot img,
+.theme-browser.rendered .theme.focus .theme-screenshot img {
+	opacity: 0.4;
+}
+
+.theme-browser .theme .more-details {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	opacity: 0;
+	position: absolute;
+	top: 35%;
+	right: 20%;
+	left: 20%;
+	width: 60%;
+	background: #1d2327;
+	background: rgba(0, 0, 0, 0.7);
+	color: #fff;
+	font-size: 15px;
+	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
+	-webkit-font-smoothing: antialiased;
+	font-weight: 600;
+	padding: 15px 12px;
+	text-align: center;
+	border-radius: 3px;
+	border: none;
+	transition: opacity 0.1s ease-in-out;
+	cursor: pointer;
+}
+
+.theme-browser .theme .more-details:focus {
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
+}
+
+.theme-browser .theme.focus {
+	border-color: #4f94d4;
+	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+}
+
+.theme-browser .theme.focus .more-details {
+	opacity: 1;
+}
+
+/* Current theme needs to have its action always on view */
+.theme-browser .theme.active.focus .theme-actions {
+	display: block;
+}
+
+.theme-browser.rendered .theme:hover .more-details,
+.theme-browser.rendered .theme.focus .more-details {
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+	opacity: 1;
+}
+
+/**
+ * The currently active theme
+ */
+.theme-browser .theme.active .theme-name {
+	background: #1d2327;
+	color: #fff;
+	padding-right: 110px;
+	font-weight: 300;
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+.theme-browser .customize-control .theme.active .theme-name {
+	padding-right: 15px;
+}
+
+.theme-browser .theme.active .theme-name span {
+	font-weight: 600;
+}
+
+.theme-browser .theme.active .theme-actions {
+	background: rgba(44, 51, 56, 0.7);
+	border-left: none;
+	opacity: 1;
+}
+
+.theme-id-container {
+	position: relative;
+}
+
+.theme-browser .theme.active .theme-actions,
+.theme-browser .theme .theme-actions {
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	right: 0;
+	padding: 9px 15px;
+	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.theme-browser .theme.active .theme-actions .button-primary {
+	margin-right: 0;
+}
+
+.theme-browser .theme .theme-author {
+	background: #1d2327;
+	color: #f0f0f1;
+	display: none;
+	font-size: 14px;
+	margin: 0 10px;
+	padding: 5px 10px;
+	position: absolute;
+	bottom: 56px;
+}
+
+.theme-browser .theme.display-author .theme-author {
+	display: block;
+}
+
+.theme-browser .theme.display-author .theme-author a {
+	color: inherit;
+}
+
+/**
+ * Add new theme
+ */
+.theme-browser .theme.add-new-theme {
+	border: none;
+	box-shadow: none;
+}
+
+.theme-browser .theme.add-new-theme a {
+	text-decoration: none;
+	display: block;
+	position: relative;
+	z-index: 1;
+}
+
+.theme-browser .theme.add-new-theme a:after {
+	display: block;
+	content: "";
+	background: transparent;
+	background: rgba(0, 0, 0, 0);
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 0;
+	text-shadow: none;
+	border: 5px dashed #dcdcde;
+	border: 5px dashed rgba(0, 0, 0, 0.1);
+	box-sizing: border-box;
+}
+
+.theme-browser .theme.add-new-theme span:after {
+	background: #dcdcde;
+	background: rgba(140, 143, 148, 0.1);
+	border-radius: 50%;
+	display: inline-block;
+	content: "\f132";
+	-webkit-font-smoothing: antialiased;
+	font: normal 74px/115px dashicons;
+	width: 100px;
+	height: 100px;
+	vertical-align: middle;
+	text-align: center;
+	color: #8c8f94;
+	position: absolute;
+	top: 30%;
+	left: 50%;
+	margin-left: -50px;
+	text-indent: -4px;
+	padding: 0;
+	text-shadow: none;
+	z-index: 4;
+}
+
+.rtl .theme-browser .theme.add-new-theme span:after {
+	text-indent: 4px;
+}
+
+.theme-browser .theme.add-new-theme a:hover .theme-screenshot,
+.theme-browser .theme.add-new-theme a:focus .theme-screenshot {
+	background: none;
+}
+
+.theme-browser .theme.add-new-theme a:hover span:after,
+.theme-browser .theme.add-new-theme a:focus span:after {
+	background: #fff;
+	color: #2271b1;
+}
+
+.theme-browser .theme.add-new-theme a:hover:after,
+.theme-browser .theme.add-new-theme a:focus:after {
+	border-color: transparent;
+	color: #fff;
+	background: #2271b1;
+	content: "";
+}
+
+.theme-browser .theme.add-new-theme .theme-name {
+	background: none;
+	text-align: center;
+	box-shadow: none;
+	font-weight: 400;
+	position: relative;
+	top: 0;
+	margin-top: -18px;
+	padding-top: 0;
+	padding-bottom: 48px;
+}
+
+.theme-browser .theme.add-new-theme a:hover .theme-name,
+.theme-browser .theme.add-new-theme a:focus .theme-name {
+	color: #fff;
+	z-index: 2;
+}
+
+/**
+ * Theme Overlay
+ * Shown when clicking a theme
+ */
+.theme-overlay .theme-backdrop {
+	position: absolute;
+	left: -20px;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	background: #f0f0f1;
+	background: rgba(240, 240, 241, 0.9);
+	z-index: 10000; /* Over WP Pointers. */
+}
+
+.theme-overlay .theme-header {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: 48px;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.theme-overlay .theme-header button {
+	padding: 0;
+}
+
+.theme-overlay .theme-header .close {
+	cursor: pointer;
+	height: 48px;
+	width: 50px;
+	text-align: center;
+	float: right;
+	border: 0;
+	border-left: 1px solid #dcdcde;
+	background-color: transparent;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-overlay .theme-header .close:before {
+	font: normal 22px/50px dashicons !important;
+	color: #787c82;
+	display: inline-block;
+	content: "\f335";
+	font-weight: 300;
+}
+
+/* Left and right navigation */
+.theme-overlay .theme-header .right,
+.theme-overlay .theme-header .left {
+	cursor: pointer;
+	color: #787c82;
+	background-color: transparent;
+	height: 48px;
+	width: 54px;
+	float: left;
+	text-align: center;
+	border: 0;
+	border-right: 1px solid #dcdcde;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-overlay .theme-header .close:focus,
+.theme-overlay .theme-header .close:hover,
+.theme-overlay .theme-header .right:focus,
+.theme-overlay .theme-header .right:hover,
+.theme-overlay .theme-header .left:focus,
+.theme-overlay .theme-header .left:hover {
+	background: #dcdcde;
+	border-color: #c3c4c7;
+	color: #000;
+}
+
+.theme-overlay .theme-header .close:focus:before,
+.theme-overlay .theme-header .close:hover:before {
+	color: #000;
+}
+
+.theme-overlay .theme-header .close:focus,
+.theme-overlay .theme-header .right:focus,
+.theme-overlay .theme-header .left:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+.theme-overlay .theme-header .left.disabled,
+.theme-overlay .theme-header .right.disabled,
+.theme-overlay .theme-header .left.disabled:hover,
+.theme-overlay .theme-header .right.disabled:hover {
+	color: #c3c4c7;
+	background: inherit;
+	cursor: inherit;
+}
+
+.theme-overlay .theme-header .right:before,
+.theme-overlay .theme-header .left:before {
+	font: normal 20px/50px dashicons !important;
+	display: inline;
+	font-weight: 300;
+}
+
+.theme-overlay .theme-header .left:before {
+	content: "\f341";
+}
+
+.theme-overlay .theme-header .right:before {
+	content: "\f345";
+}
+
+.theme-overlay .theme-wrap {
+	clear: both;
+	position: fixed;
+	top: 9%;
+	left: 190px;
+	right: 30px;
+	bottom: 3%;
+	background: #fff;
+	box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
+	z-index: 10000; /* Over WP Pointers. */
+	box-sizing: border-box;
+	-webkit-overflow-scrolling: touch;
+}
+
+body.folded .theme-browser ~ .theme-overlay .theme-wrap {
+	left: 70px;
+}
+
+.theme-overlay .theme-about {
+	position: absolute;
+	top: 49px;
+	bottom: 57px;
+	left: 0;
+	right: 0;
+	overflow: auto;
+	padding: 2% 4%;
+}
+
+.theme-overlay .theme-actions {
+	position: absolute;
+	text-align: center;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	padding: 10px 25px 5px;
+	background: #f6f7f7;
+	z-index: 30;
+	box-sizing: border-box;
+	border-top: 1px solid #f0f0f1;
+}
+
+.theme-overlay .theme-actions a {
+	margin-right: 5px;
+	margin-bottom: 5px;
+}
+
+/* Hide-if-customize for items we can't add classes to */
+.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"],
+.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"] {
+	display: none;
+}
+
+.broken-themes a.delete-theme,
+.theme-overlay .theme-actions .delete-theme {
+	color: #d63638;
+	text-decoration: none;
+	border-color: transparent;
+	box-shadow: none;
+	background: transparent;
+}
+
+.theme-overlay .theme-actions .delete-theme {
+	position: absolute;
+	right: 10px;
+	bottom: 5px;
+}
+
+.broken-themes a.delete-theme:hover,
+.broken-themes a.delete-theme:focus,
+.theme-overlay .theme-actions .delete-theme:hover,
+.theme-overlay .theme-actions .delete-theme:focus {
+	background: #d63638;
+	color: #fff;
+	border-color: #d63638;
+}
+
+.theme-overlay .theme-actions .active-theme,
+.theme-overlay.active .theme-actions .inactive-theme {
+	display: none;
+}
+
+.theme-overlay .theme-actions .inactive-theme,
+.theme-overlay.active .theme-actions .active-theme {
+	display: block;
+}
+
+/**
+ * Theme Screenshots gallery
+ */
+.theme-overlay .theme-screenshots {
+	float: left;
+	margin: 0 30px 0 0;
+	width: 55%;
+	max-width: 1200px; /* Recommended theme screenshot width, set here to avoid stretching */
+	text-align: center;
+}
+
+/* First screenshot, shown big */
+.theme-overlay .screenshot {
+	border: 1px solid #fff;
+	box-sizing: border-box;
+	overflow: hidden;
+	position: relative;
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+}
+
+.theme-overlay .screenshot:after {
+	content: "";
+	display: block;
+	padding-top: 75%; /* using a 4/3 aspect ratio */
+}
+
+.theme-overlay .screenshot img {
+	height: auto;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+}
+/* Handles old 300px screenshots */
+.theme-overlay.small-screenshot .theme-screenshots {
+	position: absolute;
+	width: 302px;
+}
+.theme-overlay.small-screenshot .theme-info {
+	margin-left: 350px;
+	width: auto;
+}
+
+/* Other screenshots, shown small and square */
+.theme-overlay .screenshot.thumb {
+	background: #c3c4c7;
+	border: 1px solid #f0f0f1;
+	float: none;
+	display: inline-block;
+	margin: 10px 5px 0;
+	width: 140px;
+	height: 80px;
+	cursor: pointer;
+}
+
+.theme-overlay .screenshot.thumb:after {
+	content: "";
+	display: block;
+	padding-top: 100%; /* using a 1/1 aspect ratio */
+}
+
+.theme-overlay .screenshot.thumb img {
+	cursor: pointer;
+	height: auto;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: auto;
+}
+
+.theme-overlay .screenshot.selected {
+	background: transparent;
+	border: 2px solid #72aee6;
+}
+
+.theme-overlay .screenshot.selected img {
+	opacity: 0.8;
+}
+
+/* No screenshot placeholder */
+.theme-browser .theme .theme-screenshot.blank,
+.theme-overlay .screenshot.blank {
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
+}
+
+/**
+ * Theme heading information
+ */
+.theme-overlay .theme-info {
+	width: 40%;
+	float: left;
+}
+
+.theme-overlay .current-label {
+	background: #2c3338;
+	color: #fff;
+	font-size: 11px;
+	display: inline-block;
+	padding: 2px 8px;
+	border-radius: 2px;
+	margin: 0 0 -10px;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.theme-overlay .theme-name {
+	color: #1d2327;
+	font-size: 32px;
+	font-weight: 100;
+	margin: 10px 0 0;
+	line-height: 1.3;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+
+.theme-overlay .theme-version {
+	color: #646970;
+	font-size: 13px;
+	font-weight: 400;
+	float: none;
+	display: inline-block;
+	margin-left: 10px;
+}
+
+.theme-overlay .theme-author {
+	margin: 15px 0 25px;
+	color: #646970;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: inherit;
+}
+
+.theme-overlay .toggle-auto-update {
+	/* Better align spin icon and text. */
+	display: inline-flex;
+	align-items: center;
+	/* Prevents content after the auto-update toggler from jumping down and up. */
+	min-height: 20px; /* Same height as the spinning dashicon. */
+	vertical-align: top;
+}
+
+.theme-overlay .theme-autoupdate .toggle-auto-update {
+	text-decoration: none;
+}
+
+.theme-overlay .theme-autoupdate .toggle-auto-update .label {
+	text-decoration: underline;
+}
+
+.theme-overlay .theme-description {
+	color: #50575e;
+	font-size: 15px;
+	font-weight: 400;
+	line-height: 1.5;
+	margin: 30px 0 0;
+}
+
+.theme-overlay .theme-tags {
+	border-top: 3px solid #f0f0f1;
+	color: #646970;
+	font-size: 13px;
+	font-weight: 400;
+	margin: 30px 0 0;
+	padding-top: 20px;
+}
+
+.theme-overlay .theme-tags span {
+	color: #3c434a;
+	font-weight: 600;
+	margin-right: 5px;
+}
+
+.theme-overlay .parent-theme {
+	background: #fff;
+	border: 1px solid #f0f0f1;
+	border-left: 4px solid #72aee6;
+	font-size: 14px;
+	font-weight: 400;
+	margin-top: 30px;
+	padding: 10px 10px 10px 20px;
+}
+
+.theme-overlay .parent-theme strong {
+	font-weight: 600;
+}
+
+/**
+ * Single Theme Mode
+ * Displays detailed view inline when a user has no switch capabilities
+ */
+.single-theme .theme-overlay .theme-backdrop,
+.single-theme .theme-overlay .theme-header,
+.single-theme .theme {
+	display: none;
+}
+
+.single-theme .theme-overlay .theme-wrap {
+	clear: both;
+	min-height: 330px;
+	position: relative;
+	left: auto;
+	right: auto;
+	top: auto;
+	bottom: auto;
+	z-index: 10;
+}
+
+.single-theme .theme-overlay .theme-about {
+	padding: 30px 30px 70px;
+	position: static;
+}
+
+.single-theme .theme-overlay .theme-actions {
+	position: absolute;
+}
+
+/**
+ * Basic Responsive structure...
+ *
+ * Shuffles theme columns around based on screen width
+ */
+
+@media only screen and (min-width: 2000px) {
+	#wpwrap .theme-browser .theme {
+		width: 17.6%;
+		margin: 0 3% 3% 0;
+	}
+
+	#wpwrap .theme-browser .theme:nth-child(3n),
+	#wpwrap .theme-browser .theme:nth-child(4n) {
+		margin-right: 3%;
+	}
+
+	#wpwrap .theme-browser .theme:nth-child(5n) {
+		margin-right: 0;
+	}
+}
+
+@media only screen and (min-width: 1680px) {
+	.theme-overlay .theme-wrap {
+		width: 1450px;
+		margin: 0 auto;
+	}
+}
+
+/* Maximum screenshot width reaches 440px */
+@media only screen and (min-width: 1640px) {
+	.theme-browser .theme {
+		width: 22.7%;
+		margin: 0 3% 3% 0;
+	}
+	.theme-browser .theme .theme-screenshot:after {
+		padding-top: 75%; /* using a 4/3 aspect ratio */
+	}
+
+	.theme-browser .theme:nth-child(3n) {
+		margin-right: 3%;
+	}
+
+	.theme-browser .theme:nth-child(4n) {
+		margin-right: 0;
+	}
+}
+/* Maximum screenshot width reaches 440px */
+@media only screen and (max-width: 1120px) {
+	.theme-browser .theme {
+		width: 47.5%;
+		margin-right: 0;
+	}
+
+	.theme-browser .theme:nth-child(even) {
+		margin-right: 0;
+	}
+
+	.theme-browser .theme:nth-child(odd) {
+		margin-right: 5%;
+	}
+}
+
+/* Admin menu is folded */
+@media only screen and (max-width: 960px) {
+	.theme-overlay .theme-wrap {
+		left: 65px;
+	}
+}
+
+@media only screen and (max-width: 780px) {
+	body.folded .theme-overlay .theme-wrap,
+	.theme-overlay .theme-wrap {
+		top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
+		right: 0;
+		bottom: 0;
+		left: 0;
+		padding: 70px 20px 20px;
+		border: none;
+		z-index: 100000; /* should overlap #wpadminbar. */
+		position: fixed;
+	}
+
+	.theme-browser .theme.active .theme-name span {
+		/* Hide the "Active: " label on smaller screens. */
+		display: none;
+	}
+
+	.theme-overlay .theme-screenshots {
+		width: 40%;
+	}
+
+	.theme-overlay .theme-info {
+		width: 50%;
+	}
+	.single-theme .theme-wrap {
+		padding: 10px;
+	}
+
+	.theme-browser .theme .theme-actions {
+		padding: 5px 10px 4px;
+	}
+
+	.theme-overlay.small-screenshot .theme-screenshots {
+		position: static;
+		float: none;
+		max-width: 302px;
+	}
+
+	.theme-overlay.small-screenshot .theme-info {
+		margin-left: 0;
+		width: auto;
+	}
+
+	.theme:not(.active):hover .theme-actions,
+	.theme:not(.active):focus .theme-actions,
+	.theme:hover .more-details,
+	.theme.focus .more-details {
+		display: none;
+	}
+
+	.theme-browser.rendered .theme:hover .theme-screenshot img,
+	.theme-browser.rendered .theme.focus .theme-screenshot img {
+		opacity: 1.0;
+	}
+}
+
+@media only screen and (max-width: 480px) {
+	.theme-browser .theme {
+		width: 100%;
+		margin-right: 0;
+	}
+
+	.theme-browser .theme:nth-child(2n),
+	.theme-browser .theme:nth-child(3n) {
+		margin-right: 0;
+	}
+
+	.theme-overlay .theme-about {
+		bottom: 105px;
+	}
+
+	.theme-overlay .theme-actions {
+		padding-left: 4%;
+		padding-right: 4%;
+	}
+}
+
+@media only screen and (max-width: 650px) {
+	.theme-overlay .theme-description {
+		margin-left: 0;
+	}
+
+	.theme-overlay .theme-actions .delete-theme {
+		position: relative;
+		right: auto;
+		bottom: auto;
+	}
+
+	.theme-overlay .theme-actions .inactive-theme {
+		display: inline;
+	}
+
+	.theme-overlay .theme-screenshots {
+		width: 100%;
+		float: none;
+	}
+
+	.theme-overlay .theme-info {
+		width: 100%;
+	}
+
+	.theme-overlay .theme-author {
+		margin: 5px 0 15px;
+	}
+
+	.theme-overlay .current-label {
+		margin-top: 10px;
+		font-size: 13px;
+	}
+
+	.themes-php .wp-filter-search {
+		float: none;
+		clear: both;
+		left: 0;
+		right: 0;
+		margin: -5px 0 20px;
+		width: 100%;
+		max-width: 280px;
+	}
+
+	.theme-browser .theme.add-new-theme span:after {
+		font: normal 60px/90px dashicons;
+		width: 80px;
+		height: 80px;
+		top: 30%;
+		left: 50%;
+		text-indent: 0;
+		margin-left: -40px;
+	}
+
+	.single-theme .theme-wrap {
+		margin: 0 -12px 0 -10px;
+		padding: 10px;
+	}
+	.single-theme .theme-overlay .theme-about {
+		padding: 10px;
+		overflow: visible;
+	}
+	.single-theme .current-label {
+		display: none;
+	}
+	.single-theme .theme-overlay .theme-actions {
+		position: static;
+	}
+}
+
+.broken-themes {
+	clear: both;
+}
+
+.broken-themes table {
+	text-align: left;
+	width: 50%;
+	border-spacing: 3px;
+	padding: 3px;
+}
+
+
+/*------------------------------------------------------------------------------
+  16.2 - Install Themes
+------------------------------------------------------------------------------*/
+
+.update-php .wrap {
+	max-width: 40rem;
+}
+
+/* Already installed theme */
+.theme-browser .theme .theme-installed {
+	background: #2271b1;
+}
+
+.theme-browser .theme .notice-success p:before {
+	color: #68de7c;
+	content: "\f147";
+	display: inline-block;
+	font: normal 20px/1 'dashicons';
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	vertical-align: top;
+}
+
+.theme-install.updated-message:before {
+	content: "";
+}
+
+.theme-install-php .wp-filter {
+	padding-left: 20px;
+}
+
+.theme-install-php a.upload,
+.theme-install-php a.browse-themes {
+	cursor: pointer;
+}
+
+.upload-view-toggle .browse,
+.plugin-install-tab-upload .upload-view-toggle .upload {
+	display: none;
+}
+
+.plugin-install-tab-upload .upload-view-toggle .browse {
+	display: inline;
+}
+
+.upload-theme,
+.upload-plugin {
+	box-sizing: border-box;
+	display: none;
+	margin: 0;
+	padding: 50px 0;
+	width: 100%;
+	overflow: hidden;
+	position: relative;
+	top: 10px;
+	text-align: center;
+}
+
+.show-upload-view .upload-theme,
+.show-upload-view .upload-plugin,
+.show-upload-view .upload-plugin-wrap,
+.plugin-install-tab-upload .upload-plugin {
+	display: block;
+}
+
+.upload-theme .wp-upload-form,
+.upload-plugin .wp-upload-form {
+	background: #f6f7f7;
+	border: 1px solid #c3c4c7;
+	padding: 30px;
+	margin: 30px auto;
+	display: inline-flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.upload-theme .wp-upload-form input[type="file"],
+.upload-plugin .wp-upload-form input[type="file"] {
+	margin-right: 10px;
+}
+
+.upload-theme .install-help,
+.upload-plugin .install-help {
+	color: #50575e; /* #f1f1f1 background */
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+
+p.no-themes,
+p.no-themes-local {
+	clear: both;
+	color: #646970;
+	font-size: 18px;
+	font-style: normal;
+	margin: 0;
+	padding: 100px 0;
+	text-align: center;
+	display: none;
+}
+
+.no-results p.no-themes {
+	display: block;
+}
+
+.theme-install-php .add-new-theme {
+	display: none !important;
+}
+
+@media only screen and (max-width: 1120px) {
+	.upload-theme .wp-upload-form {
+		margin: 20px 0;
+		max-width: 100%;
+	}
+	.upload-theme .install-help {
+		font-size: 15px;
+		padding: 20px 0 0;
+	}
+}
+
+.theme-details .theme-rating {
+	line-height: 1.9;
+}
+
+.theme-details .star-rating {
+	display: inline;
+}
+
+.theme-details .num-ratings,
+.theme-details .no-rating {
+	font-size: 11px;
+	color: #646970;
+}
+
+.theme-details .no-rating {
+	display: block;
+	line-height: 1.9;
+}
+
+.update-from-upload-comparison {
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+	text-align: left;
+	margin: 1rem 0 1.4rem;
+	border-collapse: collapse;
+	width: 100%;
+}
+
+.update-from-upload-comparison tr:last-child td {
+	height: 1.4rem;
+    vertical-align: top;
+}
+
+.update-from-upload-comparison tr:first-child th {
+	font-weight: bold;
+	height: 1.4rem;
+    vertical-align: bottom;
+}
+
+.update-from-upload-comparison td.name-label {
+	text-align: right;
+}
+
+.update-from-upload-comparison td,
+.update-from-upload-comparison th {
+	padding: 0.4rem 1.4rem;
+}
+
+.update-from-upload-comparison td.warning {
+	color: #d63638;
+}
+
+.update-from-upload-actions {
+	margin-top: 1.4rem;
+}
+
+/*------------------------------------------------------------------------------
+  16.3 - Custom Header Screen
+------------------------------------------------------------------------------*/
+
+.appearance_page_custom-header #headimg {
+	border: 1px solid #dcdcde;
+	overflow: hidden;
+	width: 100%;
+}
+
+.appearance_page_custom-header #upload-form p label {
+	font-size: 12px;
+}
+
+.appearance_page_custom-header .available-headers .default-header {
+	float: left;
+	margin: 0 20px 20px 0;
+}
+
+.appearance_page_custom-header .random-header {
+	clear: both;
+	margin: 0 20px 20px 0;
+	vertical-align: middle;
+}
+
+.appearance_page_custom-header .available-headers label input,
+.appearance_page_custom-header .random-header label input {
+	margin-right: 10px;
+}
+
+.appearance_page_custom-header .available-headers label img {
+	vertical-align: middle;
+}
+
+
+/*------------------------------------------------------------------------------
+  16.4 - Custom Background Screen
+------------------------------------------------------------------------------*/
+
+div#custom-background-image {
+	min-height: 100px;
+	border: 1px solid #dcdcde;
+}
+
+div#custom-background-image img {
+	max-width: 400px;
+	max-height: 300px;
+}
+
+.background-position-control input[type="radio"]:checked ~ .button {
+	background: #f0f0f1;
+	border-color: #8c8f94;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+	z-index: 1;
+}
+
+.background-position-control input[type="radio"]:focus ~ .button {
+	border-color: #4f94d4;
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(34, 113, 177, 0.8);
+	color: #1d2327;
+}
+
+.background-position-control .background-position-center-icon,
+.background-position-control .background-position-center-icon:before {
+	display: inline-block;
+	line-height: 1;
+	text-align: center;
+	transition: background-color .1s ease-in;
+}
+
+.background-position-control .background-position-center-icon {
+	height: 20px;
+	margin-top: 13px;
+	vertical-align: top;
+	width: 20px;
+}
+
+.background-position-control .background-position-center-icon:before {
+	background-color: #50575e;
+	border-radius: 50%;
+	content: "";
+	height: 12px;
+	width: 12px;
+}
+
+.background-position-control .button:hover .background-position-center-icon:before,
+.background-position-control input[type="radio"]:focus ~ .button .background-position-center-icon:before {
+	background-color: #1d2327;
+}
+
+.background-position-control .button-group {
+	display: block;
+}
+
+.background-position-control .button-group .button {
+	border-radius: 0;
+	box-shadow: none;
+	/* Following properties are overridden by buttons responsive styles (see: wp-includes/css/buttons.css). */
+	height: 40px !important;
+	line-height: 2.9 !important;
+	margin: 0 -1px 0 0 !important;
+	padding: 0 10px 1px !important;
+	position: relative;
+}
+
+.background-position-control .button-group .button:active,
+.background-position-control .button-group .button:hover,
+.background-position-control .button-group .button:focus {
+	z-index: 1;
+}
+
+.background-position-control .button-group:last-child .button {
+	box-shadow: 0 1px 0 #c3c4c7;
+}
+
+.background-position-control .button-group > label {
+	margin: 0 !important;
+}
+
+.background-position-control .button-group:first-child > label:first-child .button {
+	border-radius: 3px 0 0;
+}
+
+.background-position-control .button-group:first-child > label:first-child .dashicons {
+	transform: rotate( 45deg );
+}
+
+.background-position-control .button-group:first-child > label:last-child .button {
+	border-radius: 0 3px 0 0;
+}
+
+.background-position-control .button-group:first-child > label:last-child .dashicons {
+	transform: rotate( -45deg );
+}
+
+.background-position-control .button-group:last-child > label:first-child .button {
+	border-radius: 0 0 0 3px;
+}
+
+.background-position-control .button-group:last-child > label:first-child .dashicons {
+	transform: rotate( -45deg );
+}
+
+.background-position-control .button-group:last-child > label:last-child .button {
+	border-radius: 0 0 3px;
+}
+
+.background-position-control .button-group:last-child > label:last-child .dashicons {
+	transform: rotate( 45deg );
+}
+
+.background-position-control .button-group .dashicons {
+	margin-top: 9px;
+}
+
+.background-position-control .button-group + .button-group {
+	margin-top: -1px;
+}
+
+/*------------------------------------------------------------------------------
+  23.0 - Full Overlay w/ Sidebar
+------------------------------------------------------------------------------*/
+
+body.full-overlay-active {
+	overflow: hidden;
+	/* Hide all the content, the Customizer overlay is then made visible to be the only available content. */
+	visibility: hidden;
+}
+
+.wp-full-overlay {
+	background: transparent;
+	z-index: 500000;
+	position: fixed;
+	overflow: visible;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100%;
+	min-width: 0;
+}
+
+.wp-full-overlay-sidebar {
+	box-sizing: border-box;
+	position: fixed;
+	min-width: 300px;
+	max-width: 600px;
+	width: 18%;
+	height: 100%;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	padding: 0;
+	margin: 0;
+	z-index: 10;
+	background: #f0f0f1;
+	border-right: none;
+}
+
+.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+	overflow: visible;
+}
+
+.wp-full-overlay.collapsed,
+.wp-full-overlay.expanded .wp-full-overlay-sidebar {
+	margin-left: 0 !important;
+}
+
+.wp-full-overlay.expanded {
+	margin-left: 300px;
+}
+
+.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+	margin-left: -300px;
+}
+
+@media screen and (min-width: 1667px) {
+	.wp-full-overlay.expanded {
+		margin-left: 18%;
+	}
+
+	.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+		margin-left: -18%;
+	}
+}
+
+@media screen and (min-width: 3333px) {
+	.wp-full-overlay.expanded {
+		margin-left: 600px;
+	}
+
+	.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+		margin-left: -600px;
+	}
+}
+
+.wp-full-overlay-sidebar:after {
+	content: "";
+	display: block;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	width: 3px;
+	z-index: 1000;
+}
+
+.wp-full-overlay-main {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	height: 100%;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+	position: absolute;
+	left: 0;
+	right: 0;
+	height: 45px;
+	padding: 0 15px;
+	line-height: 3.2;
+	z-index: 10;
+	margin: 0;
+	border-top: none;
+	box-shadow: none;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
+	margin-top: 9px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-footer {
+	bottom: 0;
+	border-bottom: none;
+	border-top: none;
+	box-shadow: none;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
+	position: absolute;
+	top: 45px;
+	bottom: 45px;
+	left: 0;
+	right: 0;
+	overflow: auto;
+}
+
+/* Close & Navigation Links */
+.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header {
+	padding: 0;
+}
+
+.theme-install-overlay .close-full-overlay,
+.theme-install-overlay .previous-theme,
+.theme-install-overlay .next-theme {
+	display: block;
+	position: relative;
+	float: left;
+	width: 45px;
+	height: 45px;
+	background: #f0f0f1;
+	border-right: 1px solid #dcdcde;
+	color: #3c434a;
+	cursor: pointer;
+	text-decoration: none;
+	transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+.theme-install-overlay .close-full-overlay:hover,
+.theme-install-overlay .close-full-overlay:focus,
+.theme-install-overlay .previous-theme:hover,
+.theme-install-overlay .previous-theme:focus,
+.theme-install-overlay .next-theme:hover,
+.theme-install-overlay .next-theme:focus {
+	background: #dcdcde;
+	border-color: #c3c4c7;
+	color: #000;
+	outline: none;
+	box-shadow: none;
+}
+
+.theme-install-overlay .close-full-overlay:before {
+	font: normal 22px/1 dashicons;
+	content: "\f335";
+	position: relative;
+	top: 7px;
+	left: 13px;
+}
+
+.theme-install-overlay .previous-theme:before {
+	font: normal 20px/1 dashicons;
+	content: "\f341";
+	position: relative;
+	top: 6px;
+	left: 14px;
+}
+
+.theme-install-overlay .next-theme:before {
+	font: normal 20px/1 dashicons;
+	content: "\f345";
+	position: relative;
+	top: 6px;
+	left: 13px;
+}
+
+.theme-install-overlay .previous-theme.disabled,
+.theme-install-overlay .next-theme.disabled,
+.theme-install-overlay .previous-theme.disabled:hover,
+.theme-install-overlay .previous-theme.disabled:focus,
+.theme-install-overlay .next-theme.disabled:hover,
+.theme-install-overlay .next-theme.disabled:focus {
+	color: #c3c4c7;
+	background: #f0f0f1;
+	cursor: default;
+	pointer-events: none;
+}
+
+.theme-install-overlay .close-full-overlay,
+.theme-install-overlay .previous-theme,
+.theme-install-overlay .next-theme {
+	border-left: 0;
+	border-top: 0;
+	border-bottom: 0;
+}
+
+.theme-install-overlay .close-full-overlay:before,
+.theme-install-overlay .previous-theme:before,
+.theme-install-overlay .next-theme:before {
+	top: 2px;
+	left: 0;
+}
+
+/* Collapse Button */
+.wp-core-ui .wp-full-overlay .collapse-sidebar {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	padding: 9px 0 9px 10px;
+	height: 45px;
+	color: #646970;
+	outline: 0;
+	line-height: 1;
+	background-color: transparent !important;
+	border: none !important;
+	box-shadow: none !important;
+	border-radius: 0 !important;
+}
+
+.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
+.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
+	color: #2271b1;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow,
+.wp-full-overlay .collapse-sidebar-label {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 1.6;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow {
+	width: 20px;
+	height: 20px;
+	margin: 0 2px; /* avoid the focus box-shadow to be cut-off */
+	border-radius: 50%;
+	overflow: hidden;
+}
+
+.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
+.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.wp-full-overlay .collapse-sidebar-label {
+	margin-left: 3px;
+}
+
+.wp-full-overlay.collapsed .collapse-sidebar-label {
+	display: none;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow:before {
+	display: block;
+	content: "\f148";
+	background: #f0f0f1;
+	font: normal 20px/1 dashicons;
+	speak: never;
+	padding: 0;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar {
+	padding: 9px 10px;
+}
+
+/* rtl:ignore */
+.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
+.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
+	transform: rotate(180.001deg); /* Firefox: promoting to its own layer to trigger anti-aliasing */
+}
+
+.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
+	transform: none;
+}
+
+/* Animations */
+.wp-full-overlay,
+.wp-full-overlay-sidebar,
+.wp-full-overlay .collapse-sidebar,
+.wp-full-overlay-main {
+	transition-property: left, right, top, bottom, width, margin;
+	transition-duration: 0.2s;
+}
+
+/* Device/preview size toggles */
+
+.wp-full-overlay {
+	background: #1d2327;
+}
+
+.wp-full-overlay-main {
+	background-color: #f0f0f1;
+}
+
+.expanded .wp-full-overlay-footer {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	min-width: 299px;
+	max-width: 599px;
+	width: 18%;
+	width: calc( 18% - 1px );
+	height: 45px;
+	border-top: 1px solid #dcdcde;
+	background: #f0f0f1;
+}
+
+.wp-full-overlay-footer .devices-wrapper {
+	float: right;
+}
+
+.wp-full-overlay-footer .devices {
+	position: relative;
+	background: #f0f0f1;
+	box-shadow: -20px 0 10px -5px #f0f0f1;
+}
+
+.wp-full-overlay-footer .devices button {
+	cursor: pointer;
+	background: transparent;
+	border: none;
+	height: 45px;
+	padding: 0 3px;
+	margin: 0 0 0 -4px;
+	box-shadow: none;
+	border-top: 1px solid transparent;
+	border-bottom: 4px solid transparent;
+	transition:
+		.15s color ease-in-out,
+		.15s background-color ease-in-out,
+		.15s border-color ease-in-out;
+}
+
+.wp-full-overlay-footer .devices button:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+.wp-full-overlay-footer .devices button:before {
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	font: normal 20px/30px "dashicons";
+	vertical-align: top;
+	margin: 3px 0;
+	padding: 4px 8px;
+	color: #646970;
+}
+
+.wp-full-overlay-footer .devices button.active {
+	border-bottom-color: #1d2327;
+}
+
+.wp-full-overlay-footer .devices button:hover,
+.wp-full-overlay-footer .devices button:focus {
+	background-color: #fff;
+}
+
+.wp-full-overlay-footer .devices button:focus,
+.wp-full-overlay-footer .devices button.active:hover {
+	border-bottom-color: #2271b1;
+}
+
+.wp-full-overlay-footer .devices button.active:before {
+	color: #1d2327;
+}
+
+.wp-full-overlay-footer .devices button:hover:before,
+.wp-full-overlay-footer .devices button:focus:before {
+	color: #2271b1;
+}
+
+.wp-full-overlay-footer .devices .preview-desktop:before {
+	content: "\f472";
+}
+
+.wp-full-overlay-footer .devices .preview-tablet:before {
+	content: "\f471";
+}
+
+.wp-full-overlay-footer .devices .preview-mobile:before {
+	content: "\f470";
+}
+
+@media screen and (max-width: 1024px) {
+	.wp-full-overlay-footer .devices {
+		display: none;
+	}
+}
+
+.collapsed .wp-full-overlay-footer .devices button:before {
+	display: none;
+}
+
+.preview-mobile .wp-full-overlay-main {
+	margin: auto 0 auto -160px;
+	width: 320px;
+	height: 480px;
+	max-height: 100%;
+	max-width: 100%;
+	left: 50%;
+}
+
+.preview-tablet .wp-full-overlay-main {
+	margin: auto 0 auto -360px;
+	width: 720px; /* Size is loosely based on a typical "tablet" device size. Intentionally ambiguous - this does not represent any particular device precisely. */
+	height: 1080px;
+	max-height: 100%;
+	max-width: 100%;
+	left: 50%;
+}
+
+
+/*------------------------------------------------------------------------------
+  24.0 - Customize Loader
+------------------------------------------------------------------------------*/
+
+.no-customize-support .hide-if-no-customize,
+.customize-support .hide-if-customize,
+.no-customize-support.wp-core-ui .hide-if-no-customize,
+.no-customize-support .wp-core-ui .hide-if-no-customize,
+.customize-support.wp-core-ui .hide-if-customize,
+.customize-support .wp-core-ui .hide-if-customize {
+	display: none;
+}
+
+#customize-container,
+#customize-controls .notice.notification-overlay {
+	background: #f0f0f1;
+	z-index: 500000;
+	position: fixed;
+	overflow: visible;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 100%;
+}
+#customize-container {
+	display: none;
+}
+
+/* Make the Customizer and Theme installer overlays the only available content. */
+#customize-container,
+.theme-install-overlay {
+	visibility: visible;
+}
+
+.customize-loading #customize-container iframe {
+	opacity: 0;
+}
+
+#customize-container iframe,
+.theme-install-overlay iframe {
+	height: 100%;
+	width: 100vw;
+	z-index: 20;
+	transition: opacity 0.3s;
+}
+
+#customize-controls {
+	margin-top: 0;
+}
+
+.theme-install-overlay {
+	display: none;
+}
+
+.theme-install-overlay.single-theme {
+	display: block;
+}
+
+.install-theme-info {
+	display: none;
+	padding: 10px 20px 60px;
+}
+
+.single-theme .install-theme-info {
+	padding-top: 15px;
+}
+
+.theme-install-overlay .install-theme-info {
+	display: block;
+}
+
+.install-theme-info .theme-install {
+	float: right;
+	margin-top: 18px;
+}
+
+.install-theme-info .theme-name {
+	font-size: 16px;
+	line-height: 1.5;
+	margin-bottom: 0;
+	margin-top: 0;
+}
+
+.install-theme-info .theme-screenshot {
+	margin: 15px 0;
+	width: 258px;
+	border: 1px solid #c3c4c7;
+	position: relative;
+	overflow: hidden;
+}
+
+.install-theme-info .theme-screenshot > img {
+	width: 100%;
+	height: auto;
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+
+.install-theme-info .theme-screenshot:after {
+	content: "";
+	display: block;
+	padding-top: 66.66666666%;
+}
+
+.install-theme-info .theme-details {
+	overflow: hidden;
+}
+
+.theme-details .theme-version {
+	margin: 15px 0;
+}
+
+.theme-details .theme-description {
+	float: left;
+	color: #646970;
+	line-height: 1.6;
+	max-width: 100%;
+}
+
+.theme-install-overlay .wp-full-overlay-header .button {
+	float: right;
+	margin: 8px 10px 0 0;
+}
+
+.theme-install-overlay .wp-full-overlay-sidebar {
+	background: #f0f0f1;
+	border-right: 1px solid #dcdcde;
+}
+
+.theme-install-overlay .wp-full-overlay-sidebar-content {
+	background: #fff;
+	border-top: 1px solid #dcdcde;
+	border-bottom: 1px solid #dcdcde;
+}
+
+.theme-install-overlay .wp-full-overlay-main {
+	position: absolute;
+	z-index: 0;
+	background-color: #f0f0f1;
+}
+
+.customize-loading #customize-container {
+	background-color: #f0f0f1;
+}
+
+#customize-preview.wp-full-overlay-main:before,
+.customize-loading #customize-container:before,
+#customize-controls .notice.notification-overlay.notification-loading:before,
+.theme-install-overlay .wp-full-overlay-main:before {
+	content: "";
+	display: block;
+	width: 20px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	z-index: -1;
+	margin: -10px 0 0 -10px;
+	transform: translateZ(0);
+	background: transparent url(../images/spinner.gif) no-repeat center center;
+	background-size: 20px 20px;
+}
+
+#customize-preview.wp-full-overlay-main.iframe-ready:before,
+.theme-install-overlay.iframe-ready .wp-full-overlay-main:before {
+	background-image: none;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+	.wp-full-overlay .collapse-sidebar-arrow {
+		background-image: url(../images/arrows-2x.png);
+		background-size: 15px 123px;
+	}
+
+	#customize-preview.wp-full-overlay-main:before,
+	.customize-loading #customize-container:before,
+	#customize-controls .notice.notification-overlay.notification-loading:before,
+	.theme-install-overlay .wp-full-overlay-main:before {
+		background-image: url(../images/spinner-2x.gif);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.available-theme .action-links .delete-theme {
+		float: none;
+		margin: 0;
+		padding: 0;
+		clear: both;
+	}
+
+	.available-theme .action-links .delete-theme a {
+		padding: 0;
+	}
+
+	.broken-themes table {
+		width: 100%;
+	}
+
+	.theme-install-overlay .wp-full-overlay-header .button {
+		font-size: 13px;
+		line-height: 2.15384615;
+		min-height: 30px;
+	}
+
+	.theme-browser .theme .theme-actions .button {
+		margin-bottom: 0;
+	}
+
+	.theme-browser .theme.active .theme-actions,
+	.theme-browser .theme .theme-actions {
+		padding-top: 4px;
+		padding-bottom: 4px;
+	}
+
+	.upload-theme .wp-upload-form,
+	.upload-plugin .wp-upload-form {
+		display: block;
+	}
+}
+
+@media aural {
+	.theme .notice:before,
+	.theme-info .updating-message:before,
+	.theme-info .updated-message:before,
+	.theme-install.updating-message:before {
+		speak: never;
+	}
+}
diff --git a/tools/storybook/wordpress/css/themes.min.css b/tools/storybook/wordpress/css/themes.min.css
new file mode 100644
index 00000000000..23434ec3079
--- /dev/null
+++ b/tools/storybook/wordpress/css/themes.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.themes-php{overflow-y:scroll}body.js .theme-browser.search-loading{display:none}.theme-browser .themes{clear:both}.themes-php:not(.network-admin) .wrap h1{margin-bottom:15px}.themes-php .wrap h1 .button{margin-left:20px}.themes-php .search-form{display:inline}.themes-php .wp-filter-search{position:relative;top:-2px;left:20px;margin:0;width:280px}.theme .notice,.theme .notice.is-dismissible{left:0;margin:0;position:absolute;right:0;top:0}.theme-browser .theme{cursor:pointer;float:left;margin:0 4% 4% 0;position:relative;width:30.6%;border:1px solid #dcdcde;box-shadow:0 1px 1px -1px rgba(0,0,0,.1);box-sizing:border-box}.theme-browser .theme:nth-child(3n){margin-right:0}.theme-browser .theme.focus,.theme-browser .theme:hover{cursor:pointer}.theme-browser .theme .theme-name{font-size:15px;font-weight:600;height:18px;margin:0;padding:15px;box-shadow:inset 0 1px 0 rgba(0,0,0,.1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#fff;background:rgba(255,255,255,.65)}.theme-browser .theme .theme-actions{opacity:0;transition:opacity .1s ease-in-out;height:auto;background:rgba(246,247,247,.7);border-left:1px solid rgba(0,0,0,.05)}.theme-browser .theme.focus .theme-actions,.theme-browser .theme:hover .theme-actions{opacity:1}.theme-browser .theme .theme-actions .button-primary{margin-right:3px}.theme-browser .theme .theme-actions .button{float:none;margin-left:3px}.theme-browser .theme .theme-screenshot{display:block;overflow:hidden;position:relative;-webkit-backface-visibility:hidden;transition:opacity .2s ease-in-out}.theme-browser .theme .theme-screenshot:after{content:"";display:block;padding-top:66.66666%}.theme-browser .theme .theme-screenshot img{height:auto;position:absolute;left:0;top:0;width:100%;transition:opacity .2s ease-in-out}.theme-browser .theme.focus .theme-screenshot,.theme-browser .theme:hover .theme-screenshot{background:#fff}.theme-browser.rendered .theme.focus .theme-screenshot img,.theme-browser.rendered .theme:hover .theme-screenshot img{opacity:.4}.theme-browser .theme .more-details{opacity:0;position:absolute;top:35%;right:20%;left:20%;width:60%;background:#1d2327;background:rgba(0,0,0,.7);color:#fff;font-size:15px;text-shadow:0 1px 0 rgba(0,0,0,.6);-webkit-font-smoothing:antialiased;font-weight:600;padding:15px 12px;text-align:center;border-radius:3px;border:none;transition:opacity .1s ease-in-out;cursor:pointer}.theme-browser .theme .more-details:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #2271b1}.theme-browser .theme.focus{border-color:#4f94d4;box-shadow:0 0 2px rgba(79,148,212,.8)}.theme-browser .theme.focus .more-details{opacity:1}.theme-browser .theme.active.focus .theme-actions{display:block}.theme-browser.rendered .theme.focus .more-details,.theme-browser.rendered .theme:hover .more-details{opacity:1}.theme-browser .theme.active .theme-name{background:#1d2327;color:#fff;padding-right:110px;font-weight:300;box-shadow:inset 0 1px 1px rgba(0,0,0,.5)}.theme-browser .customize-control .theme.active .theme-name{padding-right:15px}.theme-browser .theme.active .theme-name span{font-weight:600}.theme-browser .theme.active .theme-actions{background:rgba(44,51,56,.7);border-left:none;opacity:1}.theme-id-container{position:relative}.theme-browser .theme .theme-actions,.theme-browser .theme.active .theme-actions{position:absolute;top:50%;transform:translateY(-50%);right:0;padding:9px 15px;box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}.theme-browser .theme.active .theme-actions .button-primary{margin-right:0}.theme-browser .theme .theme-author{background:#1d2327;color:#f0f0f1;display:none;font-size:14px;margin:0 10px;padding:5px 10px;position:absolute;bottom:56px}.theme-browser .theme.display-author .theme-author{display:block}.theme-browser .theme.display-author .theme-author a{color:inherit}.theme-browser .theme.add-new-theme{border:none;box-shadow:none}.theme-browser .theme.add-new-theme a{text-decoration:none;display:block;position:relative;z-index:1}.theme-browser .theme.add-new-theme a:after{display:block;content:"";background:0 0;background:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;padding:0;text-shadow:none;border:5px dashed #dcdcde;border:5px dashed rgba(0,0,0,.1);box-sizing:border-box}.theme-browser .theme.add-new-theme span:after{background:#dcdcde;background:rgba(140,143,148,.1);border-radius:50%;display:inline-block;content:"\f132";-webkit-font-smoothing:antialiased;font:normal 74px/115px dashicons;width:100px;height:100px;vertical-align:middle;text-align:center;color:#8c8f94;position:absolute;top:30%;left:50%;margin-left:-50px;text-indent:-4px;padding:0;text-shadow:none;z-index:4}.rtl .theme-browser .theme.add-new-theme span:after{text-indent:4px}.theme-browser .theme.add-new-theme a:focus .theme-screenshot,.theme-browser .theme.add-new-theme a:hover .theme-screenshot{background:0 0}.theme-browser .theme.add-new-theme a:focus span:after,.theme-browser .theme.add-new-theme a:hover span:after{background:#fff;color:#2271b1}.theme-browser .theme.add-new-theme a:focus:after,.theme-browser .theme.add-new-theme a:hover:after{border-color:transparent;color:#fff;background:#2271b1;content:""}.theme-browser .theme.add-new-theme .theme-name{background:0 0;text-align:center;box-shadow:none;font-weight:400;position:relative;top:0;margin-top:-18px;padding-top:0;padding-bottom:48px}.theme-browser .theme.add-new-theme a:focus .theme-name,.theme-browser .theme.add-new-theme a:hover .theme-name{color:#fff;z-index:2}.theme-overlay .theme-backdrop{position:absolute;left:-20px;right:0;top:0;bottom:0;background:#f0f0f1;background:rgba(240,240,241,.9);z-index:10000}.theme-overlay .theme-header{position:absolute;top:0;left:0;right:0;height:48px;border-bottom:1px solid #dcdcde}.theme-overlay .theme-header button{padding:0}.theme-overlay .theme-header .close{cursor:pointer;height:48px;width:50px;text-align:center;float:right;border:0;border-left:1px solid #dcdcde;background-color:transparent;transition:color .1s ease-in-out,background .1s ease-in-out}.theme-overlay .theme-header .close:before{font:normal 22px/50px dashicons!important;color:#787c82;display:inline-block;content:"\f335";font-weight:300}.theme-overlay .theme-header .left,.theme-overlay .theme-header .right{cursor:pointer;color:#787c82;background-color:transparent;height:48px;width:54px;float:left;text-align:center;border:0;border-right:1px solid #dcdcde;transition:color .1s ease-in-out,background .1s ease-in-out}.theme-overlay .theme-header .close:focus,.theme-overlay .theme-header .close:hover,.theme-overlay .theme-header .left:focus,.theme-overlay .theme-header .left:hover,.theme-overlay .theme-header .right:focus,.theme-overlay .theme-header .right:hover{background:#dcdcde;border-color:#c3c4c7;color:#000}.theme-overlay .theme-header .close:focus:before,.theme-overlay .theme-header .close:hover:before{color:#000}.theme-overlay .theme-header .close:focus,.theme-overlay .theme-header .left:focus,.theme-overlay .theme-header .right:focus{box-shadow:none;outline:0}.theme-overlay .theme-header .left.disabled,.theme-overlay .theme-header .left.disabled:hover,.theme-overlay .theme-header .right.disabled,.theme-overlay .theme-header .right.disabled:hover{color:#c3c4c7;background:inherit;cursor:inherit}.theme-overlay .theme-header .left:before,.theme-overlay .theme-header .right:before{font:normal 20px/50px dashicons!important;display:inline;font-weight:300}.theme-overlay .theme-header .left:before{content:"\f341"}.theme-overlay .theme-header .right:before{content:"\f345"}.theme-overlay .theme-wrap{clear:both;position:fixed;top:9%;left:190px;right:30px;bottom:3%;background:#fff;box-shadow:0 1px 20px 5px rgba(0,0,0,.1);z-index:10000;box-sizing:border-box;-webkit-overflow-scrolling:touch}body.folded .theme-browser~.theme-overlay .theme-wrap{left:70px}.theme-overlay .theme-about{position:absolute;top:49px;bottom:57px;left:0;right:0;overflow:auto;padding:2% 4%}.theme-overlay .theme-actions{position:absolute;text-align:center;bottom:0;left:0;right:0;padding:10px 25px 5px;background:#f6f7f7;z-index:30;box-sizing:border-box;border-top:1px solid #f0f0f1}.theme-overlay .theme-actions a{margin-right:5px;margin-bottom:5px}.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-background"],.customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"]{display:none}.broken-themes a.delete-theme,.theme-overlay .theme-actions .delete-theme{color:#d63638;text-decoration:none;border-color:transparent;box-shadow:none;background:0 0}.theme-overlay .theme-actions .delete-theme{position:absolute;right:10px;bottom:5px}.broken-themes a.delete-theme:focus,.broken-themes a.delete-theme:hover,.theme-overlay .theme-actions .delete-theme:focus,.theme-overlay .theme-actions .delete-theme:hover{background:#d63638;color:#fff;border-color:#d63638}.theme-overlay .theme-actions .active-theme,.theme-overlay.active .theme-actions .inactive-theme{display:none}.theme-overlay .theme-actions .inactive-theme,.theme-overlay.active .theme-actions .active-theme{display:block}.theme-overlay .theme-screenshots{float:left;margin:0 30px 0 0;width:55%;max-width:1200px;text-align:center}.theme-overlay .screenshot{border:1px solid #fff;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.theme-overlay .screenshot:after{content:"";display:block;padding-top:75%}.theme-overlay .screenshot img{height:auto;position:absolute;left:0;top:0;width:100%}.theme-overlay.small-screenshot .theme-screenshots{position:absolute;width:302px}.theme-overlay.small-screenshot .theme-info{margin-left:350px;width:auto}.theme-overlay .screenshot.thumb{background:#c3c4c7;border:1px solid #f0f0f1;float:none;display:inline-block;margin:10px 5px 0;width:140px;height:80px;cursor:pointer}.theme-overlay .screenshot.thumb:after{content:"";display:block;padding-top:100%}.theme-overlay .screenshot.thumb img{cursor:pointer;height:auto;position:absolute;left:0;top:0;width:100%;height:auto}.theme-overlay .screenshot.selected{background:0 0;border:2px solid #72aee6}.theme-overlay .screenshot.selected img{opacity:.8}.theme-browser .theme .theme-screenshot.blank,.theme-overlay .screenshot.blank{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=)}.theme-overlay .theme-info{width:40%;float:left}.theme-overlay .current-label{background:#2c3338;color:#fff;font-size:11px;display:inline-block;padding:2px 8px;border-radius:2px;margin:0 0 -10px;-webkit-user-select:none;user-select:none}.theme-overlay .theme-name{color:#1d2327;font-size:32px;font-weight:100;margin:10px 0 0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.theme-overlay .theme-version{color:#646970;font-size:13px;font-weight:400;float:none;display:inline-block;margin-left:10px}.theme-overlay .theme-author{margin:15px 0 25px;color:#646970;font-size:16px;font-weight:400;line-height:inherit}.theme-overlay .toggle-auto-update{display:inline-flex;align-items:center;min-height:20px;vertical-align:top}.theme-overlay .theme-autoupdate .toggle-auto-update{text-decoration:none}.theme-overlay .theme-autoupdate .toggle-auto-update .label{text-decoration:underline}.theme-overlay .theme-description{color:#50575e;font-size:15px;font-weight:400;line-height:1.5;margin:30px 0 0}.theme-overlay .theme-tags{border-top:3px solid #f0f0f1;color:#646970;font-size:13px;font-weight:400;margin:30px 0 0;padding-top:20px}.theme-overlay .theme-tags span{color:#3c434a;font-weight:600;margin-right:5px}.theme-overlay .parent-theme{background:#fff;border:1px solid #f0f0f1;border-left:4px solid #72aee6;font-size:14px;font-weight:400;margin-top:30px;padding:10px 10px 10px 20px}.theme-overlay .parent-theme strong{font-weight:600}.single-theme .theme,.single-theme .theme-overlay .theme-backdrop,.single-theme .theme-overlay .theme-header{display:none}.single-theme .theme-overlay .theme-wrap{clear:both;min-height:330px;position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:10}.single-theme .theme-overlay .theme-about{padding:30px 30px 70px;position:static}.single-theme .theme-overlay .theme-actions{position:absolute}@media only screen and (min-width:2000px){#wpwrap .theme-browser .theme{width:17.6%;margin:0 3% 3% 0}#wpwrap .theme-browser .theme:nth-child(3n),#wpwrap .theme-browser .theme:nth-child(4n){margin-right:3%}#wpwrap .theme-browser .theme:nth-child(5n){margin-right:0}}@media only screen and (min-width:1680px){.theme-overlay .theme-wrap{width:1450px;margin:0 auto}}@media only screen and (min-width:1640px){.theme-browser .theme{width:22.7%;margin:0 3% 3% 0}.theme-browser .theme .theme-screenshot:after{padding-top:75%}.theme-browser .theme:nth-child(3n){margin-right:3%}.theme-browser .theme:nth-child(4n){margin-right:0}}@media only screen and (max-width:1120px){.theme-browser .theme{width:47.5%;margin-right:0}.theme-browser .theme:nth-child(even){margin-right:0}.theme-browser .theme:nth-child(odd){margin-right:5%}}@media only screen and (max-width:960px){.theme-overlay .theme-wrap{left:65px}}@media only screen and (max-width:780px){.theme-overlay .theme-wrap,body.folded .theme-overlay .theme-wrap{top:0;right:0;bottom:0;left:0;padding:70px 20px 20px;border:none;z-index:100000;position:fixed}.theme-browser .theme.active .theme-name span{display:none}.theme-overlay .theme-screenshots{width:40%}.theme-overlay .theme-info{width:50%}.single-theme .theme-wrap{padding:10px}.theme-browser .theme .theme-actions{padding:5px 10px 4px}.theme-overlay.small-screenshot .theme-screenshots{position:static;float:none;max-width:302px}.theme-overlay.small-screenshot .theme-info{margin-left:0;width:auto}.theme.focus .more-details,.theme:hover .more-details,.theme:not(.active):focus .theme-actions,.theme:not(.active):hover .theme-actions{display:none}.theme-browser.rendered .theme.focus .theme-screenshot img,.theme-browser.rendered .theme:hover .theme-screenshot img{opacity:1}}@media only screen and (max-width:480px){.theme-browser .theme{width:100%;margin-right:0}.theme-browser .theme:nth-child(2n),.theme-browser .theme:nth-child(3n){margin-right:0}.theme-overlay .theme-about{bottom:105px}.theme-overlay .theme-actions{padding-left:4%;padding-right:4%}}@media only screen and (max-width:650px){.theme-overlay .theme-description{margin-left:0}.theme-overlay .theme-actions .delete-theme{position:relative;right:auto;bottom:auto}.theme-overlay .theme-actions .inactive-theme{display:inline}.theme-overlay .theme-screenshots{width:100%;float:none}.theme-overlay .theme-info{width:100%}.theme-overlay .theme-author{margin:5px 0 15px}.theme-overlay .current-label{margin-top:10px;font-size:13px}.themes-php .wp-filter-search{float:none;clear:both;left:0;right:0;margin:-5px 0 20px;width:100%;max-width:280px}.theme-browser .theme.add-new-theme span:after{font:normal 60px/90px dashicons;width:80px;height:80px;top:30%;left:50%;text-indent:0;margin-left:-40px}.single-theme .theme-wrap{margin:0 -12px 0 -10px;padding:10px}.single-theme .theme-overlay .theme-about{padding:10px;overflow:visible}.single-theme .current-label{display:none}.single-theme .theme-overlay .theme-actions{position:static}}.broken-themes{clear:both}.broken-themes table{text-align:left;width:50%;border-spacing:3px;padding:3px}.update-php .wrap{max-width:40rem}.theme-browser .theme .theme-installed{background:#2271b1}.theme-browser .theme .notice-success p:before{color:#68de7c;content:"\f147";display:inline-block;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}.theme-install.updated-message:before{content:""}.theme-install-php .wp-filter{padding-left:20px}.theme-install-php a.browse-themes,.theme-install-php a.upload{cursor:pointer}.plugin-install-tab-upload .upload-view-toggle .upload,.upload-view-toggle .browse{display:none}.plugin-install-tab-upload .upload-view-toggle .browse{display:inline}.upload-plugin,.upload-theme{box-sizing:border-box;display:none;margin:0;padding:50px 0;width:100%;overflow:hidden;position:relative;top:10px;text-align:center}.plugin-install-tab-upload .upload-plugin,.show-upload-view .upload-plugin,.show-upload-view .upload-plugin-wrap,.show-upload-view .upload-theme{display:block}.upload-plugin .wp-upload-form,.upload-theme .wp-upload-form{background:#f6f7f7;border:1px solid #c3c4c7;padding:30px;margin:30px auto;display:inline-flex;justify-content:space-between;align-items:center}.upload-plugin .wp-upload-form input[type=file],.upload-theme .wp-upload-form input[type=file]{margin-right:10px}.upload-plugin .install-help,.upload-theme .install-help{color:#50575e;font-size:18px;font-style:normal;margin:0;padding:0;text-align:center}p.no-themes,p.no-themes-local{clear:both;color:#646970;font-size:18px;font-style:normal;margin:0;padding:100px 0;text-align:center;display:none}.no-results p.no-themes{display:block}.theme-install-php .add-new-theme{display:none!important}@media only screen and (max-width:1120px){.upload-theme .wp-upload-form{margin:20px 0;max-width:100%}.upload-theme .install-help{font-size:15px;padding:20px 0 0}}.theme-details .theme-rating{line-height:1.9}.theme-details .star-rating{display:inline}.theme-details .no-rating,.theme-details .num-ratings{font-size:11px;color:#646970}.theme-details .no-rating{display:block;line-height:1.9}.update-from-upload-comparison{border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde;text-align:left;margin:1rem 0 1.4rem;border-collapse:collapse;width:100%}.update-from-upload-comparison tr:last-child td{height:1.4rem;vertical-align:top}.update-from-upload-comparison tr:first-child th{font-weight:700;height:1.4rem;vertical-align:bottom}.update-from-upload-comparison td.name-label{text-align:right}.update-from-upload-comparison td,.update-from-upload-comparison th{padding:.4rem 1.4rem}.update-from-upload-comparison td.warning{color:#d63638}.update-from-upload-actions{margin-top:1.4rem}.appearance_page_custom-header #headimg{border:1px solid #dcdcde;overflow:hidden;width:100%}.appearance_page_custom-header #upload-form p label{font-size:12px}.appearance_page_custom-header .available-headers .default-header{float:left;margin:0 20px 20px 0}.appearance_page_custom-header .random-header{clear:both;margin:0 20px 20px 0;vertical-align:middle}.appearance_page_custom-header .available-headers label input,.appearance_page_custom-header .random-header label input{margin-right:10px}.appearance_page_custom-header .available-headers label img{vertical-align:middle}div#custom-background-image{min-height:100px;border:1px solid #dcdcde}div#custom-background-image img{max-width:400px;max-height:300px}.background-position-control input[type=radio]:checked~.button{background:#f0f0f1;border-color:#8c8f94;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);z-index:1}.background-position-control input[type=radio]:focus~.button{border-color:#4f94d4;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(34,113,177,.8);color:#1d2327}.background-position-control .background-position-center-icon,.background-position-control .background-position-center-icon:before{display:inline-block;line-height:1;text-align:center;transition:background-color .1s ease-in}.background-position-control .background-position-center-icon{height:20px;margin-top:13px;vertical-align:top;width:20px}.background-position-control .background-position-center-icon:before{background-color:#50575e;border-radius:50%;content:"";height:12px;width:12px}.background-position-control .button:hover .background-position-center-icon:before,.background-position-control input[type=radio]:focus~.button .background-position-center-icon:before{background-color:#1d2327}.background-position-control .button-group{display:block}.background-position-control .button-group .button{border-radius:0;box-shadow:none;height:40px!important;line-height:2.9!important;margin:0 -1px 0 0!important;padding:0 10px 1px!important;position:relative}.background-position-control .button-group .button:active,.background-position-control .button-group .button:focus,.background-position-control .button-group .button:hover{z-index:1}.background-position-control .button-group:last-child .button{box-shadow:0 1px 0 #c3c4c7}.background-position-control .button-group>label{margin:0!important}.background-position-control .button-group:first-child>label:first-child .button{border-radius:3px 0 0}.background-position-control .button-group:first-child>label:first-child .dashicons{transform:rotate(45deg)}.background-position-control .button-group:first-child>label:last-child .button{border-radius:0 3px 0 0}.background-position-control .button-group:first-child>label:last-child .dashicons{transform:rotate(-45deg)}.background-position-control .button-group:last-child>label:first-child .button{border-radius:0 0 0 3px}.background-position-control .button-group:last-child>label:first-child .dashicons{transform:rotate(-45deg)}.background-position-control .button-group:last-child>label:last-child .button{border-radius:0 0 3px}.background-position-control .button-group:last-child>label:last-child .dashicons{transform:rotate(45deg)}.background-position-control .button-group .dashicons{margin-top:9px}.background-position-control .button-group+.button-group{margin-top:-1px}body.full-overlay-active{overflow:hidden;visibility:hidden}.wp-full-overlay{background:0 0;z-index:500000;position:fixed;overflow:visible;top:0;bottom:0;left:0;right:0;height:100%;min-width:0}.wp-full-overlay-sidebar{box-sizing:border-box;position:fixed;min-width:300px;max-width:600px;width:18%;height:100%;top:0;bottom:0;left:0;padding:0;margin:0;z-index:10;background:#f0f0f1;border-right:none}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{overflow:visible}.wp-full-overlay.collapsed,.wp-full-overlay.expanded .wp-full-overlay-sidebar{margin-left:0!important}.wp-full-overlay.expanded{margin-left:300px}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{margin-left:-300px}@media screen and (min-width:1667px){.wp-full-overlay.expanded{margin-left:18%}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{margin-left:-18%}}@media screen and (min-width:3333px){.wp-full-overlay.expanded{margin-left:600px}.wp-full-overlay.collapsed .wp-full-overlay-sidebar{margin-left:-600px}}.wp-full-overlay-sidebar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:3px;z-index:1000}.wp-full-overlay-main{position:absolute;left:0;right:0;top:0;bottom:0;height:100%}.wp-full-overlay-sidebar .wp-full-overlay-header{position:absolute;left:0;right:0;height:45px;padding:0 15px;line-height:3.2;z-index:10;margin:0;border-top:none;box-shadow:none}.wp-full-overlay-sidebar .wp-full-overlay-header a.back{margin-top:9px}.wp-full-overlay-sidebar .wp-full-overlay-footer{bottom:0;border-bottom:none;border-top:none;box-shadow:none}.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content{position:absolute;top:45px;bottom:45px;left:0;right:0;overflow:auto}.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header{padding:0}.theme-install-overlay .close-full-overlay,.theme-install-overlay .next-theme,.theme-install-overlay .previous-theme{display:block;position:relative;float:left;width:45px;height:45px;background:#f0f0f1;border-right:1px solid #dcdcde;color:#3c434a;cursor:pointer;text-decoration:none;transition:color .1s ease-in-out,background .1s ease-in-out}.theme-install-overlay .close-full-overlay:focus,.theme-install-overlay .close-full-overlay:hover,.theme-install-overlay .next-theme:focus,.theme-install-overlay .next-theme:hover,.theme-install-overlay .previous-theme:focus,.theme-install-overlay .previous-theme:hover{background:#dcdcde;border-color:#c3c4c7;color:#000;outline:0;box-shadow:none}.theme-install-overlay .close-full-overlay:before{font:normal 22px/1 dashicons;content:"\f335";position:relative;top:7px;left:13px}.theme-install-overlay .previous-theme:before{font:normal 20px/1 dashicons;content:"\f341";position:relative;top:6px;left:14px}.theme-install-overlay .next-theme:before{font:normal 20px/1 dashicons;content:"\f345";position:relative;top:6px;left:13px}.theme-install-overlay .next-theme.disabled,.theme-install-overlay .next-theme.disabled:focus,.theme-install-overlay .next-theme.disabled:hover,.theme-install-overlay .previous-theme.disabled,.theme-install-overlay .previous-theme.disabled:focus,.theme-install-overlay .previous-theme.disabled:hover{color:#c3c4c7;background:#f0f0f1;cursor:default;pointer-events:none}.theme-install-overlay .close-full-overlay,.theme-install-overlay .next-theme,.theme-install-overlay .previous-theme{border-left:0;border-top:0;border-bottom:0}.theme-install-overlay .close-full-overlay:before,.theme-install-overlay .next-theme:before,.theme-install-overlay .previous-theme:before{top:2px;left:0}.wp-core-ui .wp-full-overlay .collapse-sidebar{position:fixed;bottom:0;left:0;padding:9px 0 9px 10px;height:45px;color:#646970;outline:0;line-height:1;background-color:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,.wp-core-ui .wp-full-overlay .collapse-sidebar:hover{color:#2271b1}.wp-full-overlay .collapse-sidebar-arrow,.wp-full-overlay .collapse-sidebar-label{display:inline-block;vertical-align:middle;line-height:1.6}.wp-full-overlay .collapse-sidebar-arrow{width:20px;height:20px;margin:0 2px;border-radius:50%;overflow:hidden}.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.wp-full-overlay .collapse-sidebar-label{margin-left:3px}.wp-full-overlay.collapsed .collapse-sidebar-label{display:none}.wp-full-overlay .collapse-sidebar-arrow:before{display:block;content:"\f148";background:#f0f0f1;font:normal 20px/1 dashicons;speak:never;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar{padding:9px 10px}.rtl .wp-full-overlay .collapse-sidebar-arrow:before,.wp-full-overlay.collapsed .collapse-sidebar-arrow:before{transform:rotate(180.001deg)}.rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before{transform:none}.wp-full-overlay,.wp-full-overlay .collapse-sidebar,.wp-full-overlay-main,.wp-full-overlay-sidebar{transition-property:left,right,top,bottom,width,margin;transition-duration:.2s}.wp-full-overlay{background:#1d2327}.wp-full-overlay-main{background-color:#f0f0f1}.expanded .wp-full-overlay-footer{position:fixed;bottom:0;left:0;min-width:299px;max-width:599px;width:18%;width:calc(18% - 1px);height:45px;border-top:1px solid #dcdcde;background:#f0f0f1}.wp-full-overlay-footer .devices-wrapper{float:right}.wp-full-overlay-footer .devices{position:relative;background:#f0f0f1;box-shadow:-20px 0 10px -5px #f0f0f1}.wp-full-overlay-footer .devices button{cursor:pointer;background:0 0;border:none;height:45px;padding:0 3px;margin:0 0 0 -4px;box-shadow:none;border-top:1px solid transparent;border-bottom:4px solid transparent;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}.wp-full-overlay-footer .devices button:focus{box-shadow:none;outline:0}.wp-full-overlay-footer .devices button:before{display:inline-block;-webkit-font-smoothing:antialiased;font:normal 20px/30px dashicons;vertical-align:top;margin:3px 0;padding:4px 8px;color:#646970}.wp-full-overlay-footer .devices button.active{border-bottom-color:#1d2327}.wp-full-overlay-footer .devices button:focus,.wp-full-overlay-footer .devices button:hover{background-color:#fff}.wp-full-overlay-footer .devices button.active:hover,.wp-full-overlay-footer .devices button:focus{border-bottom-color:#2271b1}.wp-full-overlay-footer .devices button.active:before{color:#1d2327}.wp-full-overlay-footer .devices button:focus:before,.wp-full-overlay-footer .devices button:hover:before{color:#2271b1}.wp-full-overlay-footer .devices .preview-desktop:before{content:"\f472"}.wp-full-overlay-footer .devices .preview-tablet:before{content:"\f471"}.wp-full-overlay-footer .devices .preview-mobile:before{content:"\f470"}@media screen and (max-width:1024px){.wp-full-overlay-footer .devices{display:none}}.collapsed .wp-full-overlay-footer .devices button:before{display:none}.preview-mobile .wp-full-overlay-main{margin:auto 0 auto -160px;width:320px;height:480px;max-height:100%;max-width:100%;left:50%}.preview-tablet .wp-full-overlay-main{margin:auto 0 auto -360px;width:720px;height:1080px;max-height:100%;max-width:100%;left:50%}.customize-support .hide-if-customize,.customize-support .wp-core-ui .hide-if-customize,.customize-support.wp-core-ui .hide-if-customize,.no-customize-support .hide-if-no-customize,.no-customize-support .wp-core-ui .hide-if-no-customize,.no-customize-support.wp-core-ui .hide-if-no-customize{display:none}#customize-container,#customize-controls .notice.notification-overlay{background:#f0f0f1;z-index:500000;position:fixed;overflow:visible;top:0;bottom:0;left:0;right:0;height:100%}#customize-container{display:none}#customize-container,.theme-install-overlay{visibility:visible}.customize-loading #customize-container iframe{opacity:0}#customize-container iframe,.theme-install-overlay iframe{height:100%;width:100vw;z-index:20;transition:opacity .3s}#customize-controls{margin-top:0}.theme-install-overlay{display:none}.theme-install-overlay.single-theme{display:block}.install-theme-info{display:none;padding:10px 20px 60px}.single-theme .install-theme-info{padding-top:15px}.theme-install-overlay .install-theme-info{display:block}.install-theme-info .theme-install{float:right;margin-top:18px}.install-theme-info .theme-name{font-size:16px;line-height:1.5;margin-bottom:0;margin-top:0}.install-theme-info .theme-screenshot{margin:15px 0;width:258px;border:1px solid #c3c4c7;position:relative;overflow:hidden}.install-theme-info .theme-screenshot>img{width:100%;height:auto;position:absolute;left:0;top:0}.install-theme-info .theme-screenshot:after{content:"";display:block;padding-top:66.66666666%}.install-theme-info .theme-details{overflow:hidden}.theme-details .theme-version{margin:15px 0}.theme-details .theme-description{float:left;color:#646970;line-height:1.6;max-width:100%}.theme-install-overlay .wp-full-overlay-header .button{float:right;margin:8px 10px 0 0}.theme-install-overlay .wp-full-overlay-sidebar{background:#f0f0f1;border-right:1px solid #dcdcde}.theme-install-overlay .wp-full-overlay-sidebar-content{background:#fff;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde}.theme-install-overlay .wp-full-overlay-main{position:absolute;z-index:0;background-color:#f0f0f1}.customize-loading #customize-container{background-color:#f0f0f1}#customize-controls .notice.notification-overlay.notification-loading:before,#customize-preview.wp-full-overlay-main:before,.customize-loading #customize-container:before,.theme-install-overlay .wp-full-overlay-main:before{content:"";display:block;width:20px;height:20px;position:absolute;left:50%;top:50%;z-index:-1;margin:-10px 0 0 -10px;transform:translateZ(0);background:transparent url(../images/spinner.gif) no-repeat center center;background-size:20px 20px}#customize-preview.wp-full-overlay-main.iframe-ready:before,.theme-install-overlay.iframe-ready .wp-full-overlay-main:before{background-image:none}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.wp-full-overlay .collapse-sidebar-arrow{background-image:url(../images/arrows-2x.png);background-size:15px 123px}#customize-controls .notice.notification-overlay.notification-loading:before,#customize-preview.wp-full-overlay-main:before,.customize-loading #customize-container:before,.theme-install-overlay .wp-full-overlay-main:before{background-image:url(../images/spinner-2x.gif)}}@media screen and (max-width:782px){.available-theme .action-links .delete-theme{float:none;margin:0;padding:0;clear:both}.available-theme .action-links .delete-theme a{padding:0}.broken-themes table{width:100%}.theme-install-overlay .wp-full-overlay-header .button{font-size:13px;line-height:2.15384615;min-height:30px}.theme-browser .theme .theme-actions .button{margin-bottom:0}.theme-browser .theme .theme-actions,.theme-browser .theme.active .theme-actions{padding-top:4px;padding-bottom:4px}.upload-plugin .wp-upload-form,.upload-theme .wp-upload-form{display:block}}@media aural{.theme .notice:before,.theme-info .updated-message:before,.theme-info .updating-message:before,.theme-install.updating-message:before{speak:never}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/widgets-rtl.css b/tools/storybook/wordpress/css/widgets-rtl.css
new file mode 100644
index 00000000000..7f8b8775288
--- /dev/null
+++ b/tools/storybook/wordpress/css/widgets-rtl.css
@@ -0,0 +1,877 @@
+/*! This file is auto-generated */
+/* General Widgets Styles */
+
+.widget {
+	margin: 0 auto 10px;
+	position: relative;
+	box-sizing: border-box;
+}
+
+.widget.open {
+	z-index: 99;
+}
+.widget.open:focus-within {
+	z-index: 100;
+}
+
+.widget-top {
+	font-size: 13px;
+	font-weight: 600;
+	background: #f6f7f7;
+}
+
+.widget-top .widget-action {
+	border: 0;
+	margin: 0;
+	padding: 10px;
+	background: none;
+	cursor: pointer;
+}
+
+.widget-title h3,
+.widget-title h4 {
+	margin: 0;
+	padding: 15px;
+	font-size: 1em;
+	line-height: 1;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.widgets-holder-wrap .widget-inside {
+	border-top: none;
+	padding: 1px 15px 15px;
+	line-height: 1.23076923;
+}
+
+.widget.widget-dirty .widget-control-close-wrapper {
+	display: none;
+}
+
+.in-widget-title,
+#widgets-right a.widget-control-edit,
+#available-widgets .widget-description {
+	color: #646970;
+}
+
+.deleting .widget-title,
+.deleting .widget-top .widget-action .toggle-indicator:before {
+	color: #a7aaad;
+}
+
+/* Media Widgets */
+.wp-core-ui .media-widget-control.selected .placeholder,
+.wp-core-ui .media-widget-control.selected .not-selected,
+.wp-core-ui .media-widget-control .selected {
+	display: none;
+}
+
+.media-widget-control.selected .selected {
+	display: inline-block;
+}
+
+.media-widget-buttons {
+	text-align: right;
+	margin-top: 0;
+}
+
+.media-widget-control .media-widget-buttons .button {
+	width: auto;
+	height: auto;
+	margin-top: 12px;
+	white-space: normal;
+}
+
+.media-widget-buttons .button:first-child {
+	margin-left: 8px;
+}
+
+.media-widget-control .attachment-media-view .button-add-media,
+.media-widget-control .placeholder {
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	cursor: pointer;
+	line-height: 1.6;
+	padding: 9px 0;
+	position: relative;
+	text-align: center;
+	width: 100%;
+}
+
+.media-widget-control .attachment-media-view .button-add-media {
+	cursor: pointer;
+	background-color: #f0f0f1;
+	color: #2c3338;
+}
+
+.media-widget-control .attachment-media-view .button-add-media:hover {
+	background-color: #fff;
+}
+
+.media-widget-control .attachment-media-view .button-add-media:focus {
+	background-color: #fff;
+	border-style: solid;
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.media-widget-control .media-widget-preview {
+	background: transparent;
+	text-align: center;
+}
+.media-widget-control .media-widget-preview .notice {
+	text-align: initial;
+}
+.media-frame .media-widget-embed-notice p code,
+.media-widget-control .notice p code {
+	padding: 0 0 0 3px;
+}
+.media-frame .media-widget-embed-notice {
+	margin-top: 16px;
+}
+.media-widget-control .media-widget-preview img {
+	max-width: 100%;
+	vertical-align: middle;
+	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 100% 0, 10px 10px;
+	background-size: 20px 20px;
+}
+.media-widget-control .media-widget-preview .wp-video-shortcode {
+	background: #000;
+}
+
+.media-frame.media-widget .media-toolbar-secondary {
+	min-width: 300px;
+}
+
+.media-frame.media-widget .image-details .embed-media-settings .setting.align,
+.media-frame.media-widget .attachment-display-settings .setting.align,
+.media-frame.media-widget .embed-media-settings .setting.align,
+.media-frame.media-widget .embed-media-settings .legend-inline,
+.media-frame.media-widget .embed-link-settings .setting.link-text,
+.media-frame.media-widget .replace-attachment,
+.media-frame.media-widget .checkbox-setting.autoplay {
+	display: none;
+}
+
+.media-widget-video-preview {
+	width: 100%;
+}
+
+.media-widget-video-link {
+	display: inline-block;
+	min-height: 132px;
+	width: 100%;
+	background: #000;
+}
+
+.media-widget-video-link .dashicons {
+	font: normal 60px/1 'dashicons';
+	position: relative;
+	width: 100%;
+	top: -90px;
+	color: #fff;
+	text-decoration: none;
+}
+
+.media-widget-video-link.no-poster .dashicons {
+	top: 30px;
+}
+
+.media-frame #embed-url-field.invalid,
+.media-widget-image-link > .link:invalid {
+	border: 1px solid #d63638;
+}
+
+.media-widget-image-link {
+	margin: 1em 0;
+}
+
+.media-widget-gallery-preview {
+	display: flex;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	margin: -1.79104477%;
+}
+
+.media-widget-preview.media_gallery,
+.media-widget-preview.media_image {
+	cursor: pointer;
+}
+
+.media-widget-preview .placeholder {
+	background: #f0f0f1;
+}
+
+.media-widget-gallery-preview .gallery-item {
+	box-sizing: border-box;
+	width: 50%;
+	margin: 0;
+	background: transparent;
+}
+
+.media-widget-gallery-preview .gallery-item .gallery-icon {
+	margin: 4.5%;
+}
+
+/*
+ * Use targeted nth-last-child selectors to control the size of each image
+ * based on how many gallery items are present in the grid.
+ * See: https://alistapart.com/article/quantity-queries-for-css
+ */
+.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child,
+.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item,
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+5),
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item,
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+6),
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item {
+	max-width: 33.33%;
+}
+
+.media-widget-gallery-preview .gallery-item img {
+	height: auto;
+	vertical-align: bottom;
+}
+
+.media-widget-gallery-preview .gallery-icon {
+	position: relative;
+}
+
+.media-widget-gallery-preview .gallery-icon-placeholder {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+.media-widget-gallery-preview .gallery-icon-placeholder-text {
+	font-weight: 600;
+	font-size: 2em;
+	color: #fff;
+}
+
+
+/* Widget Dragging Helpers */
+.widget.ui-draggable-dragging {
+	min-width: 100%;
+}
+
+.widget.ui-sortable-helper {
+	opacity: 0.8;
+}
+
+.widget-placeholder {
+	border: 1px dashed #c3c4c7;
+	margin: 0 auto 10px;
+	height: 45px;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+#widgets-right .widget-placeholder {
+	margin-top: 0;
+}
+
+#widgets-right .closed .widget-placeholder {
+	height: 0;
+	border: 0;
+	margin-top: -10px;
+}
+
+/* Widget Sidebars */
+.sidebar-name {
+	position: relative;
+	box-sizing: border-box;
+}
+
+.js .sidebar-name {
+	cursor: pointer;
+}
+
+.sidebar-name .handlediv {
+	float: left;
+	width: 38px;
+	height: 38px;
+	border: 0;
+	margin: 0;
+	padding: 8px;
+	background: none;
+	cursor: pointer;
+	outline: none;
+}
+
+#widgets-right .sidebar-name .handlediv {
+	margin: 5px 0 0 3px;
+}
+
+.sidebar-name .handlediv:focus {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+#widgets-left .sidebar-name .toggle-indicator {
+	display: none;
+}
+
+#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator,
+#widgets-left .sidebar-name:hover .toggle-indicator,
+#widgets-left .sidebar-name .handlediv:focus .toggle-indicator {
+	display: block;
+}
+
+.sidebar-name .toggle-indicator:before {
+	padding: 1px 0 1px 2px;
+	border-radius: 50%;
+}
+
+.sidebar-name .handlediv:focus .toggle-indicator:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.sidebar-name h2,
+.sidebar-name h3 {
+	margin: 0;
+	padding: 8px 10px;
+	overflow: hidden;
+	white-space: normal;
+	line-height: 1.5;
+}
+
+.widgets-holder-wrap .description {
+	padding: 0 0 15px;
+	margin: 0;
+	font-style: normal;
+	color: #646970;
+}
+
+.widget-holder .description,
+.inactive-sidebar .description {
+	color: #50575e;
+}
+
+#widgets-right .widgets-holder-wrap .description {
+	padding-right: 7px;
+	padding-left: 7px;
+}
+
+/* Widgets 2-col Layout */
+div.widget-liquid-left {
+	margin: 0;
+	width: 38%;
+	float: right;
+}
+
+div.widget-liquid-right {
+	float: left;
+	width: 58%;
+}
+
+/* Widgets Left - Available Widgets */
+
+div#widgets-left {
+	padding-top: 12px;
+}
+
+div#widgets-left .closed .sidebar-name,
+div#widgets-left .inactive-sidebar.closed .sidebar-name {
+	margin-bottom: 10px;
+}
+
+div#widgets-left .sidebar-name h2,
+div#widgets-left .sidebar-name h3 {
+	padding: 10px 0;
+	margin: 0 0 0 10px;
+}
+
+#widgets-left .widgets-holder-wrap,
+div#widgets-left .widget-holder {
+	background: transparent;
+	border: none;
+}
+
+#widgets-left .widgets-holder-wrap {
+	border: none;
+	box-shadow: none;
+}
+
+#available-widgets .widget {
+	margin: 0;
+}
+
+#available-widgets .widget:nth-child(odd) {
+	clear: both;
+}
+
+#available-widgets .widget .widget-description {
+	display: block;
+	padding: 10px 15px;
+	font-size: 12px;
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	-ms-word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+#available-widgets #widget-list {
+	position: relative;
+}
+
+/* Inactive Sidebars */
+#widgets-left .inactive-sidebar {
+	clear: both;
+	width: 100%;
+	background: transparent;
+	padding: 0;
+	margin: 0 0 20px;
+	border: none;
+	box-shadow: none;
+}
+
+#widgets-left .inactive-sidebar.first {
+	margin-top: 40px;
+}
+
+/* Not sure what this is for... */
+div#widgets-left .inactive-sidebar .widget.expanded {
+	right: auto;
+}
+
+.widget-title-action {
+	float: left;
+	position: relative;
+}
+
+div#widgets-left .inactive-sidebar .widgets-sortables {
+	min-height: 42px;
+	padding: 0;
+	background: transparent;
+	margin: 0;
+	position: relative;
+}
+
+/* Widgets Right */
+
+div#widgets-right .sidebars-column-1,
+div#widgets-right .sidebars-column-2 {
+	max-width: 450px;
+}
+
+div#widgets-right .widgets-holder-wrap {
+	margin: 10px 0 0;
+}
+
+div#widgets-right .sidebar-description {
+	min-height: 20px;
+	margin-top: -5px;
+}
+
+div#widgets-right .sidebar-name h2,
+div#widgets-right .sidebar-name h3 {
+	padding: 15px 7px 15px 15px;
+}
+
+div#widgets-right .widget-top {
+	padding: 0;
+}
+
+div#widgets-right .widgets-sortables {
+	padding: 0 8px;
+	margin-bottom: 9px;
+	position: relative;
+	min-height: 123px;
+}
+
+div#widgets-right .closed .widgets-sortables {
+	min-height: 0;
+	margin-bottom: 0;
+}
+
+.sidebar-name .spinner,
+.remove-inactive-widgets .spinner {
+	float: none;
+	position: relative;
+	top: -2px;
+	margin: -5px 5px;
+}
+
+.sidebar-name .spinner {
+	position: absolute;
+	top: 18px;
+	left: 30px;
+}
+
+/* Dragging a widget over a closed sidebar */
+#widgets-right .widgets-holder-wrap.widget-hover {
+	border-color: #787c82;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* Accessibility Mode */
+.widget-access-link {
+	float: left;
+	margin: -5px 10px 10px 0;
+}
+
+.widgets_access #widgets-left .widget .widget-top {
+	cursor: auto;
+}
+
+.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
+.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
+.widgets_access #wpwrap .widget-control-edit {
+	display: block;
+}
+
+.widgets_access #widgets-left .widget .widget-top:hover,
+.widgets_access #widgets-right .widget .widget-top:hover {
+	border-color: #dcdcde;
+}
+
+#available-widgets .widget-control-edit .edit,
+#available-widgets .widget-action .edit,
+#widgets-left .inactive-sidebar .widget-control-edit .add,
+#widgets-left .inactive-sidebar .widget-action .add,
+#widgets-right .widget-control-edit .add,
+#widgets-right .widget-action .add {
+	display: none;
+}
+
+.widget-control-edit {
+	display: block;
+	color: #646970;
+	background: #f0f0f1;
+	padding: 0 15px;
+	line-height: 3.30769230;
+	border-right: 1px solid #dcdcde;
+}
+
+#widgets-left .widget-control-edit:hover,
+#widgets-right .widget-control-edit:hover {
+	color: #fff;
+	background: #3c434a;
+	border-right: 0;
+	outline: 1px solid #3c434a;
+}
+
+.widgets-holder-wrap .sidebar-name,
+.widgets-holder-wrap .sidebar-description {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.editwidget {
+	margin: 0 auto;
+}
+
+.editwidget .widget-inside {
+	display: block;
+	padding: 0 15px;
+}
+
+.editwidget .widget-control-actions {
+	margin-top: 20px;
+}
+
+.js .widgets-holder-wrap.closed .widget,
+.js .widgets-holder-wrap.closed .sidebar-description,
+.js .widgets-holder-wrap.closed .remove-inactive-widgets,
+.js .widgets-holder-wrap.closed .description,
+.js .closed br.clear {
+	display: none;
+}
+
+.js .widgets-holder-wrap.closed .widget.ui-sortable-helper {
+	display: block;
+}
+
+/* Hide Widget Settings by Default */
+.widget-inside,
+.widget-description {
+	display: none;
+}
+
+.widget-inside {
+	background: #fff;
+}
+
+.widget-inside select {
+	max-width: 100%;
+}
+
+/* Dragging widgets over the available widget area show's a "Deactivate" message */
+#removing-widget {
+	display: none;
+	font-weight: 400;
+	padding-right: 15px;
+	font-size: 12px;
+	line-height: 1;
+	color: #000;
+}
+
+.js #removing-widget {
+	color: #72aee6;
+}
+
+.widget-control-noform,
+#access-off,
+.widgets_access .widget-action,
+.widgets_access .handlediv,
+.widgets_access #access-on,
+.widgets_access .widget-holder .description,
+.no-js .widget-holder .description {
+	display: none;
+}
+
+.widgets_access .widget-holder,
+.widgets_access #widget-list {
+	padding-top: 10px;
+}
+
+.widgets_access #access-off {
+	display: inline;
+}
+
+.widgets_access .sidebar-name,
+.widgets_access .widget .widget-top {
+	cursor: default;
+}
+
+
+/* Widgets Area Chooser */
+.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
+.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
+	transition: opacity 0.1s linear;
+}
+
+.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
+.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
+	/* -webkit-filter: blur(1px); */
+	opacity: 0.2;
+	pointer-events: none;
+}
+
+.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
+	/* -webkit-filter: none; */
+	opacity: 1;
+	pointer-events: auto;
+}
+
+.widgets-chooser ul,
+#widgets-left .widget-in-question .widget-top,
+#available-widgets .widget-top:hover,
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+	border-color: #8c8f94;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.widgets-chooser ul.widgets-chooser-sidebars {
+	margin: 0;
+	list-style-type: none;
+	max-height: 300px;
+	overflow: auto;
+}
+
+.widgets-chooser {
+	display: none;
+}
+
+.widgets-chooser ul {
+	border: 1px solid #c3c4c7;
+}
+
+.widgets-chooser li {
+	border-bottom: 1px solid #c3c4c7;
+	background: #fff;
+	margin: 0;
+	position: relative;
+}
+
+.widgets-chooser .widgets-chooser-button {
+	width: 100%;
+	padding: 10px 35px 10px 15px;
+	background: transparent;
+	border: 0;
+	box-sizing: border-box;
+	text-align: right;
+	cursor: pointer;
+	transition: background 0.2s ease-in-out;
+}
+
+/* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
+.widgets-chooser .widgets-chooser-button:hover,
+.widgets-chooser .widgets-chooser-button:focus {
+	outline: none;
+	text-decoration: underline;
+}
+
+.widgets-chooser li:last-child {
+	border: none;
+}
+
+.widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
+	background: #2271b1;
+	color: #fff;
+}
+
+.widgets-chooser .widgets-chooser-selected:before {
+	content: "\f147";
+	display: block;
+	-webkit-font-smoothing: antialiased;
+	font: normal 26px/1 dashicons;
+	color: #fff;
+	position: absolute;
+	top: 7px;
+	right: 5px;
+}
+
+.widgets-chooser .widgets-chooser-actions {
+	padding: 10px 0 12px;
+	text-align: center;
+}
+
+#available-widgets .widget .widget-top {
+	cursor: pointer;
+}
+
+#available-widgets .widget.ui-draggable-dragging .widget-top {
+	cursor: move;
+}
+
+/* =Specific widget styling
+-------------------------------------------------------------- */
+.text-widget-fields {
+	position: relative;
+}
+.text-widget-fields [hidden] {
+	display: none;
+}
+.text-widget-fields .wp-pointer.wp-pointer-top {
+	position: absolute;
+	z-index: 3;
+	top: 100px;
+	left: 10px;
+	right: 10px;
+}
+.text-widget-fields .wp-pointer .wp-pointer-arrow {
+	right: auto;
+	left: 15px;
+}
+.text-widget-fields .wp-pointer .wp-pointer-buttons {
+	line-height: 1.4;
+}
+
+.custom-html-widget-fields > p > .CodeMirror {
+	border: 1px solid #dcdcde;
+}
+.custom-html-widget-fields code {
+	padding-top: 1px;
+	padding-bottom: 1px;
+}
+ul.CodeMirror-hints {
+	z-index: 101; /* Due to z-index 100 set on .widget.open */
+}
+.widget-control-actions .custom-html-widget-save-button.button.validation-blocked {
+	cursor: not-allowed;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and (max-width: 782px) {
+	.widgets-holder-wrap .widget-inside input[type="checkbox"],
+	.widgets-holder-wrap .widget-inside input[type="radio"],
+	.editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */
+	.editwidget .widget-inside input[type="radio"] {
+		margin: 0.25rem 0 0.25rem 0.25rem;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	div.widget-liquid-left {
+		width: 100%;
+		float: none;
+		border-left: none;
+		padding-left: 0;
+	}
+
+	#widgets-left .sidebar-name {
+		margin-left: 0;
+	}
+
+	#widgets-left #available-widgets .widget-top {
+		margin-left: 0;
+	}
+
+	#widgets-left .inactive-sidebar .widgets-sortables {
+		margin-left: 0;
+	}
+
+	div.widget-liquid-right {
+		width: 100%;
+		float: none;
+	}
+
+	div.widget {
+		max-width: 480px;
+	}
+
+	.widget-access-link {
+		float: none;
+		margin: 15px 0 0;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	div.widget {
+		max-width: 320px;
+	}
+}
+
+@media only screen and (min-width: 1250px) {
+	#widgets-left #available-widgets .widget {
+		width: 49%;
+		float: right;
+	}
+
+	.widget.ui-draggable-dragging {
+		min-width: 49%;
+	}
+
+	#widgets-left #available-widgets .widget:nth-child(even) {
+		float: left;
+	}
+
+	#widgets-right .sidebars-column-1,
+	#widgets-right .sidebars-column-2 {
+		float: right;
+		width: 49%;
+	}
+
+	#widgets-right .sidebars-column-1 {
+		margin-left: 2%;
+	}
+
+	#widgets-right.single-sidebar .sidebars-column-1,
+	#widgets-right.single-sidebar .sidebars-column-2 {
+		float: none;
+		width: 100%;
+		margin: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/widgets-rtl.min.css b/tools/storybook/wordpress/css/widgets-rtl.min.css
new file mode 100644
index 00000000000..6b2787ea06c
--- /dev/null
+++ b/tools/storybook/wordpress/css/widgets-rtl.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.widget{margin:0 auto 10px;position:relative;box-sizing:border-box}.widget.open{z-index:99}.widget.open:focus-within{z-index:100}.widget-top{font-size:13px;font-weight:600;background:#f6f7f7}.widget-top .widget-action{border:0;margin:0;padding:10px;background:0 0;cursor:pointer}.widget-title h3,.widget-title h4{margin:0;padding:15px;font-size:1em;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.widgets-holder-wrap .widget-inside{border-top:none;padding:1px 15px 15px;line-height:1.23076923}.widget.widget-dirty .widget-control-close-wrapper{display:none}#available-widgets .widget-description,#widgets-right a.widget-control-edit,.in-widget-title{color:#646970}.deleting .widget-title,.deleting .widget-top .widget-action .toggle-indicator:before{color:#a7aaad}.wp-core-ui .media-widget-control .selected,.wp-core-ui .media-widget-control.selected .not-selected,.wp-core-ui .media-widget-control.selected .placeholder{display:none}.media-widget-control.selected .selected{display:inline-block}.media-widget-buttons{text-align:right;margin-top:0}.media-widget-control .media-widget-buttons .button{width:auto;height:auto;margin-top:12px;white-space:normal}.media-widget-buttons .button:first-child{margin-left:8px}.media-widget-control .attachment-media-view .button-add-media,.media-widget-control .placeholder{border:1px dashed #c3c4c7;box-sizing:border-box;cursor:pointer;line-height:1.6;padding:9px 0;position:relative;text-align:center;width:100%}.media-widget-control .attachment-media-view .button-add-media{cursor:pointer;background-color:#f0f0f1;color:#2c3338}.media-widget-control .attachment-media-view .button-add-media:hover{background-color:#fff}.media-widget-control .attachment-media-view .button-add-media:focus{background-color:#fff;border-style:solid;border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8);outline:2px solid transparent;outline-offset:-2px}.media-widget-control .media-widget-preview{background:0 0;text-align:center}.media-widget-control .media-widget-preview .notice{text-align:initial}.media-frame .media-widget-embed-notice p code,.media-widget-control .notice p code{padding:0 0 0 3px}.media-frame .media-widget-embed-notice{margin-top:16px}.media-widget-control .media-widget-preview img{max-width:100%;vertical-align:middle;background-image:linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(-45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:100% 0,10px 10px;background-size:20px 20px}.media-widget-control .media-widget-preview .wp-video-shortcode{background:#000}.media-frame.media-widget .media-toolbar-secondary{min-width:300px}.media-frame.media-widget .attachment-display-settings .setting.align,.media-frame.media-widget .checkbox-setting.autoplay,.media-frame.media-widget .embed-link-settings .setting.link-text,.media-frame.media-widget .embed-media-settings .legend-inline,.media-frame.media-widget .embed-media-settings .setting.align,.media-frame.media-widget .image-details .embed-media-settings .setting.align,.media-frame.media-widget .replace-attachment{display:none}.media-widget-video-preview{width:100%}.media-widget-video-link{display:inline-block;min-height:132px;width:100%;background:#000}.media-widget-video-link .dashicons{font:normal 60px/1 dashicons;position:relative;width:100%;top:-90px;color:#fff;text-decoration:none}.media-widget-video-link.no-poster .dashicons{top:30px}.media-frame #embed-url-field.invalid,.media-widget-image-link>.link:invalid{border:1px solid #d63638}.media-widget-image-link{margin:1em 0}.media-widget-gallery-preview{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:-1.79104477%}.media-widget-preview.media_gallery,.media-widget-preview.media_image{cursor:pointer}.media-widget-preview .placeholder{background:#f0f0f1}.media-widget-gallery-preview .gallery-item{box-sizing:border-box;width:50%;margin:0;background:0 0}.media-widget-gallery-preview .gallery-item .gallery-icon{margin:4.5%}.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child,.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child~.gallery-item,.media-widget-gallery-preview .gallery-item:nth-last-child(n+5),.media-widget-gallery-preview .gallery-item:nth-last-child(n+5)~.gallery-item,.media-widget-gallery-preview .gallery-item:nth-last-child(n+6),.media-widget-gallery-preview .gallery-item:nth-last-child(n+6)~.gallery-item{max-width:33.33%}.media-widget-gallery-preview .gallery-item img{height:auto;vertical-align:bottom}.media-widget-gallery-preview .gallery-icon{position:relative}.media-widget-gallery-preview .gallery-icon-placeholder{position:absolute;top:0;bottom:0;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.media-widget-gallery-preview .gallery-icon-placeholder-text{font-weight:600;font-size:2em;color:#fff}.widget.ui-draggable-dragging{min-width:100%}.widget.ui-sortable-helper{opacity:.8}.widget-placeholder{border:1px dashed #c3c4c7;margin:0 auto 10px;height:45px;width:100%;box-sizing:border-box}#widgets-right .widget-placeholder{margin-top:0}#widgets-right .closed .widget-placeholder{height:0;border:0;margin-top:-10px}.sidebar-name{position:relative;box-sizing:border-box}.js .sidebar-name{cursor:pointer}.sidebar-name .handlediv{float:left;width:38px;height:38px;border:0;margin:0;padding:8px;background:0 0;cursor:pointer;outline:0}#widgets-right .sidebar-name .handlediv{margin:5px 0 0 3px}.sidebar-name .handlediv:focus{box-shadow:none;outline:1px solid transparent}#widgets-left .sidebar-name .toggle-indicator{display:none}#widgets-left .sidebar-name .handlediv:focus .toggle-indicator,#widgets-left .sidebar-name:hover .toggle-indicator,#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator{display:block}.sidebar-name .toggle-indicator:before{padding:1px 0 1px 2px;border-radius:50%}.sidebar-name .handlediv:focus .toggle-indicator:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.sidebar-name h2,.sidebar-name h3{margin:0;padding:8px 10px;overflow:hidden;white-space:normal;line-height:1.5}.widgets-holder-wrap .description{padding:0 0 15px;margin:0;font-style:normal;color:#646970}.inactive-sidebar .description,.widget-holder .description{color:#50575e}#widgets-right .widgets-holder-wrap .description{padding-right:7px;padding-left:7px}div.widget-liquid-left{margin:0;width:38%;float:right}div.widget-liquid-right{float:left;width:58%}div#widgets-left{padding-top:12px}div#widgets-left .closed .sidebar-name,div#widgets-left .inactive-sidebar.closed .sidebar-name{margin-bottom:10px}div#widgets-left .sidebar-name h2,div#widgets-left .sidebar-name h3{padding:10px 0;margin:0 0 0 10px}#widgets-left .widgets-holder-wrap,div#widgets-left .widget-holder{background:0 0;border:none}#widgets-left .widgets-holder-wrap{border:none;box-shadow:none}#available-widgets .widget{margin:0}#available-widgets .widget:nth-child(odd){clear:both}#available-widgets .widget .widget-description{display:block;padding:10px 15px;font-size:12px;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}#available-widgets #widget-list{position:relative}#widgets-left .inactive-sidebar{clear:both;width:100%;background:0 0;padding:0;margin:0 0 20px;border:none;box-shadow:none}#widgets-left .inactive-sidebar.first{margin-top:40px}div#widgets-left .inactive-sidebar .widget.expanded{right:auto}.widget-title-action{float:left;position:relative}div#widgets-left .inactive-sidebar .widgets-sortables{min-height:42px;padding:0;background:0 0;margin:0;position:relative}div#widgets-right .sidebars-column-1,div#widgets-right .sidebars-column-2{max-width:450px}div#widgets-right .widgets-holder-wrap{margin:10px 0 0}div#widgets-right .sidebar-description{min-height:20px;margin-top:-5px}div#widgets-right .sidebar-name h2,div#widgets-right .sidebar-name h3{padding:15px 7px 15px 15px}div#widgets-right .widget-top{padding:0}div#widgets-right .widgets-sortables{padding:0 8px;margin-bottom:9px;position:relative;min-height:123px}div#widgets-right .closed .widgets-sortables{min-height:0;margin-bottom:0}.remove-inactive-widgets .spinner,.sidebar-name .spinner{float:none;position:relative;top:-2px;margin:-5px 5px}.sidebar-name .spinner{position:absolute;top:18px;left:30px}#widgets-right .widgets-holder-wrap.widget-hover{border-color:#787c82;box-shadow:0 1px 2px rgba(0,0,0,.3)}.widget-access-link{float:left;margin:-5px 10px 10px 0}.widgets_access #widgets-left .widget .widget-top{cursor:auto}.widgets_access #wpwrap .widget-control-edit,.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,.widgets_access #wpwrap .widgets-holder-wrap.closed .widget{display:block}.widgets_access #widgets-left .widget .widget-top:hover,.widgets_access #widgets-right .widget .widget-top:hover{border-color:#dcdcde}#available-widgets .widget-action .edit,#available-widgets .widget-control-edit .edit,#widgets-left .inactive-sidebar .widget-action .add,#widgets-left .inactive-sidebar .widget-control-edit .add,#widgets-right .widget-action .add,#widgets-right .widget-control-edit .add{display:none}.widget-control-edit{display:block;color:#646970;background:#f0f0f1;padding:0 15px;line-height:3.30769230;border-right:1px solid #dcdcde}#widgets-left .widget-control-edit:hover,#widgets-right .widget-control-edit:hover{color:#fff;background:#3c434a;border-right:0;outline:1px solid #3c434a}.widgets-holder-wrap .sidebar-description,.widgets-holder-wrap .sidebar-name{-webkit-user-select:none;user-select:none}.editwidget{margin:0 auto}.editwidget .widget-inside{display:block;padding:0 15px}.editwidget .widget-control-actions{margin-top:20px}.js .closed br.clear,.js .widgets-holder-wrap.closed .description,.js .widgets-holder-wrap.closed .remove-inactive-widgets,.js .widgets-holder-wrap.closed .sidebar-description,.js .widgets-holder-wrap.closed .widget{display:none}.js .widgets-holder-wrap.closed .widget.ui-sortable-helper{display:block}.widget-description,.widget-inside{display:none}.widget-inside{background:#fff}.widget-inside select{max-width:100%}#removing-widget{display:none;font-weight:400;padding-right:15px;font-size:12px;line-height:1;color:#000}.js #removing-widget{color:#72aee6}#access-off,.no-js .widget-holder .description,.widget-control-noform,.widgets_access #access-on,.widgets_access .handlediv,.widgets_access .widget-action,.widgets_access .widget-holder .description{display:none}.widgets_access #widget-list,.widgets_access .widget-holder{padding-top:10px}.widgets_access #access-off{display:inline}.widgets_access .sidebar-name,.widgets_access .widget .widget-top{cursor:default}.widget-liquid-left #widgets-left.chooser #available-widgets .widget,.widget-liquid-left #widgets-left.chooser .inactive-sidebar{transition:opacity .1s linear}.widget-liquid-left #widgets-left.chooser #available-widgets .widget,.widget-liquid-left #widgets-left.chooser .inactive-sidebar{opacity:.2;pointer-events:none}.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question{opacity:1;pointer-events:auto}#available-widgets .widget-top:hover,#widgets-left .widget-in-question .widget-top,#widgets-left .widget-top:hover,.widgets-chooser ul,div#widgets-right .widget-top:hover{border-color:#8c8f94;box-shadow:0 1px 2px rgba(0,0,0,.1)}.widgets-chooser ul.widgets-chooser-sidebars{margin:0;list-style-type:none;max-height:300px;overflow:auto}.widgets-chooser{display:none}.widgets-chooser ul{border:1px solid #c3c4c7}.widgets-chooser li{border-bottom:1px solid #c3c4c7;background:#fff;margin:0;position:relative}.widgets-chooser .widgets-chooser-button{width:100%;padding:10px 35px 10px 15px;background:0 0;border:0;box-sizing:border-box;text-align:right;cursor:pointer;transition:background .2s ease-in-out}.widgets-chooser .widgets-chooser-button:focus,.widgets-chooser .widgets-chooser-button:hover{outline:0;text-decoration:underline}.widgets-chooser li:last-child{border:none}.widgets-chooser .widgets-chooser-selected .widgets-chooser-button{background:#2271b1;color:#fff}.widgets-chooser .widgets-chooser-selected:before{content:"\f147";display:block;-webkit-font-smoothing:antialiased;font:normal 26px/1 dashicons;color:#fff;position:absolute;top:7px;right:5px}.widgets-chooser .widgets-chooser-actions{padding:10px 0 12px;text-align:center}#available-widgets .widget .widget-top{cursor:pointer}#available-widgets .widget.ui-draggable-dragging .widget-top{cursor:move}.text-widget-fields{position:relative}.text-widget-fields [hidden]{display:none}.text-widget-fields .wp-pointer.wp-pointer-top{position:absolute;z-index:3;top:100px;left:10px;right:10px}.text-widget-fields .wp-pointer .wp-pointer-arrow{right:auto;left:15px}.text-widget-fields .wp-pointer .wp-pointer-buttons{line-height:1.4}.custom-html-widget-fields>p>.CodeMirror{border:1px solid #dcdcde}.custom-html-widget-fields code{padding-top:1px;padding-bottom:1px}ul.CodeMirror-hints{z-index:101}.widget-control-actions .custom-html-widget-save-button.button.validation-blocked{cursor:not-allowed}@media screen and (max-width:782px){.editwidget .widget-inside input[type=checkbox],.editwidget .widget-inside input[type=radio],.widgets-holder-wrap .widget-inside input[type=checkbox],.widgets-holder-wrap .widget-inside input[type=radio]{margin:.25rem 0 .25rem .25rem}}@media screen and (max-width:480px){div.widget-liquid-left{width:100%;float:none;border-left:none;padding-left:0}#widgets-left .sidebar-name{margin-left:0}#widgets-left #available-widgets .widget-top{margin-left:0}#widgets-left .inactive-sidebar .widgets-sortables{margin-left:0}div.widget-liquid-right{width:100%;float:none}div.widget{max-width:480px}.widget-access-link{float:none;margin:15px 0 0}}@media screen and (max-width:320px){div.widget{max-width:320px}}@media only screen and (min-width:1250px){#widgets-left #available-widgets .widget{width:49%;float:right}.widget.ui-draggable-dragging{min-width:49%}#widgets-left #available-widgets .widget:nth-child(even){float:left}#widgets-right .sidebars-column-1,#widgets-right .sidebars-column-2{float:right;width:49%}#widgets-right .sidebars-column-1{margin-left:2%}#widgets-right.single-sidebar .sidebars-column-1,#widgets-right.single-sidebar .sidebars-column-2{float:none;width:100%;margin:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/widgets.css b/tools/storybook/wordpress/css/widgets.css
new file mode 100644
index 00000000000..8faca8f9ac4
--- /dev/null
+++ b/tools/storybook/wordpress/css/widgets.css
@@ -0,0 +1,876 @@
+/* General Widgets Styles */
+
+.widget {
+	margin: 0 auto 10px;
+	position: relative;
+	box-sizing: border-box;
+}
+
+.widget.open {
+	z-index: 99;
+}
+.widget.open:focus-within {
+	z-index: 100;
+}
+
+.widget-top {
+	font-size: 13px;
+	font-weight: 600;
+	background: #f6f7f7;
+}
+
+.widget-top .widget-action {
+	border: 0;
+	margin: 0;
+	padding: 10px;
+	background: none;
+	cursor: pointer;
+}
+
+.widget-title h3,
+.widget-title h4 {
+	margin: 0;
+	padding: 15px;
+	font-size: 1em;
+	line-height: 1;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.widgets-holder-wrap .widget-inside {
+	border-top: none;
+	padding: 1px 15px 15px;
+	line-height: 1.23076923;
+}
+
+.widget.widget-dirty .widget-control-close-wrapper {
+	display: none;
+}
+
+.in-widget-title,
+#widgets-right a.widget-control-edit,
+#available-widgets .widget-description {
+	color: #646970;
+}
+
+.deleting .widget-title,
+.deleting .widget-top .widget-action .toggle-indicator:before {
+	color: #a7aaad;
+}
+
+/* Media Widgets */
+.wp-core-ui .media-widget-control.selected .placeholder,
+.wp-core-ui .media-widget-control.selected .not-selected,
+.wp-core-ui .media-widget-control .selected {
+	display: none;
+}
+
+.media-widget-control.selected .selected {
+	display: inline-block;
+}
+
+.media-widget-buttons {
+	text-align: left;
+	margin-top: 0;
+}
+
+.media-widget-control .media-widget-buttons .button {
+	width: auto;
+	height: auto;
+	margin-top: 12px;
+	white-space: normal;
+}
+
+.media-widget-buttons .button:first-child {
+	margin-right: 8px;
+}
+
+.media-widget-control .attachment-media-view .button-add-media,
+.media-widget-control .placeholder {
+	border: 1px dashed #c3c4c7;
+	box-sizing: border-box;
+	cursor: pointer;
+	line-height: 1.6;
+	padding: 9px 0;
+	position: relative;
+	text-align: center;
+	width: 100%;
+}
+
+.media-widget-control .attachment-media-view .button-add-media {
+	cursor: pointer;
+	background-color: #f0f0f1;
+	color: #2c3338;
+}
+
+.media-widget-control .attachment-media-view .button-add-media:hover {
+	background-color: #fff;
+}
+
+.media-widget-control .attachment-media-view .button-add-media:focus {
+	background-color: #fff;
+	border-style: solid;
+	border-color: #4f94d4;
+	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+.media-widget-control .media-widget-preview {
+	background: transparent;
+	text-align: center;
+}
+.media-widget-control .media-widget-preview .notice {
+	text-align: initial;
+}
+.media-frame .media-widget-embed-notice p code,
+.media-widget-control .notice p code {
+	padding: 0 3px 0 0;
+}
+.media-frame .media-widget-embed-notice {
+	margin-top: 16px;
+}
+.media-widget-control .media-widget-preview img {
+	max-width: 100%;
+	vertical-align: middle;
+	background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
+	background-position: 0 0, 10px 10px;
+	background-size: 20px 20px;
+}
+.media-widget-control .media-widget-preview .wp-video-shortcode {
+	background: #000;
+}
+
+.media-frame.media-widget .media-toolbar-secondary {
+	min-width: 300px;
+}
+
+.media-frame.media-widget .image-details .embed-media-settings .setting.align,
+.media-frame.media-widget .attachment-display-settings .setting.align,
+.media-frame.media-widget .embed-media-settings .setting.align,
+.media-frame.media-widget .embed-media-settings .legend-inline,
+.media-frame.media-widget .embed-link-settings .setting.link-text,
+.media-frame.media-widget .replace-attachment,
+.media-frame.media-widget .checkbox-setting.autoplay {
+	display: none;
+}
+
+.media-widget-video-preview {
+	width: 100%;
+}
+
+.media-widget-video-link {
+	display: inline-block;
+	min-height: 132px;
+	width: 100%;
+	background: #000;
+}
+
+.media-widget-video-link .dashicons {
+	font: normal 60px/1 'dashicons';
+	position: relative;
+	width: 100%;
+	top: -90px;
+	color: #fff;
+	text-decoration: none;
+}
+
+.media-widget-video-link.no-poster .dashicons {
+	top: 30px;
+}
+
+.media-frame #embed-url-field.invalid,
+.media-widget-image-link > .link:invalid {
+	border: 1px solid #d63638;
+}
+
+.media-widget-image-link {
+	margin: 1em 0;
+}
+
+.media-widget-gallery-preview {
+	display: flex;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	margin: -1.79104477%;
+}
+
+.media-widget-preview.media_gallery,
+.media-widget-preview.media_image {
+	cursor: pointer;
+}
+
+.media-widget-preview .placeholder {
+	background: #f0f0f1;
+}
+
+.media-widget-gallery-preview .gallery-item {
+	box-sizing: border-box;
+	width: 50%;
+	margin: 0;
+	background: transparent;
+}
+
+.media-widget-gallery-preview .gallery-item .gallery-icon {
+	margin: 4.5%;
+}
+
+/*
+ * Use targeted nth-last-child selectors to control the size of each image
+ * based on how many gallery items are present in the grid.
+ * See: https://alistapart.com/article/quantity-queries-for-css
+ */
+.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child,
+.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item,
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+5),
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item,
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+6),
+.media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item {
+	max-width: 33.33%;
+}
+
+.media-widget-gallery-preview .gallery-item img {
+	height: auto;
+	vertical-align: bottom;
+}
+
+.media-widget-gallery-preview .gallery-icon {
+	position: relative;
+}
+
+.media-widget-gallery-preview .gallery-icon-placeholder {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+
+.media-widget-gallery-preview .gallery-icon-placeholder-text {
+	font-weight: 600;
+	font-size: 2em;
+	color: #fff;
+}
+
+
+/* Widget Dragging Helpers */
+.widget.ui-draggable-dragging {
+	min-width: 100%;
+}
+
+.widget.ui-sortable-helper {
+	opacity: 0.8;
+}
+
+.widget-placeholder {
+	border: 1px dashed #c3c4c7;
+	margin: 0 auto 10px;
+	height: 45px;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+#widgets-right .widget-placeholder {
+	margin-top: 0;
+}
+
+#widgets-right .closed .widget-placeholder {
+	height: 0;
+	border: 0;
+	margin-top: -10px;
+}
+
+/* Widget Sidebars */
+.sidebar-name {
+	position: relative;
+	box-sizing: border-box;
+}
+
+.js .sidebar-name {
+	cursor: pointer;
+}
+
+.sidebar-name .handlediv {
+	float: right;
+	width: 38px;
+	height: 38px;
+	border: 0;
+	margin: 0;
+	padding: 8px;
+	background: none;
+	cursor: pointer;
+	outline: none;
+}
+
+#widgets-right .sidebar-name .handlediv {
+	margin: 5px 3px 0 0;
+}
+
+.sidebar-name .handlediv:focus {
+	box-shadow: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
+}
+
+#widgets-left .sidebar-name .toggle-indicator {
+	display: none;
+}
+
+#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator,
+#widgets-left .sidebar-name:hover .toggle-indicator,
+#widgets-left .sidebar-name .handlediv:focus .toggle-indicator {
+	display: block;
+}
+
+.sidebar-name .toggle-indicator:before {
+	padding: 1px 2px 1px 0;
+	border-radius: 50%;
+}
+
+.sidebar-name .handlediv:focus .toggle-indicator:before {
+	box-shadow:
+		0 0 0 1px #4f94d4,
+		0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+.sidebar-name h2,
+.sidebar-name h3 {
+	margin: 0;
+	padding: 8px 10px;
+	overflow: hidden;
+	white-space: normal;
+	line-height: 1.5;
+}
+
+.widgets-holder-wrap .description {
+	padding: 0 0 15px;
+	margin: 0;
+	font-style: normal;
+	color: #646970;
+}
+
+.widget-holder .description,
+.inactive-sidebar .description {
+	color: #50575e;
+}
+
+#widgets-right .widgets-holder-wrap .description {
+	padding-left: 7px;
+	padding-right: 7px;
+}
+
+/* Widgets 2-col Layout */
+div.widget-liquid-left {
+	margin: 0;
+	width: 38%;
+	float: left;
+}
+
+div.widget-liquid-right {
+	float: right;
+	width: 58%;
+}
+
+/* Widgets Left - Available Widgets */
+
+div#widgets-left {
+	padding-top: 12px;
+}
+
+div#widgets-left .closed .sidebar-name,
+div#widgets-left .inactive-sidebar.closed .sidebar-name {
+	margin-bottom: 10px;
+}
+
+div#widgets-left .sidebar-name h2,
+div#widgets-left .sidebar-name h3 {
+	padding: 10px 0;
+	margin: 0 10px 0 0;
+}
+
+#widgets-left .widgets-holder-wrap,
+div#widgets-left .widget-holder {
+	background: transparent;
+	border: none;
+}
+
+#widgets-left .widgets-holder-wrap {
+	border: none;
+	box-shadow: none;
+}
+
+#available-widgets .widget {
+	margin: 0;
+}
+
+#available-widgets .widget:nth-child(odd) {
+	clear: both;
+}
+
+#available-widgets .widget .widget-description {
+	display: block;
+	padding: 10px 15px;
+	font-size: 12px;
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	-ms-word-break: break-all;
+	word-break: break-word;
+	-webkit-hyphens: auto;
+	hyphens: auto;
+}
+
+#available-widgets #widget-list {
+	position: relative;
+}
+
+/* Inactive Sidebars */
+#widgets-left .inactive-sidebar {
+	clear: both;
+	width: 100%;
+	background: transparent;
+	padding: 0;
+	margin: 0 0 20px;
+	border: none;
+	box-shadow: none;
+}
+
+#widgets-left .inactive-sidebar.first {
+	margin-top: 40px;
+}
+
+/* Not sure what this is for... */
+div#widgets-left .inactive-sidebar .widget.expanded {
+	left: auto;
+}
+
+.widget-title-action {
+	float: right;
+	position: relative;
+}
+
+div#widgets-left .inactive-sidebar .widgets-sortables {
+	min-height: 42px;
+	padding: 0;
+	background: transparent;
+	margin: 0;
+	position: relative;
+}
+
+/* Widgets Right */
+
+div#widgets-right .sidebars-column-1,
+div#widgets-right .sidebars-column-2 {
+	max-width: 450px;
+}
+
+div#widgets-right .widgets-holder-wrap {
+	margin: 10px 0 0;
+}
+
+div#widgets-right .sidebar-description {
+	min-height: 20px;
+	margin-top: -5px;
+}
+
+div#widgets-right .sidebar-name h2,
+div#widgets-right .sidebar-name h3 {
+	padding: 15px 15px 15px 7px;
+}
+
+div#widgets-right .widget-top {
+	padding: 0;
+}
+
+div#widgets-right .widgets-sortables {
+	padding: 0 8px;
+	margin-bottom: 9px;
+	position: relative;
+	min-height: 123px;
+}
+
+div#widgets-right .closed .widgets-sortables {
+	min-height: 0;
+	margin-bottom: 0;
+}
+
+.sidebar-name .spinner,
+.remove-inactive-widgets .spinner {
+	float: none;
+	position: relative;
+	top: -2px;
+	margin: -5px 5px;
+}
+
+.sidebar-name .spinner {
+	position: absolute;
+	top: 18px;
+	right: 30px;
+}
+
+/* Dragging a widget over a closed sidebar */
+#widgets-right .widgets-holder-wrap.widget-hover {
+	border-color: #787c82;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* Accessibility Mode */
+.widget-access-link {
+	float: right;
+	margin: -5px 0 10px 10px;
+}
+
+.widgets_access #widgets-left .widget .widget-top {
+	cursor: auto;
+}
+
+.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
+.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
+.widgets_access #wpwrap .widget-control-edit {
+	display: block;
+}
+
+.widgets_access #widgets-left .widget .widget-top:hover,
+.widgets_access #widgets-right .widget .widget-top:hover {
+	border-color: #dcdcde;
+}
+
+#available-widgets .widget-control-edit .edit,
+#available-widgets .widget-action .edit,
+#widgets-left .inactive-sidebar .widget-control-edit .add,
+#widgets-left .inactive-sidebar .widget-action .add,
+#widgets-right .widget-control-edit .add,
+#widgets-right .widget-action .add {
+	display: none;
+}
+
+.widget-control-edit {
+	display: block;
+	color: #646970;
+	background: #f0f0f1;
+	padding: 0 15px;
+	line-height: 3.30769230;
+	border-left: 1px solid #dcdcde;
+}
+
+#widgets-left .widget-control-edit:hover,
+#widgets-right .widget-control-edit:hover {
+	color: #fff;
+	background: #3c434a;
+	border-left: 0;
+	outline: 1px solid #3c434a;
+}
+
+.widgets-holder-wrap .sidebar-name,
+.widgets-holder-wrap .sidebar-description {
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.editwidget {
+	margin: 0 auto;
+}
+
+.editwidget .widget-inside {
+	display: block;
+	padding: 0 15px;
+}
+
+.editwidget .widget-control-actions {
+	margin-top: 20px;
+}
+
+.js .widgets-holder-wrap.closed .widget,
+.js .widgets-holder-wrap.closed .sidebar-description,
+.js .widgets-holder-wrap.closed .remove-inactive-widgets,
+.js .widgets-holder-wrap.closed .description,
+.js .closed br.clear {
+	display: none;
+}
+
+.js .widgets-holder-wrap.closed .widget.ui-sortable-helper {
+	display: block;
+}
+
+/* Hide Widget Settings by Default */
+.widget-inside,
+.widget-description {
+	display: none;
+}
+
+.widget-inside {
+	background: #fff;
+}
+
+.widget-inside select {
+	max-width: 100%;
+}
+
+/* Dragging widgets over the available widget area show's a "Deactivate" message */
+#removing-widget {
+	display: none;
+	font-weight: 400;
+	padding-left: 15px;
+	font-size: 12px;
+	line-height: 1;
+	color: #000;
+}
+
+.js #removing-widget {
+	color: #72aee6;
+}
+
+.widget-control-noform,
+#access-off,
+.widgets_access .widget-action,
+.widgets_access .handlediv,
+.widgets_access #access-on,
+.widgets_access .widget-holder .description,
+.no-js .widget-holder .description {
+	display: none;
+}
+
+.widgets_access .widget-holder,
+.widgets_access #widget-list {
+	padding-top: 10px;
+}
+
+.widgets_access #access-off {
+	display: inline;
+}
+
+.widgets_access .sidebar-name,
+.widgets_access .widget .widget-top {
+	cursor: default;
+}
+
+
+/* Widgets Area Chooser */
+.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
+.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
+	transition: opacity 0.1s linear;
+}
+
+.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
+.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
+	/* -webkit-filter: blur(1px); */
+	opacity: 0.2;
+	pointer-events: none;
+}
+
+.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
+	/* -webkit-filter: none; */
+	opacity: 1;
+	pointer-events: auto;
+}
+
+.widgets-chooser ul,
+#widgets-left .widget-in-question .widget-top,
+#available-widgets .widget-top:hover,
+div#widgets-right .widget-top:hover,
+#widgets-left .widget-top:hover {
+	border-color: #8c8f94;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.widgets-chooser ul.widgets-chooser-sidebars {
+	margin: 0;
+	list-style-type: none;
+	max-height: 300px;
+	overflow: auto;
+}
+
+.widgets-chooser {
+	display: none;
+}
+
+.widgets-chooser ul {
+	border: 1px solid #c3c4c7;
+}
+
+.widgets-chooser li {
+	border-bottom: 1px solid #c3c4c7;
+	background: #fff;
+	margin: 0;
+	position: relative;
+}
+
+.widgets-chooser .widgets-chooser-button {
+	width: 100%;
+	padding: 10px 15px 10px 35px;
+	background: transparent;
+	border: 0;
+	box-sizing: border-box;
+	text-align: left;
+	cursor: pointer;
+	transition: background 0.2s ease-in-out;
+}
+
+/* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
+.widgets-chooser .widgets-chooser-button:hover,
+.widgets-chooser .widgets-chooser-button:focus {
+	outline: none;
+	text-decoration: underline;
+}
+
+.widgets-chooser li:last-child {
+	border: none;
+}
+
+.widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
+	background: #2271b1;
+	color: #fff;
+}
+
+.widgets-chooser .widgets-chooser-selected:before {
+	content: "\f147";
+	display: block;
+	-webkit-font-smoothing: antialiased;
+	font: normal 26px/1 dashicons;
+	color: #fff;
+	position: absolute;
+	top: 7px;
+	left: 5px;
+}
+
+.widgets-chooser .widgets-chooser-actions {
+	padding: 10px 0 12px;
+	text-align: center;
+}
+
+#available-widgets .widget .widget-top {
+	cursor: pointer;
+}
+
+#available-widgets .widget.ui-draggable-dragging .widget-top {
+	cursor: move;
+}
+
+/* =Specific widget styling
+-------------------------------------------------------------- */
+.text-widget-fields {
+	position: relative;
+}
+.text-widget-fields [hidden] {
+	display: none;
+}
+.text-widget-fields .wp-pointer.wp-pointer-top {
+	position: absolute;
+	z-index: 3;
+	top: 100px;
+	right: 10px;
+	left: 10px;
+}
+.text-widget-fields .wp-pointer .wp-pointer-arrow {
+	left: auto;
+	right: 15px;
+}
+.text-widget-fields .wp-pointer .wp-pointer-buttons {
+	line-height: 1.4;
+}
+
+.custom-html-widget-fields > p > .CodeMirror {
+	border: 1px solid #dcdcde;
+}
+.custom-html-widget-fields code {
+	padding-top: 1px;
+	padding-bottom: 1px;
+}
+ul.CodeMirror-hints {
+	z-index: 101; /* Due to z-index 100 set on .widget.open */
+}
+.widget-control-actions .custom-html-widget-save-button.button.validation-blocked {
+	cursor: not-allowed;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media screen and (max-width: 782px) {
+	.widgets-holder-wrap .widget-inside input[type="checkbox"],
+	.widgets-holder-wrap .widget-inside input[type="radio"],
+	.editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */
+	.editwidget .widget-inside input[type="radio"] {
+		margin: 0.25rem 0.25rem 0.25rem 0;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	div.widget-liquid-left {
+		width: 100%;
+		float: none;
+		border-right: none;
+		padding-right: 0;
+	}
+
+	#widgets-left .sidebar-name {
+		margin-right: 0;
+	}
+
+	#widgets-left #available-widgets .widget-top {
+		margin-right: 0;
+	}
+
+	#widgets-left .inactive-sidebar .widgets-sortables {
+		margin-right: 0;
+	}
+
+	div.widget-liquid-right {
+		width: 100%;
+		float: none;
+	}
+
+	div.widget {
+		max-width: 480px;
+	}
+
+	.widget-access-link {
+		float: none;
+		margin: 15px 0 0;
+	}
+}
+
+@media screen and (max-width: 320px) {
+	div.widget {
+		max-width: 320px;
+	}
+}
+
+@media only screen and (min-width: 1250px) {
+	#widgets-left #available-widgets .widget {
+		width: 49%;
+		float: left;
+	}
+
+	.widget.ui-draggable-dragging {
+		min-width: 49%;
+	}
+
+	#widgets-left #available-widgets .widget:nth-child(even) {
+		float: right;
+	}
+
+	#widgets-right .sidebars-column-1,
+	#widgets-right .sidebars-column-2 {
+		float: left;
+		width: 49%;
+	}
+
+	#widgets-right .sidebars-column-1 {
+		margin-right: 2%;
+	}
+
+	#widgets-right.single-sidebar .sidebars-column-1,
+	#widgets-right.single-sidebar .sidebars-column-2 {
+		float: none;
+		width: 100%;
+		margin: 0;
+	}
+}
diff --git a/tools/storybook/wordpress/css/widgets.min.css b/tools/storybook/wordpress/css/widgets.min.css
new file mode 100644
index 00000000000..d343c3426d8
--- /dev/null
+++ b/tools/storybook/wordpress/css/widgets.min.css
@@ -0,0 +1,2 @@
+/*! This file is auto-generated */
+.widget{margin:0 auto 10px;position:relative;box-sizing:border-box}.widget.open{z-index:99}.widget.open:focus-within{z-index:100}.widget-top{font-size:13px;font-weight:600;background:#f6f7f7}.widget-top .widget-action{border:0;margin:0;padding:10px;background:0 0;cursor:pointer}.widget-title h3,.widget-title h4{margin:0;padding:15px;font-size:1em;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.widgets-holder-wrap .widget-inside{border-top:none;padding:1px 15px 15px;line-height:1.23076923}.widget.widget-dirty .widget-control-close-wrapper{display:none}#available-widgets .widget-description,#widgets-right a.widget-control-edit,.in-widget-title{color:#646970}.deleting .widget-title,.deleting .widget-top .widget-action .toggle-indicator:before{color:#a7aaad}.wp-core-ui .media-widget-control .selected,.wp-core-ui .media-widget-control.selected .not-selected,.wp-core-ui .media-widget-control.selected .placeholder{display:none}.media-widget-control.selected .selected{display:inline-block}.media-widget-buttons{text-align:left;margin-top:0}.media-widget-control .media-widget-buttons .button{width:auto;height:auto;margin-top:12px;white-space:normal}.media-widget-buttons .button:first-child{margin-right:8px}.media-widget-control .attachment-media-view .button-add-media,.media-widget-control .placeholder{border:1px dashed #c3c4c7;box-sizing:border-box;cursor:pointer;line-height:1.6;padding:9px 0;position:relative;text-align:center;width:100%}.media-widget-control .attachment-media-view .button-add-media{cursor:pointer;background-color:#f0f0f1;color:#2c3338}.media-widget-control .attachment-media-view .button-add-media:hover{background-color:#fff}.media-widget-control .attachment-media-view .button-add-media:focus{background-color:#fff;border-style:solid;border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8);outline:2px solid transparent;outline-offset:-2px}.media-widget-control .media-widget-preview{background:0 0;text-align:center}.media-widget-control .media-widget-preview .notice{text-align:initial}.media-frame .media-widget-embed-notice p code,.media-widget-control .notice p code{padding:0 3px 0 0}.media-frame .media-widget-embed-notice{margin-top:16px}.media-widget-control .media-widget-preview img{max-width:100%;vertical-align:middle;background-image:linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7),linear-gradient(45deg,#c3c4c7 25%,transparent 25%,transparent 75%,#c3c4c7 75%,#c3c4c7);background-position:0 0,10px 10px;background-size:20px 20px}.media-widget-control .media-widget-preview .wp-video-shortcode{background:#000}.media-frame.media-widget .media-toolbar-secondary{min-width:300px}.media-frame.media-widget .attachment-display-settings .setting.align,.media-frame.media-widget .checkbox-setting.autoplay,.media-frame.media-widget .embed-link-settings .setting.link-text,.media-frame.media-widget .embed-media-settings .legend-inline,.media-frame.media-widget .embed-media-settings .setting.align,.media-frame.media-widget .image-details .embed-media-settings .setting.align,.media-frame.media-widget .replace-attachment{display:none}.media-widget-video-preview{width:100%}.media-widget-video-link{display:inline-block;min-height:132px;width:100%;background:#000}.media-widget-video-link .dashicons{font:normal 60px/1 dashicons;position:relative;width:100%;top:-90px;color:#fff;text-decoration:none}.media-widget-video-link.no-poster .dashicons{top:30px}.media-frame #embed-url-field.invalid,.media-widget-image-link>.link:invalid{border:1px solid #d63638}.media-widget-image-link{margin:1em 0}.media-widget-gallery-preview{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:-1.79104477%}.media-widget-preview.media_gallery,.media-widget-preview.media_image{cursor:pointer}.media-widget-preview .placeholder{background:#f0f0f1}.media-widget-gallery-preview .gallery-item{box-sizing:border-box;width:50%;margin:0;background:0 0}.media-widget-gallery-preview .gallery-item .gallery-icon{margin:4.5%}.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child,.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child~.gallery-item,.media-widget-gallery-preview .gallery-item:nth-last-child(n+5),.media-widget-gallery-preview .gallery-item:nth-last-child(n+5)~.gallery-item,.media-widget-gallery-preview .gallery-item:nth-last-child(n+6),.media-widget-gallery-preview .gallery-item:nth-last-child(n+6)~.gallery-item{max-width:33.33%}.media-widget-gallery-preview .gallery-item img{height:auto;vertical-align:bottom}.media-widget-gallery-preview .gallery-icon{position:relative}.media-widget-gallery-preview .gallery-icon-placeholder{position:absolute;top:0;bottom:0;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.media-widget-gallery-preview .gallery-icon-placeholder-text{font-weight:600;font-size:2em;color:#fff}.widget.ui-draggable-dragging{min-width:100%}.widget.ui-sortable-helper{opacity:.8}.widget-placeholder{border:1px dashed #c3c4c7;margin:0 auto 10px;height:45px;width:100%;box-sizing:border-box}#widgets-right .widget-placeholder{margin-top:0}#widgets-right .closed .widget-placeholder{height:0;border:0;margin-top:-10px}.sidebar-name{position:relative;box-sizing:border-box}.js .sidebar-name{cursor:pointer}.sidebar-name .handlediv{float:right;width:38px;height:38px;border:0;margin:0;padding:8px;background:0 0;cursor:pointer;outline:0}#widgets-right .sidebar-name .handlediv{margin:5px 3px 0 0}.sidebar-name .handlediv:focus{box-shadow:none;outline:1px solid transparent}#widgets-left .sidebar-name .toggle-indicator{display:none}#widgets-left .sidebar-name .handlediv:focus .toggle-indicator,#widgets-left .sidebar-name:hover .toggle-indicator,#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator{display:block}.sidebar-name .toggle-indicator:before{padding:1px 2px 1px 0;border-radius:50%}.sidebar-name .handlediv:focus .toggle-indicator:before{box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)}.sidebar-name h2,.sidebar-name h3{margin:0;padding:8px 10px;overflow:hidden;white-space:normal;line-height:1.5}.widgets-holder-wrap .description{padding:0 0 15px;margin:0;font-style:normal;color:#646970}.inactive-sidebar .description,.widget-holder .description{color:#50575e}#widgets-right .widgets-holder-wrap .description{padding-left:7px;padding-right:7px}div.widget-liquid-left{margin:0;width:38%;float:left}div.widget-liquid-right{float:right;width:58%}div#widgets-left{padding-top:12px}div#widgets-left .closed .sidebar-name,div#widgets-left .inactive-sidebar.closed .sidebar-name{margin-bottom:10px}div#widgets-left .sidebar-name h2,div#widgets-left .sidebar-name h3{padding:10px 0;margin:0 10px 0 0}#widgets-left .widgets-holder-wrap,div#widgets-left .widget-holder{background:0 0;border:none}#widgets-left .widgets-holder-wrap{border:none;box-shadow:none}#available-widgets .widget{margin:0}#available-widgets .widget:nth-child(odd){clear:both}#available-widgets .widget .widget-description{display:block;padding:10px 15px;font-size:12px;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}#available-widgets #widget-list{position:relative}#widgets-left .inactive-sidebar{clear:both;width:100%;background:0 0;padding:0;margin:0 0 20px;border:none;box-shadow:none}#widgets-left .inactive-sidebar.first{margin-top:40px}div#widgets-left .inactive-sidebar .widget.expanded{left:auto}.widget-title-action{float:right;position:relative}div#widgets-left .inactive-sidebar .widgets-sortables{min-height:42px;padding:0;background:0 0;margin:0;position:relative}div#widgets-right .sidebars-column-1,div#widgets-right .sidebars-column-2{max-width:450px}div#widgets-right .widgets-holder-wrap{margin:10px 0 0}div#widgets-right .sidebar-description{min-height:20px;margin-top:-5px}div#widgets-right .sidebar-name h2,div#widgets-right .sidebar-name h3{padding:15px 15px 15px 7px}div#widgets-right .widget-top{padding:0}div#widgets-right .widgets-sortables{padding:0 8px;margin-bottom:9px;position:relative;min-height:123px}div#widgets-right .closed .widgets-sortables{min-height:0;margin-bottom:0}.remove-inactive-widgets .spinner,.sidebar-name .spinner{float:none;position:relative;top:-2px;margin:-5px 5px}.sidebar-name .spinner{position:absolute;top:18px;right:30px}#widgets-right .widgets-holder-wrap.widget-hover{border-color:#787c82;box-shadow:0 1px 2px rgba(0,0,0,.3)}.widget-access-link{float:right;margin:-5px 0 10px 10px}.widgets_access #widgets-left .widget .widget-top{cursor:auto}.widgets_access #wpwrap .widget-control-edit,.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,.widgets_access #wpwrap .widgets-holder-wrap.closed .widget{display:block}.widgets_access #widgets-left .widget .widget-top:hover,.widgets_access #widgets-right .widget .widget-top:hover{border-color:#dcdcde}#available-widgets .widget-action .edit,#available-widgets .widget-control-edit .edit,#widgets-left .inactive-sidebar .widget-action .add,#widgets-left .inactive-sidebar .widget-control-edit .add,#widgets-right .widget-action .add,#widgets-right .widget-control-edit .add{display:none}.widget-control-edit{display:block;color:#646970;background:#f0f0f1;padding:0 15px;line-height:3.30769230;border-left:1px solid #dcdcde}#widgets-left .widget-control-edit:hover,#widgets-right .widget-control-edit:hover{color:#fff;background:#3c434a;border-left:0;outline:1px solid #3c434a}.widgets-holder-wrap .sidebar-description,.widgets-holder-wrap .sidebar-name{-webkit-user-select:none;user-select:none}.editwidget{margin:0 auto}.editwidget .widget-inside{display:block;padding:0 15px}.editwidget .widget-control-actions{margin-top:20px}.js .closed br.clear,.js .widgets-holder-wrap.closed .description,.js .widgets-holder-wrap.closed .remove-inactive-widgets,.js .widgets-holder-wrap.closed .sidebar-description,.js .widgets-holder-wrap.closed .widget{display:none}.js .widgets-holder-wrap.closed .widget.ui-sortable-helper{display:block}.widget-description,.widget-inside{display:none}.widget-inside{background:#fff}.widget-inside select{max-width:100%}#removing-widget{display:none;font-weight:400;padding-left:15px;font-size:12px;line-height:1;color:#000}.js #removing-widget{color:#72aee6}#access-off,.no-js .widget-holder .description,.widget-control-noform,.widgets_access #access-on,.widgets_access .handlediv,.widgets_access .widget-action,.widgets_access .widget-holder .description{display:none}.widgets_access #widget-list,.widgets_access .widget-holder{padding-top:10px}.widgets_access #access-off{display:inline}.widgets_access .sidebar-name,.widgets_access .widget .widget-top{cursor:default}.widget-liquid-left #widgets-left.chooser #available-widgets .widget,.widget-liquid-left #widgets-left.chooser .inactive-sidebar{transition:opacity .1s linear}.widget-liquid-left #widgets-left.chooser #available-widgets .widget,.widget-liquid-left #widgets-left.chooser .inactive-sidebar{opacity:.2;pointer-events:none}.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question{opacity:1;pointer-events:auto}#available-widgets .widget-top:hover,#widgets-left .widget-in-question .widget-top,#widgets-left .widget-top:hover,.widgets-chooser ul,div#widgets-right .widget-top:hover{border-color:#8c8f94;box-shadow:0 1px 2px rgba(0,0,0,.1)}.widgets-chooser ul.widgets-chooser-sidebars{margin:0;list-style-type:none;max-height:300px;overflow:auto}.widgets-chooser{display:none}.widgets-chooser ul{border:1px solid #c3c4c7}.widgets-chooser li{border-bottom:1px solid #c3c4c7;background:#fff;margin:0;position:relative}.widgets-chooser .widgets-chooser-button{width:100%;padding:10px 15px 10px 35px;background:0 0;border:0;box-sizing:border-box;text-align:left;cursor:pointer;transition:background .2s ease-in-out}.widgets-chooser .widgets-chooser-button:focus,.widgets-chooser .widgets-chooser-button:hover{outline:0;text-decoration:underline}.widgets-chooser li:last-child{border:none}.widgets-chooser .widgets-chooser-selected .widgets-chooser-button{background:#2271b1;color:#fff}.widgets-chooser .widgets-chooser-selected:before{content:"\f147";display:block;-webkit-font-smoothing:antialiased;font:normal 26px/1 dashicons;color:#fff;position:absolute;top:7px;left:5px}.widgets-chooser .widgets-chooser-actions{padding:10px 0 12px;text-align:center}#available-widgets .widget .widget-top{cursor:pointer}#available-widgets .widget.ui-draggable-dragging .widget-top{cursor:move}.text-widget-fields{position:relative}.text-widget-fields [hidden]{display:none}.text-widget-fields .wp-pointer.wp-pointer-top{position:absolute;z-index:3;top:100px;right:10px;left:10px}.text-widget-fields .wp-pointer .wp-pointer-arrow{left:auto;right:15px}.text-widget-fields .wp-pointer .wp-pointer-buttons{line-height:1.4}.custom-html-widget-fields>p>.CodeMirror{border:1px solid #dcdcde}.custom-html-widget-fields code{padding-top:1px;padding-bottom:1px}ul.CodeMirror-hints{z-index:101}.widget-control-actions .custom-html-widget-save-button.button.validation-blocked{cursor:not-allowed}@media screen and (max-width:782px){.editwidget .widget-inside input[type=checkbox],.editwidget .widget-inside input[type=radio],.widgets-holder-wrap .widget-inside input[type=checkbox],.widgets-holder-wrap .widget-inside input[type=radio]{margin:.25rem .25rem .25rem 0}}@media screen and (max-width:480px){div.widget-liquid-left{width:100%;float:none;border-right:none;padding-right:0}#widgets-left .sidebar-name{margin-right:0}#widgets-left #available-widgets .widget-top{margin-right:0}#widgets-left .inactive-sidebar .widgets-sortables{margin-right:0}div.widget-liquid-right{width:100%;float:none}div.widget{max-width:480px}.widget-access-link{float:none;margin:15px 0 0}}@media screen and (max-width:320px){div.widget{max-width:320px}}@media only screen and (min-width:1250px){#widgets-left #available-widgets .widget{width:49%;float:left}.widget.ui-draggable-dragging{min-width:49%}#widgets-left #available-widgets .widget:nth-child(even){float:right}#widgets-right .sidebars-column-1,#widgets-right .sidebars-column-2{float:left;width:49%}#widgets-right .sidebars-column-1{margin-right:2%}#widgets-right.single-sidebar .sidebars-column-1,#widgets-right.single-sidebar .sidebars-column-2{float:none;width:100%;margin:0}}
\ No newline at end of file
diff --git a/tools/storybook/wordpress/css/wp-admin-rtl.css b/tools/storybook/wordpress/css/wp-admin-rtl.css
new file mode 100644
index 00000000000..81d66f63ad1
--- /dev/null
+++ b/tools/storybook/wordpress/css/wp-admin-rtl.css
@@ -0,0 +1,16 @@
+/*! This file is auto-generated */
+@import url(common-rtl.css);
+@import url(forms-rtl.css);
+@import url(admin-menu-rtl.css);
+@import url(dashboard-rtl.css);
+@import url(list-tables-rtl.css);
+@import url(edit-rtl.css);
+@import url(revisions-rtl.css);
+@import url(media-rtl.css);
+@import url(themes-rtl.css);
+@import url(about-rtl.css);
+@import url(nav-menus-rtl.css);
+@import url(widgets-rtl.css);
+@import url(site-icon-rtl.css);
+@import url(l10n-rtl.css);
+@import url(site-health-rtl.css);
diff --git a/tools/storybook/wordpress/css/wp-admin-rtl.min.css b/tools/storybook/wordpress/css/wp-admin-rtl.min.css
new file mode 100644
index 00000000000..110850bb41f
--- /dev/null
+++ b/tools/storybook/wordpress/css/wp-admin-rtl.min.css
@@ -0,0 +1,16 @@
+/*! This file is auto-generated */
+@import url(common-rtl.min.css);
+@import url(forms-rtl.min.css);
+@import url(admin-menu-rtl.min.css);
+@import url(dashboard-rtl.min.css);
+@import url(list-tables-rtl.min.css);
+@import url(edit-rtl.min.css);
+@import url(revisions-rtl.min.css);
+@import url(media-rtl.min.css);
+@import url(themes-rtl.min.css);
+@import url(about-rtl.min.css);
+@import url(nav-menus-rtl.min.css);
+@import url(widgets-rtl.min.css);
+@import url(site-icon-rtl.min.css);
+@import url(l10n-rtl.min.css);
+@import url(site-health-rtl.min.css);
diff --git a/tools/storybook/wordpress/css/wp-admin.css b/tools/storybook/wordpress/css/wp-admin.css
new file mode 100644
index 00000000000..b475cf0aafb
--- /dev/null
+++ b/tools/storybook/wordpress/css/wp-admin.css
@@ -0,0 +1,15 @@
+@import url(common.css);
+@import url(forms.css);
+@import url(admin-menu.css);
+@import url(dashboard.css);
+@import url(list-tables.css);
+@import url(edit.css);
+@import url(revisions.css);
+@import url(media.css);
+@import url(themes.css);
+@import url(about.css);
+@import url(nav-menus.css);
+@import url(widgets.css);
+@import url(site-icon.css);
+@import url(l10n.css);
+@import url(site-health.css);
diff --git a/tools/storybook/wordpress/css/wp-admin.min.css b/tools/storybook/wordpress/css/wp-admin.min.css
new file mode 100644
index 00000000000..2fdbba502e5
--- /dev/null
+++ b/tools/storybook/wordpress/css/wp-admin.min.css
@@ -0,0 +1,16 @@
+/*! This file is auto-generated */
+@import url(common.min.css);
+@import url(forms.min.css);
+@import url(admin-menu.min.css);
+@import url(dashboard.min.css);
+@import url(list-tables.min.css);
+@import url(edit.min.css);
+@import url(revisions.min.css);
+@import url(media.min.css);
+@import url(themes.min.css);
+@import url(about.min.css);
+@import url(nav-menus.min.css);
+@import url(widgets.min.css);
+@import url(site-icon.min.css);
+@import url(l10n.min.css);
+@import url(site-health.min.css);
diff --git a/tools/storybook/wordpress/images/about-header-about.svg b/tools/storybook/wordpress/images/about-header-about.svg
new file mode 100644
index 00000000000..c2e4bbf26c6
--- /dev/null
+++ b/tools/storybook/wordpress/images/about-header-about.svg
@@ -0,0 +1,11 @@
+<svg width="382" height="463" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M145.188 250.097s-11.586 3.662-12.064 2.677c-.479-.984 2.23.774.114-7.334-2.115-8.109-23.919-16.143-23.249-14.087.671 2.056 34.626 143.402 70.698 201.355 0 0 5.969 7.07 2.591 18.86" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m110.327 223.338-1.905 4.617 2.719 1.126 2.301-1.824-3.115-3.919Zm0 0c3.115 3.919 3.116 3.918 3.118 3.917l.004-.004.014-.011.048-.039.177-.141a170.005 170.005 0 0 0 3.095-2.574 264.56 264.56 0 0 0 8.557-7.621c7.025-6.524 16.33-15.809 25.411-26.837 9.065-11.01 18.012-23.883 24.212-37.585 6.193-13.687 9.783-28.509 7.692-43.253-6.465-45.589-50.772-76.288-98.397-69.665C36.634 46.15 2.58 87.748 9.045 133.337c2.091 14.744 9.665 28.013 19.426 39.481 9.772 11.481 21.953 21.415 33.73 29.526 11.796 8.124 23.324 14.512 31.892 18.867a267.38 267.38 0 0 0 10.346 4.992c1.249.568 2.233 1.001 2.91 1.295l.782.335.208.088.058.024.016.006.005.003c.002 0 .004.001 1.909-4.616Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m109.98 228.201-7.578 22.991s6.168 3.421 15.804.934l-5.973-23.823-2.253-.102Z" fill="#fff"/>
+  <rect x="106" y="233.128" width="9" height="2" rx="1" transform="rotate(-.815 106 233.128)" fill="#1E1E1E"/>
+  <path d="M294.325 242.139c-1.065-.105-27.318 5.204-24.956-5.487 0 0 .495-2.865 3.506-6.483 0 0 6.764-9.294-3.601-11.954 0 0-9.446-1.754-12.025-5.016L152.045 368.455l14.787 27.241s13.521 25.847 32.305 35.85" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m257.447 200.963-2.862 4.104 2.451 1.706 2.666-1.351-2.255-4.459Zm0 0a739.01 739.01 0 0 0 2.258 4.457l.005-.002.017-.008.055-.029c.047-.024.115-.058.202-.104.175-.09.429-.222.757-.395a181.86 181.86 0 0 0 2.814-1.52 265.502 265.502 0 0 0 9.978-5.798c8.248-5.025 19.308-12.321 30.515-21.397 11.189-9.061 22.651-19.996 31.601-32.323 8.942-12.315 15.565-26.283 16.63-41.339 3.292-46.559-33.479-86.347-81.53-89.68-48.052-3.331-90.063 30.995-93.354 77.553-1.065 15.056 3.528 29.802 10.649 43.23 7.129 13.443 16.94 25.853 26.745 36.37 9.821 10.533 19.746 19.285 27.206 25.399a264.686 264.686 0 0 0 9.065 7.119 171.026 171.026 0 0 0 3.452 2.52l.051.036.015.01.004.003c.002.001.003.002 2.865-4.102Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m257.965 207.459 2.594 24.048s-6.751 2.078-15.656-2.336l10.837-22.076 2.225.364Z" fill="#fff"/>
+  <rect x="252.136" y="210.563" width="8" height="2" rx="1" transform="rotate(3.25 252.136 210.563)" fill="#1E1E1E"/>
+  <path d="M93.67 116.884c4.373-.77 8.572-.744 12.595.08 4.008.737 7.599 2.179 10.773 4.325 3.174 2.146 5.828 4.925 7.963 8.337 2.222 3.396 3.726 7.325 4.512 11.786.833 4.724.713 9.164-.358 13.321-.984 4.142-2.767 7.838-5.351 11.089-2.568 3.339-5.821 6.122-9.757 8.349-3.921 2.314-8.331 3.903-13.23 4.766-6.823 1.203-13.2.839-19.132-1.092-5.845-1.946-10.606-5.166-14.284-9.659l8.254-12.277a27.758 27.758 0 0 0 10.618 6.517c4.028 1.364 8.01 1.699 11.947 1.006 4.723-.833 8.326-2.911 10.806-6.234 2.553-3.426 3.413-7.501 2.581-12.224-.802-4.549-2.892-7.968-6.272-10.259-3.293-2.306-7.126-3.073-11.5-2.302a17.716 17.716 0 0 0-7.787 3.401c-2.219 1.744-3.87 3.884-4.957 6.421L65.74 144.94c-.046-.262-.041-1.255.016-2.979l.156-6.792c.047-2.804.091-5.878.133-9.223.027-3.431.09-6.915.188-10.45.156-8.324.318-17.642.485-27.953l45.923-8.094 2.821 16.008-33.196 5.85-.128 21.533c.849-1.322 2.218-2.511 4.106-3.565 1.976-1.07 4.451-1.867 7.425-2.391ZM147.158 166.232l.002-19.186 14.655.002-.002 19.185-14.655-.001ZM233.754 87.603c.484-4.593 1.818-8.784 4.002-12.573 2.185-3.79 4.933-6.984 8.243-9.582 3.407-2.679 7.275-4.638 11.603-5.88 4.417-1.232 9.054-1.593 13.913-1.082 5.3.558 9.967 2.031 14.003 4.42 4.124 2.4 7.492 5.611 10.105 9.637 2.613 4.026 4.431 8.817 5.455 14.373 1.12 5.476 1.323 11.615.608 18.417-.902 8.568-2.584 16.072-5.048 22.511-2.366 6.36-5.371 11.581-9.016 15.663-3.565 4.18-7.721 7.181-12.468 9.004-4.747 1.823-9.902 2.442-15.467 1.856-5.919-.622-11.261-2.479-16.026-5.571-4.766-3.091-8.62-7.203-11.563-12.335l11.373-10.057c1.767 3.58 4.231 6.474 7.393 8.682 3.161 2.208 6.73 3.521 10.705 3.939 5.918.623 10.846-1.226 14.783-5.545 4.026-4.31 6.578-10.74 7.656-19.289-2.101 2.994-4.972 5.237-8.612 6.73-3.64 1.492-7.713 2.002-12.218 1.528-4.681-.493-8.926-1.743-12.734-3.751-3.807-2.008-7.02-4.579-9.638-7.713-2.617-3.133-4.566-6.687-5.844-10.662-1.27-4.063-1.672-8.303-1.208-12.72ZM269.94 73.46a16.117 16.117 0 0 0-6.911.746c-2.125.67-4.07 1.76-5.837 3.271-1.757 1.423-3.238 3.187-4.442 5.293-1.106 2.028-1.785 4.234-2.036 6.619-.251 2.385-.046 4.683.614 6.896a21.262 21.262 0 0 0 3.139 5.823 17.186 17.186 0 0 0 5.175 4.296c2.027 1.106 4.233 1.785 6.618 2.035 2.385.251 4.684.047 6.897-.614 2.213-.66 4.153-1.706 5.822-3.138a17.575 17.575 0 0 0 4.282-5.042c1.195-2.018 1.917-4.22 2.168-6.605a16.124 16.124 0 0 0-.746-6.91c-.651-2.302-1.688-4.33-3.111-6.088-1.423-1.757-3.143-3.233-5.161-4.428-1.929-1.185-4.086-1.903-6.471-2.154Z" fill="#1E1E1E"/>
+</svg>
\ No newline at end of file
diff --git a/tools/storybook/wordpress/images/about-header-credits.svg b/tools/storybook/wordpress/images/about-header-credits.svg
new file mode 100644
index 00000000000..bae4c28d548
--- /dev/null
+++ b/tools/storybook/wordpress/images/about-header-credits.svg
@@ -0,0 +1,15 @@
+<svg width="377" height="390" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#a)">
+    <path d="m146.085 114.732 45.041 285.26M139.593 266.898l36.925 134.311M119.304 176.41l64.113 221.147M98.204 293.273l73.851 104.69M220.748 128.123 195.59 397.557M209.386 312.344l-5.275 85.619m15.825-258.479-10.55 258.479M290.541 232.407l-68.982 164.745" stroke="#000" stroke-width="2" stroke-linecap="round"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M27.823 138.143c-11.294-25.563 1.612-55.05 27.485-66.482 25.873-11.43 56.368-1.126 67.675 24.428 3.778 8.545 4.066 17.83 2.808 26.402a98.184 98.184 0 0 1-7.252 24.272 154.846 154.846 0 0 1-9.392 18.177c-1.376 2.284-2.534 4.1-3.403 5.338a71.903 71.903 0 0 1-1 1.488l-.284.416-.073.051-.034.023-.053.037-1.46 2.007 5.124 6.815c-4.191 3.227-7.925 2.822-7.925 2.822l-.687-7.998-2.647-.322-.149-.015-.495-.071a90.78 90.78 0 0 1-1.772-.258 152.71 152.71 0 0 1-6.248-1.117 155.216 155.216 0 0 1-19.758-5.302 97.912 97.912 0 0 1-22.836-10.855c-7.178-4.85-13.812-11.305-17.624-19.856Z" fill="#fff"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M23.353 252.649c-11.294-25.563 1.612-55.051 27.485-66.482 25.873-11.43 56.368-1.125 67.675 24.429 3.778 8.544 4.066 17.83 2.808 26.401a98.184 98.184 0 0 1-7.252 24.272 154.846 154.846 0 0 1-9.392 18.177c-1.376 2.284-2.534 4.1-3.403 5.338a75.413 75.413 0 0 1-1 1.489l-.284.415-.073.051-.034.023-.053.037-1.46 2.007 5.124 6.815c-4.19 3.227-7.925 2.822-7.925 2.822l-.687-7.998-2.647-.322-.149-.015-.494-.071a90.668 90.668 0 0 1-1.773-.258c-1.509-.235-3.653-.6-6.248-1.116a155.386 155.386 0 0 1-19.758-5.303 97.91 97.91 0 0 1-22.836-10.855c-7.178-4.85-13.812-11.305-17.624-19.856Z" fill="#fff"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M186.711 196.688c-1.957-27.878-27.144-47.921-55.36-45.94-28.217 1.98-50.365 25.338-48.424 53.214.652 9.32 4.735 17.664 9.852 24.656a98.177 98.177 0 0 0 17.751 18.072 154.655 154.655 0 0 0 16.796 11.683c2.283 1.377 4.156 2.442 5.502 3.131.674.369 1.203.655 1.58.848l.445.235.089.011.04.005.064.008 2.229 1.092-1.347 8.42c5.213.895 8.325-1.208 8.325-1.208l-3.129-7.392 2.191-1.522.124-.082.404-.294c.341-.244.835-.6 1.447-1.057a152.656 152.656 0 0 0 5.002-3.906 155.292 155.292 0 0 0 14.993-13.919 97.931 97.931 0 0 0 15.119-20.265c4.081-7.642 6.931-16.449 6.307-25.79ZM231.87 21.947c-28.417.309-51.77 22.753-51.46 50.954.203 18.515 13.736 34.495 24.998 44.874a155.567 155.567 0 0 0 16.065 12.862 137.743 137.743 0 0 0 5.311 3.552c.643.412 1.165.735 1.53.953.176.118.32.202.425.261l.068.043.056.029 2.477 1.463-1.386 7.717c5.216.994 8.348-1.053 8.348-1.053l-2.853-7.11 1.796-1.112.063-.014.071-.016.064-.015.421-.27 1.508-.989c1.279-.854 3.08-2.093 5.227-3.676a157.426 157.426 0 0 0 15.776-13.221c11.031-10.618 24.211-26.897 24.008-45.413-.262-28.21-24.096-50.127-52.513-49.819Zm1.17 106.562.079-.018-.087.02.008-.002Z" fill="#fff"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M128.239 3.048c28.026-4.708 54.972 13.265 59.642 41.078 3.066 18.26-7.436 36.377-16.691 48.58a155.555 155.555 0 0 1-13.545 15.494 137.363 137.363 0 0 1-4.601 4.433c-.559.519-1.016.929-1.337 1.207-.153.148-.28.256-.373.333l-.059.054-.051.039-2.179 1.876 2.725 7.352c-4.959 1.898-8.403.436-8.403.436l1.554-7.501-1.963-.779-.065-.002-.073-.004-.065-.003-.463-.191-1.658-.708a137.861 137.861 0 0 1-5.793-2.696 157.264 157.264 0 0 1-17.861-10.231c-12.731-8.506-28.576-22.205-31.642-40.466-4.719-27.815 14.875-53.592 42.901-58.3Zm17.646 105.097-.081-.003.089.004-.008-.001ZM231.523 195.316c-27.879-5.511-55.33 11.682-60.795 39.349-3.588 18.166 6.39 36.577 15.291 49.039a155.665 155.665 0 0 0 13.094 15.877 137.919 137.919 0 0 0 4.473 4.563c.544.535.989.958 1.302 1.245.149.152.272.264.363.343l.057.056.05.04 2.125 1.938-2.935 7.271c4.902 2.04 8.387.677 8.387.677l-1.339-7.543 1.985-.722.065-.001.073-.001.065-.001.468-.178 1.678-.66a138.844 138.844 0 0 0 5.868-2.529 157.137 157.137 0 0 0 18.147-9.714c12.97-8.138 29.202-21.376 32.79-39.542 5.514-27.668-13.332-53.997-41.212-59.507Zm-20.652 104.547.081-.001-.089.001h.008ZM267.86 149.945c10.388-25.945 40.498-37.324 66.757-26.81 26.259 10.515 40.202 39.527 29.829 65.474-3.47 8.674-9.91 15.37-16.919 20.461a98.187 98.187 0 0 1-22.428 11.778 154.947 154.947 0 0 1-19.564 5.988c-2.595.612-4.703 1.053-6.196 1.297-.754.146-1.346.256-1.764.325l-.495.087-.088-.016-.04-.008-.064-.012-2.455.358-1.293 8.428c-5.237-.742-7.557-3.695-7.557-3.695l5.24-6.082-1.62-2.118-.094-.117-.295-.403c-.249-.337-.61-.827-1.054-1.448a154.775 154.775 0 0 1-3.568-5.249 155.185 155.185 0 0 1-10.017-17.837 97.898 97.898 0 0 1-8.198-23.918c-1.548-8.524-1.569-17.781 1.883-26.483Z" fill="#fff"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M206.717 99.424c28.399-1.048 52.797 20.257 53.832 48.44.68 18.504-12.075 35.112-22.829 46.015a155.621 155.621 0 0 1-15.434 13.615 139.119 139.119 0 0 1-5.135 3.801 54.56 54.56 0 0 1-1.483 1.024c-.17.127-.31.217-.412.282l-.066.046-.055.032-2.404 1.579 1.753 7.642c-5.163 1.242-8.39-.653-8.39-.653l2.511-7.238-1.846-1.026-.064-.011-.072-.013-.064-.011-.434-.249-1.553-.917a136.962 136.962 0 0 1-5.396-3.422 157.361 157.361 0 0 1-16.389-12.453c-11.525-10.081-25.467-25.712-26.147-44.217-1.084-28.191 21.677-51.219 50.077-52.266Zm3.914 106.495-.08-.014.088.016-.008-.002Z" fill="#fff"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h377v390H0z"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/tools/storybook/wordpress/images/about-header-freedoms.svg b/tools/storybook/wordpress/images/about-header-freedoms.svg
new file mode 100644
index 00000000000..2b1f5394375
--- /dev/null
+++ b/tools/storybook/wordpress/images/about-header-freedoms.svg
@@ -0,0 +1,18 @@
+<svg viewBox="0 0 464 363" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M78.913 192.621c-.04-5.218-11.878-13.339-11.788-11.996.091 1.343-.955 91.866 11.876 132.297 0 0 2.504 5.168-1.301 11.789" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m66.025 169.397-2.246 4.468 2.651 1.332 2.44-1.688-2.846-4.112Zm0 0c2.845 4.112 2.846 4.111 2.848 4.11l.003-.003.01-.007.035-.024.121-.085c.103-.073.252-.177.442-.313.38-.273.927-.67 1.617-1.183a166.555 166.555 0 0 0 5.664-4.421c4.653-3.79 10.85-9.22 16.993-15.763 6.126-6.526 12.309-14.278 16.824-22.723 4.508-8.431 7.509-17.846 6.829-27.564-2.078-29.724-29.002-51.417-59.586-49.278C27.241 54.282 3.6 79.51 5.677 109.235c.68 9.718 4.962 18.622 10.6 26.344 5.646 7.735 12.848 14.551 19.822 20.161 6.993 5.625 13.887 10.139 19.021 13.244a165.576 165.576 0 0 0 6.225 3.59 103.129 103.129 0 0 0 2.247 1.195l.131.067.038.019.011.006.004.002c.002.001.003.002 2.248-4.466Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m65.879 177.285-5.663 13.965s3.649 2.391 9.688 1.26l-2.642-15.065-1.383-.16Z" fill="#fff"/>
+  <rect x="62.953" y="178.598" width="6.106" height="1.97" rx=".985" transform="rotate(3.18 62.953 178.598)" fill="#1E1E1E"/>
+  <path d="M186.961 242.688s-.127-1.806-1.751-4.234c0 0-3.577-6.178 2.952-7.191 0 0 5.908-.507 7.694-2.372.492 16.768.952 56.344-1.149 80.507-.986 15.32-2.136 49.902 1.149 65.66" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m194.464 217.687 3.154 3.881-2.341 1.902-2.774-1.184 1.961-4.599Zm0 0a816.555 816.555 0 0 1-1.964 4.598l-.004-.002-.012-.005-.039-.016-.136-.059a112.689 112.689 0 0 1-2.328-1.058 164.825 164.825 0 0 1-6.469-3.213c-5.347-2.796-12.55-6.899-19.93-12.121-14.417-10.199-30.946-25.657-33.662-44.98-4.198-29.869 17.489-57.102 47.927-61.38 30.439-4.277 58.792 15.922 62.99 45.792 2.715 19.323-8.913 38.738-19.96 52.515-5.655 7.054-11.447 12.984-15.817 17.146a165.602 165.602 0 0 1-5.333 4.871 111.123 111.123 0 0 1-1.997 1.701l-.063.052-.033.027-.01.008-.004.003c-.001.001-.002.002-3.156-3.879Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m194.905 224.66-3.449 14.669s3.972 1.802 9.766-.244l-4.926-14.48-1.391.055Z" fill="#fff"/>
+  <rect width="5.103" height="1.97" rx=".985" transform="scale(-1 1) rotate(2.085 -6324.149 -5336.641)" fill="#1E1E1E"/>
+  <path d="M272.674 146.172c-.395-5.204 10.723-14.284 10.745-12.938.022 1.345 8.621 91.465-.79 132.827 0 0-2.064 5.358 2.28 11.638" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m284.568 122.79 2.611 4.265-2.531 1.549-2.572-1.479 2.492-4.335Zm0 0c-2.492 4.335-2.493 4.334-2.495 4.333l-.004-.002-.011-.006-.036-.021-.128-.075a106.955 106.955 0 0 1-2.176-1.319 165.633 165.633 0 0 1-6.014-3.933c-4.952-3.388-11.582-8.281-18.249-14.289-6.649-5.992-13.458-13.2-18.662-21.24-5.197-8.025-8.973-17.156-9.107-26.897-.41-29.793 24.609-53.658 55.265-54.08 30.656-.422 56.321 22.745 56.731 52.539.135 9.74-3.389 18.972-8.362 27.138-4.982 8.179-11.589 15.572-18.071 21.745-6.499 6.189-12.991 11.263-17.849 14.786a167.49 167.49 0 0 1-5.903 4.096c-.718.474-1.287.84-1.681 1.091l-.458.288a9.846 9.846 0 0 0-.126.078l-.036.022-.011.007-.003.002c-.002.001-.003.002-2.614-4.263Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m284.383 130.802 6.808 13.443s-3.436 2.688-9.549 2.064l1.376-15.233 1.365-.274Z" fill="#fff"/>
+  <rect width="6.106" height="1.97" rx=".985" transform="scale(-1 1) rotate(7.968 -1090.36 -1997.313)" fill="#1E1E1E"/>
+  <path d="M415.822 213.413c-.66 0-16.451 4.903-15.663-1.87 0 0 .126-1.807 1.751-4.235 0 0 3.577-6.177-2.952-7.19 0 0-5.909-.508-7.694-2.372-.493 16.767-.952 56.343 1.149 80.506.985 15.321 2.135 49.902-1.149 65.66" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m393.572 188.375-3.154 3.88 2.341 1.903 2.775-1.184-1.962-4.599Zm0 0c1.962 4.599 1.963 4.599 1.965 4.598l.004-.002.012-.005.039-.017.136-.059a113.778 113.778 0 0 0 2.328-1.058 164.53 164.53 0 0 0 6.469-3.212c5.347-2.796 12.549-6.9 19.93-12.121 14.416-10.2 30.946-25.657 33.661-44.98 4.198-29.87-17.489-57.102-47.927-61.38-30.439-4.278-58.791 15.922-62.989 45.792-2.716 19.323 8.912 38.737 19.959 52.515 5.656 7.054 11.448 12.984 15.817 17.146a166.688 166.688 0 0 0 5.333 4.871 117.548 117.548 0 0 0 1.997 1.7l.064.053.032.026.011.008.003.003c.001.001.002.002 3.156-3.878Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m393.123 195.432 3.45 14.669s-3.973 1.802-9.767-.244l4.927-14.48 1.39.055Z" fill="#fff"/>
+  <rect x="388.766" y="197.329" width="6.234" height="1.97" rx=".985" transform="rotate(2.085 388.766 197.329)" fill="#1E1E1E"/>
+</svg>
diff --git a/tools/storybook/wordpress/images/about-header-privacy.svg b/tools/storybook/wordpress/images/about-header-privacy.svg
new file mode 100644
index 00000000000..2d7166b84c3
--- /dev/null
+++ b/tools/storybook/wordpress/images/about-header-privacy.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 374 440" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M101.194 187.586c-.132-7.011-16.16-17.748-16.018-15.944.142 1.803.084 123.457 17.928 177.596 0 0 3.441 6.907-1.573 15.86" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m84.922 161.647-2.246 4.467 2.651 1.333 2.44-1.689-2.845-4.111Zm0 0c2.845 4.111 2.847 4.11 2.848 4.109l.004-.003.013-.009.044-.03.157-.11a145.38 145.38 0 0 0 2.73-1.984 221.81 221.81 0 0 0 7.551-5.895c6.212-5.059 14.481-12.304 22.668-21.025 8.171-8.705 16.373-19 22.346-30.171 5.966-11.157 9.861-23.48 8.978-36.11-2.721-38.907-37.994-67.44-78.238-64.626C33.78 8.607 2.821 41.771 5.541 80.68c.883 12.63 6.456 24.291 13.916 34.509 7.47 10.231 17.025 19.284 26.328 26.767 9.321 7.497 18.518 13.52 25.373 17.666a220.806 220.806 0 0 0 8.3 4.786 153.7 153.7 0 0 0 2.978 1.585 22.04 22.04 0 0 0 .171.087l.047.024.014.007.005.003c.002.001.003.001 2.249-4.466Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m84.203 171.048-7.61 18.766s4.903 3.213 13.02 1.693l-3.552-20.244-1.858-.215Z" fill="#fff"/>
+  <rect x="82.418" y="171.164" width="6.5" height="2" rx="1" transform="rotate(3.18 82.418 171.164)" fill="#1E1E1E"/>
+  <path d="M297.781 246.24c-.847.263-19.158 12.848-20.847 3.841 0 0-.557-2.369.56-6.132 0 0 2.129-9.354-6.654-8.052 0 0-7.785 1.703-10.819.022l-29.618 153.729 20.187 16.219s18.766 15.555 36.375 17.192" stroke="#1E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="m260.954 227.215-3.154 3.881 2.341 1.902 2.774-1.184-1.961-4.599Zm0 0a816.555 816.555 0 0 0 1.964 4.598l.005-.002.015-.006.049-.021.176-.077.656-.289c.567-.253 1.389-.626 2.431-1.114a220.542 220.542 0 0 0 8.626-4.283c7.138-3.733 16.747-9.208 26.586-16.169 19.332-13.677 40.984-34.081 44.525-59.28 5.5-39.137-22.915-74.916-62.942-80.542-40.028-5.625-77.205 20.936-82.705 60.073-3.541 25.199 11.647 50.78 26.461 69.256 7.539 9.403 15.266 17.315 21.099 22.871a221.255 221.255 0 0 0 7.111 6.495 146.147 146.147 0 0 0 2.58 2.199l.149.122.041.034.013.01.004.003c.001.002.002.003 3.156-3.878Z" fill="#fff" stroke="#fff" stroke-width="10"/>
+  <path d="m260.833 238.042.743 20.237s-5.706 1.345-12.815-2.855l10.252-17.815 1.82.433Z" fill="#fff"/>
+  <rect x="256.704" y="237.275" width="5.997" height="2" rx="1" transform="rotate(7.245 256.704 237.275)" fill="#1E1E1E"/>
+  <path d="M318.718 133.121a2.06 2.06 0 0 0-1.031-.854c-.37-.14-7.335-2.746-21.144-5.18-10.426-1.839-16.715-1.581-21.755-1.373-.669.027-1.317.053-1.953.073-1.685.056-3.467.196-5.192.327-3.712.292-7.573.589-10.649.075-3.07-.57-6.585-2.167-9.985-3.713-1.574-.713-3.203-1.455-4.768-2.083-.591-.237-1.195-.486-1.819-.741-4.668-1.92-10.482-4.309-20.901-6.147-14.014-2.471-21.347-2.366-21.651-2.36a2.063 2.063 0 0 0-1.396.578 2.026 2.026 0 0 0-.618 1.37l-.267 6.138a2.04 2.04 0 0 0 1.197 1.946c1.895.874 1.925 1.149 2.157 3.29.021.209.045.426.072.656.145 1.242.395 3.218.657 5.303.323 2.621.707 5.599.943 7.642.336 2.941 1.24 10.758 15.054 14.97 10.902 3.326 18.758 3.461 24.016.415 5.125-2.971 10.636-13.08 12.065-16.425a6.725 6.725 0 0 1 .873-1.584l5.324.939c.171.581.264 1.182.279 1.787.198 3.634 1.921 15.019 5.717 19.56 2.872 3.432 7.657 5.725 14.531 6.938 2.706.462 5.437.76 8.179.892 6.03.322 10.844-.71 14.328-3.057 3.024-2.045 4.315-4.62 4.941-5.871.889-1.783 2.156-4.249 3.381-6.634a541.984 541.984 0 0 0 2.549-4.997l.293-.592c.95-1.933 1.072-2.181 3.152-2.353a2.061 2.061 0 0 0 1.112-.44 2.04 2.04 0 0 0 .676-.98l1.851-5.856c.083-.276.107-.567.07-.852a2.048 2.048 0 0 0-.288-.807Z" fill="#1E1E1E"/>
+  <rect x="315.517" y="132.793" width="39.784" height="7.784" rx="2" transform="rotate(12 315.517 132.793)" fill="#1E1E1E"/>
+</svg>
diff --git a/tools/storybook/wordpress/images/about-texture.png b/tools/storybook/wordpress/images/about-texture.png
new file mode 100644
index 0000000000000000000000000000000000000000..58cf58bfec1ee2b74cc75a44117c56485324f19d
GIT binary patch
literal 146755
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%0Duah+qaXoB?*dD9KzA;us7
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
a`F{YBmzO~xah_TL0000<MNUMnLSTYcHTL)b

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-center-2x.png b/tools/storybook/wordpress/images/align-center-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b6273445a830ebbb45b3715a3e078c062858deb
GIT binary patch
literal 147
zcmeAS@N?(olHy`uVBq!ia0vp^T0ktv#0(_W-BOBy6i<Lpi0l9V|F8NfK7IOh{rdHs
z{F9@A;!d6}jv*4^$q5H|of;Jw=APY}CE6hiB&4L5wQ={J{m*#jU;nvdYvpnt)|Z%_
t34M|C@4rC9xn<L;V%~%rG@Lrd$WZXXeWH}dYzLre44$rjF6*2UngA~9H7)=E

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-center.png b/tools/storybook/wordpress/images/align-center.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7bc807880abfbe04ec7635e9e0931d2fda63799
GIT binary patch
literal 546
zcmV+-0^R+IP)<h;3K|Lk000e1NJLTq000#L000jN0ssI2gg6sC0005$Nkl<ZD3Og)
z?M@Rx6zxlBND5^EOGJV`hDh6O+3>@6G)=pOmiPwxqnfsMLB2}5Uv-TJ0u-6unai1(
zy4H^x&L+EeX6KxH?!A*C;uk~|Ge)t%SH?F8I3>jJ#2kw|N(7GlxFHe(>j@BNh>v3u
zc)(Pz>vxvX*~uN4Mt5uOla=e1jI&p{ULoJMR*5d9ejKOo3`k$y3qK4z|4ZPzgD4nm
z8ApZ1ektFv7W#$x&t;=$KI*@Q%A$Yv-S_=441*x>JWuf%Q_*dLRU$p~it`_~vrcKP
zQ(0>l^G<pB=w<eO`Dxo+5_GMdCrJVo$-gBUc!=U%d+%*yU$D4mzBsHr`&fK@Vyzq$
zm*C&2EI8)s@%9E<Q>)cltrqw&BKc!tQ4li0Ni~i5w{GeAX<_czLd{vneA3-qKipY?
zg|@jtbfwz{O!#Qoz&j@z*BWo^dh<?I0Z}2w2xL*1gt(H!Ald(h0=Cft$>*GFrRl+>
zN&X3az;#`fUqw(sRrPvZ%cID~4D2cV;xopgD4Na>t^edt4gRd3XgC~_Dy&+qHk(bz
z+qS(s1Nzr*{xv@ZW<w9a<o>{tz6qeg`5#^U8)<c;(Ma8Y<pdINfh`0m3_Jb|U~D*v
kW5_?@PtQ!tKLpz8Jx!J@m2c0wGXMYp07*qoM6N<$f*aQX8vp<R

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-left-2x.png b/tools/storybook/wordpress/images/align-left-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b2d428333cc5ed443cefb496634695c50533c16
GIT binary patch
literal 143
zcmeAS@N?(olHy`uVBq!ia0vp^IzTMP#0(_0B1BAp6i<Lpi0l9V|F8NfK7IOh{rdHs
z{F9@A;&z@cjv*4^$q5G-Bb*x<#H&R)bPl96hbANg75`^8Gh0?Akkqj1V2bkU#*P1-
o53rY*ZN2h1VSN*$iCGx~Ly}jzcGTNEJD^Dnp00i_>zopr0G<plLjV8(

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-left.png b/tools/storybook/wordpress/images/align-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..b438f7e0036f48d99ba101769971d1f77f365ba1
GIT binary patch
literal 554
zcmV+_0@eMAP)<h;3K|Lk000e1NJLTq000&M000jN0ssI2Zx5(H0005;Nkl<ZD9?RT
z%Zd|06uq~)s$VfPs0agb?aq}y5g|x6v+xUDxKIKC-T47--3v+Rkiei$r(gB*beA@>
znB+j+s;;hc>fC#aY7aEp8cZcdWi(>vJvOS!+J5%h>mgcv4{*+nk$qGCc>jiN%~ZK0
zm)cb>N`3x^x@0nW{o%WJf<+{V*kcd?CJ*TO%(B73R+OA1ai%NZ$~xtU#jlvmRayQl
z?w-}jX<~d=D`kz5;6zabJ6IsjW;2<3I*EIkB<=5ekzFgxI#$zD$LSLtcdu@)n34$#
zLzGiZl!cpN1a^+cBcdcOU8JnDa+)zQw|?5TZGLUFc0Ob0DWWeQKg&GVTq%l;F^~Xr
zu~<Mz2qE#I`Kh#b<h#g|O_i-3cPExzEuT}=84~Yq-;x$5rLut&m^7d_Rr?0H6o=!@
zi<eFiR2ps)pAxt1V$@Bu`}XN;9VLpirB+G_BT!i`m%H5#wV=?L&1UnkRp&5v^dU=z
z#871HuGecU#%v!&Xao|O&*veLeqgI8iXadE1ta0`=w-j(_b!4`Xwqu6!dfZSYd;1Y
zLoJ{Jvv7g?u%;ln-EPNJgOPKv14b62_}7^K4_0f98_pG?CkQdR4iq`Q`NQFW`{5HW
s>#|Dt8yxlAkajQ<B3;CIW_)0O0lCr<3{)gJb^rhX07*qoM6N<$f)rT%ZU6uP

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-none-2x.png b/tools/storybook/wordpress/images/align-none-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..a64a0bed51ecf8655d7d31b77ee436bf79df4dad
GIT binary patch
literal 121
zcmeAS@N?(olHy`uVBq!ia0vp^T0ktv!2~3)dP#2wQVyOjjv*e$lYiJRXh;l*_&?=c
z!iPxz`3&+~>og+kuli5qG0FP7;_KpT{ZaNIYvtD#xviDIcdh@*w09@oJ?#m2&A8LZ
V(nc#<;|$O&22WQ%mvv4FO#t<{EOP(=

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-none.png b/tools/storybook/wordpress/images/align-none.png
new file mode 100644
index 0000000000000000000000000000000000000000..b72df647167196e48c02f9990c9443373639b01b
GIT binary patch
literal 417
zcmV;S0bc%zP)<h;3K|Lk000e1NJLTq000#L000jN0ssI2gg6sC0004KNkl<ZC{v}A
zO^Q=N6oua|oQRD$a0w3GfQch<zk&-8i8PAj<yBRx(k(QI>7?rZd=6fc?m_9K4<FR%
zaO>Qk0WdRFb$0+zq)P?m$O*$hWiYc+O3pc@6l07rmXNz_$6q;&WBEDlHq$h2W5yX&
zHRmiMoaO&ue%xJ9g>6hGKDc{I>Et{|=*vq58VCZrvIQG}7~^B}x5ZVLPaofKuMSQ-
zLfVWKdGOCNv#;;3x?I0|hBay6_X4{V_tcZ$-7oc5%NJd~ES^JC(1t*~{Xx~i%pTWQ
z)z#uvm+R$g+HXZL5Z2>&oB^2or>b)oR?C-NK7V-2p~A7Yy~9-E0Uq+te*QPVn+mie
zG?d%0QEYJc5W?mEA_CT>VkY1sv;&l!Ds^!8ob#nPfNPhAC<qM~s^3jJ=e&RO{!Y`B
zQkwEjmp|)x7s7hG4q-Eu5<)o6`5zAtK)uTzXzt8sWYB~*@HG7eBos?5LZF--00000
LNkvXXu0mjf6nMO~

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-right-2x.png b/tools/storybook/wordpress/images/align-right-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..013150513b54b378e3ef1d92f926d5e777017301
GIT binary patch
literal 142
zcmeAS@N?(olHy`uVBq!ia0vp^IzTMP#0(_0B1BAp6i<Lpi0l9V|DQg6deu*H{rdGn
zFAr}7irad+IEF}sCnp@>4r4sXBx07W!I6-tyxKACGf=g>wDkHa1qQA~8xsAT(wna|
nFj&owdR4g5Igw#%FVOULmxHx0skwgv8pPn~>gTe~DWM4fggY*F

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/align-right.png b/tools/storybook/wordpress/images/align-right.png
new file mode 100644
index 0000000000000000000000000000000000000000..86a1b2e8764dea8899e847ebdcbd6cdf7570a909
GIT binary patch
literal 509
zcmV<Z0RsMsP)<h;3K|Lk000e1NJLTq000&M000jN0ssI2Zx5(H0005RNkl<ZD9@Er
zi%J4f5Z#}MBHP+Bqlk#UqRe)+rJ%1=%*Q`ONU6En1I0(FL{aoI_uie(?%1{k3LV(X
z%w=}Yxo1Xk9ESpMJOqO`B6~Ox2tP?WG$b3JBq7Nm`C$_&e)XSTen+C`g1J(TMe5P{
zlCE8tT4{HtYG`NX-05Lhh$jU_cOH7Z-faL#+wFFz)48ob)}srRBdu&qUB<OaOf8yf
zMUT{?YGYR$K!ubN)j|l{hA83_eK~MrdMy}>C-K#*?T{5;D(ppyi8V`KD;~^W=&B>g
zRRJoL9(%~;a;a1*lgVVWS;S~f_S^OThGnc+2^9~i?k(P!;d6bu7!6kvTVVKU!Epci
zJ|WP%dnp(jkWf1amv+`IW4Rm)UGHlReYR|Dl6-LOgb}C)GYf$VNI-xao(R!E&`>xp
z?j&3Wy!5?(-@=SOc_PhbGdPz&U@feR!8fp+Q-u>$9FGUPlT0Sl=``Df`fj(&y%bI+
zs0b{`=;UF6nA4FLI5T4aPVndRc}QT70RJIq=k7(T)uQq6`K1Tn4%Yrl#bo$D`@Vvh
zn~wIvUF0#qns+^L4fy!7-|zpZ_!oSGSq{=KU=>uh9B;4*00000NkvXXu0mjfV=U$^

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/arrows-2x.png b/tools/storybook/wordpress/images/arrows-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b0c53d1a6b1988f8a8a079cf58c3fdb4fc3596f
GIT binary patch
literal 863
zcmeAS@N?(olHy`uVBq!ia0vp^azOlzgBe8rJYLVhz^E4B6XN>+|9_we<zT^r1--q!
zU0q#3qx$>%i;9YXjJb2?0?Fyqr_Y%)r@kI&Cqr>@@ywYsv$C>)?5R_y=I7@(H#Y;>
z@$vCMa?P4GH8nN9zP^Ehfk19$WhIbYv}jRbVPQ*4OGHG(+O=yZPo7*?S65L{v2x`~
zpyKH0=+4egpfaEp>(;GHN=gE<;Q*)+&IZ~A)CF`>RaMozdGnSnTefM_CZHipmMmGn
zem&6SjT<+vUcDM<$nxdOmo8npb?erJ3m0zQym|5B#nqpqZvYJnE(!7rW{7c=W{%|H
z4Rg?Ti_m4!Hw^HX5o2SD`mpb4(D~(pACxcN*}}c_%}np3i?{gnalKjH)MU9@;Oo*o
zJ)h1mU;1fj&o=&xU;6^h87=0jMyt$TcyIB8N$HlhzzCV@>Eakt5%>1m(W1u=B5fD*
zG`FQr69$IY;WGvtlg@ai-TSY)EY;HQ=)2XCDPb$Cx5Z!myES-nxdT(JbHqtj|Cg03
zpJ+}HU3Y8#(plYWxJ;A!xi`9XtO?xp$|+n?=5KCo-fsVjrc3>tpS`(+)~&zqc4ql`
zmIr-&?SbZvOAcMX9v{S_A}@cM<yrUf+9ORGllr+7TLd=!JNq*)zm`Q!eX>zZ`Jvsr
zAIci+{vKL-pZBUyWcn$|I$p1xoRgX7iIva281uX_eCoY|h0E7m|Ls+}Ctz*MwN0;o
zzh63k-PK#4w#=V)Yu>f}^NRmVI&mnryzyhY{o$5I%+a%ZO<Lc}sjx9~-8;LQhxMJ9
zvN7}1d$#tMeCO0?URBqxxXrh4rtHigx1$>;UtY=ht7!k*q%#aRBX;b(WMa(Bo!*|t
zCVqxTe?mVS(6vRkbd9%Gny)FU$`9UhqS^5gL)-$b$?W1U&Io8Safg`8&Mg*y@x(QD
z*OMm`HE)Z^?0LKL;TM$+NAJrSi<{Yhc{;1C^zb{T7Y`+Ob1ym;d*gNN7x5Qyu?5!y
R>pVaS$<x)(Wt~$(698bGWv&1K

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/arrows.png b/tools/storybook/wordpress/images/arrows.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e4a96cd2812b40dfc03aec555202f27617db541
GIT binary patch
literal 243
zcmeAS@N?(olHy`uVBq!ia0vp^{6JjI!VDxMy^pU0QYryHA+A7rJ0Y-AZlMxT9d}8P
zUoeA^mUG~=U1vW0`B!V6X9^T9_H=O!vG7k$P~Z(IDHUmuytljDx<N8$_jbo6Gt&H<
zw7U2jjFzx0;7Mzn$o-(My`4>`=7Ay`zjMWkLx(Fx7BH1-tlh@!)P1haU`F`+d#zec
z0nHaoxg;cR$S&aN%jF6<_HN~bB`3F5e@_Y#+#$6?uZe-d_O)!T$<nfNp!E!%u6{1-
HoD!M<MJHa{

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/browser-rtl.png b/tools/storybook/wordpress/images/browser-rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4d369563b8b1613c9bc714e45f761b3ee8b0786
GIT binary patch
literal 40170
zcmZU4Rajij((d3891`3T++7DJxCBXX861MUdvF+BgS)%Cd+-ddgF8Wk{(Rrw``nzH
z^{iF>bai*F?yjo0s=}3(q|x6Iy#oLM=&~}ORRI7P>$mq<WW={8Q;Uin0FY5D`&sO(
z`|?R=c)jVc9?ggW8!0X+=bRAx96QY1uW1PhOn3sL8s>nGKy)}VYhyOh_@?3~Gom8m
zm|SB3afk7@B<7_*;0m95Q)5b<$1YZP1e4M;A+N06_2#dmSUxn})aPE`SY)Yxd)=5E
zcZ5aVt#|J4j3&@tji28=`*sU%G`F_$E15E=rHy^PZK@c~#_H1`ci#+{W9hi)n|nEk
zc{$kd*=WjkAn87T3^61q=13}4FlF#k!;2g&V@er!u(3hk6iPPrc$LK0yM{^wTt8ns
z{L8KA&o#Zx3eE(~D(|{GH0Erh`!)NEztF$kzc_6o9)ok9At*KfGTd#?0W{F|WQ~0-
z;z&A=7w@r6H_Q0<qg1eS9Debi*%fiX-2T)2HazUfKXXt^19<&+qz1&3wyNR(5Xa`)
z75+O6F6hgDRz~w**5(W#jc?rlU2fL;|HtTmLkOzDv@?zWzjd(ukJ0~Tl0=Ghl1DdG
zs<4};Pa~Q-=7s?BJ256Fep`&W>fiZdVeTxym%q>?4Sjxnw>1~2M)$*S_VGIQsjF{k
zc(tX1Ywutlr?;esr7`Wmp_rsZn9#eee(2ub)+N@f$op;}7nvtl^8H$_H1FTPxzf<P
z%d7s-?Q{1NvnMay>|rM@Ot8qc#nY3$;452<#&f90#7BeU={=fbA(9xOA8i<e-NrtA
z<SusGehmSB!vefe7bD_}*R4g{rtyWf0rT3d{+J>wlD!-IXGMrx*eQR;SpLd#y+_zx
z!lbcJ%n^}b%&A~Q8E!VIkxz_mJ0$np()C^2`MgHxVzTt#=ChPj*$t60E7JAV)$a>i
z&VE&o%HM-x25&qj^UHZi<%U}fR7pcM7Ch%~TBp1>%I5C2U-}$kgpX<+4rYGekh_qR
z?$sXMofkPYwAS)tj2lkuExF&Vxy9h?+V{Hu-A#$X6u#fY?hy(Y_?qSF-&xxvY->GG
z*Tqw1H-z)5ud@=CZ8NZO@5h<k=m6(8T-Vf9wej;_Vc4d^25eOl<Y!k><vzJb^P=H%
ze3=@3|0-}4y<u1Pf=<@l1io5u7lQP9Zf`u1Ah=Y;{5&Qux2meP(X(^vKQ&x|Xo*zU
zw>GuKC^i|}l=~dN*y`CVE{Z-v_|g`5S80ifztgUSIq}@LE_Y6Pt?SMSUAkYRo~_(9
z_CDTvSP{2jddJj(AJ=r(I3HYWoXVpu$R9l<e3}nm78hL&h`Xk4=IwlG%8a9Zx+h;3
zG&ZWM|B^vm6oo=v*1EHKAJV3Tg+%nN`k&kPgkzo)vsOaDkG6!;q1zjDp`Du0JKpZg
zUzZ(MFW;a3q;w0C3A)>7Ozm&<w!Lk-PA2#h!<p!{Wj2=3-IjwC=rlUi=wP^UaJfa3
zWyrRc;PIm`UX0FWyQH9PE;J=ln5>&%;ge3U+q1S{)A`?!4PjrNfvZq=1@dE^>&y14
z{ntq0tPN;}=BxG;O4CX5<+;1QHQbSo&awMRoyIfh^D|aVjEl?VontOEdA!kqV4EuX
zl@+>gRl9D8K0I`F>DEC5Cf$C%zSL~MbYZ^q>%d&SnjL0BT*a><ULlP!e!gdV*%*9v
zI4{YMG$mXS8fe<`&cc5^HzvQST`Q>`=GL+kbPM-7@aV*N4rxQoAYZ|HC07=>`S8#Y
z<Hvf5_Mo|da~keLevbXz7<MX=&9vC0X}2)g<+x&xakMMM^cO8<JirISisy}}*Fm!~
zu;01qbh2=v;KEW>8)9s{CiLhq>b2$OzAoSJ&1R3iKYggz?U1hz*6&~%kr}Pwu&lhw
z$YUo?x{Fclak;zQ_bFjzgZ*W8<7xT+yxRNrUPSj#Khr&N_7;$&UgPwq-|2&cFLY&i
z$y{Gp`03C*dgI|9vu4xIJLKGcBI{<0xjAa-rGDt|PhU5|`??fxjNp0e|GJy|uNnVo
zfP(?}&l=SYhR?d%z^5aN`T&~%G77hRDtI;-sn{}j*#2$q6aF|bc?i>Jq`l<`Y+HOJ
zxFSdg&Z*M?8U=j_0>yv{Yz{IV{-yS~BvZ?6U&4o1Rz$^VcU}A#7`7&68e2h;WZ$st
z!B-Sm_)+kUlVcO?Jc4Kmsd~@v?bO8~9^X*mp7UT@c7R!r&@Jq6lL7KTXaMN<@RjGf
z8~G#sI=TOQ3Uszp`)Xz}_?+$&HNVoz77gzOSJK{;%^5fNAs&6>aGs&rt@Z8to^xTy
z0*)@ax&{8Szwn_aWXTP&YZ0k~OstXi!YvaY-&>?)!@=&pf|`H@rR9X!-(tn7*7#@5
zfy2xpO49*n6v`@URe%*tM)%4vHeTs3<kjQx=u1?C`@RUvDYN?Xchg;GKY78`U3+fB
zuMgX=9#8uQ4_lW8Ykw*(k<OmdE;m-Mbn%{|r!Gjry|sM%1u!=Yb|mK6B0k>t`LB+;
z-A@KlP<%fSN%h}chmM!fZx?P)Xd7DuB#}-^>W_6Rwxs*7mv_U`N`DU>uBeNnq2qoI
zB!17P(EFd=Wr5vL^LvcpP0b9aS(x@nT-2cC1mv6_;R~#2@Tf_AmTX!n8TUfHwyh*+
z%BX>}d0%ind&7sjVeCP*0CE5=je3T4<`NDKTTeMJps`X67chNWR*y^B_v!<Wsj!OB
zO9?@bHS+?p7b$^|{Ez3jwf&u@T>V`P>#nlgyJ4|w%wgsOUGgy5E@8lYRS3qCKp3LR
z#qUV!3-7G)JBE555IMTs$p8ZrRR$3-a9sAU7SK<DC;{-OXsOgk;%l1TJyIx;OA-L-
zGTE^OjBX^nZ5!{c8*R^d3&0vC_o3aiyFvGBL(WZuAfW8vPF<9^`d2X0>5dbD_eM~5
z0)S}hoy~y`9L+gl&-0oH7_z-F-EP<@w$Qbo<<-Tw6X$c6!TC}y?`QIqvhcciA9R-~
z@UnvBYx~rE*S@+R{}S^bG25S21>KyIlXTyV`f>U`mc3d&vGTr*@U1`PL;YG0H^}QR
z+TGE>gZzAM3%w6&*#zVsTT|fI`*BvX;e`%Ik}rP0`MPe|-*rX)^CN<szEn}w4SXhr
z2Y}qUv<AOxr!J&=gA`JcJN>Km<ZLZQVZD@eVZ~WviTG+ixi?fQ`Y7W0zo*e{R>&q6
z^peMIA?v9-=0ibA?KFW`;_=6%<<KNvp2u}Yh96%~Xh;Z;5`gZ5zQJnND#(y<)%F^p
zOv}TG+ts)43ZX1&2NmrEA;5eab_Ia-eWdA4?13;$L8<Kcuz^VrK`vN30!_qdUSgbj
zQOY*@_O-ot%x4Lw-<Mdf<-ced%d&m4Pygi@pp6XwSC{V6qW5F!0|66P32{{F9V+57
zs_x8}lbGO1EhZ}HbpxWOpRmj}!N6E6+m`1BB@|hkkL0KQAMZa2*(9$o=dW3RkW*b@
z&x+OlzS=%UUUon9VS+dO9$&i<=CO194%V}U%(MdB1o8Gab?0k!PJgal+&Va1`f-8{
zUV1459)^bLR{V+o*Ld#r+TuM^3cW8g5XLDnxUw2%SqT7U1v#k<kGex(Pq<WiqxcpJ
z({Sc{25?eUbZ&MU3t}g8J-QWeD|e}ic;wX^sAQDoPb;s6!o~S>7CzI2i81)2WO7aV
zYFZ|yCYnrFrV?u6D4edx!xDV63x^S%!>!TLPieap{{sNSNYF^=Ah#r&_{tww%xacq
zvJ~LMp^eZW)pMsqgw7E_N{GL_tOrk!tAa!+N9oyqm14RjaxONBZKA5TQ2|g_SAtV_
zr*F+-VdW3j*JhumWs!#KVQ}}i>l3MF?mSs^EqX{$8nk5)gGfz2X?~372h?a62#kxz
zk|8@r79O8F3;Bj1h%Foou&=J)J#=z_H+Me&7;jwA=k-05Hy|SSz2Blty`3vO>E4%s
zU-k33a{|L3d1d8T!`Ws;3Memt-*&e-YDM+y7Nx&u$CmWhs@ECHND&d(7HBK{spea|
zi^(v&l?>T1{E-IPH!#fVrEZ{W#c=_Er?(=7MNZ8pcQhh^siw{ng<^oBcxWY#8|FQm
z$73NCoD!NqcfrSg`oZvJ`Rqb^qNUlolyw<VSWs`A<laicxA;PqUo<dSsO&m&ctOtQ
zawv#`N?jvOc!}Hv!DE-SC`L7-ig=9;zKZtA-mvzjIzk@py(bGy9F_&+1wd$5X{alF
zBUnieMsC&sWkkMKm`xg>zhb4*(+Qi=bAo((Rvi#8N$WbwBU?|+Hka12!(T&WGJBln
z0-x_*?aq=}5$gIeN1{EaH39od%NgD#a7p!!IoiDxp^`I4O4%;d<O5p8PgKOmk)95F
z9WTql4Mr$3hV>7`WK(wE>wI$3*R%7NGt1$+>eoF*XPS5|a@30RmsaBxV}G6_QN0qU
z;hqO8-q|$d<R?;)50^4ITuTh#R1@h)JQIirX<m~u|CDy)=I;W(zu_BIN7^#yQHwDj
zEZ|03gJ0<^Sl21$Nu~G&c1Cng1vi(LSWnxQqW}AD1u?Rc5UB&8n|k8g&&~|{WO@rv
z%vmOOOP$Z}ogutl{Ey4}fX|4(QC5>(DQMO-Z4Ru*+~P?AUs<AP2&gO@GVUug!{mYI
z+P_iv3H{+_LzWl{utwjnjiDh)B$6?t<rU}4gL&$P_5VmC4K-s)AdDM-9uQxk5LI!*
zb1FdN9C=TB;S!M!un%-l6S?h!L7XuE@tBv~*$}dVoe`>UQ>f;MMexT%dD(K*7e&)~
zS?gU-A7H5C1bsxdJ=rM{3c?y;Plu<7c-+^-Zr3L|S?MB;F(>iaAbS-|bNHbwI<R5j
zJtGN?=9Rkm3uy)ePCHq;FLyTxU)zsgct<IQVUOFDNMBQcez#$PQ(%<k|A?&22T9~^
z`Eq9JrJR{?$D*c-CD|&5VS$vmLFHd@|L$6Py&@m7dnIRGju!)?Kv+e}1Q9KU1(flR
zR)3kF(ZwP3*4B5)^9L+jnoCh_9-NB8jbNLQ&ai1#2T!)uw6-;b%iHU_&PD^%{z{~f
z=)>Z$(;jz4Nol4RMtERgs3kDv3<hGOLvjYI1OgFuk$<k}v4R5O(C)aH3O8_+4=#>u
z#D9i!66GhfcGx?^OqxCdLn7lo^zYD!q9hL7R>ZM1#BM!UNbh?M-Z%(KppQljUgLG<
zF<CrtntZ84#7iv9XGIKcYqZ=tz$H$(79WL;MDBxX%L<(o7itPr1)meHZQBdgncQLH
z>G^ZtT#B704ziEP9iq3%TlRKV0yHr-?Y(ZDM98N2maTexIiSds8dN*pyNm{faDT{O
zw#dP;Qnz)wkI~1&ey&@0<Gt>$Q2!g!ViGMf)Q0mEN*tHGGhD>}YJCymKXI?gll{X8
z$5vp57`WvU)PI`J`gLr{FopNEVAqG?jyF69<907afiE!vDtA?|JWJF!9RUgUnha%m
zr%3f*6_nCyxvtRPkEShXN0N;6#KXy=;o+tMl-Q1&w$s{s_u8Gm4Uw|Ob5ZOe#rk_x
zBZn7svJ{XfwB9=EqdO8Ya4AfRD2)X7HR4qgeh8@gwx-t{v3+3U=$5%1ZOOvwEfU%L
zN9vd^Bp{BI>n7JDJ-C_YY7kQKj1hsCs|%VVj#PH^N1q3~yprOJjUYYasgaVDquCpb
zT}shXWSF2@Hm<4qFW33Ry9-#&jGHp@tc{KN*JDPdYC9FvVQ|<V+-FLxuf8_O;5jyN
z6xheobT~hGb(5$Q3E~S$8wt+*E8#lm!Np##Lu;3Cme*M;)aP#PuEB809_N#w-C$J=
zQUy6u1Mav~X366Zn8%Q2dgrN=2Z!E=agn?~?m0He(Qk4?x!dZxV{|@8c728iJ^zn-
z#$ipBv8Xbbs#DjcUOQ6BC0D0>R3)UPo6=V|QiaDeg<p=+aZ*t0TG??oUP#H7<JRPu
z6^<V1peAfds<wK^SQ-Edc3;vzaTg1h2*=9Il!Ffs#)BULNEA=A!0ZO5vl@G#u&puV
zhU9F^gqS*BqdU&4AhP?jI~1fei1{qy$Q>^p1xviPsn>QU>V@oFa3v5s+tHh4pvusu
z6}f$d%S;~Mq5AeZjpHALRRKZao!6q*VfrvRv~M2%{X=nu@a~oME`bfHB22V;&u*~s
zQk7BVu0;cnbtpByMGT76?^M}-BbAKCid-n6v=_$W7e^ACSW~+wgO@+t3PoZABd*iy
z<$q8O+!2h+Vn7SSaF7^;WwWIcT$gN%N3zy!4Fa`i(i2ahCT)&z8wvXIN@1KP?UC@7
zuy_AqME&~YKeCTOSzgg}t-y6ThdAN)>n~oK(yZL*c%Jv6U?<X#qz`ze)zrysIgy$o
z@dY3g=$*Ukm?z%!Gb{!DiGYbxL3_JG>mlz0B{@BnNp3(=3(UJR+GwM#H0t98=;pAn
z@9EmvOspvQ#8}ny!WPT9H24wl<>lX*tulXNz1M>^Vc!cjj!U60h{g~Ct|Mp3n<}Zg
z9-zdc!Ts3vhbCtl_nG>zl@=LjYBXI<s7eACA8Pa`Uh=8)B@<?F?W+P$Z~N8fNBc(E
z!0K8!Bfs%SFBgF6!GxIr(_6!G0@HD&L`No42bDADFYs*F`#BSe>!@PdO8x80&$!X~
zorov2KrkpAWQW7&E&Q~F8DsGJurM4-<{9Rn8UOt@kHQK&oJ|_;b_Vnu)GTrr_J=gb
z=RGK2Y2GLAR08q|$57orbMa4Y>P;;G7|=AO1LIneKp026C~U&afxQP@yioyV#+#|~
z<5}35FV!l|cb5DAk_jGE-$w5I8)>-PbA+R#U*K$)wmYt*)Go;y(t7fNe;S>Bx%VX9
zthsR~cqgvczi|E%3@VFdwX8{`)27xP(V{J0ipAj|F@x}TH5<^#=Oo~DU>$G}^+tvt
zosw>W%+<;Zu#T2c(+1{EQe<QF7=X1YPeFAj73P@nG<ftZEu1+liB(yeyxbs~+Xm;O
zQHK`L`;fjrJD}ZGedU9vf^`OvUQ-0fa8{;RCj4XYUoG{mPS<#+hhS&7At@*!3y>DW
zrH&%w{Xkfv7%Ch7%6epQng~APu#?(UlXqd4{0xPD6xf*Llp7?H<j@fQtj@zbe8t)V
z>UeoLE;S7@J*Ngy=D{sRO7jtad0%6!_n*y5KpHRp7mTnNg8-4PKgovyLPjm(a2o+w
z|Il4=YM|^TUT!cyw+vS@TzIgNfO`j;x)DO`>%74_g;By^964qUw+he$SbxbE^I@Ve
zX$V}Z#-YJ~2=!-968y;aJu}CM*<D$H^I9{&WB<J~KTRn!=DROy+hgJzar}%{c8BoT
z?B=BT?$-02tM6K!S_pRF0>4`gXZQDd0wt2hD!ojG^s9p-MHh&!kz@(rWolN{!?{j~
zYix8r2ASsl7AEP;$kE*q82tFAmvAxU)K%g~XGKp3Z7umr&uwZ)U}TPa=`ZCNH3m@f
zr9*lxkC*#RT9rvW_NfT;$2mrf8W&kI`RV!h+=phe;BM6jq!)`3{e50LF{Ab~-PZ4;
z?Yxb5{S_1*O;XknPjGEEY~gOho9volyqdGx)#iY}Dw2My;Y|h!YvuXRKR?lsl*^M&
zNBv;$<2py6i|ndz?P`FOyBh$qCw}!hOg}TAeTgFyO2BXXRyR6JRMV4a_M}Sa4yv<;
zZu*EW_li<->IoF$5y`!i4@Jeu<YiXf3C3ZYm69-;h-$D%$jI+f;fTuT@htS@`~++L
z3(eKy!{1pQ0ZlZyZ?vM#U_vt0hz?v{iiOQP)kh;HymwGy62Hn$0fFO-h`7D&00hIs
zPM|h3i#0C6r6ax8XgG@_g=@0td#O<$nF<X|NC$N|-&1YEOQ$`_V_(h?R=?p-mJNY{
z3%;S5b?I=yMu!Fmi-ezcnNE}ZtKbjXuJKa0unm4Y5!p-JvhXh1Y@qDBgm#+noHq@9
zV&E}aCHtwwO9O^jz-~nj|1>C`pG_td3x<};o}lCK3k5R!*QoURzD@D-15|%C`wF}A
zSRpBqhS}<N_ZKV@NgT9^T6i-Q*IKgL4N*~xW}}W3P_YRxB)Cysm$d;=j9*Zq+#STv
zk%_Y4s<fv(q7}*GY@}k+SwiWHn919qbbR)Z)KQNt(2Nc{fE6>?+H1z0@HK>jzVO`I
z5<d8n{d-Xo8PR!w=mukJ$l)HiYBMj`*SfNlcoB)F<$%xMz`m&{BfP9V^7JT(87?~;
zuj8YB!t>JiEfhpu!E7x1^L1M4re+rcL#t9aAAHZhlox1y6wD+GL+svFK|>go`A`CB
zuQO-w2&jdPP4B5@^~=xhEqTnYzrXBoYVIOT&zt5hf514TWP)jzyVhI<&KN+bH5HO@
zQJ#Y`Rxx3ak03EzF3>hoA<di#IecH`>`xSRMEs+&Ncf|8Y;C)t{vB+EteyFz--r+x
zkR?LuYBS~a6Zs~NJF|Hgdy#;<6NOFcXIkSY1+ai+qJ>utJ&E=x7HO}fs?7cXX_oxH
z?h^}qArQ%?;4_2-4|ZufL6)^+oP5dYBn5=`tCN>57yf*5{~%WQR4>rjm>kg`G>#Cv
zl#nPfU6td*(lIPWjMf#)8F=l>@v<1=??u_O{K@hLO}x0p$lqF2=+c)irQr|CkAgy-
zGtpP<Freg~vL87~!YU2zS>Kf1=JU1(=wp9hq_9YqL&JjqbK<bd3FhZWl8j$N^;5!L
zPh%QgeJ8`GIX)cYeqFn#?Rb#Twl6Kw3(tpD!8f^QZ>O;LuG?;*??L&_R><v?dbVis
zdkyz6x-<orKQh~jm@Gw<F-?hFIa=k!x@brnMLn$hk6;cw6bn$1tLW(b9T`F85jv_g
z<up4!GIB5d3_u4En5w-Wow9w`xu~+4MLe4Z3?=1wjAv55gFj80@Yt%<L@5xv8$9J6
zL_<2)4jq-Ju$hxmHR}!Pn*)fKN#y!;itMv^nRK9XX!+|MH1!?ZqtE|Ly$A8E;%HL)
zF{$Ro;sOC<oy{K9aA%FQC;)Q*clP_XzLlSZMy}I7&*^mAq5N5;VhBr8L+oJ(I9RNG
z93_BVhM&-5T{1On{Y;oC2Kk2EMr)4D@oDGnG-g>X(z1c?9m8*;FRLdX%P*I$s`V_F
z>_xMzr(b3@s+SrE2>;QPUiZCLuFMW0Z#D_}x_f^W^<>VO9)dNERO&9qdYmG#;3gS^
zE49^24_M)9jv7QGOydd)(WRAYx5)IyPPAPIVw)|xW(LptukcXUqnY$Rk&8;wREKY9
z&E`;Yggs;R2*9K_sGDNXe&!`;5~~{vTtGKT2cQpXgeHN<T^*|Tz$a;r;>uxq@i2TI
zKpPCITkerEw($bzIr+%544F^L2Ab!1qVJGBS>9=8xMK*D!zaT_k+fq`xXRkrbVVIs
z{)Imm`$ce-oSmSBnQY)`LnyZd7bO7U<vaSU{sS*yvJOpc)YuECiI<7T;;#X6j`qD<
z$CX^ls$?p)-73KSOOa(ka@rc=0}DlF&FLvpzFYMoce{LCUg&BnW_n!czHTG^q9~mS
zgbbDI*F#GWOPq?A-7YX+&i^I1|DDi4^V*tj42T-BCdh$!l5guXebos}_hHh8b)lee
zorU+RPhO}0mFuFZW51YwOMcj4=SW~OG`BU_7Q~x`lmj2|73l7z2nVjFMWL{fNY^y{
zQW|VId$|mX;kwH_4MQOo2+pa^v?-I{ayJR;Z7Zi`Sy`7&DAF~wrv`aV#q$Il<s_bW
zxe*K0>y44bdyLc}@za+Eaq72zkb&1?N+i-gpPAwJZNHOx1tS$F@YsA?F5PG>4olq*
ze2#6{HEe`YJ<ygez4rFaWF}$y4*#m;Gn?kp|NV%hPUde;{pa09*QWXpd?IhYf*1PZ
zz!0{6KH~5$lJG^qB^Y=H(sh+9l6}*CNvwW1ZKNAdC@yDTAG>Zg8-ZPaagSDOg*y(5
z{zKm5ywm^0VH)JtN;z(U@D-LHX6XC4s-4*sQ->IUVrX$DmxlJM6{n}zFXbhFI2eBC
z!)VqqI$d}22o^r-^i9si0XHeb<qMHfw$c3Tj8KXF(=S0wailJg6@12Ni15fW#qh`e
zNx;|nvCd-d)JqD`hZ@vG{K*R)D)VCyV$(r0*B9DTwgPmVuuNTe+q%Z&o@IfGFJ3?C
z5^$f_5pIap=4YBC*NJfv1h8OE5+f(PTbrF@3xlS5Aqm%?4-4u!f6WkQ8hH22HZ|EJ
z(mu(o=Ull>lTjX>2Pkc3MJhGR^%_v={p{{{7lc|&QODtuNFQ58A}@yyP5GQTd0Vos
zH(?}q>Jjm$?LNEt+7CBrNa_LChjcJb7H`W+tcq9eMutV&j91F@s@8nhjTVC@zNgPb
znZ+uVU(~zmH24$hYx0>WTn>fh5lmzRQGODT=0u|>ZNK43$54ZY+yX`+Kbfhg+1i7g
zXXYj_9U~eMht-t?1-4I8=OSSXh7r#z6{PT))SNv(B#J{T)S4rNd)X@uYzl*=_R&Vu
zksT{A#5gdRVTZ+7JI)acQO8hbg@f)2LOOcfk8&2R0Qg$&2NO|)t0=Kx9zsMd=JH>K
z;>YMU6+h=P$e-FcZj9SyW)llONLeVqXthjr4$|NG-ug6Y(}CEP`)wOjT`~U3Pf6j#
z=BrzaZ9OEawn0|LJ#&S?4h{QhU|K=2r!6u!&^?yvF#w4yCplB|b`;V2Js--KYXrm+
z<L2eN5f?w#K2|nS()QoN|0P3B1g+Su;VkWFiJ{h=*nU=|@sGL`tCohM1ge@^=K)pE
z?067ZwG$2(LpziCLZM7A{w3I7rsug^7T5x%h{4k;9EV=!;_nn1YrkH=>)7|*K*mS8
zbWC+_*K@k+!>h2E`SC`-ZV|wX7M6sX%z9zQgE+gm=Z>^bbJ4Ga`RFCzQVe7XdM{Tj
z;Yud$(rO{m$00d))T-Hc$IT^|5=usz*?n87d1UXk@eeR#^DA5qND~YLC1&wt$Fy2v
zOvYFzY8o}(oX2(1BrX?@=V1Jq+(u)LMVKW|2U)Fj2&DAV>KJgVckx0jR(tY=3w%pd
z<7Py%rFiC!`$#MNa(Q`FUac<~<!>r6rSxZHl<B<F=k;Dh|Ic~WHDjMW#^l-!&$=_@
zewy~>Cc#&dV6wNheXT20#PjU_0`={TS0nfH^WB*UnGYK>I!9mjJ{vLC4#tb_3o(nQ
z$NF#t18Z9*6<93;*AI#t6Bzh0-(Z8BoAK|2$1CF~L-(8dQB_wV5*$-rhYOv)cV_vO
zZt2IQMa3gwoA^gkIhaAvEPOPde2i7r4!4F4_5*x`ABo7@(UGvUH7=T*QxH3Z(5p&L
z<1g*YqhiIu#b3125p9e3C63(+CO}Kl+NH(=9$z{u-*wVyVpGuf4OGOcD$3h<TA<G!
z4x;+B!$NaY-uEi^=g?(Nehg|s+(`m83IFJ2<yB5Cq)Mh3wJ=l;xvE?6IH}f;RFOHn
zwG;!s?X)|kVO(<QXCoWIHzT!U|EzsDMta)!q8CX+`&J)@XY98@tC{!j-^DSnCwb)V
zeJK~)|Awx#iOD<6yzlF~g?x`GU$;>V`XY_pPl9NxeK0B8pm(p;ms|TU^SE6<@P{uJ
z-6u!AhsK<_R*WDY#VYY16?3%}lCg=6VI{3Hs}rtj45$h3Pbo0&h*ZCGG<=bxju0Ap
zMPr9cuo<lLg8SZ%JXw)w97%C>Z4LN<t3l!*8cx%RvZh1{5R$;sp&n#I=?fPSGA>sO
zOXGYOv_4m|cB9Qdf+fpQz-J^`ZXen^@D<6j!=wUa8Ps=AVbG8q)G+GD>I8(b!|$-a
z5$r;hBU~7F{=m8}ASEP=A4F+=e|yo}j;CETBTOg9pjuS2y<BPvoT#gxkU;k{+^@WQ
zIw0-;wdi?`4n~iV8155$Zb~63^0hjo(ko~lagS90tXr^#l>LtaopT5sn%UbE;542R
zIIg&a=-9nk8-SBec$-94-`%6j7(3sU`&rhGK&{Bv=fPJ-)R&=u;(aII9?9BXk1n^Y
zUQN7rB3=`;A~AhV9<?rbh5Oz3%&M2~E?gF(W1e=shJ)<fN$c^*g-`jJCO`w`mv13r
zd>gfGH2+V0T7wVFOYoX$Zo4a<Nb5Cn36P@uF%oN`gWU_F0oC|^M;R1SSSwRB*Kz`5
zHUSo7ldwt->h^}tL(o+R<%pYaC$1KyKSQu3HYj1}*zL(f!dIzdQ;0>I8Gbqi7+Q6R
zfVhloxrHWgX6Gt<mz>1rKBIEd(2t$@BJ7SYPF>#s0iSxi2=&^1*5J|eghp}5z<kPe
zI-sJ)2_--TQUOWvmxDLvN(Pc*Ib?w5TsU7zv4f0*8t*6L!T5obe~=5vX<*Y%=h7W5
z$OwGx`>-~m$YzDtGVexivlucpZ!V+qg;GAdT98yqCU<t#^84<MF%HYKw3-aoHOo`J
z<?txs%YG6o-OaU0M2k04CO-FAb2c-MFakkzkKMOF<j~QiG0hxK^d7FCGT7+R_#C|7
z4hdi5p+9Ex-QXIVAf6STHVUX<?9@hG_X$l4)>j%8ww7dTP@Gyc{%p==iJPacZ8FDe
zBBQthOwzHIC33JrG9SMx-5r9qPt$2p>38?S+rl0j&Lb2czyZ$_61oYArOA+6NaWA%
zcsbJhZBi1HpT~SZUO5#=uT*o0JtlFo(`omX{z1<k#ahYV`6NL1D<_ChXcDE8(jzdR
zFHrU3cgQ07WxC?=;KvqBuir7|3j_NbJ!N52((I536H5{@x>hrSHz@wpqX>!trUcwl
zVv>{Goo|S&d!2Vme~wbv<Vezkvrg|<APUf0br&!0q$Z*^bq17yH=H&Q(C(!SjVB5s
zgIerxu($=YiO%Fglcm-MuG*!PBo&b50NBW?9ZqomC;%a#AK+RMK3}SWdm8&aN!9{R
z#d2@1$vg>j{e9&}v|6}LE?56NeE|Sc;Co!Nz)u=PQv6)-IYkmc9TqyD4)R*n;4&2D
zl@AhjJz(MnNo(}yS&Zl%99VVv8uM3|AWoP@iXT#KEj!fAW}RAD0R5>TfALWBWhd&z
z&vwXkFp)AR#WdGX*_*OGmb>sa+N97$SAlOTcKOP~MM=&d5Sb^vg_G?Ur!qCY=jcAy
z9Ft&kmb};=bW8LLL->}R(7lj`XO@?jTXb!s$e#~}hgf|tBc&~ta4o)=E&zy6st+6a
z<223e>`{Ez68*Kbti(izMv!1W<l~bF&A?u0RJ43t$>W(|5=qPQ89TEA!Zr0s_Y{s+
zj-WH)faQ8zB=&;~KbG5w=Qro530tJGRN4#F4*OyqBk61#P0RP6k;GIE7JVFXFszxB
zW3$QVTP>@!Fd$Za1S%e|$l^tFh>Whc|MtNl5Z8pUIIbBfy20=UTv8CiJ`XtwG#Y$#
z{~pQYua7Fhx`{a{P}qnIKeF5-mjfP5P$5=4c6MbZ>rAtod*|;#ZXuGbbFP@9U1#|0
z>g~elk16&n%_gzo(5sBRH$!w=`-V(}-kh%T^(iHecy~Z2f%j%E9pY%%l#2um0dJ{q
zbqT@#=y;!T37IOeEnsT`H>MW(#dDpw#Mly!RIi7zknc@=eC(sjXT5{!KM@{rqnU9s
z2UOIfY;YSnm?W6hMN13=C={owTyo>WtA7;_a9y@vPP$y*!cpj)%F$kYQ{bJl85C_a
zmy#>Mwr4mc_Tw#orf%rZE)3Qua<Y3S#w7v~laxn3&g^}O_gQX8y)kproJRJIN3}4@
z*SpLjEQJ{j@baSL&QO=(z0fBx8*b9F8}b1Nrf=#!6}%>VL>whNnVVF9haXLG3;>-D
z)*U9zt|Mv5MwqCOb`0~lQ!<TfRHnMj@n42MuZ1OHZUMPYjHB~~%ol-zU>=@@C0f6~
zDSrIx-dDd&mcqtExH#UV;)+xwA*a{WHJZ7<oYaIrF`&)1p|sJQjEamFw1I|EG*Qzf
zrR_?Y1H%?88%RwwARv#M>6Q(>3<98o%4#@^TWD>5w{Kj!F;-^m@z8vUh2y-2Wl|Cy
zXOJ-F*^qZNw8(ZFqeMN~={P0|ZMq2}Ras~Ju~H?#^~;*$IwILp08U#bK7fG0*jtC)
zT}Dt&J+81XI#l~`_MS|DZIM$>j>oc7rfwrsluPr<mgID{mAruZ&Q-9ivO~mQfm0@d
zJaKW(9ga2a0h9`>%S2)mZ%YL9SOfR|`QUOzqwG1;H+_{>R<#8LJZiof>-nEu-AO9Z
z#~p+MZ+BA+*!7)fBu$p4>u8gO{<%kNKYkA>BwZjnzgl$^XACb?Il9i_Q@2bovoec>
z%~7A2a#6v#^d;@g^yuVvU?WNU8<2ydjB7#9@>8Lndxe_K1NRm5>pcZr5%>ySb-JCJ
z`u>~Q3RUQ|T)D>kh*a)0)8e)n$ofi-xCYXqOD|ZGiKp{MN#KHNMYP&%gv@^-N|9Jz
zmgrLr&$1mQ-$O8t*n&s4U1O+{h|Y&)^cw1w^A7g+)KMSg$tzxYUH86sTirV4TdA(+
zWmU3`4%sA;ixH;w{!|XuufXwa!!aUa{VZ1;+C&bR)vIq*w7JNliXIZb5Z?dC!ptx{
z@8jzeUc&S{j=Ow5_j`4JLpZA%PT-gS(J~(_7sW)W*=8_Y>@kYaM2}L+kt0HKrhlk|
zu&%Xm;ko9kE%iN(DeCvTX3Vc=C5T{%?OgO{aodaH_LhK^t(KjI<sCQgoQ^ZX7m&ly
z$WZ743;jVzhMZwDh~u!cdM@avzp#-*G^x^uR&qGD3X*7IM#6HUhG`02F?Cjw>lBl@
zTf)#wZBL75sta%=zhUuh?N~n~4a_43aN?JUdAT8-7sL7|b1H1bDY9bi`7~?u5p@%M
zI{dRXMqm2a`#e{g{DhQAMJ%TlZB%W^4HHXD`!vn*E?KbP@Xiu-RSNCv&j8B+8Yhu|
zOvOjT^C!M#%}6FMA9mjZ3G!_+$`!3QH1jP{mK4r<Xa!@``h$NCS1$$;9ODuKf$kjt
zY(6#?7Y4DDvlz6qXtb@<9MPY(b1~=3PmGUIn4&2P$B>B`uh>m5j=pJk-o|xc1%F?_
zM@>iqjI|#0M;yF>ki=L#|9ZiBs_NRz%n%(46V00eU~xi%W@Kc)9vAlz&FCz^6YlVr
znfoAA3XRZ=GhlpECf02SK{V};Y(6q-@Khmzlj*t&(IMJU&~C02K#}(RcAB#|)=A`#
z`XAW^S~iz9j}3nKFOgKv7iO^&uxfre6(2f8Wo|9S9eciS*wEnK#7hwg<4elZ(X<*2
zrjx(LU%iT<lQEQhF1!%TXt!0@NB6VVeehf6?SkBRmgd_nK~iI-P_`V0h)wrhDq#My
z8TxgU>A1EU&e#ElD@xM#doc%NU|#s^f}WKR5Ni{=4KlA&jaANmF}g#fwAlpVH(ITo
z@9cvMB8k1;ghM+5Z!Cz>blxUcjYfRe@26PG%Z&b{K;pXqR45<ZXS*ZyT!a`YyTn3t
z7ivjemYcOzQO>Y&6CZf+Xr9R5i+~@GNS0<7Rf2tuTZp@?Je$8@Q@4=eg|{86W3+bJ
zYGCMn{s|Aqgg?-hK%T=xS!9j-Se|sNU_&~UgQu35Ejoqd19v67*?QYZ4S4exFeDzB
ze7M#Hn$-uCG?46&h~E$4X|twt9~TGl(ZM25m0}pB4|9TV1s%*%hGrff5M_UPtzVIK
zX^}cCg%QZkBB#D77sou)8ytPKuK;VsVKsPlILyqD)C__H$j6`nqAk#qNFWOg6&*?e
z50KgdfOS+8p@LUG^aJK#0bXbfyCrLhDxmFb!qF-~ijtyQqSA*$9k+B(e8v;U)oce8
z%T4o*5@dLggHH(HtPG45zlCSh{e0nLjGhWwf7FYCb&(Y%6;lhBK&N#hB`FoNkJ=a%
zR#A<uz|^LQZk)q-e#-+8nveF+$PJo*v^xLzY1l}SesG!o_{`ld0v$grFZ*cd@Wuz4
z`movMLRwPp5*Q2ZXw{srqRcW_*%xIqGY~MMp6{SBo<-?$Rpq%A%dz_>vcwNMpXC$Z
zJ6v9Va3B1j5w)M~Cu}g^t~Z|5W5xhPS_H=e?0@iW<s9<B2b;h)BhuC;u*^@!TD`$0
zF+tZ~f{!h6?ke-7w1-jV<`rtExLBbDhXXILsmwGAcA}v??{4)Ng^B$&9*HVR^(%t5
zjH8|B)lV@sDbk0C?`UaCYWi6Q!+0mPomEa;@=Gw7@IXHsKhX#<5jBeHXg8B8M+Yp}
zS@vGKAp0)aQN+59dLo-$11ti6h{pPa`5t^g9Fd7iESWFlGlX&2{Dd_C`%!0;7uP#*
z12VVlr)(8B5I9F;5U?EnYAAU@aBKMml9i_v$m@r5&$v?ON>^kQ2Ni-zblAwOKw$Bl
zwDrk*!#9X-S-_MvC!yq?7Tz0=>%8l}kEhV*yNxf*Kv_!MO$AeFz|TFeSlP<3n9U0w
zwpwi^Hh&iX3S8oHwG##t40Be*pumjaUc2iv{!-#@Wc<VZY2dMX=~(8?uaJs*r&~Q~
zihcMxex+nJB)HGazvk-#Zx8Y4e$%f^FHmmY8U=CZi&g+RohxZd>}T^TUCxCMOv&<3
zqdy_Hj1<6UD>=gA5vDIfgo2n6V95yx3KNw?e+@EVne=8@75Ta;(S2`-W_%pq{~4#&
z#0D%>Yf8%aOkvm5Se}6PTWfu@lV|z(hjog8$EgXnWCPn{ZJaTdqtu#q3Wm{H@AJmr
z;P-&?A#C!f6ua+!kgKkLjCO9&`5vEk74xtp(|(4}r2Fr08Y<&MzDw>&ny{yDssEoN
z2wn40VgeTUsN3RNS?ERKfE8T2vT%(F7<{ROu<DGGKV>P+AbQMAGRhVfuCpB#jlI|#
z2Z6l?<7m`5F1<?Ra9ZcQQNYum9AciecGa%_+^$(s(Gmynpw3S!1O_LANIBnsW&Dw_
zXW}e`J4`l7agKdgGlTyR+N!Z&m_+wul>Fp}Ngu+BO1;5iRu`>1<Imd5Pt$Q)NKLg{
z{4I7zT?g4xn;XX10VZ2Q@&x*eVXg5?kob&csd&l#PQgt((btPMKH7q>URt~jVI?aJ
zXv$r%j|AHC1f6#=hwt+i?)hq*4sX8GG9v&T{&k+I>LQ`YwQI-3#88{&wXrbl4sj;Q
zC@M=62DK%a9t^J6W%ZLVaEtayEK{rs%&bz9?<(EPayYz+Pp9)DguTj$hCXjViB+0+
zzSonFFoFupwgc0t(MepcdIU8cBIczvttGt~hnw(6jB#(|7I+ogX1^bntiG98_t<m6
z-r9oPXmle~h<vyZg%iMX`qg8M8Y3;CfU=&T4$ys-T#%_ne|K0TQB_~MDp1wBFC^=?
zmp24GLA7u}JO2&V<7<9zR@}8$3$`hiXioA_I_<t?Z+s{_e~-G+;ul03IIBk-Y{FwU
zQHck}N(`Cg;idnftO6WcO*{`oB~CS~3=Ud2X`B|C8^+eRomStyuX5{*v{MgFes1=A
zY{nhW8k>aSF(8>PxYzc0;SZo}FSoMlXry7Jv6y?e$)~(hvn-Ib*F=p5^Mi-~JI-T)
zgi;ZZCjOS%A%uM6Km`~GZ$0y<%k?fFYU2DkkVhXU!C20H&V4RFgkquXw370}LsgUO
zY8o~iLDOQ~?9pIY(irn;+Lm)CHD-F>?12t#lszU6UwO&Gk=yY|VEP}Vot$+A?HQcW
z+K~%3HcQ*|-<1W~pr&=rPajvL3>FXNPaCd0Vn12eI-AvmwZ)N(*~Gmt=b(vkpvGW&
zVl+;vdAm|RcPbI9$ua~gZ8#t0PkMT;9C?&XB@%E)=ev?5FUp(RbZkd34x_TPfClT-
z29QPH>Tx{Eg8idqk&?gucCDJeRF|EzW=vm!$5zNFil1Zhohk|Rl*dK;)*p_7>0Pq@
zxqN~R=B*$~ypRv7jRSX7${vu=O4f~enNe16BCf7MU%@P+TFM|@`89e`QDy>XLxW>V
z2Ts2u<=rV#*zb7flHy^jZ_&$(MJL>HWTy;m5~o(~+4E^L<gwy`FsqKDdcWV9>)Zr?
zk}8AW$>e}xtk(qCHloMcPbvPcxK$S;kCO~a8{*MG{2hUzD9fQ}MIMludSHA@DOTj@
zTG}LWy81e8TCN_6MUu})wy{tv(k|z+{X)C})T-{y{_`c@0&n$8a9~&DUDjEp3%LT6
zj!m12pWLo>H~I1{L&<PJCSHnWGi@v!#<ep1_qVY>WdLyi0j#tU`3G9qU(1t*7D<|j
zE*bziN~iRXW@3gGjrl~dh~7*DC*Sr9lHAe#HS|#E2)8y<w^@{^6uv5uDI}LUJXs~|
z1f?s~yQC76CVc4m(pK9y!VsVaJ>d%7U|)t^*n;O$qqK+DZ;pNju$5g1O@?QG6T6%8
zGNdy$4mDOpR3Egu65y-q_o4raCaRkI>)W_6JhYM&gI3g^OdC6AIri*}Xl*<LAS@{l
zZ<zt>1W<Rfq5TK&>sejNu%Y{%FJkWkQp+a4`XBmv4C5c%xoaO71M2&KAKm*cXU3#^
zQ;OoJ@~lfy+{&x*gSAlSxxfq$B0S0N`%v1UahCR|!y|ellehY<3_eh^*{4Pvq%!Sg
zT0~0GNVvwziLt<ZYNBDCaVxN_z6*!s=snIO6<p<j2>=m;kaF%Lw4!qA`z)u&pucLP
zs{jx9BO>L=$%GXeSM(0@5Y56%H;3BE`?6u<Tn|^J6ZW|yhDIPi4)Jk|o?}tm;BVO4
zH$xmo9T431j^_>`q8BhSe^I5){`H{h!&$GPZLD;e+0S|mREfgikByCv2PD1J!BgC@
zSuBGnP=O@>AW!x)r2WlhP-7;3u8GiBU;X)NV6B7pdq>UhagOtFl%fTcy!3*YJ@`a1
zD6-7XqHax8L<Uww($>8C<jKFxp<Zt)^)iImHYYhc4BMaQ4LH5~TJ*;x5@rRr5kgg=
zT@S8;f@ozBY6Z}Y%ud)jMA4AVynfS{M;B2~K(q;+j5wKT?W1M&Py~BGe+iGOGakqU
z(|UWp4>R+EKbLYD#=C~U;WfB;Xpve0+%P<Ru&~yNWKV6MWH_=~aLX04*`08Qzb1*b
zCdmGB-wnA_i2l8C=^K=3HT``Cu?9ksKzR4tW!<3d5UuJ%fSfGdk;ttTR?An6QOf-4
zYm)D@V{Fb<PJI~AS>hlKW|~OPmE}L8l8Ew$1E8@%SkYB_N6LAOVJj-a`KV1SV`@~_
ziQ35p*no4C*l&YPR_yk57!NI~4TD@@@LRO$SYGavdA853`-)Ao%6JGI2m3$jlpe;l
zMCgEcFlQFkAaW+Q5aF<4m9?Flv-h*Z1lN)=<v!}fQd`oY5}+ipZW4<t^w-SNxAB6r
zz(rLfH;`TLk{fKwWE>$lrqU#2p)$jKp1b@#nK^EoV}X=8Kw+Xzk%(E8gResg?R`3x
zf2{1sZ}JxfPBqvETsEgQ1M1dgNv)XnGOQMW_9EBlsiPrcDN7CwB}*DnO$I~1WtCCu
z5vqRp8`cM`O%=kHqnxhFl42lZyjDb#aUD8=CdK#qC8|5NWRfU-Riq;WYJTo`oy9kN
zr=Vg!eHIO%CJWToy-)yDp*w>{(3B?9hGycR$kwEGg}oul$X9Ug5<~%Tjz&vr9!F@v
zgSFt)9X4rp6j()x+Nw7B>fg&n_=vScRGrgbZAhIaM!(Mem88#A;V~I*Ywm-V1m)Qt
z{rmvqU%Hu8M}#7m^a-UThR3nYFh2PGxXs%8bTeahdH!CdPKJi{m;!aW3|x~kiZ$#B
z{35%-0o-~JU-|c13yv0bRTx5>m1ROa_z1A10sEPDg{H&&2R{wQ(Dc5S9C8iU5$srW
zqi<L}oK5&P<v8~9M#Xv(O%po>iO)*~KB5KfV}JKA>a|tHtUy)Eu1PQJ?)5AJ&qN}q
zfg1hC5@S8})#B#ixemw%#>07c^tp(-TI({Gf9Lp?g~2^T3k#6eZsZ+oi{(Q}Bw4bz
zVoz{$n4z(KN<a}!s=?t!4bDlp{&jp%yR|$=0|ytFjc(V3(R4jXQY8lACqt0XUv$OE
zI(pL~BaY-o5_K0@QXC2m$a38Wnx^aZ9;btycZEGj2?UO!*5-qw#iIeT2HW*@JMbFw
zpP!;cKim^4EHu4uq39Fy*NVvHH;&2X?X_0F3-6ZC!jECCL<n+7jvzsXABaDd`l)@Z
z_0-+qO7i~0r{bbBxaVl7ytG?^MR1+<Xe@DkXAy&jBWfXP>X}JllIW5`liVqHjp0YE
ztBR#{hSMq4@I!UT=89ZS@ctk|PO^0$k4E&|?IqLhk9_rW8wW<Ku5U>h`M>z0^M}c#
zBL_K@TB>9IP238=^aiaq+mRcrdu{f>;Cb^Tl?tk0_Yduqn9w9ArBV`5-pH~MDb#5P
zrF!a77m3?ja8VqqVk3XswFn$CbogdNt5WLOV~y;M5zHA>b^?F}T-49DzYdP-8GUL_
zA28uZ?5T6jlUb^wAt5x=V*K78^=?*DHUZDY5@%burwbVn6<Z^V2`J%`Jw!%B<O&qE
z%t`dnz05+uGo_Bk&q4c@LJ`3Oa0YaU;b!c$tSl4kl-YpAIGm-`Vo8(Ns}Xu;#!hG-
znHZ(2HaliN+L`>(MVl^$9Ui-!vN;@tR}xy#%FW((V$Ng}$0`q^)F(1$i||RF_jp#g
z5NrW>Y?aI>TapO9@WC1zuq@n@jr50N#t;+#gzgPVnQRg(wDjsME<m8K$H$lL++Dub
zYp+-J?h}Y$gN>-}g}+6_ChFVu(f3OaW)HyR`#YNMxz@IjF>L`mr=Sx*ALGpZ%E7wP
z<5uB}P*>{`Qa&?IvhGn=o2nxd(pnp<67%2suS5J51{;-?$Gpe7@^@`#uI<dn49AD}
zi>$=ut~M8`jqXD8?Ppg!JWW-NO-E{tPC?I&xi8__haKF%gN`e0?o$<gi|Sh2&Rv?n
z`H-FCp04Y@f}5&aH+UdCHzzz#XpkqgRZKp&H}`(s<&x+ql3V01dLHxVgKzYdm7YJk
zl*){X+L*)Kh@gqJ75!Y28SStAN_%#U9o04)N&g!B?&K;$x%xyY1tf)nt<UA}(Xj?P
z<fP>qcq~!i;eYIuvTEo=B{%leI1h+gOxXU~K5}OTMB;2Y!?!JaTG2OYEp_mu#(kKZ
zVCA;tN0HZC`RI{4Z3_ES&W@UXR8t;?Rg>y0m#NT09d-mnYh<Kj!PuyDZKETnjZ!KU
zP2jfVj@0cq`1NqQ-=!Bzr!iEa6I=N!B#Y6UWtLv*R`cDWar@F#^!0b$>O4Fa`=Pt&
zfI=gJ9B3*%N~-}N-SnNxdwE(5RSebZ2`+Gv16OqZ8mV;r=L47O9Usiu`{`0s%4Zfy
zikjL&L^=CZ0!8UnYpbDf#JK2(0PQb>l1X8ouE>jQN8NSPb_oPQ49xvaMD=y*AHSQh
za~GmGW0}H+ZaOq~%woetJL{xBRpz0L+_O!yQCP97VU(zn=Fr82nEBP1O*~UiTY`oT
z?CZ5x<t>NwR!oZ2YU9;n!0o>!V%K%miFAol15Uph=!}(+whfIIycii_>;$RHlEibI
zEJAavPv8?Nai<F9;>C4z5+Lj+8ubQBQTHcf>ie;yh_zo~We$}knlu!?PHNPD73{Cm
zKShy1qJPYz#!`e@5J|sXf@=;1_ymaodk(l7y%5ij&>&Jfc_Ge3aPEy_9{aSz_@)?*
zUB`rD+SRf~UpY`iYK@6YarM21z$%tTRXmvedkhGjtA1D0N)B^Xdj{bfby{wb>j8{v
zo3V8WXL<D>ZuvnTM)*qoQS=Xrx|Ju<go?5@&9!qfj5eKec^756<B1T4DvJm#6Icz?
z@z8G`pBxL(Zy*sE>Vp?8swer7on3~>QHoREQLGZUWuD`{I}7u}fPM5*x&*%9b~D`;
zB%4w`JEhOpvh=MXz^89U9;P}1Mz9<5frclJl+vZChJ(Edzt%7JW>bGx&)->%V$SiU
z56y6aUF}HzMst3M>#T^VrH2J}hDEbX_gauleAIX=Ft!e0ROnY?vS6^Z|4<9g`#%8T
zKpwv+t=-l<9|NYSY;K_5LXMpp*Fwk8*;P7Q&Gk2>lP}`ug&NGyL%~&*dL%VMnHvm~
zE7WO4qm_!s#m~?tb!Nr3p}o*Ti$YNb1$Ah&6W@t}l$CT^nrK+%ikjw4Rmc$rmQYqH
zfuq!51S=@S3`(18s1vIt2VkRn1>3^JDjH4B0{36aSqYP>EDN$E^j$$mT%o>-pVJ8z
z|1Jy1V`G5A)MJ>SoSkJY<^`R#B!eiF%u*CG9ZPB4HJP6W3;LvJ^jr%+6Hj*bHCdMS
z|86|60SZN#oRY;jjiYHCP2*^H$B{MchBv^~22LG2q~ts*<VY)O>MCe>Z9NAM9uK^-
ziNI)t8W$<F3VGmRU=+1(yeeu(QD~)W_<ylwCgR~0(%=|-3tcP@7~B|5r8KAug<cgN
z@MIXZI=-NpRftJcx*rU(rqpU&a^UN4njS&*6^szTpf1^I1t(3hrR^1(2pB}1Kpf}=
zOW`<S^c(f8(&kK|doIi(Xs&W1xi3Ryy)Q`bVxKfT2P<(I?*p1=ZGE#0s)wsLj)(bG
zs=ujEmIVhh`iqkhb(I>td=_<K7NEh6b2;%VO`^(!Rv=J_o#ENrM8o98K-UD-^TBn<
zOr~)(jiYHC?dmwvZhb*-_2!nAjBy?O0#fajjF+qOP3PDmlyAQt^!lpSySCvawdsxG
zt>32I>E*fuK0}7zpf_xH-hUWx0OyNP)0?-4-u3BC<UQZ`-SLgqZSQpH*oFbS%HgwC
zZ+2;0zs@VY#k<w3y4cRXTfGL0+i3QB3w!UE)(&l|-`5D*2OFQ`E$DdhY=?XG3x@Hs
zRc>70`)%p1-#o*Y^Y-3ib?~{0bspNmFCB*YG<cJIh1v1_jYE1{i{8%Db$%rou7SSe
zF?gY_U%1=4FIjJQM89@^sRVW$<eS@lKX~~786HFJf*c@`88AYm^n?Zr3pH2tvXU7|
z7D3i#hJgtN;Ao`Xky+J>+^9KdYcn%23{7apA~%|30DzL4Nr`P>;1dAom?_AvXr|Yi
zv}L8qTsW}@tQ6NO6KIr;BV|fXy3$cAXcw6%003;SNtu+Dqdw#`D}%s<`Y3_3Amd{A
zU|CxVkj`52z6wsrrm4L9U_-V<T{4KR(Ro*h!2)bUA;%uWI5F8{9RzCtXrne#&#mN4
zV_ZC#8T8jenrLC!1Cv?oFi4X{dkhF*&jq#Cf?z}jUF*BX&d%hVBnvLZ>MCZ8)(#6b
zvoGZs6@bS6P4{CaJdLBh8%G4}v-a;F_n)<IJZt}1BmUlp-v{Dn@%MoP`^E!j?brWj
z#n1P}@8hxi;%^*#*8cc+{Cs~pZ{Jz^9_OBQfWP;j<+@N${Jjt7?bGoG;`#gI-~0ES
zrR(p*aX9AyuXkXd&OdPAEY@*W{QNA`cR+vRy80|$3!kO>_8;JHUJIWe*vIqHwgdar
zZnhnNqdwGeK=;iUSzMF#=zjOR9<=koK3(T5^oQ>W_k*%Oo{#&+@3VaW``i}X+kW5A
z{sXR)_2^#lKg$9A&u4L#&f_!kZ`_Oedf%!a_QiV8M+a8NseK<j`<(IOi!T~)zw?e&
z0t@v@O!U$z-eg3jyzX|mFp>a+t!P$p+eIbTfk{NuvX*&TdSfb@<d^`BKm!xGAPALY
z4S|!n;lwQ%4Y6gGij5SGs3^!N_&op)Y>mvOQMh8^0Sy4DbUah?2@r)@PAQYL6yt=$
zh71qdXQQw@+(Y9KJ@iRIi6Ag4LO|jS)5=jE_?*!T1>1%RhU1Fb_rZxB`vK-{u(nys
zsYORsDb`qo!ZG%R*_oJO$#yrqCprcT0W8@l?^obTlbLdXvq&4okE8wQ+qy}+Mw)Fm
zV%mjG?3&j_JEWgef&t(g_=4l*8#3gI(h8Y-tyq6ur<%sm9*iRbc9v!1RKEAhd_Er^
z`iF<cyY9Ywy!g_K#!F(sX8`Sjp<`O{F*&racBw%HGq_HZ+pHiCtb&mZ3ZW`EaTME(
zi31ar6S{I@OOS)5vdLVRc8HlF)r~{M$hKr^qb_Q#WSO-YOXXxGF)+5Pl!T!A)n>9)
zo1nGLQG%K`%?gwsWXjXQRj7?hT&g))XjTWCt(?e(;>f{>Sf}rU=DqH<4%UfzOi8B~
znH#RNIv#yi*o5|WxCTJ#n2-`2M=v&Mh8Z+@YloMWg?<M|P*gPS<>0Fr23C68f<g?C
z?Ady4lNe_(gU7Qh*k97P6^2)@wil?>evX4m+B^Fv>8*w8p2pEh9Y+Lg>?}5w@69p{
z0|(Q?k32kH^QEiD%P+rN8IVP;!HCJ4H`Mbmcq%$VqAAwoa*S1p#TYo~EGy(SkM-uz
zW=rdobuMQTbU@S}KhJBkJ34i0Gd7#$wV4f=Rw1pfwzDiJ+larxC`;+DIW=3<QE2ef
ze6RRD+fd;6crUq3{yYa8tmSyZq|5E(sjMv)W`~7YoE=kW2aW|xlcTGksf^DAYB?tr
z*jZjDT{0e*3pnarp<4}(D-B$wL9dXO%KMG&%nNC(c_pTq*Xk$SEBnlCZE`$=oX@CW
zgo&JsMXqxMTDgFpks`VKr!+&ub1wB<b2}m9Vvxt@ROgi)TqU1jUg0|N?>uSd31|vG
zgTi1`OylSzk0S#1IQ@Lj{~(L%;3Ege&wl1J;{*5ICoQv-)>hjg19p*D(&sq9sqe+V
z$vO%#lEz+a49r}Uw#qS)?J19gjbKyhcrr2TtOX};!--K4d}Qtsfar89d2HiBFH?M*
z^Q_h+0mI2lCnHqSJjq(92ZP}h^te-7MO$-6Ld5Gs;{<!mF$pRFV@~FZNm&;KC!X|v
zo5nb{DCCG@al`{z5GKE(H^9^YaF|q>U}Bh+q5>M%iHRD&lg3%`T6v-01ae1KG%3=d
z5XhBz1W_}~mB|mSHGWQpj`MQK2n2C6$;x^vpHt;fHaOs*3+IYB!Sw-9c!njTDUzH}
z8z@VG&^Az`gDp8p$<n8Bbh5_L1lZ4@A29Cw?!SNh;@^CM8%zN}7+*`4fs%9bV4{%O
z<YI=*$|_|-a`Kik6KiU(ngFFu>%7+IWF-6>lUDVYg>=fw46w=@O~6`At;ikH#_#lh
z#lI`D$6TRaIol@iQT=LTRVv{^UVoXkoLB&xN=%F3RLF}@mKNKSH@erR6hp&gA#*Bq
zuFgYyaGbT{<Pa<Ld#lcp09F;!Bgv$y)L#lSs|v{!b&5`?QXi_1@~U1rwz%g?WqrFe
zQ}=y<*#XE2nuVC6!q`+NBPG~IvFgf+EO})I9^?Wt&Ya+1@ZJP`xpm&!eUh*GMSVqQ
zC%`h#r*U)=$I%4X&!C@w`lo*y=kwWk*=1Mo-HuHCEo+;xCD|Xd((;0ghrm(h9%wQT
z2?~ti)nvmYr$Z@MY-wXgMb=dcn2OS|#x(Ks74R_Jsm#e-N)Jr3F))@w><+*q23eVD
zR0?-0<WMTh-0g1!K808-fuPZ%L^fNec--WGt8H@DzIMfXDHD^d#0qh3$PP_qnWECY
z!Gz6AX`c9=6O1e@C&T4^Rgw}Iq6c6DSjI`+G?pi-q_>u0-(;8qRe+h=Epu9+i2Kjk
zZaMrK0v6aGwNGoHWZs1$Hu6R?M`aKzQ<xioFIQ|c&MWA+)N=>e0EhwJkZlSl`SAH*
zEYy{ygql*#G>%T*IGO<a8TNyLb;aeEF%*(|nFlgVGMbNRwJ)@%0~t{v?G5aJF|mc1
zA)^~sQ4S@U8_nE8CMYK*!j~NKMb<?9QWKjYYNcXpsZEyB3F*KoHE}D4u2B=L^*z9*
zE_27V$_&+nQ|4f8oi$(WqtPh5E0?4|Q`)hz3{k7ZY;q@W@Lp<p?sLa5E8)WouNH_g
z?5eC*anFUd>Wb&<vn}bM<izI01xVM8oq6dQ<T@9CiME%T=#(mQ$pWP_BOAu(=4@wK
zs7>5|gSvCEa*DxpM?Wdl%{nXrQSDNiyTjL3%-jhoMUn&n+5&0n!MVcGC^6Jx;L|ud
zdE;mT>}S{y;=wPy{Bow)f-z8!v<}J%SZQF?h0Hcio<gQsX_mnZvfOW9VOCqt$qlww
z7vAr}CVozagn^mU$<jE90TYI1vctE;x@v+00jts^D2m$Ie~Nra0D@~ZWlpo4o9r-|
zBNsCTV=83+;(9qZ3QA_I95{I+ow#&po%H3#0HS>&ic-7u!4$777o;5+F_CD}R<&7|
zv`0!5MSTQ_K<A{S(U|3>ey+5SIZgOltdZ=pbn*uEWdVVni5zE&w|1ssUO5K1p%abr
zhV|+?G4EXZFG1bmb9q%-ca|nyTjpRKa&mx`l34UilwQxphW#Pt4@+ShM<;I_O@RFj
z1nf&Lzhn%dCtJ!90vHEoh5-q4HqXd1z!I`r3@xuRPjq|Ab7^&XDGe19DYy1Xc83WW
zkI8JV130o$rg#>=t23GQh(^dgd9vKQ!Ig606h&-DChaeCR0ZqH>n%1(=S~)xkxb0o
z&K|Tc%Qew4LGU+p)jXNl_`g>BsMkW@#01Q6tR_9$M@Cv2P)kqt*e<eRn9Y@eq;UON
zxdMX3I5T?v#V#cyWMYEo!%BdhWi<f<z{*JqKtQwxKF?JznQ7&S1UTtpKV$&4`2312
z=X0ZzFSnDelvYZ87|##iqpn)oE&-cTOfJ)$;2+zBx-!&TvF!x$EH@BJ?=Eo7SRcj(
z%=l>>oxE{00roTOr|Y`$^2;va8(vC>EMXwZAtjGD22lp>tjsj1?UVttU?>#_vP{0L
z(*Ix<1?v+#!Q{+2>Ed9_FsKVpSeb-82ZNjgwBUpX2-P0AS#587E+C;<PJq%m)C=)<
zCNq}IFqg?*W{Q3Qupu6u(H5ml?5xo4aSW&9M9g?j;V?K(7&4)9<)q@@0JU6zNS0e?
za=ZbkYTaL%13U#30IHneSFtZK2}>VO=OO_o<8{$z8BOt;*C)6UxbR(OJ+qMGjNqmI
z<~69@$^lsATdZ*9+)NP;XbYT&SOj>lr6i18k_i9?z|Xdp0x`4)pXYWO7Nvlm;8bVQ
zr3pgQI67J5XaekKB4A&78DGed*$D(zMP}ikeR}ybO;YNX)DCm8wnD2unL-+j7|dX9
zU@}#14b~<+8DS>C07J^m0x>wj#4r%)K*|&^o8_zUGVOgK(=tcND>KBD_)wA=k-3<u
zRc1#S9bZXXjdf*WXq?2H1Ogh~3s`ODj5x4Hu;I+?2a~x{SR5G``lc>?4>j9ES)fq=
z;Ik~VP8{zW_sCf1v?oL^z#@nkjKE5>O8v9amy5y<Cr{`?ksM&l3>{-gp8kfZoI5m-
zfP=b9>Ch$h=fc{yVzN^xA2%jqY_ZMzQjrt5CLMd|(_D)Jo>QLKeF<RCct7ZqX&jxr
zaWnz;Gn8RN8sPx0texhH2%t`B6SOL&u~AdQgkW57CUY7CHaVkg&Sn_onI>{&rUCHa
zao(XWE6m{R9HXXLidD$`%xH=-!l1}#_LJG=ih0c#+nd{YRf?tNO7X?<d68RQQ0%f8
zPws?<ocBrx9?k^_X0?H>R?IMtsl|+n6lzu|ER1GumH9r!tjJ7L)Ill6s`z3##>Aw=
zcynGSvze?34Tc4<VSm~2gmW^+Un?=DPO-j~Bnhx?^k-IzIf_}<WXN)Gi5-&NqR&e+
zY&>JiBXVZ)_)2Za3IR!JhRuE`wWx4$aIy@ONODOi1m3ck#?eU}M-yQ0;SVP4x#xc5
zDV2Zx$A5gvfPL9zmvUcWOmxMgW_Icnns_jUD`}TBb&I6ciOHk{iOi-sn1EPXF1A+}
ztJqnZu2t}U4wc?+LKc}RCYFq`lsR5GJI+~lU^W>BFEmtdFr<xvG!Yp^kZa=Q&IF|S
zNE23|qDd<A7!#4Q1n*Z_hMd@pX2>*=F<~+>AG8rBJ9X1skra)?yri!t%~Y}k&DTQx
z$;sC^?YQzw07B(gyJ=%1YRd8cSr3?IW-Sz;gTBpjGvwTxF*#$e7U*RF|E#uDQ1Kb%
zP5{Yj>9GvCD<mCcMPaF>mi9|Yq86K{uA7lLOM1y1Mwcntp(s}gB;1pP5`utcx5p7d
zFDuzrJewkgx|P*Q8%LG5Y_0vSRV5}BPk9_EdPn#5c;g87lvA?OIGF%@55wy|_`wg3
zpZe6Np7gl@Y-BDzl^^UXc=@H5ayLOtq?BxtF%4G^l)TX2Rjo-5(8w~gow9bCwVXWE
z7E3v_QkWShY)Z%WJ07`jMiW*$sL`x-sxAgFH|wwDOi~K6_1sJw0CDgaazbI?(y>!!
zD`r=giiXHCIe+RpU0dnRxg#X#__J;+O;?&Gbwf<-TxN1cXI!R<RVd@Gwr;7n$LqCP
z)IrHWGwtV*whgWHR+GxF$l^OOL*;#%wNqW?H_k{}$hM*cs-#OR!KAXosZ6odxxkhn
zW=CYwX-h{rP{!aQkTUwr^a|Y<WtXzD2CZx6Ht9?6dRG>b7s$vnrFrw(b^z*S&}k3u
z#{IVQ<0!MdQLftRD2l9FjUzt)*j{ZYmG9^{;)|!7;1?n2`KM=DJC^&&jHAk15=c7H
zqIC2)LI^0pUddK+?yk01o#1nC!1~+Y{>K$yBdO(h3VuHP;d8l1$WsOE%PzTOY`RX4
zB$#4gR+$FT+-6`&Gf!#F`8*D;xdt=Y93lkLpog=hn2R0d_MBIW7@!Fl%a8x~kB`rK
z*0cDVgTAcH${Yh*R(=_-+CcW0S=R(}fuoK9Rf&;ckk7$R<}#_#wz;Dqz~(YBl&qZF
zS!7ch00;Bfj60iSqRz=|=LCy_;4pVQa50zOo6SAJoNoQLKYN=(?J9@Pd5;P@+)70#
zeEn<R7(f1rkB$HDTi!CB{@T}$ul|i!kH7WXzdink-~at_|Gs_WO*h@DJ&?`X82OM%
zDw&g+%{hs)Tu~4i8D&B3mQe{{U)kIfUD~Rm4RUGG@qC;^pe*EYEaP)Rzs>QRKxr18
zsi0rxWS3xzb49C=!Dj61%prLNWu1Dw<)$0Q3ogERy!hfv#%r&+R*@rlwd3O`o5$nl
z0@kv0yH?Ly5gvts9Sc!b>KX6EI7%_?4?q0y_?AEX!|~bAe)jm>=RS9Q+uPq}X`^=R
z`0<Y;vS&(C1@D>GU$RUnGsy{=*f*u6T#+ghVDBMVZwKu3{}Yv+0PIUIzKo0kV5TrF
zYl$@DD(PvZ^fiEjoIe={V^MgrF}z8C=W#%maYD`K0F#UZHJ|4;A*=DlFM84V>Q}#d
zd{O*ednYtboI)|H@85UU_?~yYTf4bc-Z{>iAtvLz5MyLC0<Im~G*8!esxR9H#)650
z!4B3`I<%~isZGb(T+W@MREXJ}lPg}M(gZIHflf6qoq{dhGb^3k5bx*5e(cA_cfa!;
z-c(8Pw3W9#{nFJ}kFR;nYsa7X$)6m5=4XCp{JEbyjraeOm%L<r@r!?ceBSe(H$LY%
z&l!K>Cw^jl=}TWSe&nO)vb~iv6VdN;N)>a3kvV(}6C2N_G$Z8wRSF@Sms%LL5Gjfx
z^M*vY*SRPEd@hh+^hsu|xR69t`ravlV1bzD8Xt2xKXXTJFcKsld)+nHjGwvUv*Y#G
zT|eG<<Bj8IufpFq5WseN92I8gw3OzG*eFwYA$O&eY>`z-#;EM1t4??vRo+YGEpPe5
z@%b-!!T5?-ykdO$%U?d8cG~mC|MZ{!&@tM2;llBbBRoU0ZG!Mz@#&cX8_%oIePx*(
zs``5Z>^%hQZ?DQ0V1N6#3VuHHp$|W0z{Yu(Tyi;I7+N@1meNFCS&szknUj&wOfM9h
zOE8F&2a|&)bLI$yBAJkdohSt-Hb94OG--<QSAX?a$1~43lfO&9->`HX@Fzd<$?=p^
zPaRJ=<&^Qg?|rXQuC3Q%GLaSMVr3Z_N9HiBxir9eY4E8CE@DU;;AC9!UNA|;c;;k&
zsE3mR?Zof7!s`eCr6iLS6~W0opG*5K<V<_s^Pe}K8r%HtcfNZSLGaK+|1kdE@0~gR
z^iTgZ7p7Of@|ELnM@Id+*S&6h{p(*pzTpjTV8Q>ddChCa-}sH+7=Q5>f02ysr7wMH
z1iNcj?;fOXnQ0-x{muy{bHx!?k~47s3~{rAPKg`>t9d0Ynx=l9_TccsWpJ(xge&Lg
ziq%Q;m*X<mwXOYUb;d>OhU>2zue$2<<L$TKJ>Gloz2kkc+;!I-<5i#koEDcI9!GSx
zMg~h@1^~ixvUZ&1+De!JTzY?%%<<l3dd5$E9KrgV&F16J|NPI7uZ@<{o8I*1@l9`j
z6QAJ=U--iDt$*}Z?H2-RFE5U39L-_b@v}^tcBU}E%uKs*6b^nf>Lio18jIKj*e4mR
zAAR)ON0bEEM}PiU1wZGU^Pv+0?8`5?I0AOJVo)%ZE3;8dUassgU*p7JENKbmp#hk}
zi?~MuOmfH@Fs0*QT*b<oRW*La5dr&50e0n0+rd<?xZ-j$&R4zaRb=4LfBy5w_r33Z
z+Eku9wqe4GO{U}!up;Pyb313a;86Z3JaOl%q>S8qR%8Z)+~z7LOQp$}F*-nOR_qL{
z3+AhVbDk0z9EKLZ`=wv{CARm}Q%@P+`ObHaci(jvLHe}kokk!AK)*Ro>@&|egZF*r
zncIHH&(4T{pAmn*@r`dBf9tn?Yy5>@_yq#@M?d~CSsf1j5+f`KG-RZel53dUGEbp<
zxulL<Q4VCBXlo`gD15&q?s1+Os49U)>F~0-!r@A@Z6)D2Y61P>2n7J!P1oN%e(tZY
z8t=OOuJOV9?j7&H@4@lD`|ca>z30C1>Z`x7E90o5MS$m0dPh98XD(SS$u9B#c?5NC
z_T+eJ032iuBo{r^afAi=;A}R&>}4;DK>g;`b9{6B`}EUKA7A*Q7mk1Wr+=m-q~r*F
zf^n2te#x?O6|R`C<eHr0R3VnKj6f(Pl}vzrlEM1X?<iY<{pfL(odE31F29Vg63b{#
zr?97z<|s|KBqKmmWaNN=AS;{=X2%M&zqtn#m@L_lKTEreLH`3#zd5oJ{7z1`zy6!Q
zCO`wMG5En+e)BhflkD|<@B2%?gjS(#3<aws0YDny;E$7bo_XUQT-zonHCudcW;18l
zn<g(nj3#I9BnZ@1WvfuR!VFCgu$=eBmqE-esbGVoc)ef#<zHr-0otd<1qX``7#P?y
zK8H1d@}@VviJu)^0MrC?fcF`19^ViF9;WuQpZ%QiLmxgz4#`rXZ1cJ9k70GC^m2e;
zQAy8b7Nj*|JU>b%1ZBx8g#oZMND<IVC+`5{vfSB`lB&RDwUCQx^O-Zmt{!i^`IhlB
zpS^0l?atfAd+&Q-eDH4{93Ob_{s`C)j5ptQ>v-qww{gFdogPO8rGz>4Y%=X!$wOel
z0_EIk^|GQ8tL7pzPth2~QyNF<#R-4>$N!nn?hG%w0B(#~u<jSW@CD=B|NQNG3325}
zn#UPOjJ+@9KcVA4SJcuRi$pfJ!&u{9?Y1lwpXCJDCkd<%AAa<hB?0zheSdVp&)H|6
z^OOO5u~>|kTztvcw2da~d~Uro4vLvlj<cD<wUW6B6OIfepNq{EVr?^PjQM=#Nh5}U
z2{4-#-nStqP-9?2{(wX7+Uu?#U;N@15u^ZWVx3|w0`2FI?|JWg>2S%-mWz0e!cL|v
zlOql71$fP8#fmA@X$KuRlL<;tCR2}}&8%DEbFeLd+1zG$sYneJ99Jd@h1zfY9nE5H
zbQB8!8-R@VViJQTL+&6@$BF!g2*_YxZ+XjG#tSaEaJ=!xo5(`%y8EtZRa`m#`Jey!
z_`3N0@BGg1m~8{x-#Gr-ul?Hi+~=M$e&O?<UuDgaW#@BFW`IwI=ar-YNI6Aj2V}u}
z#PgWbL70!Tc<c=Qg69*<41kF~!2da(QO5uCY(`6KKKC}O1hdkbxESj#x862><}+80
zw?<ID_nv#ldmoJK`rgQ_AGmkCHGX%?%{RyE&Lpku@His47BfkBka8f6;JG*fg?)m*
zWBoH*8oVdSYFN19J<j07bzeN0aYV)(>-qb?|2sZgKC?4qA)$bXK>B*Y^ItH&``z!c
z<fo*e#~Mdv0%knpnWUfG&xU_zy03X=i>j0}Hk(q@clQUe(jWZb*#zvzD+27p$5rry
zI!^?!FTOM~?9fopozLZz$<rkB#3_=F3TMq+j>+T%0#M8ib~If%iKKx-w*(*nG}88x
zzw#@;GM;zdd3?$9U3cC|2OJzX39QdNL!d=d^Gycr$XcOk=Z+!~lalU-1qPEJpqp{R
zn}KB6YH-g=>8OmJC>3_as0-ZNT+9@c2NP*l&f;+q(9C4yu#|+r$cb4zX6`J(%7A^Q
z7MU}W>|s`YdIWI%|K%@zd0h0v*f)CDAvgPpzwrX*Mc<EK`O4ppfAS}P5`q1-tI3c4
zK);}W5S73v9`7d&@GE8|WdQ<mytkPp2WrEaqGA{c5lwhFy~tGKy#SaA=1wyQz^#}c
zfC6A$2v~DmC)e|vmoozDZMWVsUU}tb<L_I?`|pX2`riA;`y;Eq_kjob-A%XMLY<ch
z9=kA(N-sua<V>s)NJADW$^^hOww?V1aGuF&D7FqDFKtoIp7c1XO1%X6>)-eWpOZlQ
zjMdo1bHk$j{1-fb-1q*!RNQtY3+Y(n2p~MmW!;pqud@PUZ?1Vb*J3rxx2#@T39~uL
z#t8xT#>U3@wXc1R<>0}CPx^eElg@_|>_mT3eNWVuoxJAb{UBEQ10VPxC)Yy{J@lC6
z(4j-eUGRfCpDJMEB?gyVd}+M*MrNra2cYH6ayhq(nOG@w&G~F5Gd4~{02>C9oIe5$
z4kVkBWDpM5nw48|!yoy`N5;@akoxL_1UmpYSm+j0Idk<lCP9)%p8ve(N6>zc_bjeC
zQ5jwq+mvMj-gz+-6N#TOBrO*+q4kh?b0M^+$gJyT+!K5@7n{a0m_)NolWUeMf?(!8
zAj>ODM^{LH$33h}V}tFPXUIZ8dFWf;;@h+d{<-C$Lad$}FO`blZJL%ZTm~EG{YRjG
z;~U;c!2XMOy~F#4$j6X?1)w*}m5ImD#ksN{=avEZ`Am~u&O)<qv)8%*UPUSZFmbOl
z%OH%%m}?=3<KvFI?ucOhnepZb)^IRBaNqruL+-u*-tqQZ?-*~o=_a;~Tbl0DI1*FG
zGnwi6n4QlFdIg_f=4cTvVgUS^Wtc(>9l$Q1O9v;*f0E-!FPW&u2jfBufKH&T1^Y;%
zarQYM^d8`LFdj9I=DGBDCP=}0KtFjA=3<qct)(2OV&)moeM*3R!}ZsXzZ)C;!$0&x
zN0gsC_0$Lk7Zb=I4^;7%^`p;C=i|G_15$j4<8b`j{_M~A+1+>FJ^t#;UUtm3Z2!Uk
z>D*Ls9?sv5AAstC10Ueuo12Grq~Hg2o(N!Hdda0@A39FbY$k^Y0E(t61}q26Ofo{Q
z0XB1dF4){G6WirP!hp{-2?ThU_!%XJtWdH^=-Tm{-~9UcidVjpVE6jhzk%SiV%97P
z_|8019s$#S&wFK>R;9zZGMTTr7z-mxGJ(U4tZ>G*0Ng0`lm-o$y_w8p>cRkv(i3@Z
z=OfwO%m6pzXS&u*2_%&P+wEMn`%FnBka<3^@4zY}Fn7E(StRP>;xU(Y8~dh>jQbt$
zc!xn-^*}!Qg$UXYJ^Y9_C(0eSJL7YL^gum+Hk0Fx@zruhk}dN-XLKgc?Z}!jtSw`I
z06giCoy)NWW=kMT@zF>?i3`P@cilZ+enkZ9n{OHKi9r3pgZB}%QEt2Q*725`Zs8bW
z`ui@9BWl*TuUzrrbPVE|V;mG_@bfKMg>02kA#?8yg3o3SuhTeUM2Giw(Tfgb1#u&%
zO6lv&`1Cs;OGoe^Vdnn(AEY1RcVGYdZH{Ds_M28?_S|#N-3lqp=SPeqE~qJV6P7@!
z#f>C_V|k{<b|xRfoay#6j-w|H*pCIa+Y7+_v4H-G&P`zZSS%ULI34#N|KJavust99
z*vGhl9BYBuUUmbtj|A+^9Vt5j*q1;Oi9nIUr^qB`+Nli#h>`&(_>7E*j=Gsx-8?z7
z%EBRFGEd2j$gUibF;D5f)%dMwMZjc4bj2H9zoqq_X;zs)`b<Ypr0)`Id48M#(6srw
zDKhO$vcOD96)<zP4e5-NBA;gtjZ(ZdqY)TVRX9}2?Y7xHbAn1nW}TB^mNSLBWmo`m
zv9{V#B4XHQt{8S|H|_!9UZ<UQ+W3xly;G3`Wo|uJJJ&IUFkX`;z4t->Rs`nLPv3G_
zg2AD$&cE;?g^N`R>!PKQOMfosGLZpxnBbW7Og_m4%H>=e31tZ^<_ckB@=1z2F6OIE
zrI`9Wx5F|5&E5ChJzn{l&x|+Td~;;fcaIM|@Zk91y^&o<u!4qt<1M$0k3a@#3}$7u
zwS{P1`OPkc_TH#u=`dD3*ZmY}o6*|m(pot7ID*bQ%hk?VE~jE?>41qtv#k_)f*<Z@
zrspjOv|q+srj4C)Z}IBAP;x!j!W%v5ndt=r%rdR(Rcbo!32#Ne@4kBp+UdEU;piVk
zk|0tDp#7;&e!}~zRCF+=ag>sDNDPX?+Pb28um~}^3yT&O($W?~_7ngc;CD1T#b;oy
zV7uGD1F$|3SmPX=i*hue0<@3Cw6_EHu@;JB0rSzH0qBor<oJI#0DJ%b1C~cNcBJ43
zbv{+VURzrmFOCem4Xw=lOlBp`%$b-bG*3F`0D^^dP7SJD$rUMt%%)sER~XW4UaaC-
z^%jzfIx);g#2VxGRusjS1}K(d5Klm85PZ{irv1M6>CGEvu9%!!U`he(Tuv;q=u*iG
z+HWJVmuyR`E#<`GB2{E^&dn6wM>Ceu6?1~f%;8|AvlyjeZ-wifvF#pG^vEfvoI1Yi
zUGLJ%XwB^CfXXFVXpxu+jANbWeCQl9>%`g-J@eMLzSZZ~Waovo=pvcab2D~kMaulw
zej#?OVqwS>slaCp<~H-re~iY^^Ja!$R<6Jl&cw^EynMX*h6vUK=?4f<_dW2y_+Vt(
z_s7p}xcR2>^Pm3$t+fj;xG<LU$Mf;~!t=)qKOO%*|AO(;pT1zc0H0ro&*R@0;kXON
z3(voByeR&Ua>*r^#OvIky-kiWju=Dl_f1MxQQIYP$oG;vew@)3GbLp)IcDaF5$`<?
zvhnt}zimAAXHRA3?Ncc~^;18^#3zhrkPwXlhiV$Q!L$=-pa1Dk(^|nInZ{9;EDMME
zap9!3D6*gsz=CrJ3q8-pf;4*)VSND4?EnX6dn~ylf#Y_t1;gDgMc|lYf$`CxeynR8
z3$OvU+Zp*|F?j&>cDd$gc7F6CvlD>5Z{L0c<@$~kwma5&B7lAArASQ=WT(>koY{s6
zaWD>`gR}7<P4_(hw)eg$Y|iIe`DX{mgAo)CQd1RpKw|{6DIGJ60rz{q_j?R^JN<Rh
z<Yydfax$8koVgX3yxseLW@0UN#wE~x_j})?1tC`|@~k+>w&rMec2H(_eo$ui!Hf>H
zj1dFSNDr<w-q}IP3php|_=9v(<*^PiS+VW>V5T&2=)O*g24KUvh)9pEaJ|!4pMhn=
zd3egHr;LB`j=zwZZ7U`}h{%nDa)8aGSEAlqZoPH<^<V$>RX?B(6m0}mDe2;%oM<!Z
z?wOdi!3)o9ZtYr<!2jRgxAs<YU03Qa`AY_{zf5e*7bAnfz!>vkCI%9<twf4w4PXaI
z0%wfL0P!R8NF9tKz)tMRgltk$9Lb6LAtScbFG>9%yIYZL-Kz7fx|i(7CE4AW4<j3{
zIcu$5m$#{IvL9q88eIYflK0l*)TzDKS$pk$PMHR4vIMI~0O}^I^cp>66+|Bmb?vq8
zpa1#Y?uS48VRxc{C?>>QxVYS1gl>(>kV^pXi{0`vCdw?A?QD1It<&A<Q*U;s3*$ch
zCjKtl$&=liC*CaENiy-1<#YT#T|gf9dCERJS@wPXr$6of{^ggu({G(oE%uZhaj=A>
zLSiuD-*~pGd`8VAaoHde#4|@S54KzO&82U1HhE@M(aphw&ocVKvjL!DV7=dslV~1)
zVq&8c`<>gW9>Md(^^mZ=JXD?bsE@9w#~1$rG0NGbGZX=2JwNmTeR4>f&P`@idDnmq
z7Ca4*yXn-^KSvH9z6BU}(x|7egKhhDwgWc6|8{NJ&Z=(*{@VwV?V9&q0QSLyf3fF)
zjdMN-V88UzQny|hcBZptg41YKi6?*vl2>3}82|ud$_?2{&PwWxa<&ACzyr)J11wkj
zx27mG{^LLT<L<Mc{Vc%@VBG`pM6;fosu1b_pJFQdJ@+Bd{?5}+YkIqB(*T=n<!TsI
z-~crEoXMP-=z`<-GD2~V+_Tcgl07UPYZZQzon`|I0Rnz=VWI*m*KgeDZj^q!dHs5K
z<Hq&!fBAj=rv1Lb?{Ah36**WP@p8|qMw+P9VsOYdldtq0R_a6Y8Txnc_((qfhtGeW
ztL9OgCm5-^pf6KwR;6bT;ml38i7MF7O5HFZ=Mk@o`(@J3O3QlbtFgozBZ@LG96ffp
z`^oFCcjwQ6QKKT{LILfI2HpVeORN%E#%C9nyG!N!Wh5h4mI>w;FIl-COa3nM_j1|)
z(sBX*Wqh|%0RK|A0;XO*gB}i$KYa8UrHI~+R6!zbnvoL*r1DHwsZnQ}R3e7m8rU^f
zq6qLFk!)yS(!y4k*}ni=NNrnH9@`1R+$}Q4+%14SC4Wp2j%jkyGj7;5BokZ{z|CqI
zk{IP4hBoMOtr$GNRyzBzJmbvYLjpG<*bM&z(I~&~8nD4mr*+|b`I(kWZU>w@G5PJR
zcROI;3H-MYFn4ob`vKU`K6}u#<C}Z3;RoluU%*D?%1cWxieZoX?7d2l@=#%EyP6ex
z=aK$~F*R}?>5OnJfd|8G7~Cj}joX`}zgd_irtTuNfArA<CUa~V`h;b(mRU@-*Kwbm
z%nY2HfHscD8Xa(ee`lJu)(Tl8V2?^WS4YM!`+=vCgCGi6Ep5bp4H#}VP-~1$=e{C9
z_af(49dX+#VK&SSlYV*)luhp*O77qrPew{2UbfZQ0K%)b>?lj{T20Q$Xs5C3VV~^0
ztYtn?hyD9~rHtv=N_3)%MbQuj4-TNiX7Yv=RuQyfYpWU8XjG}e^2PF8R;5vAldqKg
z8Y&{eJwp;|^~RJVuO8{nojFgCMkUDdN&)Cg7bJ;r8oIG<%yKNhmoEayFIWZ13ITqZ
zvIzitnR3dd<%{~82}=O}C7ug_zI@?QcXs()ckIYvO~W@kqAW5=*eMx`=SG=hRjiv8
z7J0;HDxlV&+z;N_s%cbWx7K~`bDv|qd!O8%o2pK_6>#Uaf%R4dIJccq_ti~vxBlN>
z<M+zIi-=6CVqT^ljf@Q7Hy0qwss*PlHY&AMLOIhX+pM_~@YTBp><3BEO|w|Y6}$aR
z>&sy0I|26HFm-_PzZ76U^USkW|9oRlHvHh64+PkM_hL6L16{w423RMUR%;V8+M%2V
z`dV&Ofzc4~h6L(iUlP}dp#qFDKU4iLrv9#vH^@H0JTbB07A9lB{rKaW3HXB_{Gj{E
zPhRi-SNV-<i6@MW_ldn;Ho<vrmO<<0%^Mu3*KFacRdeuWXlx6ia~9i%Gfx%>Y9xoK
zq9D^bIOyPe0<{<q`(UL1xeyb8kgRQ$?5=I)RBaYx#reR3ppR$jjS71K)EVts&8ozh
zRC!nx1nY$*we-`Uw}3<yCqsK13ndJ+4}(iqSy~=76X$NS1^_bAyvnG8$;MShK{=~h
z1vS4+)V7jP&<6lMMim8APMkW~y?yqKn6Uvd*f4+?>>0p~&o5qFE<nCwz<YsA8{Y|(
z#mH9*0|yhoR9HEHe}&&K>)aPE>73<U=g*w$UjOOq9PE2L;^2s9g0@0JYLpZPu%WH0
zxUtBN)hXHfK^i}0Cp^2X*_4=`j;fBw%RtyCx^H2|mP46l*mHAF-iB?@-2(P=Q&Pxu
ziDxhKJ@&hgbx%F@l&0WwTK<FC(R~5-y=uMpdhAXh`cVUHOtao=z{WZ67qB4%EiEl|
z<Ez)iHv9V9Mlt~z4uL_8g<)Gx{0;V+INE21ZF!go*a_^dl_NDaiw>)lX+fJIf#*Y^
z<&&zYc=_d*yYcucs|`@O@?v=gzw_v$AJ(+XhVxt=*{hs}0xddbV}J;a7l4?`?<B?v
zAWMw^3HR9Kta7kCB1jHde%9!|QvvZbvX$Hb+;;9PnFWBGd2BL94k;pOVnkM5F98HP
zDkYglpF>|wV)E$6lu93!_OV@!79l!w<_zo8dzOZ9`io!ulGr`+2aN_%Tp!PAm<869
zLfXavSZz#@tN`$ovvQYA3(jP1Lo&}~j1+CgV2xt{=&ttN8z%~A7Z6=O4+%pHJY8Jr
z<qQG&asggcl8|j<1Ng3pS%Y=26hL3TP(Xayq!a);_6PGWz<qvM`uMqW{?||Zw0oy8
zaU_bT?TCX>Qr&!Rku$OOXFbQE>ALt|QARePZuot&1iDr^9CiQuZ~vBqz7pS0-ctMj
z<cHYwowqygKQ}Fz=o!MsPo6lgHw~d|@d52<2H5)y*x&ii|FFNW@5zQAob!PIyWA(1
zS8b9)P=H!Hlokx9XHu%oOmYEa5}YNgem5I9<hB@CQj!FQlnU4(F_KfO&>woEO*+8T
z^xGLew7pP{x!kJi1PmjkG?je2b;Eh6`JrMUHEbi;2aahikx2I18W5!+Sz5|UT45iw
zllR<;RS$W;iOxN=+G`$z`?PQy0Ftl|`h%4ujY95562#ET;)XVJ6n%vKTVqEfw6)Ro
z;FyqT(5I|9w#A&Df9`oE!}@zg0`u!%|N3Oj@=+NaxdL9+Ge|=XIB6tpmsLGXU;&5|
z^?P226EXl`i3z*h+RBAP^o9C|&)({@QJY*<b@#^cH@Lvl^2&+<?0Et>qH8Sl^yXV{
zv*hn&0r!)~Pj{zIpD2HyRzk6`^iwCx|0m1$r%rUI%jfv+c=`JT_BnZyO#W2aPMkbm
z*!es5(t+FC5gDi@iE~0km^m1ejW*KXK^jI$5(AFyB|hF8Yq0f#fbakH_a_TCL4re)
z_`pPxE58reZ~TwXr}sNx31-^|?D<Zh4(SE!pdWkfSa)UZD&?!4><9xmllUB%HIU!V
zjvhK--;JCyoiO~UOCnD{{T=?jzP`C98-8%k2WHrX)xt?L!_Fa%g&Hr7JZa(xYkIT7
zHOK?0udEmm(BMp|0Jr3kmRj40>_FLkE>u()_5`rEg_sKYH9L+|lu<)l0Anlpb}NJ7
zYJZ%a2_O<kkIMC#OrsNLvVIspB!|Yz^T09z%G7a_5~_`b-qZ(ie@V%o#y}AOCx#<%
z$Kb$Pbq-{5F4p_nE4@~2J%}}1q7z^OxrI^%u9*cyl%5&^(a07BiXrpfz{dJ}MS^u<
zVctshMr7p#A2@WDPRl_G>>cL<_~JhCcj<#P1?~ViN+n4XTXfH5pGN(|Xo>aRN^+qj
z^Jnk>ygPp4MECaDbKS-BE3Czq+))^G@!{hIbTLrEj;^h*cUP}n?bgTR?rPbtjjxq$
zo!^bi-|Oq+5<Qju%6E8|D55*O1bTdRy}JTw>&hCR-JR?RgAo~aHnz#C3ADKken|rs
z24&ojz%2>z5dFaxP)%ctJYfx;>o+#Ln<ZMk0TNXHhHQ7U{6>=a`i*`o`)rn|_U2X+
z8A;~r*USFpGc0%o2L1b1`7~{>Pn6G5MRMfT!+Oy%6O7Fr?TAEZq-WbUn)rjL4uk7<
zJGyJYp4OG`HR(7Fz`Gp_K)IKs<3|UuH}+(EP{79Io0nc(q7yOvw1tI682QOiS^`4P
zEa5z4W(?nx0GoPZvh^P%88EA##caU@hQ*onZo0KQFl;Ti%B4<+3fcSRKDqzg+=oD$
z411_`smZ3ZfUkE>NI8izjiLmyl}3)vuz6^pJ=6dN2M};3)9xFEtEj9<IzABqEX*Dn
z3o2kfw6}(&n7V@p4^of+-gm#p5-dzb=lT_7`I0QCulK;yXlnJ^nwI+f<~P5^wXq+!
zgczfb|MZ``>izdwC8DUoSZ8DFKLhv?UMDfM+-Q((Qft$pCBqOHa33ZeF|rtexha|4
zm(Bs$2;`83p!*lle*b4b?_Mt~`26{|y9+DJltCbWTr7<Hjl!N^J9>nRB5@s#eYB&#
zj1du2W6zgzN758_^bNmf6k+S2v?3P?`3;<xK)7brI%^X<;$l<wCZdt8<;~fZn22N%
zkR~J93k8N)2<s%HA=F_%xlLL@4K~2~l^?y*UBT<{pgn^r-@%TWq1g7MbTO&oMRqx&
zv@>l-cMaInl^#1)T>x;mv*PJ`=iMf#Oam>FmAlnp|7!<qtl)*8@pxlTHvHh64+Pjt
zFLC0`u&+nX*-DM%G<0UGuAo$4NgPN7t+8&hgl0%b&y**U91LN4tLhBBMY{bEVD}Xx
z1mHC-@e0P&URJ{Bmi^~$l|(d45zZ?1tL*tuY;h<px-sSq*@pXN3z1vh7bTu@KfF)g
z*O1qz;}3N#2ZYobBh9w*oz{I&4YbMw|I1TPb)Wjwr&w?M$xnW=d+Mn#Qwv|SsopK4
zm_+uQIWuuMc|{azvH#|8e$aj9GoP8TYb_vkp!*hPO5(L)?PamD)~ZU1lc$lYBXI8t
zTKv!=iC!kc^(b{|ph~9WGm1#kxBGh;j#S@``_^-m{D8a#Dl6W7@8{hcr%rIuE`l~|
zvJ1;Td#3xR*Z!${`R`xu2Jcr^#j!tjq<Z8e?Y*DW)mpU-lf&v;$Ul;aT4};2^XTtJ
z=b*-~91RoccWFng`7Y1v&C_pktrsMSu|ngmGKgMm@Dk=Zl!#;1Cco@tM=2+heMBrY
zsE^o(tc1ZnJ;0at-vZeGZT@`sRAIwkDn@wx`9Hj`Ni97SpJv9}LH16ieW>4_t|+;i
zi8KG&0sGtE{&Oo=T;G!oKRD<80yY+qdf|l^3D_|D7+Wzh=zegpsIVGL3r3Ps6sScr
zaDZLR7KTdC9^(I|?3ZL@P5B$fg=yh1&O2$?_?!z774V8FYdO?*=l!`*4j7$jvpF_o
zD$q6|hqR@=O}Qs9n#eX5(2j}V!HqyXBx51#ZH(m%Ge1K+;9$5XfJVf*0g^-2a6|Wv
zxHmATay|g{Z++nl)SS6KcKIL73ng)wKCTHjnCiYZS=0zy<$d?3|NT$-en74XZneR1
zdL+hv_VahOz>!H7Lp}!q2(|DWOIvaOErBu*Bkzm*l|G6?Ie0QQnxkYAY!NKARrsw0
zb0lCwCQ-za1$+SDGKjwO&O6=76K`~9k!UnoL~ofn-@SJ1$K5Nhywbh@zT<TG{jeh(
zhv$I(&?XEhu}$m;<}Yw><@^|kA`{23gJk<8kpb8PnSD~SH*O`;ceA6$mO^;@&9}PW
z`1ikYXRt2J8Z$euUcO?<`r)p2)TVZlRE^nWlPr>vq9jK~8Mwc83b4W59{KfW%YTn>
zd;ZrS*-;kRJ~e$B_--d<Z2unrV-Uc8(6zVEIs|avZbHmQ4Y0rUt#2D(kN0H556<}@
zfK3g1{hDQ}Go1p)nayz8DD5vzjNK+?fIY>bLRwZ^v~&s@c2+11XMrO!d|%aC#ybLV
zYim?PGhS8Lxzqky<VY1DOv+?s)N^BoA6o*FfJ{z;_Na0qk;R~$)I5i(b^%a>EHD$F
z<m9Q*{|M=sBx+Tyfa|f$uhrs80O!YS<u*C3ULA$^IpUpvhyU?#=jy<vK%EQSiNaQ&
ze)?$w`=>wsY0kKttVvO}-~OH7=5+0mEuKXN)>!{UIXc=FlQeb?IsmYt$p--1Byh_;
z<Ib8ns6i^RLWB`QE7q6zj1wgW%1g-r7uPI*W0k^pFTLBnUO*c&9G6$lcgyFLh&+4#
zOn3CPA9p`0pk37i<~R1*j+$01m)dlWY<DvGCzt;rc_@-fia<>7<^Yw4lgU8@|3*;`
z2W9l_E_Q@kd`Nbv;(=_1N}k8Jfi-k&Ja?>Zk99_{e#yv~{cd)Ifq}9X?ys?YjO8Nm
zHwU0r_lNtO05+y%Jo0a!p8)pvfAf)D8SuR<{&Y7BFx~6oPag%qhCYcOETy>@8-8%k
z2LbFC!LY~IG=fta=-HVJE0+J^9JybDk_N79bt+7bA$n@)7=02A$F-&>gB8%xR<$DB
zjsQH=%M+*z54HHuPWv;o9ZBPZL&tJGFiko*Sz#hL6NCt4QH-h&`K_%(>fXxO6D$bY
zNsN#n(@+l=`-AglI#psw9XYTdA~<~b2*cnWbm6>T`r?;32?lS}!8;!D(q61X@rh4-
zqWd?$_G^59W&cu#CyZHRd-TAg-80WTV=swS5{=;14?5J>?cS0A0gjvuu*tp)08k1l
z-^JXQ{OS3zgt3=<8ubnOEgHiWa5PMCk_{%^E8m22<tnR1-gx6ww{rH}WYs>@Rloh#
z8NNa2)x-bDH9+>-j$&(Nnn~anvzRIRA#?vopk^YnXR@s#B{JpQTG^k0INC(^-t1~e
z{c4Age(_PQH2HhK`yso;bNs8n`s?oUwJVyKglOR|?TAT54zMi;qX?}V_ZW4r9AI*`
zd_}truzz!B!0thNJ6pcp>Uek3w|84zZ@1-Das9gi?CI(7I|25zHow1seQi&+2L)`r
z1YrppHfB1~@spUQ)wwc!%}VaXtXgY0e#)xEpd-TIQkpQ+6kB67NrsiBMPj9~W^HGN
zy*kpwkv40+5-`^t0lU>?7C19m3)yC)3IPBG7z;D+kt|H$oyZ`WbjxC=Oo}DxnnTm8
zTMk|ZXg!M~yA{J}O*TmdAey1r?bXX`-O*#mSnBoIV~^buBKL2jL78GdMfnTA^#$%b
z&8nZUMAgB+ILJ2?F&Wp0nezFtoskaC>ylY!-V>w%)sIJl6Imns!IF1vG~gZTm`449
z=Sp2UNzdnE|5o2jW=t7LGDWsYIav4#lVFZxQ7BA`S-wEPhCFiit+%=#z4{M2_a563
zz%35bL@HtQRPHG@ikcXGG|?gkn|@#VB9dJT1Shrm(fT53;M>iPV4rpHeDCJ;^PQAm
z9yri__q*TY3qhD)X-4;CN0LG$aphJ?SGKpwHXzx&0hT)6L(=hfzzI<7SKEWEvD5k@
z+kqSV_s8Dr@%Q?of}PGg{St<|z5cxb_BX!qP5zCH@m_5B!8soUuoquE#5JlzF^CYv
z-Vk~PXqm;JQDz4A85(05A<!Y9Jq9{L<mWk-zl$M;92BwvJj&lVXA^_fKJU!1hgr@Y
zgUYoqn`@{2dp$BVL0V;K>BxcMe_;FIENCAz?8vaZd>8aPv;sb|)S&ytaR{y9_z~aZ
zK3l7#h>7<J#}8y;x+Xs>$6$p&lx~4-{=px7RWmi8cw*Pd7t;<8AYh_ue1*V?s04{H
zymbbH3&0c3kA6-;Y?RRv?uURBr0d#ev9Dz=_ZOhym%fTP76Vo}C!S{}1COTb2eSA8
zzyw&8XOTk?<15z=K?4FdO!Hnjx6&Pd<9K&&<t#Prvt@hx?X%snqsJ&I?6n=?-U#Ld
z^l~r#GYd&|&E<IBE24!U=>vU&0Rj8q+-><y8%eT>5F-bR-Rua@!$n_g?>}nUgl)|F
zx#yniu5ne$5$oUY$BuFe{2u+yvOe5n3hes^{g@?Zg*M$kV9$Q;4zU01&%R-ReRWSZ
z{NS7q#IRpjA|sH7DBTRk4Z~m(2ctg$4hCGD6%N}f)Q(K-C}fnrC}tu@l0zxkm26R)
zw)^~!8g|Qx0tla}sW-bwB8_T>2?&jnRxoThs;Uw!)J*~_hMLg;B;$SrTm*n}UjnIy
znr$$rN^oK@+9=H%iLx}Qe^ycq6Mk^M$eDs#aSv4$ARlv__;O(K!rk7{`Lf{x=6I`m
zzkbTI&pz7?s+x=Ei?z1|pV$b@nk0Y%C;<RtX&V3`G#cdaOaQ0=9x%Dc1Xp<mhys$@
zm@UyqAO~=_2Bg8Hks!bZTgM=g3rMp60lXSR<&u(dp=m7_V3UQetny9q$DwJTeY-n%
z?o4+A6K%?8SdeP3?FgVva7Fur06LnCz%5DI!N7oi!+sdhC=Er^wWIn*@{)iuG;vou
z>Ps?FnFWCEpCKcng9rJdY1T{^V)7t%6ktoy<dHTRfFoK7cE1{IW`O;W0DCWg9t5!Q
z=5?%3j8|BNR&1(e=oV<e4OzG9kD+bDh@v?R91g}OhY({0b4eCL!l4mP!Z8>cTUix=
zRx`^qt4uS>4p?0^mULA+xNK%S+S=b{pY<E7N`_jzNs~~bLg_3AhT|#07^sahYG~C~
zIztfq3(yw9cIeDtI12v}o(2OtR?q}7r5FX2VC;eWqt5~(lpGXRYZA|hI_9<URjzpV
zm(Tqr*R+;AA}0OSuYRRC|DSg+zw%1y=fETtUl740T0;j7rN0>o06>y}hkZ__7Bw3c
z_ZC!HkPKj>4N^_CI`nc5+&@?vr)o2-4q~)P=b$uzJ|Y{A0uF#B?m4u4_SBIf5s>9e
z??wg7C036d?~b27P1cPC|Djp$wH<{<16FG#csw^4G^2&gdndC6BM*8uluUA;v=bo!
z@CzUl2MXNZZg#}w3|g&V`P~0}jsx(Qzx-4;zcAljE)g$hT2k)V8#`je7e%1>+!2AY
zZ*;#iz}{!T{@T~R)_vtGU)|H~PyXb;J`iAIG5K}8HN8<7MustwMkG-*#^Bn%UbPWx
zQ8+DaO}ckt*vHT=SeaRnUdi|N6?TFdWSg8NRyNEY+qlu)xUQ-8DlapKG98sO&92|z
zJ#Jp#<nQa7I+lwuAwh(28euTP+aMj1VSkhZr=&LIq>?ICP6)`M3&Wwr`c&dY<{7nb
zjG7q<Rzy}78nL{ni7%8MvL);Y{(*f6;NkMD7=-XTsVi5y@#cEB&U@YLHm+}Qxm6^5
zudeAGmHoQUF+_m`l3q+63Y^INl2|W670;<jmZ%f+O07T!pr8s5B@Q{Uq>+@t(l-M~
zwv}3Lkh}s=q&$)YI=H9S*gP1b4GaX`pirNaYt~lFz>n8vUEw1AT()2z?1=5{%lR7h
zi@ulE%WENWielK*%7ax}7~4-K?=bNkEn$gv-h~};iQeIewbdIN8{I~Erq@ceixO0<
zjJVf!gwK&j2uwm|%2SX-LetCudq01$G9E@n=bZG&J=pql;oSEP*o#^ZoBE_BH>iUq
zX?KzmB1d{8wg@B)l@r;Y)*OlEOi|8Eqm<+K$t@=LY{fXe#bu;v?wpyYDcAT8wW$J`
zs8!f(iZNdzkZnIJk3y9Q>uFOm)+G%vBqgk<`x(1b*e(4uWU*<0P&P>+Gdwp3kF8ZL
z2mq*oQu~y4%Cav?5&{xt_#1&(wlXXZ3;-Qekz_4n+S=P?G<!|SJ1(_~$t7fDV!O!z
ztTpD9vT47K`ks0_D;}}|c@hK73c>pXB@>X)PJ=+4)f1FOthPAVtV3Ma>VpC3eEz+*
zY|kP#$x1$x^??R=fE+{qX#KU%b_BgygH&TBe+{3j&SPbHV6v@b2QYcoTiXE0`wX^U
z3^wRRUgK`<h|gxIC2Ch~$~>9=KHE_frQdT9XlH=EuRp)|#V-h~WQu#Z;hZ@4{rr6J
z!3TVe6V`ADLC%wWF$}My4UEZqu@N#Wuney-o5`F;$*AC!&}pJqIF5693-zodEc>SO
zxld+#G7$no5Qz9BAR&89)`kLHK8YdWoYAyTCUATZKmm-rv^})l6T||+FZm!)^GdM6
z*>QXbp3H@;CF*-PZ?H)<lnD^>C;jh(eeWB#&o=@?v>VsXeR9ht+vLU*$UNGK^Pugx
z7dTz8BpUB8D>N_dNy(S*b-$e4Q}&PiTnriihq4d)f*bm}oZFW+g{gaCQWAY1EQx1r
zPwdO61RDEJ*GLxbQ^PGF)!!@H<pJP6QS0ZFeuUy#%sN_MH>QQ-JCA5(W=9Xrj%I-U
zG5aB4FB~f2-8zkpx>{CZhgut}0s_G#Wf)HZmDpIu-ixuoxT!&UX0(}1f&&Ku5u6p_
zAHz*!G{M5rUYCWV!<p!8Nvw>zqB(Fdi2%k8=T@7PoXIw^0#48X<VrhYigsRAGz5ZO
zLqG_|WV83Gst9?iLcyFZ3XozW=>!f1fTezD;KcA2=S5=7N6YZ1(ig!>!YqLlr3d?<
z{?R!tO3M8?Y=Q_J5da*TNm7l#%Y;-iiNF$my+jZqfgaT#K6`>ID?1tiZYui`7|@@|
zbWsl$=LH^(w|eeOpdxr@fqUXUUcerdr0v<P$20O`*$nLq;J`L!cJ%P<Xa?9HL%@Ea
zFl^Lx`yh!RnD*wu_+YeAhSo5oG<`OUiLv5<j6-Et6Jv%$gRQ_Jjd_7liQOn1CJ=#T
z1j!Vt+K3Dd!FtF#7><e+k_j<X_L`Oq<7HJr5IA@-Dlkp}Vz6XcqGOBAMmlq_Ye=v3
zlSv^#OeshwB!e>MNf7kXYsq5KPn1)<X{44k%bqNWC1ubrlS%}mm6!zrTGBNw=>^8f
zdT=;x+)9EqCNr=vbF#ibe|qV(jii$XARPrtzJOn(Lj$-x*%}-?Bs~X$FP<eNmnbO-
z?ZaRo@Kd5u$LX08Y_k};`qN|z04|?JWZ7B6(z`gbqlaimGr;~hGVDVyaQRD)+6?79
z*;(k5bJ3WOSBRI4`6Ool(<H2?@kP&Yjp4k_$OCI2b1{%$xD9<UXf`3k(nhSq+YCcG
z7tT?R_YBXiM2q3888Vy-*9N1r@~*~M3H8S;ry%elk<?honw0$MHC2Abgsa#b87Y9x
z+kM17Ojl^EHbnv=S&vmqC}HKLrDo~Q)P2E-y+URIP9O*cf>=W^1BkJG*;rtfbCZ#J
zlN_R|2Uz0A1ej-k1K0q>(vqe3dOE)JXM#*p$lsqQm^=`ysv@!0TKn@E+h@Tv<;GYy
z`xuNeD8U&`9?<z3m7C4%=%Lxs46r|Lfc<|z=oS{1xGqUFM{rI6fG|5aIS<)i5{n@V
z%GvZ!t7d?aIca~<c^VT-#Ddrv0fWv1Lvx*@?&!$6_<eM?pENq01J`lTFTM0y2cXLe
zkICYKIU|`@FgB)8635XI%6Ys?4DaC_-YKLfBZ~Tt+Ho`%<-Icc+}{zzpk+EAO*<B&
z0{g^^a@lSi<JETrMI6JBT)@_EbapSD6z%oKoD!~scJ?7Oby+VB6Z<<yM-5D>>E1K7
zY#bN3KV^~9uXsLS*aB3255P}OVYed~JAw?r$(3Ue`X>WkJbPAt;Ck8dzH@1>3u66f
zEBXrkn(-WP4S);!-6dn6Gdp@%b~FR*kJ%4O>t0-Zfs4zhAfpR?sEIHPj_Z{{rv^A-
zN=l%>F&v%GDUpWbEkw-RGT9_R1&bXKP+VsC9t@lkoXV0lJSRYepy35<xJFcXD@Spf
zI1zMS@5BPNuM;Cl0s(5SPO}5?8_uodQ&bWR&Pc`!*5}CL0s$klFBC>Qo|~ZLJ=?{8
zB0w0xP%==M9VhHqi6l6&r$*}un1PO+rIDJW!f}%mm^mg3JwZHMe@0`|nSGG;9KfWZ
zbtVBdfz$v}4Bqau0DcJlc}&mEVt$^<Ie@R@wb2$_-;rUK-`PMoW(&^+G_;E#@TU|L
z^qKl$W=9Xpj%I-UG5Yz{uYT3NU%%fSJ@(`7@|7zxAY*dbl0{?_32Z6SP{lYD(!uy5
z93A@tAjtR>Dmt%okVPb8Mj=>8XN-=HF6XA63u7+l0HaCS03+#mRv<Wqg#Z&5#6T01
zYyc&1tV>BCu)buD!FGe)04U4(qa~pTJ|S3m9_a`;kGCWqSQf#Qtj+7X0F0#l;LwiR
zvNt9rR>kA3vI2nMjJ=Yn5frU0S;<77^f{AEyf4rGP6hz#-$<6H@LEYg-Y=Le`WP(O
z3)Ee73dfU8wqc)U_ALO53Bl0I1$KUbH2N(o876SInS=m7Coly#QGfQ*%9RjQveS9l
z%gl}*o*m5q`{Ps>e)DE`<jAYtd+)u&H@o;C$L&KdCSm$S6@f*ex$m_;Zca%fgwk%S
zq5z?G@O?<@84@F8S5hg^DDij7ayB@oa|$U_NM^8EAc9ce5<!t{(FsuC><mfa=vn%x
zvryD&Z3>s<Sjf7&Bv$CG!T{~{UdIQ9{c>D5gwJ*j>`T_^37Rei(>XKQQ_KqMxj*_S
zC;=Ff!e7qj^O73SZf{{ZLv`+>5Fad<APk32+4STnDZvtDYD+J3h{3v;ZK}7zX)-#m
zaNS!nl6{|@05XfwQHn{%K4UT#m-Sqdz?LO`(U_w}0K8U^qyk3h>>T)vfSJO~jvk^N
z%>esj!mMxppPSw36DPW(M~`*au3XdXxm24DCx!+?jzP>#WnGSjPQ4J$=}a?)1N9+$
zP`D}Qu~0rp^8<j0)z#8p%Wq9~kW)LBt2ql7qe9ExsR%ZX>=EpV=Zm$@k&Pin0S7+^
zfVsMSUh^|*ywOUfaxG^En2-sXhDa?`8gOQaovbuV8Zq_(Xo(qt6^ZF-8hGM0>FhxO
z0}xiyssCS<1aQiT^H3x90yBcEbZCGB`V-FWf^<#-x39^X!Q`OB;vBuS0ck=2Vn9J1
z)=?I4r9UW<1Y>zo`vzy%1VePHD#1Oc(mzTLI%D*Sg9IW0myCUveg#{1SvC=Rsen`0
zXLj_k?1+H<%U}Mon{EI9Z6EyNgYL$S8{MEDbjJ=KDPVn=FUG~pDp$Y&AmD0*jx~)I
z4p*1|>tb9rLbzhIaGaVBS`4rDJTB0w6ke))tL)Q<y3Ud^3FmN1av>yiI=}0gL|wiI
zs{s(eiSV~oKj1sHM@%S|_F-RKzt;`{3a%JCmcA5ws>NcxO3fS`tL$HwbJRhO=92CU
zZF9vb!7OW6(*Xe@OnjC5tZ_WSLk@|1MxOu#Vy$b{PUUa0Hn58V2uTou;3pOq$rx+&
zofBgOAfew0(qK|feH@e6VjZ>|7W+pg7o9+xAmRx;nrIUQF1XJ+@xE|Av>D)8<DQLO
zQny8a1B7a^&R%X|LelyPeNqS61`}TZ?OF*(oSQm4lX-q-M-SPK2-tY7&BDTBw{&Q!
zTU=P`4wb(b4lQ=`{Jd=C_tK&HZgFvuv*hsk;=)4N7P~`>3+4N=|NK(fxBPwRP&r;3
zK0h>H&Qp$AD(77&=bvBDwdNP+x&Pv!a!mQ28^2rPId%T>T{(VXaf!#^ob&jsY*@gE
z$D+;i^K9e7A$^DQEFN0a|NLyeJB0tsc@N>(`9nPJ5dSaVm3HD<^Z0yef!AW&%P~vk
z`-O5X9J7e~vUALr;}^<3@LqAx*k{4czodI)|5%?a_H8Tuw1nSFxOW|o>!Qz>mT;{4
z7|(>qqMw%RzHyGe@7cZuPJ&sOUr-z77kMv}zA5{?@X`z2(Ic;Q@4ok5cXfQNfc20J
zg2w1f|4a(m>m+srW(OV9!{Dj&*_3#I4MIkQ!?8DP0Z9tp94Z>i>a*gJ#x7=q{c0L>
zqR}g>Pra7a2mq2KAP5RK84}aUBf%$`eo4pnICm{44NCC1q-!yhjB-MTu(h1Pd&vy|
z4>HmuW(1Z7r;*O-42;CUd=UHf)^CyxoB$ytE48bY3`0NGVpGnUqfxu92@E)feGJDW
zI43e<0YqSXg2@8ZxqY1I+0JG{IzF2uU<SJjIv&?$;){&kv}ZDFu}1=ph3RCBw#-4#
z>>NQPu&-6RCq10iC{`JP`>CS_otYgyd^;jwkJmT4jg9qgV;$Q@x4xkbpW(%?n_Tdu
zd^XlTn`142f`w49n9Vwm+w3;RI%acY>n-2o^8Y&a9dGix_5OVLn_Jlj*I(cIy}@&C
z@O;>3a@_iu-;JlQF<!Se;Jj$ZSjTN{mSZ>Vp2qh5rWSA6u<LEuaqGIyCeB^<9phd$
z$98`ky!N{F&*tX3+QIL}>Z5YrG21cbcl?~^9B<vry827k+_d}HIyXMsw0>V-@B3$y
z_r`^TtiLwxo;Ei(*xq&fd}CwG|2L-gW#5+b<4rZIYa`X``dY^4HB-$QoA72N5zMQ0
zGG4L@Ia!U*jG;s_97~LOm2QDqfIUzrbZ)DJDF_f?d`!?JF&2j3wMx+#X2R*6DiC16
z!4gb#ayUjXaH<VN>VDB4uY?X9+A{UE$p_4?<Fh)Dq0*Vr4lj_XqjY2@@W3DeF3zSu
zW1rd*XF-|z=<CU(4l-NQFxfU7=j5aSDY8^1kZLQzi+oj>r>5x%s%!_7e+s|r0tB_O
z&*W<UCId83bH0}~jNy5;tByLiBa2fthGWT|`kqpT_f{dH{!;aWm#*y`+bw-q41EGX
zWT=tsoe8lhK%3dozl<Fbuvw>QVT-fUm|n<t)>)+SxanHq2*LyEL_s4@ZFBMiMwcL?
z^GW4JsdhG>zUIabqh6+w(e>v7tEg?HOQs>Q6Kp@|cB$qA_pxHQ5iB%`zS2W2pL-ik
zdmWA88p9A6Nv#A-e?1x)9H6rL%}T~cy{jfOVR;Thog^lcEEH6jC<YTO93xvoA0&mg
zby5h5>%yoM+Q~SSsF4wn39u?aBW^%Dc)g0pGc<MHMq2e3835XWhZ*(Y*<P?I?gKpy
z{ZiTJu4{o!B=i$m9?oCx-H8=2>rW@Gq_@&g9iJtb16UQ4Ff>}HK8MjqF{GIt&FpAq
zNBd_-1nkNS;k`8u`V~4g)RpN)dT2GmmRciyZ8}_CmE+1*SKdbb@_kipu>t<?!~mc(
zL3849&K6R!BK7il<yBP9kj6)=CB?{7brp;e?W?^NoU3jV4p3WyfY+#16kl;NK}{wg
zhETq*VplmC9lm3zSW8EYeZr=Ek9%^aXDMve@!nVFP>!J`&q>YC!miR^6&@VIrm7}0
zsDes|(4SS^hgp4cXp4c6ef9sB?<?wvXfLj%XW@G7Ey$tRmqGmzsG(KTDZM3KU{w8e
zD@XRm(65$3)A)Qe9kOP77z$UW+u?WVd+M2J6VD~)<I$IuSG$7FIkTgg9nI`$f9*&N
zyRwlB9qG|wwIxSv1L6mb>aKJe%T&rkt=NeQSz<A;%4<YLhq2+cLZjOBpSrH?L3lnS
zU&#<6AEpvB3=8mmX<UVe<7B`brIF0A@TtPXqi*N;;23f`jg&PL5K1o8{J-L7wNvdW
zk13y##US)?de}@5z(Jyt9_TRMgO|bJdoY@cMyHOhd}WD+sF5DwB_4hyy{q=7S-~-I
zEk0ytP6uO_GgoLYkF(Myu$9^jvI=4_wT!!VIxntUnHGrWRkJ@lNA5bP<`WKEaWt=Z
zT_v2Ptugsh*H)zObxz*D7!M4ts${tA13WKWA5K}xP;2`gVVpBNn%U9Jj`r1#2-wjK
zN+D2S!>Xto^3>8q-I?VK(xIS1;h|Kf4e6l=K2(gRI9F{AtlU=EQiXozl13PgK$T^G
zF?#d-l}0G9_F%NGt0;!x)k)s8E_{Xu5~HqLIcY=)wQ#P=44oq;n1+{*TSaBsG18+`
za8H$mR5eBZYD<&CR@F3$K*pnU^K*1K+hL3$$`E~B@gXo2on*!<%TB9*5kk@!t6+L1
z9%7|TeMDO=oUW9Sr{kKA$3p!+QB~_$u@RLU!6-2@%Rv-gM<@2dta+_a+A(C56Vg#}
z&v1BSW_6|eCo{xzi3+vZUtZT{NFU8OXLdBRqnRD;n;n^kjS*m=&f*B_*+>Z95sk)!
zcGW~jVW?4CiBL5Vb*~2;WvCUEb3uQ>|IDnGhDRE#MtdY9aJ|Vx!nOIZq4!k0agLZY
zQpXX`F&t93M`NVXc!fVSj!Ic;@2rN^nO0Y+&0(N$q*lh<Gi>qNOfzDqM==#8cN8L0
z1GD>!rL7e@wER~1q=$kB&Q1?zgteWsmJ`+$LYslj9+OkB&ekbhgo9Qr=?Q!W=(mcQ
z^GXStax9)hMQzcvLbS<A@AC{P9k0pfhCVeX<1_5bwaAt#vKMDzHP{FlN9ELhZw^&?
zo5;{>Z@9++pJC0?E%hNB4#&>yXl6$<JKA46B4GDg5pJmB@4yjrP);(y%?!%P@u2Zt
zd2j<<5WmX};BSoXeh|nS&|!n%ZFGgv4P<zgqv3=~noQ3C!a(5%^s=fP>u8h~0u3ta
zX}*$S)ukN)?Wh%EAOzxQK9Df)%e8`qnF^6C92rP=LPu2t8JY}0=chi0c6jM%9CZhk
z^gjzd{lMuwwZc~z*Pse!BsKeIPz@CN4WyaXwXO+g4Bl!$%l!=o6~orbjEwAQ;OM+8
z*+Rb}L@f8qkkFaNWo1ElX=^>GrTq<L+;Yf@b)l6Xuzd_W2QoCU8T1PrqAuU_m_gVw
z`dYtvOf3dA;4{%P4g<$Fy8-S84nB}x$n(|{=bhQn%#LPuw10M_q$9=uVgOG16CW-@
z28i{Qv>}8718Pa=n9`7e!Z>DrD~(2Mcu;r(V?w83B&@u2oly10R;x1xN<iQ`6~ly@
zqp0Kc2h!hgEsl~F_FyD~ky-W>Z6DM!p31__0rjtn9Rb4|^r0q0!+|;t25SixUpjt(
zPQvj{qpf#J1Yx8eR7x;VM`Yr_>6{3`DupfshByNyZ3Y@0d3_7xs)6)3T+3l}weVDZ
zgEm?p(s`WzucWQPsl0`D_`9}eL&FSW0nq)tAMk!EGP8k<lVw4A_~@qr6G(D6JYzZq
z7|{T2aC9JoL?xZh8BlP4wrfC!RGTsKb39M>_souFb~Ll2{j?)VA~+dtDD)Z0iX%;M
zx<Pf4&FK#k@hhYMG)7mMzU1tI+o+Gup{_KbG4Y{rG%};DtvDQ`96E7eBWtCHR9n^<
zqbY=bjL6LFIvFY+f}=6&dd&Dbji9Xg^vbNtSj>oAu#T?HV3Y~22C8`^>lySRoU^R6
zWvCH0c{u}&oguC1aOmi|*8O5sM~LZqgF!zHEURt~f>9Q1i-yGlf2XjtR=?K+)7yeF
z-UB9*1_~Kz^fs#F`+;eN3<K2`G8{PTK+lE!gMJQT41Kal20EaFpnqgo3e^D)a8QMt
z#&!l39nv#&9S}sw;$ZMIJDS<i%#QZej{3DkX4`C=ZL@8*eFV1u2W2f)w|7w|!T<mO
M07*qoM6N<$f-`t9ng9R*

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/browser.png b/tools/storybook/wordpress/images/browser.png
new file mode 100644
index 0000000000000000000000000000000000000000..83ead4747b7894f2d176d8ab669b16c4348a127f
GIT binary patch
literal 40626
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/bubble_bg-2x.gif b/tools/storybook/wordpress/images/bubble_bg-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8e34e01dcd4ea0b9f9c5df54811e8ddf0e499690
GIT binary patch
literal 424
zcmV;Z0ayM<Nk%w1VI%;^0P_z3`QqF7`1mJCV!yw?(b3T*gRNbSr|-S2tk2-y<>+v(
z$>oxE^US~4S}>@!!2kdMA^8La000jFEC2ui03-m&06+x)@X1N5y*TU5yZ>N#HDqZ5
z;#i_->%MR-w?b{-iHy&D@BhFcra&wjbFrgv$!t0Y(5Q4kh)t``tQKbKmKIzuYt|TV
z&uGwXZ8N~w0^}^7uG{a%d{F_@7vwU3cY}lvQ-@G6h*UgKScQ<0l6GE|VU;9cmtC4N
zoIjb9qNAjx8gOiHs5Ne?Y^^#susp1$wzs&srG9#SyhMDydclE4#5};d%FE2Ui&Bp*
z&jSH6h}Dfz*gn+F-rwNi;^Q2cU7MH;=w90{=IWl6?du0VUGwn`^*|)}Jp1GV3LHqV
zAi-5PT&)_Q5RShP3+FhbwZ?&uH4k6dun43^#uyw`4T>B|vZTqAC_DTzBJ3A}mU;|)
z^x$%aADPJVyzF5Fr;j2#e-!WuBxuT`NRujE%57Sr7fuHNN->SV%nr|{x<F(#n-r~z
SqI7L4H3*ceF2Hh#0029`ZP6P5

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/bubble_bg.gif b/tools/storybook/wordpress/images/bubble_bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bcf74c48543764a49c298424a096a72530d9aeba
GIT binary patch
literal 398
zcmZ?wbhEHb6k<qW_^Qe9^yQn(RmZRTDXKQFeYJeT^%o!Z@85qb#n!lc)0s187Ovlw
z)j0Xckt2`V(kCz8u;<vh1t)Kt1ZQ8r`{)x8oY*z#;I$i(`VNz~zuh$N`@L(=o;}-r
z^V#?B-yP#hpM3bL=AQU;V(Gez58m%xQ@-iU)vH&3y?o*~YtOn}NABLe`~Uxc28w~=
zPZm}Y22BPXkVzmvIk2rhFr~mlN2=drNrL8vDU&X&xbkCVol?WfveT}7dUp%1CwO$6
z4?4(r*00X$ZAGDjyn@Xqv&#NcznA-XD`a}JL@CvGMumlP2ZixPsdr7OFD+3HDiw`V
zoI2mFI)x`_QRGtL1*=vkHD<N=NNivdX<*`w7L#1FXK#H^cz+Mqp-}$d-e^IgeP_>|
rpEX_WVyVCtX6fJ(#%K=K3lAO^En-tyx=7|ZTWv7gl4vPUM+R#EPQs=l

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/comment-grey-bubble-2x.png b/tools/storybook/wordpress/images/comment-grey-bubble-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..0eec4a6df0c365e51d6de1a9c218d5c6621f6d83
GIT binary patch
literal 258
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaN3?zjj6;6Yw0G|-o|NsB**s-IyxVWgOsIahb
z=gytxa<b+?S;mqezhDN3XE)M-oOzxujv*3~t_Kh1Iynls98_dZaX;|Is<Be`;J2dx
zKi!kLPX>gVXBZ3qj*GX`KKt?1;%yNd7fqhBwvRu7tMO!(wW()Ro~u@)+M|ANpZPfg
z!FH$j-gMTOp=wwi`PA}+T=6b8PNQn)wOjj-nFOun6ck#~Vf5-uMHYXuwEz5HZt9bh
zE3Ujfu*mjBoPJjP*Zk*^`Rd_&zxvk}Ts^)xu8z^KOy}xf<%w&7E@kj^^>bP0l+XkK
DT*hQ1

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/comment-grey-bubble.png b/tools/storybook/wordpress/images/comment-grey-bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..558ee8f32dce370bca7686ce2604099cc3eb7ccf
GIT binary patch
literal 114
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=-3?y@QpIZW?*aCb)T;1H<ii(OJ-t~P06k#k0
z@(X5gcy=QV$dU4NaSY**O<v=l^5?%GH&fT<|0yZIkDmC%&XC3`6nooovnWs%gQu&X
J%Q~loCIC$LAu0d>

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/date-button-2x.gif b/tools/storybook/wordpress/images/date-button-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..281a6654fa4a38e8a4876b1060af65e5c1adbf21
GIT binary patch
literal 996
zcmZ?wbhEHbRAf+K_?E~}R#vun@#5Uv+*`M9MMXvZ`}gnS#fvXrzWnp&PjPYa-@kt+
zPMla+SorJLud`>*{{H>@^XJcbd3n#DKmYmj=lAd5-@kwV^y$-&A3sJ%N4K@LrKYB4
zWn~>ceE8Y3XA>q&c=P7X+qZAOe*OCG+qW-YzU<t&Ga(`2!Gj0WrcLYX>szp3!ILLX
zwr$(i(9jSO5s{df`03N9(9qCXvu54Cef#0Vhwt9K%g)YradEkF<;ssAKX&Zc@#xW`
z>({Rr6cl{;@F6)lIX*r<EiJ96sOa(I#~U|p?C9vo$jFF{j68n)_}#mA|NsBLXV0EH
zckaZ+#bst@zIyd4CnqN*C1wBq{nxHti;a!V&(A+~>ePV)2aX*(78n>96cjXf?%da}
zU*EiWbM4x-_wV12iHUjf;spaOf#OdVRtAPd1|5(kpg3`0|KE_<)ZEO|*3yyK#?#rs
zBg4qZtz%$jpd&YN)}$%ZW=xdnY4P<`RN`P}TD6LqLuAG3H5^Kcik`k5_MYBqiYqs+
z()QecfZJ2Z)4qfA3@48&Z#b_i&)Ku*FJ8WSwnNa9^})kOkDomB6zmA_WPii1?75m*
zSpJQ;C-<7qZ#)A!Bs|%exMVywEI6PdA;o*E;Xr2-FPEfM%L)UZCasBnDK8heGEEbn
zZIt)shhflEmW~w~oF_M_daH&AT=lrL;2<-r=Olr|r4J6CofBJeEoZ_KHYEj5t&oNf
z3h8^;#b-P_qMpDIvedIdp=hE@J0GX*oK0SzlDzrngs`hf7CLwciFf>8rZRDpGwZoI
z6~#^`PJd^bq!Ro`P{L=&hKGmSgu{9qm>4-rdL^veVkS;#Q!$#95l~_I`B@jIOvkee
zOos$GbS*mK-ZpH>yt2x5v5LqO4;6liq%$3fD#0Fic2)ki6JinM*Pa-(;KTtLSFUNN
zW~LX&o#g7zvy92gpV_==fx4$ahx>vB4sooHPtTX1|Acc9ucyX?3Wg-stE;%wF2oBe
z%wv)f37Ej*+AQKI#v;68!-3khEfXFzF`O_u#I3Iq$f7j8_5&k_sDP+Hvq^zQLX<+*
z3P~k9mBfQxvU`Njv#^(3Xtd2dc%zZk^T&ozp|~>+%^b`E!bcetL>QhhSaTXIapV$t
zz#*>aqjHc{NL)a;+aPRR5>KCx!Y5ZD^E(@wIfb?y?qg9q;jnBbdxPQ;p&*rytV%2&
TQlHPQ5DK_CuZByAgTWdA6C0^+

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/date-button.gif b/tools/storybook/wordpress/images/date-button.gif
new file mode 100644
index 0000000000000000000000000000000000000000..326a7b71cae9607a4b49303e16241c19c26f9acc
GIT binary patch
literal 400
zcmV;B0dM|CNk%w1VGsZi0QEZn+1c4_Y;0RwTYi3ifPjFIkdSk8bGW#;aBy(-_4R*$
ze~gTbZEbC!prF^+*Yfi6;Nal&^z?aodF}1(V`F1{e0-FYlxb;c=;-KPUS4)~cKG=C
z<KyFHWo2DmU1nxxwY9bI@bKyB>C@BG_xJbP+uP62&-V8Ahlht?U|`zX+Un}+*4Ebl
z|Nrjp?#|B6@$vE4*x1I##?8&m=jZ3#+}w3_b;82J-rnBJ%gc_AjsO4v0000000000
z00000A^8La0027xEC2ui01yBW06+$<z@2bsC<=>)p%BqB1p<YT6Y6RqgcVRj(NQ$E
z-3F*4q_l3&fG(E~v?xM?oY7*;>vDon(|SZs2@igN4=ox(7cCAGP&6@&1sE+CLLM!b
zn3<OzN;?P%SDv7q0|y5S8w;kWss{r?5*7oqw6zuzM=c^UP%s!THc>4}J8m2#P%Fn!
uA}s+zA1y2n0Vpap)F>k@A3`ZDGbIo>4kO|a04*s(83OL_@a`EqK>#}%Xt+TD

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/freedom-1.svg b/tools/storybook/wordpress/images/freedom-1.svg
new file mode 100644
index 00000000000..6e4f2575a17
--- /dev/null
+++ b/tools/storybook/wordpress/images/freedom-1.svg
@@ -0,0 +1,12 @@
+<svg width="157" height="148" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M146.643 77.521c.122-1.213.122-2.547.122-3.76C146.765 33.622 114.143 1 74.003 1S1.24 33.621 1.24 73.762c0 40.14 32.622 72.761 72.762 72.761 33.713 0 62.09-22.919 70.336-53.965" fill="#fff"/>
+  <path d="M146.643 77.521c.122-1.213.122-2.547.122-3.76C146.765 33.622 114.143 1 74.003 1S1.24 33.621 1.24 73.762c0 40.14 32.622 72.761 72.762 72.761 33.713 0 62.09-22.919 70.336-53.965" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M156.224 67.941l-9.517 10.182-9.401-10.182" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M74.003 124.694c28.129 0 50.933-22.803 50.933-50.933s-22.804-50.933-50.933-50.933c-28.13 0-50.934 22.804-50.934 50.933 0 28.13 22.804 50.933 50.934 50.933z" fill="url(#paint0_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="74.003" y1="22.828" x2="74.003" y2="124.694" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/tools/storybook/wordpress/images/freedom-2.svg b/tools/storybook/wordpress/images/freedom-2.svg
new file mode 100644
index 00000000000..f006ca1a53c
--- /dev/null
+++ b/tools/storybook/wordpress/images/freedom-2.svg
@@ -0,0 +1,13 @@
+<svg width="165" height="143" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M71.035 140.703c38.578 0 69.852-31.274 69.852-69.852S109.613 1 71.035 1C32.458 1 1.185 32.273 1.185 70.851s31.273 69.852 69.85 69.852z" fill="url(#paint0_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M70.962 78.994a8.122 8.122 0 100-16.245 8.122 8.122 0 000 16.245z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M104.862 44.282c18.029 12.1 24.216 35.21 15.548 54.243l35.054 23.526a7.105 7.105 0 01-7.918 11.797l-35.054-23.526c-14.33 15.231-38.06 18.261-56.089 6.161-20.048-13.456-25.453-40.527-12.071-60.465 13.381-19.938 40.482-25.192 60.53-11.736zm-6.478 9.652c14.688 9.858 18.648 29.692 8.844 44.299s-29.659 18.456-44.347 8.598c-14.688-9.858-18.648-29.692-8.844-44.299s29.659-18.456 44.347-8.598z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <rect x="88.861" y="68.954" width="10.585" height="26.464" rx="5.293" transform="rotate(-8.376 88.861 68.954)" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M81.965 86.033l-4.21 16.373-12.163-12.163 16.373-4.21z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="71.035" y1="1" x2="71.035" y2="140.703" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/tools/storybook/wordpress/images/freedom-3.svg b/tools/storybook/wordpress/images/freedom-3.svg
new file mode 100644
index 00000000000..c01e6f2cd43
--- /dev/null
+++ b/tools/storybook/wordpress/images/freedom-3.svg
@@ -0,0 +1,37 @@
+<svg width="193" height="213" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M96.591 47.235c12.623 0 22.856-10.233 22.856-22.856 0-12.623-10.233-22.856-22.856-22.856-12.623 0-22.856 10.233-22.856 22.856 0 12.623 10.233 22.856 22.856 22.856z" fill="url(#paint0_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.402 89.438c12.193 3.267 24.726-3.969 27.993-16.162 3.267-12.193-3.969-24.725-16.162-27.992-12.192-3.267-24.725 3.968-27.992 16.161-3.267 12.193 3.968 24.726 16.161 27.993z" fill="url(#paint1_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M170.78 89.438c12.193-3.267 19.428-15.8 16.161-27.992-3.267-12.193-15.8-19.43-27.992-16.162-12.193 3.267-19.429 15.8-16.162 27.992 3.267 12.193 15.8 19.43 27.993 16.162z" fill="url(#paint2_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M34.234 167.57c12.193-3.268 19.428-15.8 16.161-27.993-3.267-12.193-15.8-19.429-27.992-16.162-12.193 3.267-19.429 15.8-16.162 27.993 3.267 12.193 15.8 19.429 27.993 16.162z" fill="url(#paint3_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M157.423 167.569c12.193 3.267 24.726-3.968 27.993-16.161 3.267-12.193-3.969-24.726-16.162-27.993-12.193-3.267-24.725 3.969-27.992 16.162-3.267 12.193 3.968 24.725 16.161 27.992z" fill="url(#paint4_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M95.83 211.329c12.622 0 22.855-10.233 22.855-22.855 0-12.623-10.233-22.856-22.856-22.856-12.622 0-22.855 10.233-22.855 22.856 0 12.622 10.233 22.855 22.855 22.855z" fill="url(#paint5_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M96.59 144.377c21.073 0 38.158-17.158 38.158-38.324 0-21.165-17.085-38.323-38.159-38.323-21.074 0-38.158 17.157-38.158 38.323s17.084 38.324 38.158 38.324z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M79.243 108.789c0 9.705 7.93 17.42 17.345 17.42 9.416 0 17.345-7.964 17.345-17.42" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M90.883 95.351a3.72 3.72 0 01-3.71 3.73 3.72 3.72 0 01-3.71-3.73 3.72 3.72 0 013.71-3.729 3.72 3.72 0 013.71 3.73zM109.715 95.351a3.72 3.72 0 01-3.71 3.73 3.72 3.72 0 01-3.71-3.73 3.72 3.72 0 013.71-3.729 3.72 3.72 0 013.71 3.73z" fill="#3858E9" stroke="#3858E9" stroke-width="1.5"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="96.591" y1="1.523" x2="96.591" y2="47.235" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="34.233" y1="45.284" x2="22.402" y2="89.438" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="158.949" y1="45.284" x2="170.78" y2="89.438" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="22.403" y1="123.415" x2="34.234" y2="167.57" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint4_linear" x1="169.254" y1="123.415" x2="157.423" y2="167.569" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint5_linear" x1="95.829" y1="165.618" x2="95.829" y2="211.329" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/tools/storybook/wordpress/images/freedom-4.svg b/tools/storybook/wordpress/images/freedom-4.svg
new file mode 100644
index 00000000000..ff9a8d07e8c
--- /dev/null
+++ b/tools/storybook/wordpress/images/freedom-4.svg
@@ -0,0 +1,28 @@
+<svg width="245" height="155" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M66.54 55.02L39.693 9.126 12.96 55.02h53.58z" fill="url(#paint0_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M39.75 153.084c21.074 0 38.158-17.158 38.158-38.324 0-21.165-17.084-38.323-38.159-38.323-21.074 0-38.158 17.158-38.158 38.323 0 21.166 17.084 38.324 38.158 38.324z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.404 117.499c0 9.706 7.929 17.42 17.345 17.42 9.415 0 17.344-7.963 17.344-17.42" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M34.044 104.061c0 2.063-1.664 3.73-3.71 3.73-2.046 0-3.71-1.667-3.71-3.73a3.72 3.72 0 013.71-3.729 3.72 3.72 0 013.71 3.729zM52.872 104.061a3.72 3.72 0 01-3.71 3.729 3.72 3.72 0 01-3.71-3.729c0-2.063 1.664-3.73 3.71-3.73 2.046 0 3.71 1.667 3.71 3.73z" fill="#3858E9" stroke="#3858E9" stroke-width="1.5"/>
+  <path d="M122.734 85.772c21.074 0 38.158-17.158 38.158-38.324 0-21.165-17.084-38.323-38.158-38.323-21.075 0-38.159 17.158-38.159 38.323 0 21.166 17.084 38.324 38.159 38.324z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M105.392 50.188c0 9.705 7.929 17.42 17.344 17.42 9.416 0 17.345-7.964 17.345-17.42" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M117.031 36.75a3.72 3.72 0 01-3.71 3.728 3.72 3.72 0 01-3.71-3.729 3.72 3.72 0 013.71-3.73 3.72 3.72 0 013.71 3.73zM135.864 36.748a3.72 3.72 0 01-3.711 3.73 3.72 3.72 0 01-3.71-3.73 3.72 3.72 0 013.71-3.729 3.72 3.72 0 013.711 3.73z" fill="#3858E9" stroke="#3858E9" stroke-width="1.5"/>
+  <path fill="url(#paint1_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M99.782 107.435h45.894v45.894H99.782z"/>
+  <path d="M218.946 37.371l17.518-5.453-17.518-5.454 8.494-16.284-16.229 8.483-5.536-17.496-5.46 17.496-16.305-8.483 8.57 16.284-17.518 5.454 17.518 5.453-8.57 16.285 16.305-8.483 5.46 17.496 5.536-17.496 16.229 8.483-8.494-16.285z" fill="url(#paint2_linear)" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M205.714 153.083c21.074 0 38.159-17.158 38.159-38.323 0-21.166-17.085-38.324-38.159-38.324-21.074 0-38.158 17.158-38.158 38.324 0 21.165 17.084 38.323 38.158 38.323z" fill="#fff" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M188.368 117.499c0 9.705 7.929 17.419 17.344 17.419 9.416 0 17.345-7.963 17.345-17.419" stroke="#3858E9" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M200.008 104.06a3.72 3.72 0 01-3.711 3.73c-2.046 0-3.71-1.667-3.71-3.73a3.72 3.72 0 013.71-3.729 3.72 3.72 0 013.711 3.729zM218.839 104.06a3.72 3.72 0 01-3.71 3.729 3.72 3.72 0 01-3.71-3.729 3.72 3.72 0 013.71-3.729 3.72 3.72 0 013.71 3.729z" fill="#3858E9" stroke="#3858E9" stroke-width="1.5"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="39.749" y1="55.02" x2="39.749" y2="9.126" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="122.729" y1="107.435" x2="122.729" y2="153.329" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="205.713" y1="1.167" x2="205.713" y2="62.669" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/tools/storybook/wordpress/images/generic.png b/tools/storybook/wordpress/images/generic.png
new file mode 100644
index 0000000000000000000000000000000000000000..00575a078f994dea08c3c3cd0a46d1c22366fca0
GIT binary patch
literal 719
zcmV;=0x<oFP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007(Nkl<Zc-oCq
zZAepL6uuY*5ox9rQ4~dAgkc35QuN0t70Zx9gt8*FspSyDL0P6KLa1P2R)o@$ByolV
zn@t?~iHdE)Y~n=RYI>zRYaiqX+wRkQt|-+_=!L_5Irp6BJm)#*<pBKC!cXKTq^Y#7
zt19h}phHQqtHsG2sdt*g_r(_nA4#rg6kH<a7lEitkLx3n9&L!rP;XroAibbfsVeUh
zSw%j#wB0*ypNG{p2i_R~9rn+|V)*h}qj*u-sQ3eb3)>T<DAau&v3f8w8<5P-`!GD}
z1_9Zo7U7)(7JQISPO*Mc#vtUlqKXpwOim1acHy;l98cev@m4n>`DWda%r62Pqi&SR
z0M2FA8!54)pGQ%3zXYN+d<mGxy#Y$9tTVwjy~HFwLp`tpus5zKAyH8;82V@YeZx+u
zTdc55`~>UQ&TZOpf!lK6a!JjAKy48#(xrPy@So3a5Y|Sf#B%G8UdeaN_+Vg_wH<am
zYZw6mg~nt*Sgx}BOyP?jqkxx97MLt<i5&s1i%eB=Ya)_wo2_2xd#BN?x1ojsObdRT
zO@F0d21v_q`9xyguj+-a%K;P9YS8>0+`+_5j-8O5v3Fb9=y=vIG#@4<vGU3c$a>i3
zzE#rhQI>YlG^jn6IE!m4t%GtX_xH`K_5~pI&t^?yBoU$Oo{}owtL#A=yBjSo1V?97
z$fj^A?Kuwsf(!UK_ziW<W2n`Pu9*7WlDH#`Wpv7uDH#A;-Ch7Bj>xu8wA$vWU#dzA
zMU_SN4NN!|us@-sQwBi&gr8JuxNV28bK8&QG8PL&mlW?YI=#$)lle2lVsbPT`xk)R
zQu3O{Xgb4V9_%_@(D}cw@pnd>nbPmc*gbT$xL<G?)Bh1$A(a3C002ovPDHLkV1k$1
BQMv#C

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/icons32-2x.png b/tools/storybook/wordpress/images/icons32-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b86b72725098d87205b53cf8ab06d94e7effcd42
GIT binary patch
literal 21770
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
n0000000000000000RO-{)1@R(K735+00000NkvXXu0mjfxlSSx

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/icons32-vs-2x.png b/tools/storybook/wordpress/images/icons32-vs-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..54e2fb2f5fbb483b6d396fae843568c41f110dee
GIT binary patch
literal 21396
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
P28p!Q^`BQivy1p2jwOXc

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/icons32-vs.png b/tools/storybook/wordpress/images/icons32-vs.png
new file mode 100644
index 0000000000000000000000000000000000000000..e46d6bebb78eb85988ad28bd4c9e3f6e98bc6118
GIT binary patch
literal 8007
zcmZ8`bx<6<^EX9`6)5gf<Uxu%EeFLZ?iA_aS{#Z?Tio6CaCa$kxclKw@x!5a6hD6V
z{qub@nVnCvyUAvgolPc@8fpr7I8-<&C@6TJ6=k(hP*CAW%!P%9r2nc3PEb(LP&8C@
z<W%fjTU*zVoeE(kA3f8XC#L;6x=~QH*ep^$I7G=uR4as(bxv-o#55pfG!vTCqid9+
z>g2r&^b(s@VjGcIHMUVXrU8kSqv}70*C54^O(azet5lAz|6h%1K*e}%n$`I^sutOg
zEJ~3zNG+{|W+X<(!a?e4CN!(YHGNHOkqrW&Vq#lncm8kK=z63ilB<>2Ecdfm)GkCj
zp;6p9R>b-jk|psyRWY>6I;V@z$XzzDz^7tJz|=?FISy%(uw{^0R!4r{qNq)XOHrR`
zW`}@vkZES8pqZah+V8rtb>tubw*)DlOfmbgPhROrGx&j?ADp6P{PQTd#YL=s8m9g>
zO#A&cqdoEWj7xD}{nWaYcShCNx=vE-*YtMeL=qm!f>yr-OuX$2dW0<lYsXiS(>a2A
z-Af0&%7@IdI@wjsvU(Sgy1BgzNb_=f7R2l$kT|z@kxkhQytr$U*@0~4^vok!3;@-a
zmlp&Afpo&|+23{O<;nHG#r^Yvl>@!xwy{m9Yf1m%B^;R1f!v6Ny|dx9L*w-J`pM15
zr|0d{Yxv#6)y*Ab_w*cgdwc&lwSByGa-H3`IQ{2DE(o-8c+tDGp9!9?99v6jpKY1l
zt{PuY?V8&=hlMv!E+1StfO?AtSGpE<<JxA_<C~AKZhk}ll#Q%5&um-ff_oPC8m2Z!
z){olfb{eO*&S1CQOM4r~SMooL#y6oM4dX$zW7q%gor?ORo2T4L2Rava^;6nvCN_L3
zhjkKL7f=3u4y#12dUWUF?%`?m;(q1`Ry(m#JhW0eyqeMpiE5tuUN(qyV@CJ<#?`~h
z`CUQ(($MyKV*Bj&-zTIepAm?;V|Z-qv`t=j#pqh!#z|P?MCS^$d+oSo;UJ)TWMc2i
zziPz0d`K~*eCps@A-Lpc-I#MxpHfuq-VI_0{+!>xB;%J;HT6f*Bk7|<WL(F*gj@XA
zjE>^5%`6f7f5`3s<)Njfje@C!^%fWX6?zamF#%K>K%?>I?X*q9Mz_Hw!3a6imD@i7
zT?H)0%`86-x`)d|^6C%omm)gLhpz<rTOFTFsvMpMKE#FY!Oa3>y_Cqdir`G}<MZ)*
zRb`cZ)vdYm7KKsbH1&TcT?@=pTLIJ_9dJ-w$=P-4`c5u*cJS!Ix}@fVzXCEQs69T*
zO6hp7oo`@%p;jowblKc7ju6|8Q;zUETWQ!MTaR=<zB!l!t|_-Or%&8$J#PA48rhMP
zGB=mkaBwI}OIu+`OG`_c%8Fz-`HHmiQKS#5weL?Unbrq4GyMgB%SUXN@ha<W$vw`W
zO`e_cQ$#W+DKh>)WK>c(`qFsJyr#?DbvIdY--L7HDHP0eJZ&fh`h;5g^J6li1o7t}
z4c-ztfFKy11Fvc}da*A^CUl+6j(@GrJTvsMHTa7<Mg0a>tH)oJ4Gmkt0SLR*G)cQ}
zPZ@fttFCX}+u(8W<fyFUDKxVA>}wrU%oFLAEwV|XVAX6tRr~du9v3`;rX7$vqy&)d
zj8?uh^k5n->`d!NOhgA+$Q2GgP-mbuiUP`UdF#3(DQ7X}$$2Kle{sq_N5S#=Ozb$z
zxs%>S+)wx5`W_ug)~MWht?SnnbKH?Ahc;hBlkVEO-{^2J%mkB7NOgSI#<q@mTXCJ`
zC2G6CqpGY5AUSOFu)<U4K3c3crkWwkYd=09H}SqFxMki9Twqa1aND$8`}^h8S(Vto
zF;Th)@=kFbr!5xjCPvBPb`N~Gb>7&QqAKCPSFxOvA8fMQ>!0M24Vc@}2pg|#`MpVt
z&%;Rf<E~%T(#lGelj2Fg+hagKH^MlzY|dWus$Vfx_!DEM33x}@<fp()V_T!%E0~l|
z`yRR_;J3NLL+Mq8$IbaS&&anp0f|NsXld0+Q$`$xnf36uys?;?z?Tcnp6z;Sn$Ti2
zfC?YhyeC6k2jUx#NAn%W%|*}VCOat^ISC1FNxFV*M2GMA$r!<@TCLh^gMh}1fw4t)
zUg~!026?<B)yIFGll~3)%mUUjNr8OZ{>##n?(JqbR`(3EHKA?t8Yw*cwPHzK|LOwx
z2R%MM8#TVw%DlmVyyv2O_Rdr^(IeZ3PW&3Wg8uZ;nHyiTt=LI8zaULWeY|KOOVoO2
z&1l&q6B`1lvzJL|)oq5lTQIA^Q+%jy!WAa&pZ+chzP3<Mu<#Mx9n+mPx*Lepl*wih
zO*F9j?|d=DSWRdB^E#;fbUP!k(#e*s+2Q`L6$k|Cn1AmavO4aE#cB_Q)X{2>-sOLk
zyRwREXu;*p&!^W5`c?VY?Awz<qc_`lm1+@3vK5FC{j2KyFzF=qsJwhBF}hBh8oG9x
zo05{t6$i%wG{wOd-YdR6kx0`N@&>~SE#Xk4)s9a(GA$aDu(W64t&|B#f5h7WRp)N*
zKJ^OX;WDX88lDF}9I$BGgDU@Lh94Nhd=!`=jaZnOytEy8Gi}+d!#oSWb8imhFr=p~
z@f5yjFxN!7d4DRhJ`V+zR?IB@^cP+fv^2m7#0UnG2sJ~K>B!TRH4ryr$tk#PtV50x
zmi(dpC!q}W&~1GCX4ye;Cb9L92(KYv5E{D^Ni-&A=3g;(R&*Dm3G5$CIJ>f_O1aZU
zI;cP(Fj37eRE}WM=B<)*1B;0c;NA{rgJRmS#lM;91(n;8#&UPyaDoty<@JT<lP%=5
z;<s_l!|_6x(Y-8}ZXEHmfIhD&@SS6PZ8zO3Om+5GtaHBX9N3t;XTKaPyJxGpv%B7k
zzs#m;w)U}|uXMD?+Y8oz4=)6%15<n(LAU#q3CUnQFtt|F&TLgt7}>KSZedb^&vG_q
z5U05Tb=|$IwoRFxcr{)9FS(vhl;w~-@~(D_lx6)`#wb-mtnnc&gV!d%B91KUX{Z8P
zrb;i)JouHl_DBo=$c8GKoHxW^#;S<Id%NCP5Yt2(?PFV&sKoDhTg2}a$5@3dRc~f_
zvcHcWGHhasU8ItqDR*vyTzHYeC`dP^%-aV_EI1DiHjJ~A<Wl!!UvwO?Ur$abD(l=F
zy)BumA_f-THI)&s8f8QU7T5O^d04*O$LiM?N_V-soi1I=chxHjI|qHl$WS-zd7eB@
zw#n}3%%08@53qiGU@njdr3;9e1qJnTkD#(;c{yqb{unza7_{3mKY7Jx(0`&yLiQ}C
z9%-O4)?l*IuV`q&$GGx}3f-+DUlvWT)I*KL?F&4^f<ds??L#Kp&poP~;BTT-cx+}a
z$f#nk?DtMPv)4qFRO_0-25?-@_;P6PK6z_!lr_zpG|?{z%@>K>0OYaY!W`myx}@)o
z8ylFn=CpVOx=2_bMt*s-P-o0&V-!`?rKh@`4gFIkL?klQ)0X?)w0bJku09`$)Q;l3
zUp?p=!v>0VHokS8o_A6Ng54GiZ{m&A(5@2&b6dr`10j|0kz_lFzAPTs!+H52l?G^8
zfwW%fZhcQ++lD{H;sm$qXrNHinSu<exNs66%wB`D_wHo<cy<EDTu^KEOG2b9c;fue
zk6&--0`jfIJ+2u;^VqmBHu|C!QiyyskP8h>k0(l7LmlX4F|&MQqw?Q*G$5?W%}w==
z_t3aIrXxQOZSsdq0Z)O}xLc>ej@B#X)vWCG$~Qbi;eilk(Yn!c^urce1CpDWR&y5a
z$15|O=f&=KoDb=^H)(3meD2dS`j*^rvj4q~WzP)RleRy)_it6p!*^P75?c-EI)-PS
zoCuU<$9d&9J8Zud|JoEo769)Ca6NREI0%!W)U>uIDx#vK-WeMo-u$=iq4H4g`vsmo
zj@}_}_quWnsIC0vp0XwScoxQ2qj5|t3z@ETLuao$k=4|qJD$$6gM3>b{ve%<0xsPw
zTlV8lsQ_5vrw>W@7MKh-Mq35ejVG0~TA4JsGg^px%MU4@A<kaw?aL<2&lR3~yW#s5
zk)eVkqmmXOeK_eVoY;3AM3Yxq#!zyA!vcp`tvx<(-Qc%F{g<gn!|LA_^Gqn<=3-Hr
zk6)8v_T4*k`YVQpi$Y9d=mhDCQkPYl9DP2N@iR?sYnc}vVFIk3oqa*&hf`w$c$=H7
zGw`MF`C^LE-Sfsmw6H}j?}}uyXP?3MgQ%6?7L=I_3ia0#Vb>XLnNfAamV3i|z?bSz
zBeH{9TJWyq5&cM>xvx3nNmU_KbU@}MGJI1O3=Ecx^>Vob)Dn#$@_C~12E)dt9M;Ah
zm2TblB!;O<SB%Z**#ti&SX!!4JlLMd^y=q*==8%zTt282k(-WixvTtV?l3|F|3HKa
z4#(-kd2O(hRHh`;A|<4&LrM0m8ovo!v*1~U@uJo_w6_1aPr8R}-;K^(d<?qiZj0L(
zy{pwAuNW2`e6?~o)sPl7vH0KmN~Cfw5lwO=Cgu?Tn{<+C_Xl8*iP!DyYO>5%yt1%3
z`pa`bpg&YcW_fn3NoI5Nwx&!b$N(U4`Kc!FBd$~cB`Ub8SSO-FCutSsFO^yYE?K}z
zS6}h`af}cenvlE(FXf-b%YsQJMGFvv><_BWU{5OPw4Cz;5>o0RB`+}vaen@o^v+bn
z_8%YcWD0Cf!$-c2|Cg(x^`7|?@4HuO-=w*)e<Bj7qss{zaxU3d6ZvT3%jFYL?HEUF
zM(V`|f^L8q=)O#(zZREAaMELPR~HhjbXj%7WP_5eR*s$aChlH=+O!r5>*B2QuA{%^
za_4BTw0^_fBfs}a)W(&BrO(nDq!%@<LN%8yP2R1B$S$q0CBJo$LnQjtz73euSYDW2
z*Y&ErxU*qxb(Xwdb=5dKakQ=ccDK*{0bT?6rP!uBE1(_4*&;3I92HPYWc<0lrJ!FQ
zgO}?&+jkajlZIU<Z<qve{D^z|I$oG(8zG6RgzrtFPii>RVP+_5lYDd`D0RY)a5VZ2
zMyrKyC>w5tM@p(#R3ay#0(Sw!Eb%yDC2d+`Bd*$ios3v>wG((`x9Gv74p{JSl?jwL
z3Za!(6w?ti#O8fjHv501Q(w--ph8&a4@w-;X~3Dv7}@^u={)WMP|w)ADW*)7&=?(T
zAC^4R^VA|(cF)eLipm!)Xcgy8oOsvn$6VWnK8=`4ZL{z?a)4Pg2A8n96yB|pMi_Pr
zg>95MKg|ERIVHC0qr_S6i9PgOBDsTE%;)n-=EYW6ZN(PBM?Gg1kc_iEWdtw1Z6>>1
zno2V?h_z3(u;1J-QcYyj26C))HWbQ8%zaPW?34Z(jlZ^Zn)n2}(!mW<uHMnqT39fv
z<GJWBhh5u1KvU|>Iw^N~lc^#>(=H3be2Hc$QBa4sf84lGVb!LqZ(MbFUujiDu}+mB
zQ?Q-ooS|8_7e3-5;h0A`@Kc7T*?d>TrW5OCaq(ut7DBFRrVWi|lrmsqnzv$uFMR(}
z0Hl$+bldWK0mM(4%=8Fw4|UZZ+UKhcNL*hqZI2y|9^4IWK7u;&B&U~SW8>r1LtaY&
z(kqyC4Y{&qX)%)z>5EKSU+J6|08E;Mu`SQhZI`_kbGMpfJgX6aLH$2*yk6v!DU8Yz
zhHyVzv{uyQQ5%n`VJLAXj>FG>um)5WYuTxgTOM2TAS{^{$h+De5lMaHII(Q3V}F$t
z72)FwGTqp>Yu9)ola1w%Mrg-{*cT{@qT+z{s;tJ|&E94_uC0gXs$?ofU-Q{t;N57m
z1b^yTp{<`RkB`}j(d(?>qghd=64T=nzI$4%boz?7ZPLmeiVskeQwEJNjah_B&s&MY
z+f@qa<Vtj4rO^B3!rD94G!hHg*|4-e;l<Fl(Z7k!n@g~Meg~Rwzro*IhhbBL`ZMY5
zn%?`t_n{H8>{64|MPD-vyDxO~mn%9hs#6Xal)rVJmLGhdcsJYm=Hi&*jXQ+exEXp`
zM=1zj!I4*8oD$G?MP5NMTImK%r=DG=vMFK980GO!fpWg#==1iI`csmfk58o{+rH@5
z!A;O9r;rpy#X-kByRBI-TzA15-;pbqP~twCKD7<axewNqr*M1%i?{lgUKz@GO((i(
z)e~H+HwzT_4w5{WITu6v@ndLe!rS>r{y*>o*hyogO{lQ*b@hb5hB<7Z+?b1nB^EFl
zJ?g-3wi-ZGvmG^@+_lx5WV&LHq9L+{I~i3@+i16#5?(2`*>5t1`iWpAmjHKlvR}TM
z%-=LQ;m>8^Cynu(s0RERA|4&|L;;#N4)WHJcpY+xx{UYN;N!&+UtfpTG)0HjygUng
zK&cOHBkhO~<&lhYjOGk0Eq<aNDdgR(ko@FjgvEv<8Q8WfDwrXs(v>hYuM)253s?G%
z`0?qgf_TB7Lr_NgutH}+T?a>Vp8hJ$+j`OHi&Vh5nDMdPdDY&hy5GJkC)t|aCf4M$
zpt7}SD$-COG4`0fb3XTgr=|N44tqX>&RVOVMfE@07-F$yKb0D(vaIG4<HbepIH4jN
zk%gRX1%>KDPcOWq-H~l?eE&A!guDiAlyOv4;Az<W<}+AZ<`7fs6P*Tu>dil|{H<nE
zRKS*aHgOYFU2qRhJbghB>62>>1_pgUL1oMS=(9WfT#wUU0t4~HLJE2S+ES)nYe(nB
zIx3lxlV2!&HI|#c6yy;Ul?ikF{N#LcESSBH@*pm0@=J?HCy#aPe`opgiLv`a_?Kyz
zl5k&J)0t~Q`gCDiWK^oO1lPmW5j$vBJ*btkdSm05|19AEj9(Em=#o<&z%^`mH26nw
z+a9e2cr;`v9Hmbttgjy()1ejVY0C604+IxOXtK}ByPsnBk57BBdXnhzo(p5E1SG%N
zp5)t8P~p%Sx15-|*p{1B_EhXNO)gTCLqI&FxfyYag5=<G5_9|OPN|+QhBiEA@!)ul
zeX_gfKChj+5u(JI{ExY#M1-`@gf{Xh{ttGmN`f+#Y$Pc)K(>dfOs6e$C<K<}Xy2lG
zY5Dp=^tJLwr}{4sDfZDaa`Ay9#oK;0zV>fe(YE}5t6t_uZ<XoH6=8z$Yu@KSJpTQv
zWAMJL8)YYnjOclOdd<v5YhI^A!uP*nd&!ezlJXmCcPEpGi4m->L0u?}^1W*;?<d4}
z%5%N$|9WE_g{(oa#bf6z%pK~Y!k*LQu-c9$yyvfAZB<qJr3L?$1;NGj#ch|?T3qwd
zq^o`Pk-f2ex%|s_4703~|Hj$0jch$dAIe2(xFopduf{E|yxzFgBubE`ljDmtTE@m9
zxP-JO4@+49(MFn$8X9IRq~s57C7Zfz{1HdfprsJj94Sy+s9Ffky_z*sk2n*L`fK2m
zThfeku>$geuw+~X98s`x&9K?8uhByo!(X$6(}6kO_BJvJyl)zqdnWOHGl2Svl;(j&
z?Z%}>u7pK&>b~J{Zu@FeqrgMQ#H_*6PIFR;4NQ|8H^5Y#fj;Cp?`ad{FKvhOL3Ds;
z#yCHfp*URj<Vc|h(Op}6QMz?OaN=85I&X9<<>jpHrBD7m#NO(h<=Z_YLJp3{`$?D6
z(vyEFlTy&ZNf^GZaQC+-NSy|!z0&S{`AI`gA)iBbp>N=G43`BkR>73}+A#_<V6jU(
zI&}v^O$zXJ-YK85hPpDw`fDkTTl!1f>?X&;X;<OK=wLOlK2^Mre4NH;+N7Mbw%%Nk
z0t<(OwY8P^oCO6y)UKSFjpX53%|zMB(K<n6cX%?RO?C5Xx}Az}L@8(1M#J3^%}{v7
z!d{6nKV{wa^1`QiAkg8r;oV?NUb+!s&nP_}fazQ%XnCPx3qjC9O*O5in(Jr_MHKYh
zF6ih>4ho`IU)hG-L;5qdEU|;7XB4|%fVguT4&<kG{^)<7{VwBAhh3b2mK<Ae9!9l*
z9`JN3LIo}%c;|s?AB>i2!-FAj>NzW0Nd0$Dsl9JR9H*0@ZhULADB%J`q5S<hS@h->
zvV_kSnM~|P)+|@*4_eW|*#tv8xqZQNGVyu&tbNwjdRm*`f4ynDT+LvPCkPIVCvIz7
zkeK>i!Flq1MbWAAV9Bvg;%S$d008Iv{ufuBA9F|Bi_+@K%DAHv(N2}#u1oCeWPM-Z
zD|?vu?x?U}+i?EdYCRYXdI?5!G=af3r=LKefXCO$&Xms~0t=$STedmTTM_*r%zJ8c
zH+J9do`{AYE@Q{S&w>x5M3l4vV2b0aDF4m5-ywS1u72X#kN-@RYR42X=zqQ-4%SH?
z#IfK-LWd2}nQF2sNl`I>-ICCGNN^R8A*|T)g9m5rCqvhnn6dAH?0nJPWotW*AO-cm
zEK8Z0sXOr*>Qe)nM0(iyA)oSdE=eEkD=3{sR2O;yI6F22ft7Cg?LQYT(<h#Ydc^)Q
z7|j)_yBHdY*0Ngr;qkPM`$Hhw+R@rek`fy(PtV6R&J?AkWOX4KhLa+6xzpdF_pSxE
ziV7xAuPmgXR*4_+*x;bI@ze%ML$+I2gb)aq8LUN|bhzqSI^Nqnv3ive;H%bv<$<LF
z1K|C99gt+oC_>JjZ?rsON9TXwk|Pog1W@fmk0FnrQvd=@{2Rei@r_@|!AinP5ASAQ
z=BB+C<!dYYB@la^G%2*7?%h@w6F9iWjfhVHxBdfD?DjRy`2LRnywr1(sY*ugZNDGq
zjjA%2m3N;$UTTBav}Z*U6NXofgY#n0z>{sCU~g(kaKojyA$@!DX~hso&$-kSs7GQ<
z)a`d#Z*@{MZV+^2PNt%wI)?Y51oh{S)K@>ZE(qJR0<MeHiM|w<ZWuRY*e|DF@!HEv
z=N$GeMSI+F`ZhVv0j1)Bhcivq3f6kor{x8&TEmWX4Pj6GzHoxI;=(n+_4yIE4r<33
z(N#%OYWl?fADyBh-c-q@J^2fta$4f3DC}o~<fB6U-y{%-f)n`$uaMyPe+$R+Wz)a<
z!{id$aK|~03i6YcC<Pzl2{&<XIW_3oG)bpbVE;8PP|!Xzt(waUxauU(lK6(cg>e*l
z^?9x9R5D721~xDlhkV)==QHb^)jNDL9yc#ke|`A5Mr?UnW-u_R%<D+MU3)K}!vKFo
z_bgX#+v}|Gy<$8N=VbM8baGs8OGQaYnv^|xuF!-i<@noPfcLTwJ5`={RaUI*ui-Ag
z`^@lW3Sf2LH2A|&x@5BunF!<MkaW-<hjNhqZFt4$Qc2*-<|2WQ#oeZ&n4z(#dKARX
z8(vb^)vDpU(KjmoL<vtU>7yVo+q#f>TQRB$ImQw6EaowBkqau1{Qxs3dB{;DL=A|X
z(LUoN`#|I980Q&Xq8e}@S^fks+m4C^x`1+=hXU?1tBu|9PJ6#brx%x%@b1cAUQbmV
zzn^54C5A((N%@I%&6edtllbMBXdg(ObkDzR(4WOG;2^%YB^+LpHiSC|u8ebQnv-{n
z9O<hcFzhPvB@tIudGC#H5j;FH#iJZwz7&vO5Hk1)kZ2}1kdr;XzvaoG^Xl;74Gy#(
z6qHxqnZj)xRa%LJlj3giS_H>+Na|6_)3YPfXiacoVG>a%xY6w)FTMH&{eDcno0K}B
zlsSHiFqA)8uLSKHcVmY}?Yoc-+4Gm}A&93h-26n(Dd;XzRsiIi&R-$TSt@hM?K0w=
zcb!VFs%W(=K`Q?r?MD(=$Td_hC!COA%8}{iil5(>J|-6Vct2ZsR80&AsDgtkIY}%3
zGk9|MX<qL?kPHWWpbv61Q*d3Mo)U2{+CQB7*e0j_;#m_e`?lu8X${X`=r~@ETWDcU
z6Z<5)afo!#*Bp)YaS|M{sop2@WB1^=>JgFkE&~xDpV>F=lGUS;RF%VmFB{$gq4Hm=
zP5D#fN1QgEHl_?_^SZU=B1)Q;rHai#+14@Vi|>C6@&1JhZKH{daheUw&zN$46y<&X
z(xd(wpF4P?r^L@B$a$*^{}yF=-D$HGrvLcwe7*gAX`Lb{zWPf?&{*&>Pry_EDZ%#r
zpI`!s`~5U7bxE-0SmN{JGS6mmBkGoJR%VuaiF%Q!TvRhuz+HmA+_A-`1Bbt-0Gafb
zPIGC?f*A6HVI`S@O`L6|)<cT+XOX5%x)vq~9u5=4-zkyH^){cQX-BUO-&3wOmU&^u
zZbUBOmT3{=Q+edDl-1!0mj_c30WF@6q-%|HK{u9EEoYRg*&loj=kDu`?kR@HJU<J8
zmY}v-{w`!5$-dnbcmC(N<$1~#6ST*<RWs}=bh9Eiyh~G=A>(DO>`AI6f@|D;c>HO-
zHI!w;ZQXH<Z_&mY@o?MoGM|sQ8+m!o-$szZQ4x>p+lWIE`d6w&&YLc1%)U)&yg|1o
z7j?J|4YMDz0=f_4av!^CSROsMu3x-<1T{<qs4z*r)tMJ)+&P7xzWnji&si3sp!-g3
z4pL`E2n^>jVP1AW?r^C)um0UnW0gd#Z%Y_92F~P>zJ&N?HTw_cl|0@`Hd<`9!@Q8*
zUY6>mbec#e=z-4-D5qVl!e&}~3SPf1dzreFc$&kd4|>{-zD0P$)GATqbXhmBwqV0`
zy-NBs@7f&DT5julHSeKuA&as^pP3W?KN58LL=U*V?4&meSwj8>qI{N9ldY9D{q=v6
C-$~~H

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/icons32.png b/tools/storybook/wordpress/images/icons32.png
new file mode 100644
index 0000000000000000000000000000000000000000..e491b1a8d28b3b3a0b8594166455b931281a0414
GIT binary patch
literal 8023
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
BHO~M5

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/imgedit-icons-2x.png b/tools/storybook/wordpress/images/imgedit-icons-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..98dd4124047bff2b12a5d491281e09c009b2f3b3
GIT binary patch
literal 7664
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
G2=+hKXu@Lv

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/imgedit-icons.png b/tools/storybook/wordpress/images/imgedit-icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d544ee9b83b478c4fe73f6a9c7b02db3fadfd3e
GIT binary patch
literal 4055
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
A*#H0l

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/list-2x.png b/tools/storybook/wordpress/images/list-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..05c6eb37ffda0502d68d82bea14cef6aa79a96ab
GIT binary patch
literal 1523
zcmV<P1q}L$P)<h;3K|Lk000e1NJLTq005u>001Zm0{{R3PVxb&0004EP)t-s00000
z0000008LFzfPjDi00000000003=9km3=9AO00jjF1qB5F0000008LFzfPjF1e}7C&
zOaK4?00018U0q&YUS3{aGBPqVGcz(WGEGfQfPjE~eSJ$yOL}^GdwY9GNJvRZNli^n
zZ*OmQc6NY(fSQ_`ot>SZpP!(hprWFpq@<*!rKPB-sI084uCA`HudlGMu(7eRva+(X
zv$M3cw70jnxVX5wy1Ki&yT8A`!NI}9!^6hL#>dCU$jHda$;ryf%FD~k%*@Qq&CSlv
z&d<-!(9qD*($dt_)YaA1*4Eb7*VowC*xA|H+S=ON+uPjS+}+*X-rnBd-{0Wi;Njun
z;^N}t<KyJy<mKh%=H}+-=jZ6?=;`U{>gww2>+9_7?CtIC?(XjI@9*&N@bU5S^78WY
z^Yird^!4@i_V)Jo_xJet`1$$y`uh6&`}_R-{Qdp?{{H^||No3X<>~+c03&o#PE!B_
z1O^5Y8bCrrTwGpgbA*J5iI%3hyTH%T*W~2y@$&Qc_?KW?4FCWH9Z5t%R9M5!SWS-;
zM-;67uy<{b*SkbvZ6K^f(4wG7HUV*o2#8apobqqEBvOcyLlgyZVWmic9M&I*#2?rm
zd+eF%9Co|iy{zAKOC0hJrJ3o{do?|;y4#jAimIR^p3PGD@<bHv7Vws{S?0}?_2YZ>
z0^;<=pCkD48lQgsNdfQQU)~M9c`|x1d0jxf`k*(0H}CPAUkiAjJ$^Ry=E+L+FJ3_W
zr&R%bd8NiFE8v}WO8z_vFuq&aUOQhb^Rug>d^)(ORZCk(*YP|%=Xqt50ILp92uAD5
zTnjAKh{E%=78otw5&7!TR0}NCxBD)huC+j3eoMW=+vY+ij9w7Ddz14ER;Kh})?oUD
z_f84kjiC{kT^&%ZpK&d)OcgHcPsY;PjNsK$Bd|v0tBs7n)!|K|2b07IB)gF59DG%8
z$*r_>w#i3!A?HRQ=gcaduM+IY)BrbyJq1e6m{oc`TcKQy4KOZs`_lrY7ASW6J$vL@
z3;muA%d_XAAfeC~m5GyYuYpO=hB$NvOKuAeZerlTDr^Qt#qIrR6Q>R&AulWep$_}@
z$f3ev-v*%*(gO7ivP>@|XAxzHrZyOp&;r@U#YeZT(rTUJ==0QqP?Id1w=9#Sag63s
zVnL`$1QXmYEzX~xfl@gO>_N$e#VnWi0aP?(YncZ3;Oibiymo6H=;B&;Lhu^b=b<i^
z)H;p9ajs`jQ9RwMkd^lo@BQsW3rs0qY6NmLsTpj-^i2MA`y8s&xHzv<3hTKs-SQ!|
zw;LC8b>}XTFw2cV`jyQmPLFrUoyjcJYF2QL(I#<r5~Xr*wgJJEWgedc5*M6r-<gD9
zwg8Xg7U!?J_M_`}@v3V>9&&yI<nGDHzCZW^CnFn{!2+Fi8vQTPcfq)r5k081g=Bf`
zjEu_|JCN$qVrTnT$&$<*STC5Q2{d~)Y*zkf#H)UrYm=xwXPMbk*qhj3Oj7xg$oF)y
zadErtP6pa-8(82vsP0R<r_&VoMP`99Nr}o=T5o3XLSg2@<}oeMbj`(`X$OGRprDsi
z?}eJ<C3*C2!^<S5KZW>hMDPwCW+8_U2>{eOjb0mJA>^1E9!mrsw}4ic`c;QefviC(
zY%mc#gPjgOVsJd7Dk~Lqe3SU-@j+n)W`W+ALIk=dxzWbUQwKr?J|EimSH8jXp#veN
zyTl~DHhM0E1%qqi5yQv@ufJ049oscY3utv62#tM5;XbfGav&rwH%X`CfQj$?l0Lcg
z!IKY%zV{UPe-62dtA(U^1^DvRq*2J5D1V-u|Nd1}z?=OM1HQcYr$+|`ywT4Kf1aHF
zJ=iHACd(<{&Er25oow?YfG3l2x#+J`wORqbyoIV1@)k>fo>WO**b8d_zPvn63wf&m
Z-hU36-n|G37`gxe002ovPDHLkV1ka^55oWe

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/list.png b/tools/storybook/wordpress/images/list.png
new file mode 100644
index 0000000000000000000000000000000000000000..85d1295e8131f8f0f3a4c9bc53fa2b3f3d770abc
GIT binary patch
literal 1003
zcmV<H0~Gv;P)<h;3K|Lk000e1NJLTq002+`000yS0{{R3Ee1;E0004KP)t-s0000p
zGc%2ijk&qGx3{;mv$L_Wu`@F>jg5`Awzjvox2~?PudlC^l$5Zrur@X}j*gBqGc!Oy
zKte)7U|?WjVPRxsWMyS#Yinz4Y;0|9ZEkLEadB~Sa&mQbb#``kczAeud3k(%e0_a=
zetv#{fPjRAgocKOhlhuVh=_}ei;azqj*gCykdTp)k&=><mX?;6mzSBDnVXxNoSdAU
zot>kjqokyyrKP2(r>Ci@sj8}~tE;Q5tgNlAt*)-FudlDMv9YqUva_?ZxVX5vxw*Q!
zy1To(yu7@>zrVo1z{0}9!^6YG#KgtL#m2_Q%F4>i%gfHr&d<-!(9qD)(b3b>)6~?|
z)z#J3*4Ee8*Vx$D+1c6J+S=RO+uhyW-rnBd-{0Wi;Njun;^N}t<KyJy<mTq)=jZ3?
z>FMg~>g((4?Ck9A?d|UF?(p#N^Yioc^z`=j_V@Sq`T6<#`}_U<{r~^}ug4=r0000H
zbW%=J06#xXPE%FM$?56q>+J09?PoCh2><{BAxT6*R5;6Zl+SAuK@`W|yqO(}iYM_B
z5Va+^iC#pcwMSdf98@ZJ_D}O45X6HB^&lwPgOoxkTl+%~dQuPZU`=*5JI<SI*1VbN
zJhJS3^4;%yZ{8*f^&+r!T-GTj^cl`hN}FQp{NoE8{(3%4vZo82jh_8ZG1W0gV1*Se
zJlh!(o31Ih=Q=~Ic0@g|TSCCe4hTD^>mn!^eQy*_PuEM7=^M{{*?r1wU|C3K_PFi}
zI74;Sxq!>#a!u0#NWq1Y3~zH?=~%^Ow0DMId}Xff#bY0CqXI)k;!n2Gt$d_dJIxT6
z+I`o@DHWPK&^W>>1)0@>VeKn~cqxo4tTB2RY``o@<q?Neu)H28u^*r*kgTm(A=p&i
zPRh63<qy&qKJjcqGk%xr#-vkRhrZ>aNo@1|Yein<O^e}@Z)dvoH*1^go2$fRd|H70
zcGH7C_#JL@)lK)&gLZo#1~B;RZn9TgHy}fis78qR7_y)m-Aq4t8(f9^|3^dzLM>xp
zNN1{FbKN~k5*TLQuoqXDG<+DpHVK_;x$t9hm%PZEp$LpymM>?zM=vNI5W_^vqBl1b
z3VP~RV#*us?FI$8<CA#G>gPpHez-R&!SEpGtZ;u{pJS%JhQDw}QmlOcE;t60Wa{K#
zxvVDDWMYMs87jSH;LqW5Y3iyXrW9s+YYgN1hB4!M%4DXqT>~TAH)UB>wH2t8*4f?|
Z{sDKP&y0=cFCPE^002ovPDHLkV1i3i7!m*g

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/loading.gif b/tools/storybook/wordpress/images/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fdc589f80979337f9c866cfc416e88826fd311f8
GIT binary patch
literal 1372
zcmb`H`%hD67{}jp?ddsC4_Ir*khQfHbhUIuGm545a!Lz$DX5GQvlXaPB!;>&h8IFl
zyAq|KRU1Q;73{`_8lx^Vm;eb<E)^ni)45ABQ?Ufymg$x)xa<dZ*fhG|_x=H&_xpXG
z&-+>m3vxA;G@!vB6quWvyLaziZ*T9=(9p$;7stoPA3uIPJw1K(>eah<@6ON9I~<N+
zFsM){78VxVZg(IM$j{HOudmnXbQ?Er%*)H`?CflAZZ;SUDwV3EqeHLP*VWa9LZOzH
z7L7(zQ&YpT?E3ZV8yg$5v$M5YE%;xLbb;Dp-oDLbu$gmIY6MzX0Mb8E3<nfYE?%@)
zQ;(k-_Pg%WvVyU*wp+D$$cVrOac;rKY}Fl&1Vyp<g>n>79?AV3nW9!EXLH)xyidjq
zp4MOHjQn~NiLI!#Auxs)0n~}10uuEdU0L50BDR`<laM1#2YFPL8Cv;1xr_0`gtHBX
z!$p1s!Mb^#-ObFqJU^erp$fkJQr|Yg2?~QdY#}4Btj}%uZ`5QiGr$aS+0nq0U}C9q
ztGpoU)Yc5>OQdPV$NP`O9^snHXrTPVe$XkA`yoTos4Wr&EU=pq`0QVbSITC`ptl9k
z3o677U<n{Ns*a;FZ-%RR%5c9}HAxoFHFgiCzf+anU2bP-`5xae8!SGg!=rjnu0|Nn
z9FfB5j*Qz*n>q$&%)|>M!Xc9Z$sx6InaZaQ<1+G_$j*sAdd&c_LyNDf#FkC1)~^An
zzOu8WCGF{-QEu1yicMetJXR%jnDx772P8JLbP>qMIgS$JfE0)1GWJB$ea^PlQaTds
z+$GIAEbL;FtT9a*i#X)RpE7iN!nK_~u-UP%DP#{>80nAKrVsJ?k|VXJQen$W8UIDn
z0N}O5V>4<Oag2&a^sX$LePAyXlfYu|)Y9o9(o^kH0~j@p%#>ucQ<>MR3rCMn!5Ovo
z+w&m9o8ht$2aKdukfF#Z!T6P^0>BCd3G;a(LP1b`!f)&>KS+U|bH*aeORK~I%JoX(
z3T=qX+DH%apqyZWM<>ptdOd@!z~HPH{Ty>3kP>B4Z}p5zh}Km4NFmd8Q+CF>_lv+y
z$*jEB_-sI&#R$N-@o;M37S3WT0}jU+_{Mf2?t|UdK7pt>A$=Wv1Cz3qEYSq9##oPl
z&yz7k14t2hq9c;`d<^A=Oqk5qa!^vb$-V7))+Im*aqK0FZ1k-s`E2OqmStoDnV8Kl
z%+dMx>AqJBPuRn_m-aOfk>w4k(a4v!F5G*^7X!-E9yA)HY2jgT-e6azQsN!*ow<X@
zRJTq#6N3WefopP9ygZNzzc7a@@XVatxJ=aUJpI+W!ioJkr8}=RcyC>53!ID5xT&f~
zd^2?^%BIlrEp6W#ZD~Z(Do|HZL5J7<v>JUGhCH)I8!tttu5>;8&F1}8_y|@DcV+Dh
z=WOjxTsSRQCVnV{Cr$l(QrfA~8^We!+9UQ|5!1{-_Xq6Mik^QoeEwHJ+(Qv?Tg!{f
z@b9GIf>R$IDR-b(te0hldyU1D`}btByTwm`aOqNp6R##U!~Cie>+hnq9?5l~^i%9L
KNS_RW4SxeY3X=5z

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/marker.png b/tools/storybook/wordpress/images/marker.png
new file mode 100644
index 0000000000000000000000000000000000000000..30313b871ddb76755ddbec31df04e2c55f0f5647
GIT binary patch
literal 360
zcmV-u0hj)XP)<h;3K|Lk000e1NJLTq000pH000pP1ONa4kz|i?0003mNkl<Z7#Wqp
z&nts*0LSsqdi=<GLL^q=hGqxlBnMI)aBz`}+D$I9mFxZhwaad5QadfAG;$;k%FzyP
zLXutNS0?QFzCBM*%W&cK(!UU(izo@=j1bgsgvn9F!C?5{k~ykWi79R|&+N0t2Isim
z$P!c;VQvlE^u5_9R<?Ght+2oylvtLJ06EMSE!Ub>gDlmm+ghLI1)k}bhc1c_^uB6J
z0hP7Z9B06gl7}eHE_H{pRcUq{*Qq=tFe#MQci|3PkMgjDS;flAQl)_it{Zt6<0DV=
zg*x@cQZj~XPabS;9HIo$YLd^=WavH*4)gM{$a{eaQ+=Qr^=LrJ(ETPD^4RiG!#2(n
zX+~)$LX12Z?ikb;8d;%;q0HfoA^pTK8LlYt#1V1o^>?4M`P)VWqP@`o0000<MNUMn
GLSTZfcB75}

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/mask.png b/tools/storybook/wordpress/images/mask.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fc9cbe63094888432dba8f6cf7bac85b40c0eb9
GIT binary patch
literal 2001
zcmV;?2QK)DP)<h;3K|Lk000e1NJLTq003nG003nO1^@s6RD3PZ000M=Nkl<Zc-rk<
z+fw8@3~Z?e{{M@Q_X!FH+v=9&WH`lCQOm|RsarQYnE?EKUhZRm`ur(zQV#pS5Na<p
z*B#^S#rj_kM0ejS`&>rIT>_nGyL#U7biEZvI|%Tu{Yuh0$6T>SyOO&;c5wX+h-1=j
zhh&lFwFY3T!m)E!*6!+a$+gFUM4tiRBxoneJ)+lL0@`8apTiTQ=ga7GC-|=dLeyqY
z6<1^cv$2v)ss&}0wPb$;b12}BjZA}_*NVnRjaNvyLZGYHsEoJ3fL2Cf3$L?XqE|LW
zcG2%9cuf}ptQ;))&dTsOuurg}w=sP?LSx1g>;So@kb;f{3QBgaSpnG&7+;wbBZOtZ
zRDo9s%Cya79GgBWQI_eG**uyMx>|%x%$u3t7Qdr$%@iq>qx_S=y~5ll<^1-qHCcR@
zqLv6fzxm&3+gDFn?O4&Z*o%zK7|KbRx1=yf4Gd9NgBbNSqS&xRq&P;_ij?PLhY=`P
zB}+-VM$Ykd!xmkO+Oqnj=6D2zsJmJw1hAG{QE(=Y2iHz`L+YBcc^n0Rx~)kiCh|&!
zNF$08s~A~y_QjUVswY4MdQ~NQl7y`B?E0(5Ns$ue304>-q_G=0g{%l5pO8AsCmxVr
z0p2p<%Yvin0qq8vD!e5_fhR1vA|ndFFXv&yml0=KR%pw#vt;fnEZ>ki^PUV@>i@$;
zpM3~H0XVBj1{j6}BZ;Vb{&J4Y<}oUX?c!^;$OU)F1ktdJB_#`fR2ZBfgeeL<xMrdk
z()l5ymm0oSK!dd6jAEI#%6Jzn{DeV$l2UypI65CwNwfx1JOIcG<f&vyM6Hfln92za
z$@mIDGNiC_W;`R5{}EJ8gD3)+9D)Oc_*2D{O{`T?x<W6V=y#T&99=|8Kp+lH9^?nX
zFOhuW!3kzlh(@bKF?UpdzOG{pYe^4I405x`oNK8etqK^kP6pH?gg*#yR4+mja5T)(
z@#9JIp9xwK=96(LPchOHs=#8Sz$&5p1QcH=e43PsA$;oa*p$P}K0^s(RnoAC;Yx^M
ztoIag^n4G&BLIGv4k3=Sd!T67-D$~wh!AJ+cuc%x^%#G2BZ>8_==Lj{dwdrH79h;x
ze$^v7z09MMm??oRQB_qEI1{>7<W|7Tke4R>L6oZ_x#>GqJ-JYhdNMRI#5$3*)j8$O
z;|NZUm784b{rjEp5Gu3^L9>wOqV>B%^dnIjG56lp;^5?Qh$q96C$D)SCsCv@UkEkA
zQ<Qt{P9E{>l6FUoXa0|cS9yilNFgU<E~|hi!BebprwbbAi{x`MgiUkGW5aA#AS(dn
z4PnFsFiz;%5hg$PDQ}AjzFIbtU^!XYsFjWr$vLWcD*2?#K&J)Dj+E005F#*+{C>iT
z6JZumPnOdx*%T=#TE?!#%#@ay61M9Y#S3x+!ZFL62(Gf22i1~8KcDI*5{;1n!kWG#
z<(;S$&}<cs+Bs2m{OYW%YwuE$>BCbhr<&cz-7AA|p?~)&uQ%(r%V*Q@g(grtkGnHR
z??@2V33gWA5qS!uXmnJP1p&nRD3Es7ZDlZb9^Wo_;^UOk8B%Z&DOUBA?0sqb`)Rum
z^!aWWhLorZQ!Nw3F?%NvcM!ll7qETq>ur(<u_2|jU~zm02~{IgzmB2iu<@KzAXX7*
zc(6fz!VrnRxWLQ0p3<Bq`c4JV3;?5KH&L1AqMei%D^lK*A)w=H38%jHfE$eo!R_eC
z_&+@bo5M&5!lB^eRZ@`jnr@FoaqaPOldB3Ol4F@rf`UP0#$s_$s^WkwmaCE&1lTBq
z6EuY)RFppuCOb&k9<xADD624timH3<j9y-l1Di*5XD?6qk?6Z#mockG7*Zh0P$e#7
z>7IN-l=Y(J(LIPTh9);g!TlisUh)2pHg>&f_(IZ}R3)(~6Fb%fQCO(+Di0_6<{7wM
z+Ye7c!IC@2R)Oz)(-4aKsj^K=;_N~I|4yxrm!v7<kO+Srh8B6u(o^0O0x1HpFKMd)
zfuat|7$yXkuC2nCom^CCyFwn82)jteq2v@40IU*_Y3no+MQ$MXO5LNR;J{qn^IrCf
z^hBSK6ciTf21X4*?AVM9C-on*M4y=$4Ip<}YUjKagUlMh)Kj_v?E-_%Asxg&f6sFW
z22sTV&-)aRN_UZh1IExzz8W#AvV99*8KoIZi^lF;e${^@6dz)kR)LRl5dAj<zIsZ=
zYPzhi+ln*oqZk&u#(a88mtr05yM&qfixs=;o%$#;?2KSa3Pe|30mp#IuG`V?xBUJi
zd|d@Z*Z7qI?7VCDXResH{ecXDBdPzlv#)3%<BHfMSf!021%<I}+Z}6+XHp{NqY7r%
zR~d@}0ac(?<J@`T$jm<@rNerLAovGi&mkuZSO;mR#xQ-R`xJJvon>bQ?o{@K9u=9{
zYh#w^)fhgA9FtKBFER%kQrl!+c}hj7-#q3O<lA~mW#TK^PmSFHJg&gy>*lc{d{o-9
z^Y6mmXdwCSeoWsHkrL$(X2C(0p&-^^<){L8=Qt{ST`ADX`K)2=xIo{r+NZqY$8Io&
jJ3hkz{D;5KOMU(U$~kl8WzRKR00000NkvXXu0mjfeC@PD

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/media-button-2x.png b/tools/storybook/wordpress/images/media-button-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8f8ed4df8c50d7e5085d3b7532958c1602a62a3
GIT binary patch
literal 850
zcmV-Y1FigtP)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0003yP)t-s0001P
zZf<UFZf<UFb8~ah(9mvfZf<UFZf<UFZf<UFZqU%sw6wHwadCBZb#88MZf<T`T3T*y
zZgX>UcXxMqczAnzdwhI+eSLj^fPjL6f`^BPh=_=ZiHVDgi;Rqnjg5_ylara5nV+AZ
zp`oFpqob><tF5iAuCA`Iu&}YQv9hwVv$M0bw6wOiwz;{vy}iA_z`(-7!o$PE#>U3S
z$H&OX$jQmc%F4>j%*@Tr&Cbrw&(F`$(9qG*(bCe=)6>(`)YR40)z;S5*VotB*x1_I
z+S}XP+}zyV-QC~c-{9cj;o;%p;^O1u<K^Y$=H}+-=jZ6?=;`U{>gww2>+9_7?CtIC
z?(XjI@9*&N@bU5S^78WZ^z`-h_4fAm_xJbs`1twx`TF|$`}_O+{QUj>{r>*`|Ns9e
zjNhFA000qmQchC<8z(A1NT{o><mcz??d|aM!LMte0005CNkl<ZILnRF=T^cn0ES@@
z6&H@iiAvlcxX`+#7DT|+O08IH2%-gY|5sp=I@*Zi{lWRp>2q322n7Ds5&&T7Hvq_E
z0sM5a6Sl4M6AW6;tJ7#UTgVeGz^~h5=ecTE4ASt_#2$cZPnLOm)2ex@BQHSrhJJm~
zvTa*gn3`Hp=&1TYMb|Ei`KD>6qL>gIO_`>J+^@RMLHV+Do>Lmy?yR0kr!#tNU%NxF
za8-V2Kn||+S>@=!DaLRvK0hDN;klxQph|lO%658dbK^xGBgcv5<-`#glT`#I+KUMC
zdpkROXJnKCdP%DJ!L({z&<u5k0Zr2+<Oj(Zu?)i^vDC*SEI*JJqY5EPbWvu2-OLn#
zoP^`!Fe!6zMKeV3+501IIlzUJ!+m+%Q9YITVYy(k((bs=_*;}27?=QUniybrxMQHJ
zKjUj8JwiYGyBN5Kf$vF{^fg5g?C$NAYz~6-uq9gn9g#I%SDqN?fP4xdyi%p<3;=fu
zU?{`>k3|mLDS}g6ujA8U2HYuto_L9t=wZN}0tiJ`v)R>1h)uvI2#K#5?&}K&-N}B>
cVBqiG0De`Lwb`RaBme*a07*qoM6N<$f{hp1UjP6A

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/media-button-image.gif b/tools/storybook/wordpress/images/media-button-image.gif
new file mode 100644
index 0000000000000000000000000000000000000000..69efa7b48428fd97cc582f737a5e85641cf8a202
GIT binary patch
literal 200
zcmZ?wbh9u|<YVAr_#(#e=FOY(^75LRnn#Zw-Mo3Tu(0s!*RLNxe*E#{$G30aK7amv
z{`~n>t5)sXx9`}oW81cE+puB7zkmPUy?giP&!6n<?1qMhU%!4a;08J%DUe+btiB1V
zeJYYZ8LJjKF4YLoIlf-wZbe-;$E809;@3NAO7$P-N;sLL=i1Jk>^0ZTwev{w>APv#
gOx;Hv^(G%}a!NUyx1O8rK*NR=w>g;`6j>Oo0rZDj^8f$<

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/media-button-music.gif b/tools/storybook/wordpress/images/media-button-music.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3bcda105c6f50faf92589809799ef7610628b7b9
GIT binary patch
literal 206
zcmV;<05ShZNk%w1VGIBa0Q4UKnVFgD>gt!5m#?p{v9YoH`}_3t^w-zdd3kxXw6ueR
zgUZUvfq{Xir>C>Cv(nPiSy@@XzrU)gs)>n-`T6<b;o<D;?90o`=H}*xhKA42&wzk{
z|NsBY%*>UQl>h($A^8La0018VEC2ui01N;O06+yx;3s|sc65mZYysg7iYRD?mW|(*
zZJPo#8{Ebb=~OH^Ax^ZJTsW88=YfDAG(w)1r!1Wk!O`Y`p@@~A){8N#c|=amB15%e
Im!A*-JB>MNqyPW_

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/media-button-other.gif b/tools/storybook/wordpress/images/media-button-other.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cfe16a83dfd79b58d30e4baadb003e23a8180dbc
GIT binary patch
literal 248
zcmV<U00;j^Nk%w1VGRHc0Q4UK?Ck8t#l@MKnfdwoqN1Yp_4TW(tM~W!fq{XYot?S4
zx%~Y6hK7dj?(R-bPL`IIva+&qadB8!SpWb3$;rv{^YfIHl#-H?)YR1e{{H*>`?j{W
z@$vEJ=jY+!;Q#;tA^8La0018VEC2ui01W^Q06+zG;3tY2F^+;mXhY#@UE(BPz-UF~
zRYewIpF_h#Fkp@bf(KCeP&NUG#p8f%HWbmrumE_y8G+>_X>1}JOyqPDL)ag|1@Z83
yJdewT_UT9#9f5%Z4g((w7Yhd*jEn;l7YZL7ViOsc8V&|cBM1l#9-bE?Apkpik95)i

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/media-button-video.gif b/tools/storybook/wordpress/images/media-button-video.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9b4a7963ea486edf7abb7414ee302e126a2e8641
GIT binary patch
literal 133
zcmV;00DAvNNk%v~VGRHb0P_w2fPjFVot<%UarO1}>+9=xcX!p*)qH$>;NalT&(D5-
zers!Mr>Cd?|No((p#T5?EC2ui01W^P06+vf5XebqY0Y7saRFF}F$^Y&A!!0+>yp4C
n&-4tUjoO^J&ZEAAVn{414gyR-$!rJ)1cV_$r5X@~K?DFh5`#E~

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/media-button.png b/tools/storybook/wordpress/images/media-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..752ee452321a701ffd061a1a1c4c527a5f0f7667
GIT binary patch
literal 323
zcmV-J0lfZ+P)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-0003BNkl<Zc-oDT
zv1)`s5QeQ&ro8UTRC$DZ9!u>kRD1&!vGO@CAXsUWLQ5?~Y?LdkEK*PQAL5XO^|*zP
ze;nr99nc~oCI|vL!1pUyzVBE6B;+ZW)#O9k_noS$LYk0^jq<i_kU8ghrlKe?jKueI
zd07^g*L9^l&#7%&v^ldZ6B&eI$SLwPO^`XGC?YxXqW-cb_k9nUGfh*f>l$s&IF1il
z(B!V`AagcNLrId5=XprEhy}}fSG-|$k#QiO9OK&f&tE8B0kfKn75-MaD6WbR#V0_G
zp5r*Ot|k+iQNqo2-EV+FL+@Nx1CMbW37|Ihp2^EF3<OY{dZ%((mUr8>e*kJz?-zeu
VdC9Lf9jyQW002ovPDHLkV1n4Ni%tLl

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/menu-2x.png b/tools/storybook/wordpress/images/menu-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..7131763a5932500d0d8ff100554cdaca45809c42
GIT binary patch
literal 12672
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/menu-vs-2x.png b/tools/storybook/wordpress/images/menu-vs-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..99b382369ff8f15046cdb9c025f8c8f75c6a60c5
GIT binary patch
literal 12453
zcmbuFRZ|>Xu&!|(2o@M1xD#X`Sc1E|OVGic;I4zaySqC<f(-8N4#6$BbH4ox&aT>B
zt5$V&^~F>DcHgXC;YtdU7-&RjFfcF}(o$k7Ffj0d|9pQG`2X&BUQ)OJ0x(K)YT|O1
zj(EgmgjBQ$$Vlv5{O|~fMlt0=D*BSjI^KB=GEvoh_R&fSjl!ByYKe`sJhBF<jq-5~
z8YwN}!G$VGO@c;|{H9R`=B7d($$}>Fw%U@8j{2%e&5Qyf-daDIgp@P%)P(dSgmr)Y
z7o-=E)sm&5l9AEZVsmj)7MA|;Q-gy}K#4&_CeYI}PnhDH1V};C(AQdD5>lci&KMgL
zYt9CYjg9g#SI|^o5%I}1$?2@Hx6@T(Ztv~)hNL9=`W6`IW%SImQsFz6_Qe|+`Ew9C
zduM%od?+P0eN3<Ip5M&>J$EXD9$(+zJU(CCJ$h;T)lY2>t{-ll{!9Kdo7J~aF}7x$
z)2W@-wsv$mvwOOJeAT(IJF$HNUH$uZKldNW<MZpm<?ZG1=;-Fr%j;Y5@JdwMWOLVD
z&G>rv(%$pRd-KeeerCIio!r37`$609=c|8Kg*|O^I~l{HG%T|59n--zb<2krO9z($
z4Wqgs$<XHUL}>p@aq-*u#9;qG-oVoD<KxEe-LUrdp5^_9fB()-&)-gJ(!1w7hR%NH
zw!2mg>}>C5rYBAh#E5)l4GPfpsu{Yy@2O0wE-%gNuNX2n6v`?cEQ~H`JUt!RJmS)4
zzuYM5IXpZc9kB_hTv}YJXkGdB%dxDwp}2mkzXK8(5joR5yFYq3pPta|Z}-yEv(>kA
zIeon~m%$;)=9l=p?d@%#r`*86U}k!HBGG4UwKchZacJ(jY4N>0hPSn?t+6(TiQiC5
zR%z+?T7ZxLUTwwl@q2eqTvYx5i;(T_OhLOGi}%{vyWOpvu)H8EzUj&8(Mjjk$}El4
z)<3@s4BgU)OGRsUcMJPYFLQI#W@eV4s~L$Vy^}XfO;WkuA?o(QqY)8@N9{*_gS`Xh
z_b=fmQ2CZxujLKb&1~-J0QuYH>CFU#6hH2PC^la&nbHEsza`#fRr*z<7qc}@b@ocf
z{SEHbPDMRCMJuZTmiAh{YC2I-mD6Q;<CBTKvGyW7_Z^8j`I=r#MNj{Ygru{If+`F(
zAsdzi4H6vId&uyC&YR%wucNvSS+18i*{H;tw~;r?_sgBvmzM?WmL$~)|MOPc$^pkr
z)uPD$&9`m6_oQ*(_wJL>@sly-Nf;Pr3~4c8HTTuC)pJEvZPFe`&`({Hj6ZPfG{sW>
z*PU34y$C_U<NJdIg>T5T5D+b|HM>k81@UbD3Kt@qEscsed-E+eJT*yPGX{QI#c)J}
z7=7Jmk7W$vcz<1TWB2;Rx9nfKRbOv&blujo_kCsOWQ*}F1o=PFPy|H&@69FrNhMw?
zBlq$2xh6J?@ioiqtnIz>-;KEH=5$``FP_{F>jou@Z*C+9q<=mNF{RmAFLg`yu~t6F
z>Eomtw`h{_P_+CAsHpyZAn;iZj+1XB-OgD&+U17XXJsT(l`v<OFBW_EyY0CCUY9dS
zRH2VmrdaD>WsLZssVrjW?`qihyLL)eNooA^M}P2kj#k54oMc+_v)EjW*l~?#>Bmpr
zlb;N0Pou+;1XN^3Mj&u~>)JWRblis}DC>pX7*JmQiL52X9}&9pjq4}h6h{5nUy;;-
zA3xdVmPY;Bu?lndnV8qR#uT9Wor!ceSCNdh4d(a%_EvIaHtDE(c$Ga>G(0Io4Dg+S
znVHeghT3Natwql^bFkUfDOl?!cCJ2t-L&oR@6Ts?DfkMxF`DoO8Q5s$n@nJ^+A>p6
z5EKEEScxn$|3FV3LtqZMAK243i(^60k(O!mQ!<QfdEJ<R<xs4COr8Q@=jYO#YiSW@
z;Eq#>?v#Q*IHYYU6_0rLye;i6_m~{n6&+m}-4&T^^GYT#iYwGv=qN|`%k-h-@Nj4m
z+`VDpdP0KP)#yP(M=Oq9%ny?3_l|w)2=J8;J$QSD?|5Qj?yt`0F`>n~#+1cHMAXo=
zs7u_AAvRoo(E@Oa=D-HQW`|l$!!jU&d%xA+PFJWhV(jDhYh<ofR|_aAo39HLuSJ8B
zfb^qEePKHqQOia`_!^ok7Q^U2?mW#wtQ0$H9<?L$D5aY@IJ=p2bn<s3qQICtc^aBV
z@2HqsdBxa`AaJ!r7u1sD2Z`sNjCNI~Udg)M4J_RW`yN03nH2{K3CWS1B$*{g2Vxad
zQLzz*`cfXFMx$`N8xoV$^q9PGh|iTgEwr(s$tYK50Q}&JOP4sn&+Z>`N*Zh4_X*#*
z2{D1cST9%O_=Z6^V6FO=&;oG5Qr$8(K?KG1{C!2u0;sI4q{Sx!dk*i!(NL>R-m~m^
zUTP*_Li#3Mlf{QagYnh9O5+v~zPj0xs%m-ZgfJZi3G-W6V3zdv=kbBe0I%cU<?({(
zaet+IbK$S9)<LW-s-2=2dg>hh$}fuqk{9|o#2Il|J1ku!W;*1xNh=>3>6eQG`_QZ=
z>wEl}m;w;33AC=rDArYR!jjFh7fxC!&|7L)NTLH8R=qVMutkYwJoc<~d43a41WY(N
zk7L5K`VcbN*gtqndqy&qLU*)g;32m|seN}PxSLvWV9j#1>=8bFC%P|M3Cm|=SEjdh
zR~)CSNZz;;!u34MXE1oCY;2F1QG}wsc7Ay#xo{+JMWXPw0R?psMh;$+5Q@erFB(zm
zgaR+wFSI>Mve_Tx6)8Yye@{<iJ_Uz7JKs%S;}kqW@Eo;`k>yAbvzD%`1^U7v;eC=j
zS7WmlQwagaK=}X*$za^}^^+bd7`X2Hd!4LzyK%+)pCOjLtzA&aOJY9}79{yI@}Ps@
z7YZbf?{M%b0u=M+%H>zV;eUHTEgH|6jKIuW4kRAXL4ThEn?w|l+Dd*~u?&+Zg!Rfu
zs4yi?ce#jb2R;_VhAm8@OO-Nn<Bt-I>@ng?9(N+D=v^qhDCc(w>_(h$X{0?^2%k0%
zv0G*3?*rB)Lved``O$29^W6y|fD&<MgF01FI!gHBVGIh)7*|sL0*vtFqPq+V8M$B<
z!C>dtTGr|X(n7IKwr_%6JGy-EtXkKYMM!fIA)WQdY$!&czS)(q5@`u73GUh(6QeT0
z|5_rQmxKfIL63EW0#49zk7Odpu#bn7(5C!1=u2C#J8N=(z>m=(j`qzIqyE?D!^65X
z0$_gjZB9|G{_pGn<2nZtj>k6vgH#t|V|zvEp}H8BdjfPypibc;0ZVZ@3{-vI02|5M
zS=~-!)kfyqd(>wn{U3bE9WzfC8`XPa+#{$zG`P5QZm=L14q`xe!+>0R8+-fKG94W?
zd>$;?Yhn1~_MLsc1`z)}2YL#?v#_3!y>Es!j6xR|2GDBXO$RH`MS^l`-q?7h0N-Ib
z8#sKw9c$osQ!T}QrXFG@79Is0gl-Tib8#|A+C|60L&zM#z#NR34rzGOAlOOJPofH=
z!JZdPlQz36VsGEm;81VHk-r6{$|#~wmj!GVBW%tt;vf#o2{T(<Ye47d$O{n8`}Q`@
z@=*_oD6j!9$_QIw+5`>&XEe*EPpKo+8Z3%_B(_;ko$vnz%CV}TGZx6n*W%9xl1rSw
z6AZ4bC5x%hm-o;2qjT`eh2#B24Xg{1RRdd!|Lh}LHiAL_Bori1eGL%_B9!B;#PGuB
znrj-%%p6;7lAoTwGRK33z-B9O7e$(b>2*KQtA!6Aboq0Jb8sTx)KAA!Sz8O(+A@dP
z_&gf8*{9Jh@PQE#D*fWei6GHFtnDB`5IK!xN;1t?S#0X0DOc9rc5_tM!~|aEY>_&D
ztXp-pTME4MBO+P49n7y8w6GA%9xRSN4pb9|ljxX+W#BwEz{-UKi4z;r{`=E+n2`1#
zaDe4L_U2B4<|vN36`hFzd{Vx;aP}S%`k;SPY%tIY)ZE#mF{$kacH3k`$ndZ~w>lMG
z7-+xhgTFxdP+KSBtoAva83v+RONU+vN~=T#tqZ09ZM7TuHxtd}Y2A!Ll4wL9XgRaE
zaei*g0rH1eK}Rj;=Dt-ZrE>qqy`%QT6m8V<ig$yN*y(OHKWj`Tj;VHD=sN9RBDYC>
zjd;6!%Ll+vtc+5i%b+9NNied$D-d~ue>)^VfnGikX?&F`k#>n_|9(}6Oo_F;lAal4
z&AB3mFPAg|Zda|ZQ*uPcq@UC6bK5%VR!zRpPHVq5Gouw9<ter);|v+fhv?{Rr$c0E
zJu~`|L?_~4iLUw3yZ;SF39mo5h9PN*cXyYHh3zby=K949<`oaK^^B$uI*3Lte!8W=
zh7@${(c-SE79&HdZ~cmKwYLwe;1Q)RwWfGg{)BOkv-tLQ9{N6h>r_zUZzV^=N8dH{
zsOdWmof_VZJTRS5+#)Uvg}4-c`!bhlNANiU1u0~Ah8GZvhn9eNn<Wy!)2T_K$K9GJ
zZJZx(Wn<IX=-&Y!szw!$<okZ5wsmyW$BV9inLHyoj=u@5Lwl90<Uo2XB^xP`7DdXY
z$cd*Yz9ajHn)PSi=BHs}gDln36@sWc07#nGtTC|Nmo^0tYDR`qtZypbSr&TqHZCVK
zs9onRzPk<{9uE&&ZmE94S73qFQY+<^^Q&9U<|qZ!5Y@sw;k$La(8`yXgtrETs);RV
zb+ze+vmvI$o&=^K7o<H1G#_tMjWlo7Pr>-8mJd0lLBLm7DiG{H%Iv#)%gnxswPf#t
zch_YM>DNgO!!R6+ZF*IK|58R>_6psN-%x0@S)mzwGjbgpSc9Y)4qqscYr-u@8#m_l
z_ZMl>53^1+j8*p_Ng7W%7I61!SXLu_-83Zc*9vvAc@enOeTL7!ylEkxJ9~k>6My>m
zeE-(Db@|}&XG%0iF-d8eTtTKet0j(2y%wFNa^WoDuhRI<lc|!1=+5-j-O_@L06Rj7
z^cfR}?L-`pASa<=ke?hwP$(ewW96a)Wj2UwO}NH#g{r$#>WG|O4{S+3z~Lpu0RL@a
z5D5ada(T$1BIVHk-KW4wjrW-je&9D=*Yqx4d9M|F-$re-RI4oYS}{Izn-PaL#w=d@
zKWgbsp0Ds?p)=nOSMv<pls@99&~o|yI9nB)Y0*G&S^?=(UOR(yKM+LTOCCIEO93DB
zmgEn9;l1cL!tk%0p@1UuwY~4>ZWPikDk({#3o&P@`KsD(1(=)3+1_*1A4SB{@fMPa
z>~`yEw`<$Ps%W~9Hg_q2?LSAOVVD7qE`T9?{0_01T=FJj@5T2p6fhi7TBa%^dcG@!
zu^r?=c6j~;7yiMoaS=A4H%?@gO$C5O^kvly6y#JxVLd2MyRmL}xG=*P@7?k)vKR8K
z&DIL=eH<lM-hfPBv43uDTVsPjWCWPCgA`?X@VVmz)MF<SPJRU_MphX>8amFVPd3;o
z;d5vH2Q+q=oHZM*p_jMB`6EJrjgN4*db=->CPx;+ii#lyVbwm7Vw)hH#h=Ck{y9Di
zre=tJmr3PfC&j`&xE*EjqTz+*S6L~R+fET?vUSBG+#Ntr=8Ny0k>mfT0fNUL2k@BB
zzck`Vbqx+HjWR$R@4)VZ%t7RH3olg#1tpYPAra<XEEl{@;+hS#?J3g+t>2or_MY68
z7N0Ndm)pou6p_L($b1kS15yFPiFV#ZcQ|yURSf}A3~xE1=#{4a1tZ4ww*G*?D%RyM
z$B|&tsqEXS0~Fj}xVWCChf;2Ydm`G}Zms;^Q#Fv}JF|w#W0$THD2(RMNy&gfvaKnB
z1oQ(7Q+fmG#L+Q$Q~J{QfF_5f#j1>|%JO3C9f8Icz?U1qweVWt40~A|iPt9^e^24h
zH2{H5%URW&M7vG=3&G7ILiy1&KhS3zs7nq@+)U9>tjE|id{&pNgz9Au%@BVP?jFjo
zc~Lsiiz_Dr-ir2dlLd`IF{(15>96M-8>Xh4i$xa|7cwz6)->|$gq#OF*jVO^KzY8|
zA~_r&xirz;dlpj};p+PfyOe8*`t9bA&xU>Fx?P_w)gt3H!N5BaI?+k3?vZb0ab+<+
zSDPKx4Q!QBxqxw?3dqj{-GYcPkapuy3<BUEt{X-2W$_2h8I9Jl&)}y3P@&AZtZr;`
zwj*9gQ(RmoE%njCh+*g(2-5)^)f%w(#%yk|)yLm5IEX~`WMs003)u)?IOY*Kz|wp0
zn%SC~4ef8a%A*dI-liOu$$(Z1FcwNMqozFTNV8qzn1KCKo0{_{tXzPfd0vvR>9M^F
zjWj}s-jJ{OpxV<2NUci)-R%ym8UR};y*aaxJBLwCo3!aZ@*g4=VM!1eq+7Ml?(B?3
zxU8^XNciK21vpOB@y4SgW}H`WhboBN)vew4!pJ1^k3&(#8nR=4MTa%n&~yd7h%gx{
z2GQwqnz|^QD4F+u9<dHH&>_Zv#H~_uP_2Q~E)D=EU9#)J>bT>P0Z?LKXGmoarVFa-
z?skcLWp$$&0hgCDo9SDs%uVY=dO<QChkIgZg*~0$JXLX@#1m<yW$r#{tn|zwN<fZ5
z;G-k$W3?_(t@!*P8Ki%8H9l?pnpbahO*fO9AGKQ4>&eXqK2PHfT~-6I2M-lE3H0G2
z3hm#&=tN7em2whxfygYHFp(FE)^cF!+CYs%AJhd&JBfGT$6ysCr=a^B#>;A@e|o1R
ze*ooYcNzd4zS5_2SO<S?=7YoQUDF27GZ>$Yee0cjNyy8?chflVM9L)cTF+8QGZ^%1
z%prVu`&{jA)Zv`yO8_9X%{1;vN7v<?`fl?kI2PSE0`030c7Qr87>L^S_-*pY!6JhK
zXb~NSNn42DC)PN)15#-+kwTlF{O4GzdfrWTL#i@X=Q`1&2w6o-ma4;MFSB_o3F^=y
z5NPpW3c|J}!8e4d9q#$%25>O4+BApG;~kH0pTb$rqo?!=F$cA(Ca3F_b-3;ibLtRA
zysK@@Pnr>X^*ISEc~9woXP+fG>yt7c=CkY&Hc64eFcc-DmWm_2yZbJ6nxic`Q%1KX
zxaS<hyYVeOK-$Vjmp>Wc+n1W(LK*!af1J28Qz&V5N3{yKy55~ftbje7NY3JJQ@&%5
zNu>fd_rgHo*-zT}#O*PL1<xWU|6Zx)w+HKBqF<Yv%`A^~mAbPgL^$ruu6J_vd79v|
zNB5^FGAb57$$u3awts8l?2DdE%69cKHKi#OMJ<vsgfnEt^yunjUXT0YF_U4T+g3Oa
zZ`V3^{HNWZ&j7Mo3_}Q~Rq>ZfR9+{^&;%Ukx3G0NLn8M!`j^d<{#k9Q_O+29SKucY
z@E;Ya{BvVX_$94zdVk2s)5@&M+pCzRM1fvTeeB1(FzX1&jB|R}p?r^Nt^9e7*EbA3
zi+wngC}Wjs{a)4*nJ^3!K&8)^od5On<u0kpH&HeJE1|A7$tp9wD~w9dxuRzYJ3{b~
z^%QGzZSU;U>fZbwM}w+m2Lkp8jMAvkpvKFKe06noNr-QRz=Df1lfc`>fLjzSY$!+k
z&Vl>}+QJDuQ@(jMt#m#plV)TB2Dgvjh!WcBO9*gg2XQ?f8EvBWBVrO7uMw|iB49Uk
zfTkhX*O=_VqzX9hbekMRRNDKCHXK$Q^Nmv;dv*>+<g6C-wK)<<15bCULb;ksV^}fh
zJEP>%PRw;3(mIrm!f|h@rL6j$h9%iup(}XoFjb$JT#m<AU1BsDtP@-)8rB%)2!SMv
z{;#qYgsYWQZo=dgTxv+mLYrt00}i8DiN>xxO&Sdp{_3X=O7<v9Ab6Ixg}&_`A*!J1
z<{FH{pY!VeOsaK`>?qXVgUpD_K(vt-g+?HlK3Ef>9*R&v=&%`^<d%T<Bf^dA<JI>J
zvSbi1*>7~#5kpW~byk-&whb%8lB3<27y)t8!<nl=0fIB_W#MB(8jlKhqwYYQOonS^
zTCj7RQ3?6*r#D0*Ldq?7EhZcZh60%Uuptv2`lwZBGZL=e2Q=)C!ot>rgEECtweR6i
zJ^Fnb9vl>0Tq*A{s!R#KMdIRDMizvN{wL<92Y)|{u@Qs^Gyy>*7DY6Po>QSI$2}Po
zcH_qN%s?Ip5pGN{H5j|r+J1FEl;4ZTp2sAIYoCB_>t=0QTT719l{|$g%16f)m(4ae
z-V>KC+;fn>2J;<U2Mgw*JLpX0u7>aKc=7wRm5NefhDELm^ak!yLI*}!WdH^AWGu51
zwoDtdoctSq6Df48u9g9_7B!OU^Utgf^N_9{@zMPnuk1J`7gw6E<xBS=zq^X)zxp`4
zRH)?H?<MVgq%CXxrsUO)?-5H`r{+mY9KJ@&DMwI1@7r8_-APGFDez9|^19h8nr*9|
zsoiHl78DhWL#8&PPaYeSG1Y(#XEm;&L-Dvq>D|kg6El9tn&o%PyTZ2}4N|=0|1xkD
zU4UoR{Nra>D}Nw4%K!Cr#)w@mzaC^}x`}n`o0I(aNYDJZO7Wpg&HMhGNcM&Qw$Vgz
zgTkX)&;3L4QfzPRfstQr>+$YKr|^@=fXxchlqp$et8Ms>5B_E6=U(~dCpSU9{;Nnb
z`!yi3fcGhlK+*f|r$0jo2o5{vg&(vRHlD=dvpkzt;;tf{DO+Z=p;CqV28Z*l7uIAI
zVuV-&nXo~C24Qk<Sk#rU$WH=VyZs9WjAWMRQl9J^#HvNb8-9T*Qm*tBCl8$gYLPRn
zx4ZqI(w3<xq{y#C&Rwr>Z!hwTMc12&ACbR__+u!trdBUnT9<>kn+%j@riu4ko=&Vw
zvOl%2b`)2z_y&YjThmxM;K0O@eb5D=`;juAyoZ8rx8v&K(7lPe&20hUBjxXy-hR{f
zEA_B7!$3DMg?z`%bY}EWqkf~@Xf(OasGW7;gS)1!iOWL`%HzTN7!;cNBKRB|`B|H|
z^XFvErPHl8RvR}pN-jeUPXJ|^YxgV5CM;!^GZ@zYVRo9%S9taGPs!(FL>tZs<*{Mo
z(M^m#+m8!OIALR&pS76TiOz}eksZ7h(H|)2Rr|f+2F8=I<*j+`nS5Sb|MsGy+!3MD
zzrLK$N7#Cb8_vWd!u<FTuQD)iawO|^NV1LwZqq;KV@58K?lT}!&6@L6@OVyiNBk>|
zZyF<?PWcJizoFg**xbOkOt_BwuL7eN_mWw`)oUXnnoOOU5bf~>7M)4YR#AC;p(`nq
zrSItPlz<dgMr{p}?-~u>;^^>3y<LXKM+6lamh()2!{2l|llU+Sa-Wr;p!jgQtftLM
zZ}APoGOZ&CsL<b^sSjpFjm6NV)s!a4wVj^CfvMj4{r5pLwHRJoeK#+%%8IkY6=S+z
zMusSX*ui=W$*s*ukMhbrpmCDkx0&L$n(ck40uxgzCx&+GQ3pGz1GFKt^oJ%8pRT8c
z=RN-3K-|(5pEVpC#5{&6Di@Pzy0#dAgVYBXS~WHrJCJ9il~>Ln5B|x`ltKrB=~W>H
zDujebsG0+vs@q|i{g443*=a6$uxJU=9CTWF=7|h>u;)&s%O!sd)Lw*G@7u$XvsGpk
zBb6o_s^-a|xoY6l;^=u?gP58=@;~LSz-N<w*{YX9t#HXbUjqEywi1d9JRi;H6yhIN
zT8|DL=shh1`%}NG8>^S*PlqR`k7`<KN*3qu(2&;tWQjQGanY@<&h-juVco(vprRYY
z=4xND+Hw}>Q<j-#8Q}!LWsMFYA=Sx!#%SuxQ<K3_^jK8Q76&S-cdTh`RZUpQx^I@2
z1i+$D$WnHhx@%Mn{BTxCN05Zt#4?%66lqypYQp0B+`bBRx~Bg<^{ZV7%D5V^P`eKI
ztTWd%QrcAG1&ETxt-Zt}rL1#bg_3B|2j-PolADD7ke}8Ykf@)t+FPaisI)Dk=>Cg1
znS26sFYaFop}6Av>s`}VG*0l#i9X=S+(QHr-YB37)o1S#j?K(aRaGY2R#yIa@-U*;
zfx|k&C6Vyf3Mc?-SX#A5iAe@IBI|7Y5ILnE%R#Jk<p%otp~?3J_9)Nwz>Kvomj%Lp
z$w9O*I@*e|^`aq--Bi|FN&9{5=D(x*<;gea;{Elsmrs0|L9%eXcSag$5V8}YWArEo
z$R2rTQYGk{x@7|QK79dmVo+0@a|lNPbDBS6Hd06zzabp$aSh4SCUQRb`_V||K`0g?
z7{_6%0@$8tLY154h=3^QlLMw0AJXcaVSkpA_ER!u5v*Nkn*?%08Xnv@!@twwf!ve1
z9DWD8j0MexR4FOtx?m(;ohV`CCaKQ$pirmjh1B&HV1EX<1&6#3l@o~p<CCx?1Ae?M
z({W56V01I&<c>PM9vWCvP<Cx5tw02;C}Ccf46nBS6Tw7dHFH*xN$Nn~X=tA5QP{K?
zuDc|_w4*n#Bx9ofWo+r)rrh5DdKoE5sND?&gKBW@^qc9t-A)2Mh~-7QUJDBt_R@-i
zw7*P_UXKR?7`1&4j@%a=SmO^)YcJuT&vfwc;cKXEB$gP!1C=E+0f*}B%BQcbrj(j_
zdmX+FWU3lt<2xtK%v>$ZL8;}CKLfVDDWd`HhJtn`hAgr3QZ3*S2X6N!96%+`nBC$L
zei||CsENS{vT)&1t%1R~SI(ayUz;Hsz>?P;!whPb=b=y18JHGh(+%Xv6HJIs@<D6N
za-$q;JKq<VCvu{?#`y164ISjOi|YJMr({WCd_Byx6)a|tz99lUw385!ps{%3<LpjF
z;g`hcp!JDw$-x$ZpKiW^>lWsd;36_+zi=T`@hh_Gi|5J}sP<r~H5e-Qw0{;FAqNIM
zSD^#A4RAL4r2SFR@mb0(fWr2%a}_TDvKp(9$*f&3n#puaZ0u6<Q4f~LVben6ACry}
zggzf%mA!YLli2kOF;d(U=znwubFbflj=l8-PA@fnEn>pMvq*7QHXSAFl7r5wu|P>o
z^uo7QLgki62vE%l+VPvLwjg57RhCu8N~O5C`rguNQcJV4ihM%4A73r-6V`1{XLT;$
zNP^i=6W6<9rZ*|WvrUf%du>CFO42bf5QD8xm6nq53$$jJG?#=8_iND-qb8Jll$JyQ
zX@_+Tk!Mj>DN#RvQsxt%zPt$fcIQH>!mng*ar#805TWNs#9$!L>4t9_RYy8Fvm}E<
zw|<ruOZ&k&3Tv$3$lXa>xl781r|=daIVFe`kUBK3-DkE(D90oot7*i;$a-l&KYH5A
zmSn;Uu#OAHXD{{}UMF@>_U9x)*ROl7>Ctud-UO9v!SsYT1&*_ge0!+|ePMZQl4;Qx
z-{Xi;9Un?zvEaf+1R&E)j8+Bv&&3-7hs7Yipg4tp)3$X8tQ<^n^YcjssTnvV0OhjG
z+7z5$j`W67j1=@^b#^p|Ka)dQr_?hsAzp$Z^=CM_5iAHuG<o11C>0;watxT~>B_d3
zD`w<plOXDeaOwj0ZUD4m(h<_@*dFmasBK1@V3t4f9gpr<TTZNao!<eO8Z}0Ae0%5l
zh1GhSq?z{TVhn5b!FVBRqJ}b#F*?cZsBl`lzBV7PTtRYUiLo%oFr%D|{8!vr6g3^9
zj0ZJj40Q5Yu&DWp@pOAbo`Z_|Wf>18LM6x8>_?oFKzBI1-<O9D%f)I}dEM3xu4B{O
zcjT_-k(_%N!eG>HKUC$wI12ZGVE=!+z3}05wePC$(o+D7X8Bz9i-$y|P+AT2n~bU2
z2M}0mCPe+b%fl*~hZEhrk#G!e=Zo$U<IN6Sx5_Oc3-W3X(o&_BOgp_Xo#<8-ne<}`
zX>}AyWWImCjv0@J`pQNERpZ>TogAVlH!e&p!I$B&EVA&Ma|@w?zNfLCg90AXADR14
zuk{E;=z#g5gNzr^5!gxje3Ipy6uqA`8KI#dmw&ag?XDLqK1AbCq4~u@3ryQD-P=dY
zklb#s{yf7^qF7&`SmbCxFlzWeP{ewW_zVc&5xi1rL?Q9#vedK8GCyaRBBI>FLeNH(
zS)x%BzfY=xvMW7=8)Rb~Y+Me>uV`24$)i3M8~P64bW=d@WQgCx;zY~^y;5(5@?&&l
z;K-b0;4lO9>=gAeQ9Y3J6>6~|H1&Z!byXN~;C9m49--&SG>9~Y=;-F_vozh(%QxIJ
zdB%d}=7{~{Ye#ZndJIwqjr*I^N_CL)w$l;DOX~T(so*t4_Nb`$<RoJ@(G~gP3#)Ep
za*Z1jChML{2J*^bJTxr4xhUs7yoGGRoK4)4vjrYwFOHO0LKyw*F+4B?Z$}H7QBK{i
zVh)Z{K_i-EMT(&jH=5|9UNn~in2`{ToWLUeOc+5PO;9id$tT*@Fhp00mk0A$8Rprn
z>Q~D*@avZN@3cEN!DBcLvjkd(&L@=(I2EpQq%Ymxyjq?2Y9~qrR9EuQ1{i5h!cwPi
zs=HbkDgi~{v82+PIP5ID&+Rqp(8-Wdk5yKs3OAu9<{T$_KUI6K&UIf}Vqx&U*PUR0
zm$1j+!G?2mmR+;9*g`n=hBzw0MR#>a60XFjU$?WJEG1-j1yK}Rv{w__Vp|Z2)Y@7H
z4}<5@T%Z}I<bz>YmJN=c+4YK*xOjvBb|NjUJ!uPuTBc6Em}P<=G)u5ZG)C^)2kAxY
zq0)SafPf5B?O}E^F4khEz8ZIZyN2<iVM4BW_dE*l;YrGTl91RZcqIF4PsN<&z94@e
ztH6B5i!}tu&-^VD$E?=MC)E&XG-(0(#39t%l#GzYTo^4LaLpc@W4pSZYznh98|fs2
zA<rol3MaAiWSGw}jBXItT{*EmH@vKNtxRO(=;XwTVhSvA5653~Dzk7*R{*?@$}rn=
zN_j=(03{DlKvjM2gqwM8Fek(fV)>YbSfDy#YF*s1ml2{$-GB`2PY*D1icXg@Bv*jr
zfNqzemiIQemnXrp-W0h)3<9Q6pqeReb5umGoHVS)g{p=?#ZTuF+rq$Od5~7}2Ng)G
z`JWB&VlWA{iJcIg^qs22Nz|{nwWaA3Uf}o2>))A_N$uae-8+kdgoR2b-l;*a>#MXl
z3jX<-`^ITi#l3G2#N(IeNw6#!fZ2GWV<1wzOj&Ejqv?~vpmNGPc;O2wG5s3~q^Xy+
zi4@6X?7np_jDR*cByw@9*WU+zj5b26S4cp+#2=P<R7DvDFr8QlFC+vHy(6;QoE5T?
zc|~PX1EC-T;T(?~^r-*~;?;)BKMix#QcfsLE$<j`$?auk8DjDm(&K=zwb54Jm+^%t
z)2VS(m*OW%{#K$Tijj+@l=J!Y-WR25P`l3?%`!uL>h<#n9z3NlCJF72lzX<rUO>kr
z0L<v%4&I^7v!9Kayc`w2T|3?gLEkK__ODvNwtjLXJ?JJ`ta@+EfZ7)H#4|IXH=ELe
zkSU>Vd=rQ|bhpfimb=dZTfVB5qm9(Rv`*<S;0g!<4)H~UwyOr^zW%mNNT^3e1uhI1
z1?3OfeLI7%Hu7}qBh4fbU%cuIJA{t*tU!VrLwOWJ69!f~H?0-&QnR+(JpTB;-<^77
zAJ$MgVB5mI$#Scj{&YIS+$4_wrxJV2(P#KZ0KmrpoL^)Qra7jYen!^D@24%?aIxg5
zgs3Zi_+-`!G!ofOe@Z6AAB??^OoA6!6g@AhMy=Z3?x3_vEPPJ2R(GLh1O}=%jN+sa
zdcnnJ!wFpV+zd{D=mGAMPzj#!kj1j$Uzb3niTDg7a>^6SYPD=qsJ|bxYOljc#R^xF
z{N!h3x-(NAKkb#65(p3Nw}9+llM+rpM-H7-k?s#Ui$iDkZT-GOuyZJc6A;`r#2h+r
zZ8wV;t6g!CC%$p7NxE#ALI^z2fD!I>Yi+<w$vbUfcz8@mE;5@dYXMNcg4^le_7mO0
zU-s+v5~Igt!aMCvhoBlBiEM)=-L9uW92c4h#lYT2rM`2u1?mWpC9cU-Ei($Bvq$vE
zWB=;W4Cq-UII=Yh5{M324BJC{0z!HSxu8P(Y+l7yG{n`0!_o#Q(>+(o(eS3cX}@BU
za^OTyUlq-n+kYpQ@nN&CnFVwU&bWB;0Z0Wtq+mVQv7-JKtI}~#s*naz90~_i954P9
zj|4bAym+|df|P>sK+7M9LGs9=l^b4|gnfZO+M)Na>xJv1hQqvQo1McL+-2X)8e{_I
zy=KTXQ-T%H5@mwkdH@A7#tb+XsB{59WWE9R5Y<p+pu{6evRS^qt|G07qa1W!4BuhU
zSo?qtP(j57-QMwN)2z6_u}BcaYXR_~0VlN?&{|TfFQQs5J74^!{=8n^KV7`%`dx&b
zRwcdpm%UY<8(iHme-WgHJ+P#X3fO;++3UaoqAO>J3Kztic%Rm&($s0x8a%X!qQXl(
zfQpXU01SD-uxlhiv;PYGTxYv%3G-O4&W*~ZGSn)wQ48l8?pw(qraC*)Q!tMtlJ;i`
z9Z<o&ttOC#wW)$yC2kJcO<+$V{IaVF+{U7LL?6n~pB*)PhqwdYMOX;pD3|azKquYd
ze;T-C^B1T(Rq5UTC)H{Y27$fwQz@_R$3h|7J2;Lf2s-I$!~WX2@Av&{gM!}y8gB1x
zs_a%jyyfC$@Rte9QP+n}3^;}^!SSI?m_ZJZ`|*1(#iikuLVz${)BDI&|F+wAC?@1*
zec=ugzh@NBkvfx&&&qA<$5LUaRt`Ua!4Me1vm->tPqL>9T=k?U7f+Xy+QfR|QZ~yP
zg?o3FzWxL%Th&v^H0tq?uh*>5AjIiexi#Fw^ADW>@rmiTcl7x^rKJ&|;&GM3brZ2>
z_Ix;pe7L$e`rH=_zO-ilI+WK7hXV!o2M3EEB-hPyq5hSxmuX!SZw0{#f`j0F4OhZK
zg^Jiz#F#Sh@TAn5o>ZTt-3BqkZ;S^WG~F~Gypw;f5KVEL4}Low=RJL`oLn#D@AG*c
zP(SebwaSP7rvC$njxq!wVsZ1B3=qL1EOKOUDz%XozQ9c}`hC_C$Q$0|pYq*uWxRj+
z)?^}W@##Dgy8VMzksaiI<1Yb;XHwjER3pTUM-N=Ih-%kU#A&ZM-Q*aHuRLB^TvyQt
zYu#!V!iE4;T-pW7iG~f=k2gZ^n;7FwhyU9OvwdE(Z0lXSwNQW<2hz*%jA2!8oX#GM
zoU1xbfop(pL#Pn;+-cf}tej6#88(aatRr=R$^IRi0zd*`0!1)`cziEowuD_t%26pE
zu@+>ZVh!y=Y_@hGleE;!`^HSes|>aBc2T`N&8b^ISN8K3;zt5g5RI4qmbLq3D#<1-
zVMfk!I-^NyEeC$34A)TIvB)h8M1$!78VQK@@@1zQBQJ>8x>u~&yzQ`F^{i%*qLfB*
zr7e%;O?mU2^u<)A`CEZ(nX4+VIk-2XHPdXF;smw*(EEm`${o|^MLF=tB*Ap}m+`_E
zKY#7dRKwFO*<$u3DY#AJo*8)S--~7{rnh;N|Bx`zLK<c41#LbP@t6@mRxbC_ga8Wb
zZAKH>-V?neH76^4KF6(6!yD9YGF&Gp7VzY*dFq&dz2?CqL_*iRA7<ylRG8;z(tM<9
z-opY*{k|L0wvqI$P&l+@1P>kiQH?sJ{r+4$iA8__bfx~sC8~{;x7<zK%*ooR?Q8st
zzfm%2N5w%vysaq3h?u~bnZ+Wb8PH3@=1e!2bF0=lwb2`*wbJ)A<%>we+g23U+i>u!
z^U8O!w+s}PG=)TH#fjcgr`y_4y#u0#R`nXF$|X8PEWOA$wk_+{N?KSytZuA?XkC}m
z{qg9eo<!UC^+{X&BB{5l!X`W8$g!%zHq<%0aC>u=rrLSfhAo*Cpe>V|3?G*=Z=!X~
z)RGK<wI;Mc=cGlCWzUedvNA0dftn(6)|Vx{u`P8MCG21bx6yf*!V3OAaC7O61>{>M
za9=&MOK;l{=Wd;JksZHIq}&gt^Nw|BoEdCirfi}w=;3)a(@u!6CTBPQwo($S8f`Xj
z67N^AF|}%|)p!}I5uy@}`aQlzmQc#X*V#>=_?j%#|3LYw6Fr2BT&>6>)xSr)8fLVt
z_rrkk@7$KtZ#|@5;~WW#XHreA?d}W4_i7{LR58NGPpjc4+U6G62d&C50`_}kL;VIB
z?JyD5{Cu5f-}J6iX0bg)Zp|8#F~BR)0r{M~?iB7`x0@s2`Mz0A)7HomYhMbSQ0p7*
zQ9tB#5mk&)*@_9cyAR0zcYDB;!Gky$`emd}@oWS+7pvOs!vkchuB`T92xGD*n+f(~
zA6{tlb75jTTK64#A7HiN=J5HKwGIWRx(%|A^}h#y@>aLpJavhwJbAE7KS*NRY>cGC
zArNOW+RbwhP#2?|<+G{Ps_4wF_|n0y4EbOy$I~4?oFl{^N&#&0nmdA@Ft#|t^&@-#
z)p<K74b5CJkiQQf`fa<tcdZe+Sg+SQil5aQII7!pYhHdd#P4D8U+wZ<AAI*cr>ex+
o`bV%CWcTU6-_!pe>+zcuyylL4aGD`l_@7j1aRsp&5yQa$2Pw?!v;Y7A

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/menu-vs.png b/tools/storybook/wordpress/images/menu-vs.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe281087de4f54d09286042dc6476d58ecb1ea61
GIT binary patch
literal 5086
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
AHUIzs

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/menu.png b/tools/storybook/wordpress/images/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1d15af82be524a392fa4a0104693f87315d859d
GIT binary patch
literal 5039
zcmV;g6Hx4lP)<h;3K|Lk000e1NJLTq00D*o002M;0{{R3DVQM200093P)t-sOlff<
z7!U~r13Wc22Ll3gb8~TUZ5bCJ1p)yC004A!bQBE-baQcdcy=&9Vugi;b8>EYcz6H+
z0EmZ$DLYawJyC3IY&;(uZ*OlrGbDe1e{ODWbaZrncwi|!N;)+*GCMPLb8#3A3@$)u
zXlQ7&va%sZM+y=MU0q!_KQ|>aOM-!WJ3JsqH8DUfGEYb*baZrMV`EH3EG#k}Vq#(?
zO-+4$eR+9#HAQk!FGm|R87w+q3l0@zWMWlLDrjhEP9q~+OfQLvi8>}DB1uU{MITm4
zM>IrpBuh(*ii$QL9#v9Bs;a7LYHFLCn|5|~xVX4fG%%&5rAu3dU0hX5OG~)8xVgEx
zN;V-{VOIbD|9*ac=;-K%hK7NGf$!z*b8~a~`T0>RPTbtw^z`(>!NKtG@YmPZii(Ox
zKqRN9r|awMY;0`1ySx4U{LjzNd3kx$)6>Pp#Uw6D%gf6|DlWFRwc+FAS}#YEl9HI1
znB3XikB^QyLO4oMjXXUesN&=7+~%$C?@>D}=H}+|#l`2lyOhn%`uFgiot?G4^@N0k
zft0dBLPOZDv7Vi2pxN60&Ds6;-T&3!CpuBQ%<$je-;Th+tgNhkU3#Uo*uS2<#L@G)
z{{Et(qSVCGJ0>f^zOsgDL4c5z-QS(1U2Ql_V9&vJny${vtyF`uvi{w3zM@T;dwKrk
zkxyQOvv`Ky!JE?1m6MKT(y6G{<=?Nr-&<NXc&Df6>!$zM;ah8#drwbwQfl7W!RF7>
zvDw?_;l-7u$@}n|Tz*2XmZ>--9IeRb<KLEpbv(GGwdJ@`NlGhMI#jj!`G{+Uc(JiP
zPJ8+9$HbbN?bO=EvBSN!p5nB$`0DbHp~97cL9u?I*SWciYiV_ASnJh&RC7FKMq$dm
zilB#`lzEZC+S_50!D5V&;KjwIjEbqIgzxCa>$=u&UtQ49uiBe7tdvOn`?RovV|T`G
z=Bj~vTX@#z`p^HV__vGAm~*>@FMwckkJpE0ca3CDPLrFVl-H2L00015bW%=J06Y=}
zD&`ytG9dC8#X&%Stqwja>>h1}HJ`XkSo^DODuhx}lK=ZhfK}}2f8Bq>)YFyE!~6E4
zyu9YsWc^|9=l9p-m+J4;=AN~KR@s(iw(@krm*bVt_5Q504eS5_5Clm?K~#9!?3-&)
z6G<MxClE*gL5M*_<-LG_JPHnZN`b)P;?-H6`{8Pohagm<5)p_5kd45BcpE?-(K4VM
zf)G|9E+D9YC@vr(C<?mxJfEwc>$<nMw|D!fx}Hf;obHK*wRPo(`F$8tw$t>?umAsl
zcLNy4z`(%3z`(%3z`%fE=GJ_^wfS$~FPnv7%a?y>Pivy9Yw|v~1*N|s2+@OW#A;uH
z)e*KdU5Le6zX4y?H7w)5hlg!K4ckzyE>fw@a;X*#ALU|LNeT5|0}|dMfaYck3oQfF
zwFnKh&_y(G9HM$mOnRamI5c+}g@owqo4UD~>QfqAGw?TLxI#BN_+H6BM38^Q*8y$e
z=us^m%=y#PD%G&e8fuY9B-%9yXNDz2G}>Hh$1kBRaJ=1fb8|~p=3*`-B`%c4gt)gz
zps{fGF4_aj)02f+^mcakqS{S*x|HkJE4zAV0%A?r$Vm6yGZhu*+!nmulKz+3q(iab
zyXVk&KEe2*J-)U`3txP3RQwHHNLb5cd<<(GrV0*_NM1<P1kgo-s4iotqvK8yLW4K3
zP$s=(gUCx9LV{X@NlA$bq~YK!=rmYfFa8GUA+o6{5(~XiSa>58)^CDEb=9a;HC<7d
z2`U~!MqahFbeyT!wX5QsDMds5Y#<F0SH^eGFn%QhY2o;B-~p%6;QDJ7NOg@}R1FgR
zE61-$a0yK$2t{W|5E@*h?JvuuWq3CtFL?*BI0XeBG)XBT?(*eZ#N~2A!sW}f8uBJ5
zksgHS&kHf}4FLSS4n0xp6*U0G`ludM=I{g-?pj@K>*#2!u%c)<p(c~0k$UIq{N4Lz
z*qy%`X#vN92U-n{3MHQ}gOZX2kGmMx|Fh)hezXSB^>*Q=I>)**b#<Fy4VKad{COEr
zg~&@DAZr&K@g_f`G(37#Jq9jgI6n4>MuYvc+fV!ZQ69)>5O)IL=Z#WyDQX6KdIoC1
zhbTn1VJ*$gcdgov0nS4j{to#3Q<4)<H29A1dBeCb(n4h=;Q_6|rE&P*(^d6wiI(7b
zgL!?o@^1Cv5|Bb54V&8Ag~jJcieU{t&%00IFL6y?f+_f?C#{Bu4}pe<569x-#vY<H
zSXfv-dwTnJXX~Bc!zI>p?_N)%(9&zyN<-noFi=w?^EWZ^m(>6pi1OeGG&FZK5gHy)
zlhWfafBf-FjfThRa5U^YFvC758b}MZPoC5wJrFBZU_sfas^>$4lHikrlajo=JP9uO
z<ri2(@%8J%;yMrvJL_N#w%rXKga;xoNnMZ{+-Wro4p!eMFZZhl5gII7ujlnYz1_Ml
z9JXK^S$5$<S)^reQ4yj<JNOUCC%|+wpO6puJ0NQV(9mMl3@lhJfHVLOeEL@aLWA|m
z{Lg2|KWUAyQ2qo^j_?3hs`aD=<hDVAzZiU>B^oO3-4ho7g9O&FyrY5i0P<41l#A4`
zj?7ObB_5E5ix+{0i{P3tbrGS#y|s9<|LHS#WXS*)fCu-`y?aA#bmy$W`&Dzx&2H~`
z_u4wB3)b|<<V>g209H!*CrJ+ELn|c@F|eQkKQ8v5tW=c)RSICi1(~gYhFdR6`^0^v
zxP;3^XaLbrQ3p8lvI5fJ(|$_r;bp@mWcLOCEg-&B)z?=+8m6lI`l_d<rmDwkr%*{L
zymhkwHqrtXd7+`b{XtmowW6YHz3xVoX{VZ&%VqxN=KeCdd|Cx3rI4GW&0!(tm}yg+
z6}2t>EKwWws5P8Thm*V0mHa*GeS;J9#2(_x^712q^72ZG1+Y>DrCB-9=!(&3z*98a
z0#Kr14Oc-lR9q#2HLNT<MS5sxN0)}z8ft1_4YhqZ-d9^&TYZ0jEkXk)e5jQs7%=aV
zrt{~+S_?^9-F2xYTA`H7CMINZr2<u=JzGX^t^r@I?x8dgwSis(X4`lu|7#~FCtqvC
zu7T9>(@&%Z>Jmxb2=Y?ZuQVD0B(DiTYIs0K!#NNSum(#h>EXFl>W%Kb;9qJDaydf7
z4{>on5E_1nLus%a3J<@7sLtvM?HT#!-XgVzqF%}ruu%p1E9C&Ce~`)srJ*H^*iOtt
zMgvhB_R(v=obtbppxfw*D=RCHeEaPY@CBs-<4+^D&uX|D$lMNV`0m&-VTA@EWZ^q$
zS$kQxkEIKyUBmD&tRbiR;KAygoSa(+<8ojP_CuB&%$>#p$B4^|1{n!(1LUP>X!{nV
zkWWm=6+wvY8^`<R=tv0h$+!%qf!q_QS4wCN^cH}I)29gyr%yu~tYyQEjY_5V!z7lE
zPp<j`ZId26pgU7?0TwJ*`YgAl@3-JTY7Jdou!g)@KpJerZQgOxB`zw}Pz0?F9aM^G
zfB$KP3Q?eeg;(lTG)jZ(+1+nAi^?EQ5tw!jqoXJdwtP^jWPI(%je#dl1gbAo4Q*|0
z_nH7hfBe%QD2qG7!aLs8j0T0GYEEZLoM_v39XNX2DJ&}O>?|!RyyF4Qc$*-VgM%u_
z262?(GBO&b?i`hr99(Ceu)0DPb=bV<V0#{02Q?xCp7?LC5%UbF+XmNkAA25)%VrxG
z80m00h%?E+@4pXJU*>SSsxP&0=JB{(`fg{E5}!QKn!^bz%bvvo1Gc5@m?#13T1yKH
zOIz1@Kq<?B%?)O;g2Bj)AQ3uYH#LRK?m4W1xRu3ows$7pmx0m$`E=enFwj|jp&DkZ
zD+ilB*Dg6a25g?skWX;1y>qauD^xw$Y%Y)I3?7(JIoIBGbqu(?;OOw7q3~#Xu7Qs3
z9LB}+WU&o^T^)l@tgLi6AI^_R!1U47X|~Y^G%N-N1_lNO1_lNO1_lNO1_lNO1_lO(
z+31_<=|R6p{u{8!7{lyRKeVS^q^rB=J#I6e7ypKN#_)ew;ODl1z|C&~O&9a$YaN$i
zO6JBS!}suz6{{f&)w(o3exY4z2L0{x1sIkJX<EGDEf&+<ylk14f$7@m>Di%v;$ybf
zD|^Y3Y_GLubW?KSQhj|tH#a}(>(EP__4f^ldeDtaR-`49ZOLgXmY^RuCPs?~eZ#c0
ztgPfDQ>X>J1nnAPXNDDvXk54<acc(Jg4xHb1cF_=wg|ALsi|wJ-xYrgnjtLPzI_?Z
ztOZlmE;}<b+YZ&5os+S6aYjzIF-^BCcM0NGBqb*&QUAUn{;j`nh=*cfMUH55GQnn1
z&WZ&{3pgGFRK%dav+2$hy+wHJMnia3;#y`T84044?J16qDI$c1k2YlDDXAF?!J|<p
zycv+7(O@hP7(*J8W<jUn6CB^Z2GyXK2&Ssu#?6~I!ZX&)81qWp8WXcM(F-$1#luoT
zN>Wl*8h-dNo<Vu&`0Uw08vK$(uN{e!{E!w>Qt+4<oJND;;m=kXFN)o72)&Nv6jE<8
z@>LL#5GzVdOx&NiAE9AseBusZA^Ed~%TlS+_T$CIW`eBwWKt3cpcoXTr3tnrrloD!
zwrxwAh)zQ?o{97jkK^&`sSCX-Y;CsJsvTPaJ63sRuSMMaJ4cWi{@1=4yta)*VO&ij
zcUNm~?KL%N99jYv?2=0ip=A#tkV7HRlu~F5BUxBT8VQZZ(hS1FwvM_O--S>4TX#lE
zx?9aSA*b!ZA7PwBG*<MRdEc9do@H|k_S@RLsFKNrgt=8{I`=Z6Dy6_*gWQfG%ZpPL
z<F<eSVN|S)RUyYP)v;yc873IpB8K)DfjD82G7%^!FIdzL^y~6>agQ2yl7tf{NhSbH
z5?hYpuUnb`U&cZ8eN`Fzg!m$cGv6o3%Q6oU-#?Q~dr6aoV_*_6<ZC8xR7ymwO-Xbw
zGS#FMOp|kvV>r$bNY)!HShN9BoG%iP%*)s$V6Z*Uva4Mv!7xll5D)-1Wn2;!gh$&j
zxP&kagiIiu5Z92o^I#KE4;NWebh_qh)oiFKrKzwaTNy=Y);v6H&Jd!R#2(IZ6eWwY
z*-!{d`5b^b-G)Jh{`WxY3%jADkSy5DjKd3ArphRgY`xKhB+dX1c6jJ9_-+s}xcY{p
za6IgZ7!KFYhH;2C@dk}$i9?`Ym7nXi@V#)kWEl7`371gB@Mj316Vb(RC{pNZIM1>6
zZUx~=wCH}DB7-frhJk2Xc2~VQArZDb03;SYXNpD~kp#m#&z<R&W^UaZN(xRk8fA`z
z1Itu5B?V1(Y%qY2{kaFcOuidjz8fm@5HSRLT5^czpcu>2^Z=Kpa1zHS0){kY7*amk
zsRYA$2y!P{oy+qL-kCN#Q&%gsw=ZJw%nF0)NihsIK3&9vqZDNI2Qtomu5B2)+7gCb
z8w!_Nw~m1V|4x9`Ff=rhtaC=;SQ@Pi5aEc<V@AT*doE%?x^CGNV=qla3`57PIFQ_s
zP9G#Ch8W{mz>xEOz+xT4kV`Nq!&~6fq1@<9hXv<gK_DcHv)ZF<1)gc@&Bn{7Zkk>o
z2BqGjh%S0Bm7}GYf{#t^4Ml~)6n*Ddqp*x-uBRP~)&Qf3N3$q`_07=seD&0cGELcn
z;d_6BG$@&rT2s4}m??!iEIFXUkXnNh_!S1%6)_-g&MYZm7?1?R{?&K^Lg{8u1}ooo
z*LrnZ`dMv1+(aZX^*GkeghV$IYw*$)Pbf}Z2?oTyA+IoqnG%n~z-8-aqO~Qve*}wS
z<T#_EfORv};QFw2x?XI-aP-4TR>Y7pZ(zBlNih{Mys9`P<MBW~dyrNb5E3xBE;nb_
zW&f1zN-X+1yBf|V?p!U(rlu|6o#wSA&<k#wiJ9kS(!2>I%j2BVOMaX<A`%RcdjqO4
zKnVtA;)W;N4!R?V5XXR!1cL<*RjRk;S3ck4Z_oa6@aver&M9Ij*lqyRDf^iU7+!@S
z)C+w*Y#(pAuK-pU(p11;+dL?-)f`ONV2G*Rbw@ehLV@=;G|BxrDyscer?1?Qd_2y{
zjnWs6Z=Jy^pO^RBx|LxlRb@(Y4B<f8j)7guFz}DMoq5o*Nc3<qsnu*6)lkQ<)b(vO
zrNu1>U)>Ia2TEvxU14w>0mJkM)xWrVb^J)BYm8W$#pQ^xqd$spyN#of#GnVasa}P;
z)=I>n68m2fRfb_Z1%|=4IR@JnFmyE!LaIGnZmenpj#$gGnCpA9O&DH?{S7R1Ki1z6
zfC@uI;wROV_OH8-6&z1OH}|8+&m}>k(;Hg-zBTMgN*Vnuy{I0BEGYHW|5R92f#Tl5
zAFm(iZ?KFw<`>4XVb%K^8tuz3e?QXSP##Ll;VISCMfUC6w@+Wce*W;G+wF9=2PKtK
z^+^@hR@Go|@KAq4@9iwL?R56GCxk2(X5Tz}_D0&@(7CveDlc?b!0`X}H+;Ih{8SBf
z{CCdr+ul>B>@>Qq4`&ng<HwJmPcDV*j(bwoJW(x<r%hh<H@yDx{{5HNPwj8`{rtYa
zVPIK5Q-6c9-(e4}+vs%mm7R9lX{Vib+G(eqcG~GD)IZ`}NngN}w#EPe002ovPDHLk
FV1fjvnI!-K

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/no.png b/tools/storybook/wordpress/images/no.png
new file mode 100644
index 0000000000000000000000000000000000000000..59c35bdccc6d423e369eb9c947ae0f5ad04a5237
GIT binary patch
literal 755
zcmWlXeN4=89LL}H^y|9o?tXf>r}ZQ=cWt2uk|Cw1TkRx0(6Gi9`9njqh8a<6D?&wS
zwpz|pCDNm(x>{W9I_;!KU5#*zJd7m1zHP71<39WB^ZD#k5U-Dxh}0qg5?xG00=4YC
z2zgX%{A8N}PFs9jVk8ZZ0|p=)Xwmwg6H93ZJe~vKIPc-LkV|zp7uQ(l8i}llb!?Y9
z9$u`?Qn|YUHo<&DIq+7%dE>yR{(BDitdb*e$^-I&BA^&31Ij6Z!4(@~E(4Xo6`%^J
z2Cm8#29`BA%M5ZigF<Q0XzKK_^}ubQVg0&B;2uRPYXX|Nyf&a+scLukx)0o6;POB$
zehhR_Tx6X<CkIBr=qfe3DU9x3T|k$_shbWjSM&fqJi!y-sa$OWdMO;vbCuE@5ZDLw
zg@jlD3!kwB1os2|TQaSH)jw!pncpBVM3IVz!a_%YQA(8VH9d>7i_ODpDmm3IVC)Ve
zyAx|);Pz3a`jn9JIrHE&Fuhp&9ry|STC;Kn_)XF8_+8sId$xEEn2X*1ud$toq(mYk
z3N`UsM7$Rfjh3vBCHhpdFN0*AB!`R0@pGiGl2q4_)>dK~B<3+<v5^<!#P%UKsq+gx
zw?|fjelz$2k&D{LciD<ntJj9@&Zw?y?J}9IFJBE$O#Bqy-D#$U&vg-DiOSMlX&u~|
z?1e$Wp{J%US)cLKe^~eDXqJ{fDlmCR4WBxe<jFA2H$M*y*Jm?%*Ui1nXOxE+ro46b
z)9943*6^S*FK%mb!kxkc(eEaYrhMt=Yx8gT>@e(At1IMXlgp3ft|=)kDH+Y3klty&
zkP=@K*mB}4Z=1E~;oqWrb4NS2Mg2(=k9S+9T{kwyEJ<gWGQ0P!K_8DW&e(b3NCP*S
zVOri>MQe2ov*~Zej~cev^R%3o!TME=DTV&l29NNI<@7Oo_V|uSP2a}oUeHDABkIG`
Ga{dF?bQEj=

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/post-formats-vs.png b/tools/storybook/wordpress/images/post-formats-vs.png
new file mode 100644
index 0000000000000000000000000000000000000000..d77f91c06464aa2c880cd4f3a25e89385b6d1802
GIT binary patch
literal 2450
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/post-formats.png b/tools/storybook/wordpress/images/post-formats.png
new file mode 100644
index 0000000000000000000000000000000000000000..cae309e5d5ed78f9b5ea61ed6361c862d1163bdf
GIT binary patch
literal 2157
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/post-formats32-vs.png b/tools/storybook/wordpress/images/post-formats32-vs.png
new file mode 100644
index 0000000000000000000000000000000000000000..f5653407321f2b8a3aca0d260e1aa7470d56a54f
GIT binary patch
literal 5111
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
MqNt%zD`yq)KTbXs=Kufz

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/post-formats32.png b/tools/storybook/wordpress/images/post-formats32.png
new file mode 100644
index 0000000000000000000000000000000000000000..69ec095e2b30e0bf7af2c7343d98e0a7d0812682
GIT binary patch
literal 5142
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/privacy.svg b/tools/storybook/wordpress/images/privacy.svg
new file mode 100644
index 00000000000..4267891c728
--- /dev/null
+++ b/tools/storybook/wordpress/images/privacy.svg
@@ -0,0 +1,30 @@
+<svg width="322" height="370" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M209.004 97.757c-.11-1.762-.328-3.523-.547-5.285a86.978 86.978 0 00-1.314-7.707c-.547-2.533-1.094-5.065-1.86-7.597-.219-.881-.438-1.652-.766-2.423-13.024-42.61-52.532-73.548-99.154-73.548S19.233 32.136 6.1 74.745c-.328.771-.547 1.542-.766 2.423a79.772 79.772 0 00-2.298 10.13c-.329 1.76-.548 3.412-.766 5.174-.22 1.762-.438 3.523-.548 5.285a96.67 96.67 0 00-.328 8.037v223.178h207.938V105.794c0-2.752-.109-5.395-.328-8.037zm-186.16 44.041v-36.004h.11c0-45.802 36.882-82.907 82.519-83.017 45.527 0 82.409 37.105 82.409 83.017h.109v36.004H22.844z" fill="url(#paint0_linear)" stroke="#3858E9" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M141.808 294.4l-28.455-58.355c9.631-3.083 16.526-12.111 16.526-22.681 0-13.212-10.616-23.892-23.749-23.892s-23.749 10.68-23.749 23.892c0 10.68 7.004 19.709 16.526 22.681L70.452 294.4h71.356z" fill="#3858E9" stroke="#3858E9" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M209.332 329.082H1.394v12.882h207.938v-12.882z" fill="url(#paint1_linear)" stroke="#3858E9" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M209.332 341.854H1.394v12.882h207.938v-12.882z" fill="url(#paint2_linear)" stroke="#3858E9" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M209.332 354.735H1.394c0 7.115 5.767 12.882 12.881 12.882H196.45c7.114 0 12.882-5.767 12.882-12.882z" fill="url(#paint3_linear)" stroke="#3858E9" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M285.509 278.325v-76.301h25.28V186.94h-25.28v-9.579h32.285v-15.084h-32.285v-6.936h32.285v-15.085h-32.285v-8.257h-21.013v146.326c-21.013 4.955-36.444 24.553-35.131 47.564 1.314 22.902 19.59 41.619 42.354 43.271 26.813 1.871 49.139-19.378 49.139-45.913-.109-21.911-15.103-40.077-35.349-44.922zM275.002 347.8c-13.461 0-24.515-11.01-24.515-24.663s10.945-24.663 24.515-24.663c13.461 0 24.515 11.01 24.515 24.663S288.573 347.8 275.002 347.8z" fill="url(#paint4_linear)" stroke="#3858E9" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <defs>
+    <linearGradient id="paint0_linear" x1="105.363" y1="1.197" x2="105.363" y2="328.972" gradientUnits="userSpaceOnUse">
+      <stop offset=".099" stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#ECF5FF" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear" x1="105.363" y1="329.082" x2="105.363" y2="341.964" gradientUnits="userSpaceOnUse">
+      <stop offset=".099" stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#ECF5FF" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear" x1="105.363" y1="341.854" x2="105.363" y2="354.736" gradientUnits="userSpaceOnUse">
+      <stop offset=".099" stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#ECF5FF" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="105.363" y1="354.735" x2="105.363" y2="367.617" gradientUnits="userSpaceOnUse">
+      <stop offset=".099" stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#ECF5FF" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint4_linear" x1="275.073" y1="131.999" x2="275.073" y2="369.275" gradientUnits="userSpaceOnUse">
+      <stop offset=".099" stop-color="#ECF5FF"/>
+      <stop offset="1" stop-color="#ECF5FF" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/tools/storybook/wordpress/images/resize-2x.gif b/tools/storybook/wordpress/images/resize-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e57f9bcd69dc260f6c464aef2ef791329e48b5da
GIT binary patch
literal 151
zcmV;I0BHY5Nk%w1VHN-u0P+U_*x1<p{r%e7+OxB>w6wI@+1da9{{R30A^8La000L7
zEC2ui02Tli06+s=c)Hvz#5q_@IMlFwIVRO5jbBK51!#R<tBPc-Wb)$1ZV|xSTduTU
z$LFb$QUD_ZY0xN<0ZqZkloFD$>Y*?IG>_M>cIp_1t=I+Eix!{NZ!;S{mwy-W{JfC>
F06Wt#L%je1

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/resize-rtl-2x.gif b/tools/storybook/wordpress/images/resize-rtl-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..483c23dcbe5abd73e157056a2e00a6d779118578
GIT binary patch
literal 150
zcmV;H0BQe6Nk%w1VHN-u0P+U_*x1<p{r%e7+OxB>w6wI@+1da9{{R30A^8La000L7
zEC2ui02Tli06+s<NOIi%&lGinq!8M<HuZ}GX5{f*MRkQGGrsHEk|#HdfjyQoY?Hnk
z20%#NAO-``cx0pufo1a`O-gUp!BbhBZL3@+1WfKC!v||OD{iR2YxKDcZ!_L$v^oI*
EJ5`=Q8~^|S

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/resize-rtl.gif b/tools/storybook/wordpress/images/resize-rtl.gif
new file mode 100644
index 0000000000000000000000000000000000000000..82502954e11c9cdf98a0d7a638193ad551ea60e9
GIT binary patch
literal 70
zcmZ?wbhEHb<YwSz_{hYtZQHj0|Nk?9f#OdVRuKj!1|1L&B=5i^-qNR;xaZrVNt<s<
T$`(h&ta0@4kX;hYz+epksG1Yp

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/resize.gif b/tools/storybook/wordpress/images/resize.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5cb0939a68e9f368e252078aeec8f0ed9eae1bd6
GIT binary patch
literal 64
zcmZ?wbhEHb<YwSz`0$_M|NsAo4<A<i$-*kaz{H@#00bZz2PW|;{fUf+?p?_8_xoA2
R?BcS2mJ;H57a~O&tO3SS7MTD5

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/se.png b/tools/storybook/wordpress/images/se.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb487b4636adc76182cf5354745c275ccb8f4515
GIT binary patch
literal 120
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2VGmzZ%#=aj&u?6^qxc>kDzqz?>(UI9!KoQ20
zAirP+hi5m^fE)!+7srr_Tdl_ofjW5(Ieh-_Z++v@3KxsND<T#py*$Osx{^Ur_*wBE
Ppjrk`S3j3^P6<r_$RH-D

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/sort-2x.gif b/tools/storybook/wordpress/images/sort-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..941626c3ea3d3b3a3bf5948e96451903ea552f74
GIT binary patch
literal 97
zcmZ?wbhEHblwsgt_{75S@zW<&eIpe;LuFlq|Ns9pz<}aU7FKo!76u)V07$I^vzo`Q
tGe!odRvcK;+cI<Yo7=3FkEU}v9gkp+NLq5U<<6mL?@sL5dP;@C8US2WA<6&%

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/sort.gif b/tools/storybook/wordpress/images/sort.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5b46ee5ee2186bdf87c4077c4d22a4485317f880
GIT binary patch
literal 55
zcmZ?wbhEHb<YQoA_`t}ZtZVT9|9{1wEUXL+j0`#qKmd|)VB+gZWITPNA}q+r=$8-=
HD}yxvcL5DZ

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/spinner-2x.gif b/tools/storybook/wordpress/images/spinner-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..26e28e1760110daba07882f394958a3ff8089564
GIT binary patch
literal 7536
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
Iwd(BnFXCrAzW@LL

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/spinner.gif b/tools/storybook/wordpress/images/spinner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..88e8a9396fb4770977d24c7b45addbf5062bf72f
GIT binary patch
literal 3656
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/stars-2x.png b/tools/storybook/wordpress/images/stars-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..15aa9debfdf568eda42fcbb0e2c70c680b4b020e
GIT binary patch
literal 1257
zcmV<F1Qz>=P)<h;3K|Lk000e1NJLTq001fg002q|1^@s6%{RsY000EANkl<Zc-rll
zZD?Cn7{`Udpq~Z<KMjJQIQ$S8PDC&$z6=7+!9=KZDg&92xmk@A3V}kQ7!WoBLM$Q_
z(ddV@opGDNO{s3x(b-O$ma=8-x^+$3CCmHkZPNUGPLs#oEy<SL+?(A=9{4rn<~%3A
zdwR}u&&eYI9tzr`ZBa$!7aaN*E!@}(>7t~6(Y2Y=kfwmVZ$Q7I`Q?|9n*`!t0J*88
zenlnkG2|`)p~KjCUGv%WCz|)~M0SECKLUalApRwg{VS+HQOWxivgd)D2f)yKF{)O5
ziDv&SAoK~ay8kwbZ$P7bMIWMt@OI>;9mtFWEBh)D*Ck&!wcD(%XyKNXKuz)ik~vFK
zZv%nON<y~M6exr^rxupxM>O+$9{~iq0RJ265&Rg`ui%h+|N8XU5dv6#T^&{rg8CC!
z)t{s3Uxx_bhPgQc`#}8&dbL|j=`$VzSb9Y{lurz3zv@$`y@(6~*IsNG$`v?UQ=XDP
zTL=k(4}q(u`boG!d7jqR(S*l==y$;Ub9F;Gf;}x3{mG8lDBydhZYW34)mqW`NiUYW
zflE8;Cp-kobG1%1J!wGf1Tbf8jQQQ5ym0G8<7eJM^haR!sm2j`$v;f35skWC2o3@>
zPu|HwC+M@=%<ZgfBd*6z*;^wT`5}x;uL9GLmzdoFx+W+PPQpaEO4mk8ZJ5OaqMcWJ
z(ZpGjI1c>%Sc&j3=)K_c${RXvCfo$Da+GsQ?Nbv5ZABw)JHjJ?|5MPbz)hI%)fs*M
z9x+J(iyxHoq8^L3qTyjLf%0p;U&gsT#7a5;q;{f-^9I}+&Ja!QdMLl2$Y>`TIaM)&
z%4Lrk5&Pw}_K#$3(f_?@WNh<;q%GPO)mn7h!ysxRK$!I|>LO64Q?H^%0y2KntEiJe
zcIgNbQ!lXWF1?8wcqEJK8Az+&vgoMZMC}B!iv!q*VnIkU&+0{V3riLAF>vIToh&+}
z7tuZfnFSl}h;>Oms@os5Xa~!zXP0nyWUqh5q7JP@jl}zP&_f`7`7o+Qv5;g@a84a`
zG$M*dD5PdkD>94y+^!Ki8WE+DI(T0S$$xOakXFC1r!SVYG%}(Vmd*JGp>@#IVM(Ww
z#bjeyDLA5?<P|GRx(I{PRc~k6d~6(Q2bDCI6quSVPYwd9xp%n)sS??1cDdx6YSmFE
zmmw8`pIVGX&4Rz>KUrTlnh9y;Yq_LN^(T{jznPiufs&w|m0Yr4%SWhLww-HcG>0^O
z*7K;wFFXw;L5q<^uWK#Z%R42dK{v^=MlD6paZOdBcJ^u|x|M)H?BJCK-6V^i(@M09
z3;(@hJ?E!C5~@b!F=eY3qAo)0gsKZ>=E2WxK8@B2x>;`5rMBoM7AUTTD@G`DwXf>F
zGBNeMC`nbfeY_D-Thv4#aq*>Ek3z;ybd=k>_<CygE#xC(;Gmn8=WJ3_R0wRGfkdo@
zP9QnGTmEIv8s%m`F~RM`)DTmILfkaxn$#5amX92~$z?pmo;nU}Rssx775Tx>u9oPd
z1ft{HxMSuJ(dda)NZ~HLYKiV8AY*{%l|r82J+2Ic8lo&~=MGh37ct5UN{Q&d=ZrL2
TL7I?T00000NkvXXu0mjfn-y0e

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/stars.png b/tools/storybook/wordpress/images/stars.png
new file mode 100644
index 0000000000000000000000000000000000000000..c01ada13ee9a58afc51489ea80a53dca6dbe7eaa
GIT binary patch
literal 924
zcmV;N17rM&P)<h;3K|Lk000e1NJLTq000#L001Qj1^@s6t!<(^000AHNkl<Zc-q~R
zO-vI(6vtIaDwsmKC>O7g@D&7s1}`2+G#Z0Z!^Mw-(StE^#2913K~SPbtbA1oiHadc
zjm85SX`w9`J_N<8kwQ@r+R_&3mbTD#yYqa*Zu*gwvKu)$$v?CE=FKnvdGj(`0APKE
zm{dATRpJD8u^3p_j?IIzi~?4t^bmBWY#uad&moQuK)2QCHszn82uTP3uQ%N6WdOIH
zpxbTIpdls=A*odO&CfwcK5=$J$XEv4d_B5dy1?fM>ydm}Tqpt*=%faMixyr^3#^)f
z{I21lrXv8${SaPf`5aVo;^Q;Da$;*Van?qJR04}I_6x6&@XbwB0ykF+#M<aWWs0gP
zS!hlo^L2J&sY8&GhZ=b({pWt316=nL>+O69Sd&Cw6tUfv6HC1SQ=%eJ1ft8E6<8XX
zwA*K$>9~1>n>;2QJp!jt@EJ3uw^YzBC-#S75I1!q?3zO;9{W6Yz*dP+XBDj}nYjqG
z4EQ}rVQVs<!Y&x-L8wAJl*NAae0+fb3N)e0iM?Hca|Y@vp>f9}0M?!?9vXBck;SfM
z++2m7Adg98G-(*mMhybHR3X8sE1OtvZ9})~I-$<N_jNygxx_*JGvXhOpi?FSDqa5x
zRC6ykEUhZ)8>MgC`#2I0OAIuJZi<lrsu=02bm`klo<-t0(x5oUxHYItjjp*N=xZ+Y
zV=P0eQ$9IX`-VFYx&X(dt~RJ^E$)yAjRk6{%Lk<fr};hbgMjva9*1saqM>*hmcEuk
zhDz76XKfySde{X~!_<4tPuHk~JV8Y*aiO$!=7Ad_zsCjv?*aro3lMM6HJT&jq5J$0
zy51faipN!8&1}A<X%I75zZ?47%a^enSsPu{POU1B4fvc1fm|p6BUl=3Q$a(bnnw5K
zE?sNUN+Rg^tJ7|*rBKJj&@fonRx;_feO?zzkBxa*B3eqk(;u2Es~T1Abx}?Q@Y!$O
zm%Pys#yS=Q{WEI-?BP+-$JeV%dmK~UK*tJp!r1dF2HR~yuP*UUe`p{AH{431oYLE8
z{T}%Kw%SWu3}c6cvg|gf%iaw=IpAWfqcHyZj2mOe6GDZJO1ep-%Hw*Q3hqQ6nHVYc
y=={^mlMH>iL_H{a{?Ukr#dJp0+R?rZ+UhSpf4rZHuD0p`0000<MNUMnLSTZ545o1a

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/w-logo-blue.png b/tools/storybook/wordpress/images/w-logo-blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..11e550c74e07cdbae3192894aacdd5e3cb271def
GIT binary patch
literal 3113
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/w-logo-white.png b/tools/storybook/wordpress/images/w-logo-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed5efcdc000195ceb5f2860e7c211972468e251b
GIT binary patch
literal 5395
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
Xx8)O1RUP(k;sL0sXhFV%t-}8Y-l_Fu

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/wheel.png b/tools/storybook/wordpress/images/wheel.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b9fdf4a37ade27ecdc9d7536f40e2b292855a5f
GIT binary patch
literal 6047
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
X)9&Ogyvk+9EhAuTXilurC&m6he)eAo

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/wordpress-logo-white.svg b/tools/storybook/wordpress/images/wordpress-logo-white.svg
new file mode 100644
index 00000000000..682e80b8d48
--- /dev/null
+++ b/tools/storybook/wordpress/images/wordpress-logo-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><g fill="none"><g fill="#fff"><g><path d="M40 2.48c5.07 0 9.98 1 14.6 2.94 2.23.94 4.37 2.1 6.38 3.46 2 1.35 3.86 2.9 5.55 4.6 1.7 1.68 3.24 3.55 4.6 5.54 1.34 2 2.5 4.15 3.45 6.37 1.95 4.62 2.94 9.53 2.94 14.6s-1 9.98-2.94 14.6c-.94 2.23-2.1 4.37-3.46 6.38-1.35 2-2.9 3.86-4.6 5.55-1.68 1.7-3.55 3.24-5.54 4.6-2 1.34-4.15 2.5-6.37 3.45-4.62 1.95-9.53 2.94-14.6 2.94s-9.98-1-14.6-2.94c-2.23-.94-4.37-2.1-6.38-3.46-2-1.35-3.86-2.9-5.55-4.6-1.7-1.68-3.24-3.55-4.6-5.54-1.34-2-2.5-4.15-3.45-6.37C3.47 50 2.48 45.08 2.48 40s1-9.98 2.94-14.6c.94-2.23 2.1-4.37 3.46-6.38 1.35-2 2.9-3.86 4.6-5.55 1.68-1.7 3.55-3.24 5.54-4.6 2-1.34 4.15-2.5 6.37-3.45C30 3.47 34.92 2.48 40 2.48m0-2.4C17.95.08.08 17.95.08 40S17.95 79.92 40 79.92 79.92 62.05 79.92 40 62.05.08 40 .08"/><path d="M6.73 40c0 13.17 7.65 24.55 18.75 29.94L9.6 26.46C7.78 30.6 6.74 35.18 6.74 40zm55.73-1.68c0-4.1-1.48-6.96-2.74-9.17-1.7-2.74-3.27-5.06-3.27-7.8 0-3.06 2.32-5.9 5.58-5.9.15 0 .3 0 .43.02-5.9-5.43-13.8-8.74-22.46-8.74-11.62 0-21.85 5.97-27.8 15 .8.02 1.52.04 2.15.04 3.47 0 8.86-.43 8.86-.43 1.8-.1 2.02 2.53.22 2.75 0 0-1.8.2-3.8.3l12.1 36.04 7.3-21.84-5.2-14.2c-1.78-.1-3.48-.3-3.48-.3-1.8-.12-1.58-2.86.2-2.76 0 0 5.5.43 8.77.43 3.5 0 8.88-.43 8.88-.43 1.8-.1 2 2.53.2 2.75 0 0-1.8.2-3.8.3l12.03 35.76 3.44-10.87c1.52-4.77 2.42-8.13 2.42-10.98zm-21.88 4.6l-9.98 29c2.98.87 6.13 1.35 9.4 1.35 3.87 0 7.6-.67 11.05-1.9-.1-.13-.17-.28-.24-.45l-10.22-28zm28.6-18.88c.16 1.06.24 2.2.24 3.42 0 3.37-.64 7.17-2.53 11.92L56.72 68.75C66.63 63 73.27 52.27 73.27 40c0-5.8-1.48-11.22-4.08-15.96z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/tools/storybook/wordpress/images/wordpress-logo.png b/tools/storybook/wordpress/images/wordpress-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..63b0379613dce1dd59a81a30cf98fc23275751dc
GIT binary patch
literal 2480
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
Q4!<A(!HkG|hV@SVH+%AZod5s;

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/wordpress-logo.svg b/tools/storybook/wordpress/images/wordpress-logo.svg
new file mode 100644
index 00000000000..ba26fef0d8e
--- /dev/null
+++ b/tools/storybook/wordpress/images/wordpress-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"><style>.style0{fill:	#0073aa;}</style><g><g><path d="M4.548 31.999c0 10.9 6.3 20.3 15.5 24.706L6.925 20.827C5.402 24.2 4.5 28 4.5 31.999z M50.531 30.614c0-3.394-1.219-5.742-2.264-7.57c-1.391-2.263-2.695-4.177-2.695-6.439c0-2.523 1.912-4.872 4.609-4.872 c0.121 0 0.2 0 0.4 0.022C45.653 7.3 39.1 4.5 32 4.548c-9.591 0-18.027 4.921-22.936 12.4 c0.645 0 1.3 0 1.8 0.033c2.871 0 7.316-0.349 7.316-0.349c1.479-0.086 1.7 2.1 0.2 2.3 c0 0-1.487 0.174-3.142 0.261l9.997 29.735l6.008-18.017l-4.276-11.718c-1.479-0.087-2.879-0.261-2.879-0.261 c-1.48-0.087-1.306-2.349 0.174-2.262c0 0 4.5 0.3 7.2 0.349c2.87 0 7.317-0.349 7.317-0.349 c1.479-0.086 1.7 2.1 0.2 2.262c0 0-1.489 0.174-3.142 0.261l9.92 29.508l2.739-9.148 C49.628 35.7 50.5 33 50.5 30.614z M32.481 34.4l-8.237 23.934c2.46 0.7 5.1 1.1 7.8 1.1 c3.197 0 6.262-0.552 9.116-1.556c-0.072-0.118-0.141-0.243-0.196-0.379L32.481 34.4z M56.088 18.8 c0.119 0.9 0.2 1.8 0.2 2.823c0 2.785-0.521 5.916-2.088 9.832l-8.385 24.242c8.161-4.758 13.65-13.6 13.65-23.728 C59.451 27.2 58.2 22.7 56.1 18.83z M32 0c-17.645 0-32 14.355-32 32C0 49.6 14.4 64 32 64s32-14.355 32-32.001 C64 14.4 49.6 0 32 0z M32 62.533c-16.835 0-30.533-13.698-30.533-30.534C1.467 15.2 15.2 1.5 32 1.5 s30.534 13.7 30.5 30.532C62.533 48.8 48.8 62.5 32 62.533z" class="style0"/></g></g></svg>
\ No newline at end of file
diff --git a/tools/storybook/wordpress/images/wpspin_light-2x.gif b/tools/storybook/wordpress/images/wpspin_light-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..08e47e8211c4d35bc7dc5d1e26d1f58d81e0037b
GIT binary patch
literal 8875
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

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/wpspin_light.gif b/tools/storybook/wordpress/images/wpspin_light.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fbf9be46c1094ba61cb73b88fe8fbfbca37dd30a
GIT binary patch
literal 2052
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
E6HJRfApigX

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/xit-2x.gif b/tools/storybook/wordpress/images/xit-2x.gif
new file mode 100644
index 0000000000000000000000000000000000000000..040107a90f7124ea57f952d5002cca0569b9cb86
GIT binary patch
literal 825
zcmZ?wbhEHb)L;-{_~yWH^ytw~lP8}%dGg1PA72(M`1|S8mxT*YojUdX`}e;eKmPmo
z@9y2Z-*@i(arp56fB$aWxN-XQ>BEN)zk2oR<;#~}SFSvF?%eNNx6YqG|Lf+>ud7!5
z|MTbXyLaEdefu<R+Lt9uKF^%_`}XZ8Po6w_^yt&{>A&yZ{c-T%n>TOn+`04P(4mJ9
zAKtrn@8|jRKTn^2{rdHT2M>N6J$mTSp`WKt9XWF3*s)_@7A^WTWy-f5JN~|Xd+pk_
zZ`-$jo-yO|ym=>1ocQ|n>yHyBu3x|Y|Nno6p$rs%vam8RI56mdJOPRm2loFB4oyv5
zYW$*tf};FtT+RK>d@4L5rlul1Dtr?J4CWayF;8${W}k1sF2}f<k%e_JE87}IwkGa*
z+{>0P*lxhx&%2s;)8@4Y8F`z9=IJ?bFfC`|aL}74)Figr&ViF<GYhAK-D)uh{`r@h
znHM!NUzo?wv*tlF>-r|vd#ibx6^(Z9PHB<Yn&h%ENjZ#X)`OP})<H~{wq7=6Jgmk1
zz2V8?_I`;r$=xd3s=sp{Xit*)_%eB^v*Yr3VcS-zlGhDPye1Q_DnH8#FkqIFE8M|w
z;c~0oVwT(!1qGpP(w>bxx?GQ$+E;kbW;?MVaSE5ey2m2xhn`0li?8-tGbcRhDz}r(
zv>M(jwc=U25(0VeI2w`ywufp4vMgBmFy?SO^P5SRSe50pd%hkjO*zVtvZcMd+|}Zz
z?qav3HC81~%OmDSaIAXfSvMtr8hhIUk?FH6F9o|ESe^VeWG5H%gj9o|6gPFPR@0o-
zNj2|yRM>Vpa=ExHc%|9I;XW~<<if61%-z0=MYjA1JQ&O>qr1Vql;IFtYp6(31B1PW
H0E0CEy3Ryd

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/xit.gif b/tools/storybook/wordpress/images/xit.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b11c5d43e9bcea7ee7c4c384871b0e552a5cd937
GIT binary patch
literal 181
zcmZ?wbhEHb6k*_E_{__2;>3y1^X7fqzWv9E6F)Cs{&nNV|NsAAzI^%Y*|P@^9$dS2
z?a-k^pC(UcfC0syEUXL+ybL-Z0gxFEEJ+)-E@lXDKc(a(&^k>gWu^!7;&sl<6FL$V
zR0LME_^dd%@r=RYM*#^EWj!*B7epKpIN$0t!RA?6)3FsUR;EGPp{sxP_^ocycK%Rw
fDuY|v@AzlNyN4eY?wb;zBO%2rBc~uF$Y2csaRyJW

literal 0
HcmV?d00001

diff --git a/tools/storybook/wordpress/images/yes.png b/tools/storybook/wordpress/images/yes.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbb39836bbdf6c9931e9f846776d28c6c0157a87
GIT binary patch
literal 539
zcmV+$0_6RPP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0005vNkl<ZILl-B
z|NlP&C75Il9FrMX$Tom;E(5njnb29mSpMxK8^Af6fm^&n;KJVPyZ*<{3;WOH%dmxL
z130DuHJ1xq+<AT5|ET#v{~c#q{STb%`Jd61aT8pT$Wm5ektJ-V=$d)wGjNNP^IhD2
zXUqSnO@aSK=CS=3pUVATC|KYww+D*=SP}bV1`(@%leaFD?0<62XK;jRmR!rlBUvwa
zar@)V{}Yac{#V^D`d?wO@PAe>rrT_844hyuh_-TydG@=!*>!j8|8=)k{x|K{|0ceg
z-9~AvFq>Sf_{CL^mj2JWknrF9q{e^!4NCu6eVFgCc`$Im1Cc$5bxGQm*ngE5^Zzft
zKllIq`!oJ)G%J5mtyOrm;OWf&CATyGd)~18Z+pn_KU+BSU5+$}%_y<J;m^LuV4=#-
z`0K&{CqC);KkaGX|D~_y|F3yo_&@Tw*MFaD_W!w)IPMD0Wa7k`keK`#cN=U}`5E`p
z|9{K-ivKO2D*vZ{jrbo1G(aGS_pbI{84iLektKw2ufu+`ANl_h{#X3Z{Ga+E;=fpt
z&|S}4R-8m9W%dY`-QlPGem1@<|F2Y{aHr^73J1w~fj6FOpK^oz**X6waFU&w(tkv<
d(j+&cV*nOhixAU&w66dF002ovPDHLkV1h+$9iIRI

literal 0
HcmV?d00001


From 12fef88354fd5b6fdb7baa79d054742410be57cb Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 27 Apr 2022 10:47:07 +1200
Subject: [PATCH 221/327] Add lint:fix to admin js packages

---
 packages/js/admin-e2e-tests/package.json      |   5 +-
 packages/js/api/package.json                  | 119 +++++++++---------
 packages/js/components/package.json           |   3 +-
 packages/js/csv-export/package.json           |   3 +-
 packages/js/currency/package.json             |   3 +-
 .../js/customer-effort-score/package.json     |   3 +-
 packages/js/data/package.json                 |   3 +-
 packages/js/date/package.json                 |   3 +-
 .../package.json                              |   4 +
 packages/js/eslint-plugin/package.json        |   8 +-
 packages/js/experimental/package.json         |   3 +-
 packages/js/explat/package.json               |   3 +-
 packages/js/js-tests/package.json             |   5 +-
 packages/js/navigation/package.json           |   3 +-
 packages/js/notices/package.json              |   5 +-
 packages/js/number/package.json               |   3 +-
 packages/js/onboarding/package.json           |   5 +-
 packages/js/style-build/package.json          |   5 +-
 packages/js/tracks/package.json               |   5 +-
 19 files changed, 109 insertions(+), 82 deletions(-)

diff --git a/packages/js/admin-e2e-tests/package.json b/packages/js/admin-e2e-tests/package.json
index 38c82638c0a..e2a76d94d6f 100644
--- a/packages/js/admin-e2e-tests/package.json
+++ b/packages/js/admin-e2e-tests/package.json
@@ -52,14 +52,15 @@
 	"scripts": {
 		"prepare": "pnpm run build",
 		"build": "tsc --build",
-	  	"start": "tsc --build --watch",
+		"start": "tsc --build --watch",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"prepack": "pnpm run clean && pnpm run build"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/api/package.json b/packages/js/api/package.json
index 913125e6bcd..9594310ca2f 100644
--- a/packages/js/api/package.json
+++ b/packages/js/api/package.json
@@ -1,61 +1,62 @@
 {
-  "name": "@woocommerce/api",
-  "version": "0.2.0",
-  "author": "Automattic",
-  "description": "A simple interface for interacting with a WooCommerce installation.",
-  "homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/api/README.md",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "keywords": [
-    "woocommerce",
-    "e2e"
-  ],
-  "license": "GPL-3.0+",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "/dist/",
-    "!*.ts.map",
-    "!*.tsbuildinfo",
-    "!/dist/**/__tests__/",
-    "!/dist/**/__mocks__/",
-    "!/dist/**/__snapshops__/",
-    "!/dist/**/__test_data__/"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
-    "compile": "tsc -b",
-    "build": "pnpm run clean && npm run compile",
-    "prepare": "pnpm run build",
-    "lint": "eslint src",
-    "test": "jest"
-  },
-  "dependencies": {
-    "axios": "^0.24.0",
-    "create-hmac": "1.1.7",
-    "oauth-1.0a": "2.2.6"
-  },
-  "devDependencies": {
-    "@types/create-hmac": "1.1.0",
-    "@types/jest": "^27.0.2",
-    "@types/node": "13.13.5",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
-    "axios-mock-adapter": "^1.20.0",
-    "eslint": "^8.2.0",
-    "jest": "^25",
-    "ts-jest": "^25",
-    "typescript": "^4.4.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-	"*.(t|j)s?(x)": [
-		"eslint --fix"
-	]
-  }
+	"name": "@woocommerce/api",
+	"version": "0.2.0",
+	"author": "Automattic",
+	"description": "A simple interface for interacting with a WooCommerce installation.",
+	"homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/api/README.md",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"keywords": [
+		"woocommerce",
+		"e2e"
+	],
+	"license": "GPL-3.0+",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"/dist/",
+		"!*.ts.map",
+		"!*.tsbuildinfo",
+		"!/dist/**/__tests__/",
+		"!/dist/**/__mocks__/",
+		"!/dist/**/__snapshops__/",
+		"!/dist/**/__test_data__/"
+	],
+	"sideEffects": false,
+	"scripts": {
+		"clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
+		"compile": "tsc -b",
+		"build": "pnpm run clean && npm run compile",
+		"prepare": "pnpm run build",
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
+		"test": "jest"
+	},
+	"dependencies": {
+		"axios": "^0.24.0",
+		"create-hmac": "1.1.7",
+		"oauth-1.0a": "2.2.6"
+	},
+	"devDependencies": {
+		"@types/create-hmac": "1.1.0",
+		"@types/jest": "^27.0.2",
+		"@types/node": "13.13.5",
+		"@typescript-eslint/eslint-plugin": "^5.3.1",
+		"@typescript-eslint/parser": "^5.3.1",
+		"axios-mock-adapter": "^1.20.0",
+		"eslint": "^8.2.0",
+		"jest": "^25",
+		"ts-jest": "^25",
+		"typescript": "^4.4.4"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"pnpm lint:fix"
+		]
+	}
 }
diff --git a/packages/js/components/package.json b/packages/js/components/package.json
index 646fa4ffec3..8ab76b9ec1e 100644
--- a/packages/js/components/package.json
+++ b/packages/js/components/package.json
@@ -117,6 +117,7 @@
 		"build:css": "webpack",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"lint": "eslint src --ext=js,ts,tsx",
+		"lint:fix": "eslint src --ext=js,ts,tsx --fix",
 		"prepack": "pnpm run clean && pnpm run build",
 		"start": "concurrently \"tsc --build ./tsconfig.json --watch\" \"webpack --watch\"",
 		"test": "pnpm run build && pnpm run test:nobuild",
@@ -126,7 +127,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/csv-export/package.json b/packages/js/csv-export/package.json
index e9798ae1255..831203e1f55 100644
--- a/packages/js/csv-export/package.json
+++ b/packages/js/csv-export/package.json
@@ -33,6 +33,7 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
@@ -49,7 +50,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/currency/package.json b/packages/js/currency/package.json
index 71c32688cb5..49469671849 100644
--- a/packages/js/currency/package.json
+++ b/packages/js/currency/package.json
@@ -36,6 +36,7 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
@@ -52,7 +53,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/customer-effort-score/package.json b/packages/js/customer-effort-score/package.json
index f56ea4b593f..a40455791c4 100644
--- a/packages/js/customer-effort-score/package.json
+++ b/packages/js/customer-effort-score/package.json
@@ -67,13 +67,14 @@
 		"start": "concurrently \"tsc --build --watch\" \"webpack --watch\"",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/data/package.json b/packages/js/data/package.json
index 592adc87fe7..d82e9836bae 100644
--- a/packages/js/data/package.json
+++ b/packages/js/data/package.json
@@ -70,13 +70,14 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/date/package.json b/packages/js/date/package.json
index 743f7d34905..fd8b4569d8c 100644
--- a/packages/js/date/package.json
+++ b/packages/js/date/package.json
@@ -49,13 +49,14 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/dependency-extraction-webpack-plugin/package.json b/packages/js/dependency-extraction-webpack-plugin/package.json
index fe6cdd0cacf..86784041c7c 100644
--- a/packages/js/dependency-extraction-webpack-plugin/package.json
+++ b/packages/js/dependency-extraction-webpack-plugin/package.json
@@ -35,6 +35,10 @@
 		"webpack": "^5.70.0",
 		"webpack-cli": "^3.3.12"
 	},
+	"scripts": {
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix"
+	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
 			"eslint --fix"
diff --git a/packages/js/eslint-plugin/package.json b/packages/js/eslint-plugin/package.json
index df23e6f4649..9d0fee890ff 100644
--- a/packages/js/eslint-plugin/package.json
+++ b/packages/js/eslint-plugin/package.json
@@ -36,7 +36,8 @@
 		"access": "public"
 	},
 	"scripts": {
-		"lint": "eslint ./rules ./configs"
+		"lint": "eslint ./rules ./configs",
+		"lint:fix": "eslint ./rules ./configs --fix"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
@@ -46,5 +47,10 @@
 		"rimraf": "^3.0.2",
 		"ts-jest": "^27.1.3",
 		"typescript": "^4.6.2"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"pnpm lint:fix"
+		]
 	}
 }
diff --git a/packages/js/experimental/package.json b/packages/js/experimental/package.json
index 66bd374e07f..0398d1c50f0 100644
--- a/packages/js/experimental/package.json
+++ b/packages/js/experimental/package.json
@@ -81,13 +81,14 @@
 		"start": "concurrently \"tsc --build --watch\" \"webpack --watch\"",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/explat/package.json b/packages/js/explat/package.json
index 2bbd9aea625..238fbf2be4e 100644
--- a/packages/js/explat/package.json
+++ b/packages/js/explat/package.json
@@ -52,13 +52,14 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/js-tests/package.json b/packages/js/js-tests/package.json
index ad6cfa050a5..7a81839b8c7 100644
--- a/packages/js/js-tests/package.json
+++ b/packages/js/js-tests/package.json
@@ -21,7 +21,8 @@
 		"ts:check": "tsc --noEmit --project ./tsconfig.json",
 		"clean": "pnpm exec rimraf *.tsbuildinfo build build-*",
 		"prepack": "pnpm run clean && pnpm run build",
-		"lint": "eslint src"
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix"
 	},
 	"dependencies": {
 		"@testing-library/jest-dom": "^5.16.2",
@@ -43,7 +44,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/navigation/package.json b/packages/js/navigation/package.json
index b61d3793a94..79ae7e6c658 100644
--- a/packages/js/navigation/package.json
+++ b/packages/js/navigation/package.json
@@ -44,6 +44,7 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
@@ -61,7 +62,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/notices/package.json b/packages/js/notices/package.json
index 7de5f5eb01c..43e6d2c7ad7 100644
--- a/packages/js/notices/package.json
+++ b/packages/js/notices/package.json
@@ -40,7 +40,8 @@
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
-		"lint": "eslint src"
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
@@ -54,7 +55,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/number/package.json b/packages/js/number/package.json
index 1abd24f9f50..c50c0ca7a00 100644
--- a/packages/js/number/package.json
+++ b/packages/js/number/package.json
@@ -31,6 +31,7 @@
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
 		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
 		"test": "pnpm run build && pnpm run test:nobuild",
 		"test:nobuild": "jest --config ./jest.config.json",
 		"test-staged": "jest --bail --config ./jest.config.json --findRelatedTests"
@@ -48,7 +49,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix",
+			"pnpm lint:fix",
 			"pnpm test-staged"
 		]
 	}
diff --git a/packages/js/onboarding/package.json b/packages/js/onboarding/package.json
index 10c26033dd6..a742262f959 100644
--- a/packages/js/onboarding/package.json
+++ b/packages/js/onboarding/package.json
@@ -59,11 +59,12 @@
 		"build:css": "webpack",
 		"start": "concurrently \"tsc --build --watch\" \"webpack --watch\"",
 		"prepack": "pnpm run clean && pnpm run build",
-		"lint": "eslint src"
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/style-build/package.json b/packages/js/style-build/package.json
index 0e2b9db68ec..6c9affa17f1 100644
--- a/packages/js/style-build/package.json
+++ b/packages/js/style-build/package.json
@@ -29,7 +29,8 @@
 		"webpack-rtl-plugin": "^2.0.0"
 	},
 	"scripts": {
-		"lint": "eslint index.js"
+		"lint": "eslint index.js",
+		"lint:fix": "eslint index.js --fix"
 	},
 	"private": true,
 	"devDependencies": {
@@ -45,7 +46,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/tracks/package.json b/packages/js/tracks/package.json
index fe85d715a72..a6c45f92dfa 100644
--- a/packages/js/tracks/package.json
+++ b/packages/js/tracks/package.json
@@ -31,7 +31,8 @@
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
 		"prepack": "pnpm run clean && pnpm run build",
-		"lint": "eslint src"
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
@@ -45,7 +46,7 @@
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }

From 931845a53a9583e22f1f23ac2def44c6ec8c9270 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 27 Apr 2022 11:16:35 +1200
Subject: [PATCH 222/327] reference local eslint plugin package

---
 packages/js/admin-e2e-tests/.eslintrc.js      |  5 +-
 packages/js/admin-e2e-tests/package.json      |  2 +-
 packages/js/components/package.json           |  2 +-
 packages/js/csv-export/package.json           |  2 +-
 packages/js/currency/package.json             |  2 +-
 .../js/customer-effort-score/package.json     |  2 +-
 packages/js/data/package.json                 |  2 +-
 packages/js/date/package.json                 |  2 +-
 .../package.json                              |  2 +-
 packages/js/experimental/package.json         |  2 +-
 packages/js/explat/package.json               |  2 +-
 packages/js/js-tests/package.json             |  2 +-
 packages/js/navigation/package.json           |  2 +-
 packages/js/notices/package.json              |  2 +-
 packages/js/number/package.json               |  2 +-
 packages/js/onboarding/package.json           |  2 +-
 packages/js/style-build/package.json          |  2 +-
 pnpm-lock.yaml                                | 72 +++++++++----------
 18 files changed, 56 insertions(+), 53 deletions(-)

diff --git a/packages/js/admin-e2e-tests/.eslintrc.js b/packages/js/admin-e2e-tests/.eslintrc.js
index e4d185d8cd1..9075f6c31f9 100644
--- a/packages/js/admin-e2e-tests/.eslintrc.js
+++ b/packages/js/admin-e2e-tests/.eslintrc.js
@@ -1,4 +1,7 @@
 module.exports = {
-	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
+	extends: [
+		'plugin:@typescript-eslint/recommended',
+		'plugin:@woocommerce/eslint-plugin/recommended',
+	],
 	root: true,
 };
diff --git a/packages/js/admin-e2e-tests/package.json b/packages/js/admin-e2e-tests/package.json
index e2a76d94d6f..7ddb4a89f3a 100644
--- a/packages/js/admin-e2e-tests/package.json
+++ b/packages/js/admin-e2e-tests/package.json
@@ -37,7 +37,7 @@
 		"@types/puppeteer": "^5.4.5",
 		"@typescript-eslint/eslint-plugin": "^5.14.0",
 		"@woocommerce/api": "^0.2.0",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/components/package.json b/packages/js/components/package.json
index 8ab76b9ec1e..e41787c6f22 100644
--- a/packages/js/components/package.json
+++ b/packages/js/components/package.json
@@ -94,9 +94,9 @@
 		"@testing-library/jest-dom": "^5.16.2",
 		"@testing-library/react": "^12.1.3",
 		"@testing-library/user-event": "^13.5.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"@woocommerce/style-build": "workspace:*",
 		"@wordpress/browserslist-config": "^4.1.1",
-		"@wordpress/eslint-plugin": "^11.0.0",
 		"@wordpress/scripts": "^12.6.1",
 		"concurrently": "^7.0.0",
 		"css-loader": "^3.6.0",
diff --git a/packages/js/csv-export/package.json b/packages/js/csv-export/package.json
index 831203e1f55..f99519ef6d2 100644
--- a/packages/js/csv-export/package.json
+++ b/packages/js/csv-export/package.json
@@ -40,7 +40,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/currency/package.json b/packages/js/currency/package.json
index 49469671849..ca8207cdd8a 100644
--- a/packages/js/currency/package.json
+++ b/packages/js/currency/package.json
@@ -43,7 +43,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/customer-effort-score/package.json b/packages/js/customer-effort-score/package.json
index a40455791c4..0ee0fa1b677 100644
--- a/packages/js/customer-effort-score/package.json
+++ b/packages/js/customer-effort-score/package.json
@@ -40,8 +40,8 @@
 		"@types/prop-types": "^15.7.4",
 		"@types/wordpress__components": "^9.8.6",
 		"@woocommerce/style-build": "workspace:*",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"@wordpress/browserslist-config": "^4.1.1",
-		"@wordpress/eslint-plugin": "^11.0.0",
 		"concurrently": "^7.0.0",
 		"css-loader": "^3.6.0",
 		"eslint": "^8.12.0",
diff --git a/packages/js/data/package.json b/packages/js/data/package.json
index d82e9836bae..730ab93a370 100644
--- a/packages/js/data/package.json
+++ b/packages/js/data/package.json
@@ -50,7 +50,7 @@
 		"@testing-library/react-hooks": "^7.0.2",
 		"@types/wordpress__core-data": "^2.4.5",
 		"@types/wordpress__data-controls": "^2.2.0",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/date/package.json b/packages/js/date/package.json
index fd8b4569d8c..b59bd4d85f7 100644
--- a/packages/js/date/package.json
+++ b/packages/js/date/package.json
@@ -28,7 +28,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"d3-time-format": "^2.3.0",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
diff --git a/packages/js/dependency-extraction-webpack-plugin/package.json b/packages/js/dependency-extraction-webpack-plugin/package.json
index 86784041c7c..05edfe9f897 100644
--- a/packages/js/dependency-extraction-webpack-plugin/package.json
+++ b/packages/js/dependency-extraction-webpack-plugin/package.json
@@ -25,7 +25,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/experimental/package.json b/packages/js/experimental/package.json
index 0398d1c50f0..98132bbcb6c 100644
--- a/packages/js/experimental/package.json
+++ b/packages/js/experimental/package.json
@@ -53,9 +53,9 @@
 		"@testing-library/user-event": "^13.5.0",
 		"@types/dompurify": "^2.3.3",
 		"@types/react-transition-group": "^4.4.4",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"@woocommerce/style-build": "workspace:*",
 		"@wordpress/browserslist-config": "^4.1.1",
-		"@wordpress/eslint-plugin": "^11.0.0",
 		"concurrently": "^7.0.0",
 		"css-loader": "^3.6.0",
 		"eslint": "^8.12.0",
diff --git a/packages/js/explat/package.json b/packages/js/explat/package.json
index 238fbf2be4e..656cfab13bb 100644
--- a/packages/js/explat/package.json
+++ b/packages/js/explat/package.json
@@ -38,7 +38,7 @@
 		"@types/cookie": "^0.4.1",
 		"@types/node": "^17.0.21",
 		"@types/qs": "^6.9.7",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/js-tests/package.json b/packages/js/js-tests/package.json
index 7a81839b8c7..9b865a7458b 100644
--- a/packages/js/js-tests/package.json
+++ b/packages/js/js-tests/package.json
@@ -34,7 +34,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/navigation/package.json b/packages/js/navigation/package.json
index 79ae7e6c658..58bc2eb9a38 100644
--- a/packages/js/navigation/package.json
+++ b/packages/js/navigation/package.json
@@ -51,7 +51,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"@babel/runtime": "^7.17.2",
 		"jest": "^27.5.1",
diff --git a/packages/js/notices/package.json b/packages/js/notices/package.json
index 43e6d2c7ad7..83a218f8d1f 100644
--- a/packages/js/notices/package.json
+++ b/packages/js/notices/package.json
@@ -45,7 +45,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/packages/js/number/package.json b/packages/js/number/package.json
index c50c0ca7a00..f5873c8f99f 100644
--- a/packages/js/number/package.json
+++ b/packages/js/number/package.json
@@ -38,7 +38,7 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"@babel/runtime": "^7.17.2",
 		"jest": "^27.5.1",
diff --git a/packages/js/onboarding/package.json b/packages/js/onboarding/package.json
index a742262f959..ac4c5b06d8a 100644
--- a/packages/js/onboarding/package.json
+++ b/packages/js/onboarding/package.json
@@ -37,9 +37,9 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"@woocommerce/style-build": "workspace:*",
 		"@wordpress/browserslist-config": "^4.1.1",
-		"@wordpress/eslint-plugin": "^11.0.0",
 		"css-loader": "^3.6.0",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
diff --git a/packages/js/style-build/package.json b/packages/js/style-build/package.json
index 6c9affa17f1..afc4d971b09 100644
--- a/packages/js/style-build/package.json
+++ b/packages/js/style-build/package.json
@@ -35,7 +35,7 @@
 	"private": true,
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
-		"@wordpress/eslint-plugin": "^11.0.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.12.0",
 		"jest": "^27.5.1",
 		"jest-cli": "^27.5.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9df70e5a7f7..c26bc7bdf8e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,7 +72,7 @@ importers:
       '@types/puppeteer': ^5.4.5
       '@typescript-eslint/eslint-plugin': ^5.14.0
       '@woocommerce/api': ^0.2.0
-      '@wordpress/eslint-plugin': ^11.0.0
+      '@woocommerce/eslint-plugin': workspace:*
       config: ^3.3.7
       eslint: ^8.12.0
       jest: ^27.5.1
@@ -91,7 +91,7 @@ importers:
       '@types/puppeteer': 5.4.5
       '@typescript-eslint/eslint-plugin': 5.15.0_eslint@8.12.0+typescript@4.6.2
       '@woocommerce/api': link:../api
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -174,6 +174,7 @@ importers:
       '@woocommerce/currency': workspace:*
       '@woocommerce/data': workspace:*
       '@woocommerce/date': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@woocommerce/navigation': workspace:*
       '@woocommerce/style-build': workspace:*
       '@wordpress/api-fetch': ^6.0.1
@@ -184,7 +185,6 @@ importers:
       '@wordpress/deprecated': ^3.3.1
       '@wordpress/dom': ^3.3.2
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/hooks': ^3.5.0
       '@wordpress/html-entities': ^3.3.1
       '@wordpress/i18n': ^4.3.1
@@ -283,9 +283,9 @@ importers:
       '@testing-library/jest-dom': 5.16.2
       '@testing-library/react': 12.1.4
       '@testing-library/user-event': 13.5.0_@testing-library+dom@8.11.3
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       '@woocommerce/style-build': link:../style-build
       '@wordpress/browserslist-config': 4.1.2
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
       '@wordpress/scripts': 12.6.1_6cad74fe17bf42b947bda894b27e9dc2
       concurrently: 7.0.0
       css-loader: 3.6.0_webpack@5.70.0
@@ -303,7 +303,7 @@ importers:
   packages/js/csv-export:
     specifiers:
       '@babel/core': ^7.17.5
-      '@wordpress/eslint-plugin': ^11.0.0
+      '@woocommerce/eslint-plugin': workspace:*
       browser-filesaver: ^1.1.1
       eslint: ^8.12.0
       jest: ^27.5.1
@@ -317,7 +317,7 @@ importers:
       moment: 2.29.1
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -328,10 +328,10 @@ importers:
   packages/js/currency:
     specifiers:
       '@babel/core': ^7.17.5
+      '@woocommerce/eslint-plugin': workspace:*
       '@woocommerce/number': workspace:*
       '@wordpress/deprecated': ^2.12.3
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/html-entities': ^3.3.1
       '@wordpress/i18n': ^3.20.0
       eslint: ^8.12.0
@@ -348,7 +348,7 @@ importers:
       '@wordpress/i18n': 3.20.0
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -362,6 +362,7 @@ importers:
       '@testing-library/react': ^12.1.3
       '@types/prop-types': ^15.7.4
       '@types/wordpress__components': ^9.8.6
+      '@woocommerce/eslint-plugin': workspace:*
       '@woocommerce/experimental': workspace:*
       '@woocommerce/style-build': workspace:*
       '@wordpress/browserslist-config': ^4.1.1
@@ -369,7 +370,6 @@ importers:
       '@wordpress/compose': ^5.1.2
       '@wordpress/data': ^6.3.0
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/i18n': ^4.3.1
       '@wordpress/notices': ^3.3.2
       classnames: ^2.3.1
@@ -403,9 +403,9 @@ importers:
       '@testing-library/react': 12.1.4
       '@types/prop-types': 15.7.4
       '@types/wordpress__components': 9.8.6
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       '@woocommerce/style-build': link:../style-build
       '@wordpress/browserslist-config': 4.1.2
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
       concurrently: 7.0.0
       css-loader: 3.6.0_webpack@5.70.0
       eslint: 8.12.0
@@ -429,6 +429,7 @@ importers:
       '@types/wordpress__core-data': ^2.4.5
       '@types/wordpress__data-controls': ^2.2.0
       '@woocommerce/date': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@woocommerce/navigation': workspace:*
       '@wordpress/api-fetch': ^6.0.1
       '@wordpress/compose': ^5.1.2
@@ -437,7 +438,6 @@ importers:
       '@wordpress/data-controls': ^2.3.2
       '@wordpress/deprecated': ^3.3.1
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/hooks': ^3.5.0
       '@wordpress/i18n': ^4.3.1
       '@wordpress/url': ^3.4.1
@@ -476,7 +476,7 @@ importers:
       '@testing-library/react-hooks': 7.0.2
       '@types/wordpress__core-data': 2.4.5
       '@types/wordpress__data-controls': 2.2.0
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -487,8 +487,8 @@ importers:
   packages/js/date:
     specifiers:
       '@babel/core': ^7.17.5
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/date': ^4.3.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/i18n': ^4.3.1
       d3-time-format: ^2.3.0
       eslint: ^8.12.0
@@ -506,7 +506,7 @@ importers:
       qs: 6.10.3
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       d3-time-format: 2.3.0
       eslint: 8.12.0
       jest: 27.5.1
@@ -518,8 +518,8 @@ importers:
   packages/js/dependency-extraction-webpack-plugin:
     specifiers:
       '@babel/core': ^7.17.5
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/dependency-extraction-webpack-plugin': ^3.3.0
-      '@wordpress/eslint-plugin': ^11.0.0
       eslint: ^8.12.0
       jest: ^27.5.1
       jest-cli: ^27.5.1
@@ -532,7 +532,7 @@ importers:
       '@wordpress/dependency-extraction-webpack-plugin': 3.4.1_webpack@5.70.0
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -751,11 +751,11 @@ importers:
       '@types/dompurify': ^2.3.3
       '@types/react-transition-group': ^4.4.4
       '@woocommerce/components': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@woocommerce/style-build': workspace:*
       '@wordpress/browserslist-config': ^4.1.1
       '@wordpress/components': ^19.5.0
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/i18n': ^4.3.1
       '@wordpress/icons': ^8.1.0
       '@wordpress/keycodes': ^3.3.1
@@ -801,9 +801,9 @@ importers:
       '@testing-library/user-event': 13.5.0_@testing-library+dom@8.11.3
       '@types/dompurify': 2.3.3
       '@types/react-transition-group': 4.4.4
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       '@woocommerce/style-build': link:../style-build
       '@wordpress/browserslist-config': 4.1.2
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
       concurrently: 7.0.0
       css-loader: 3.6.0_webpack@5.70.0
       eslint: 8.12.0
@@ -825,8 +825,8 @@ importers:
       '@types/cookie': ^0.4.1
       '@types/node': ^17.0.21
       '@types/qs': ^6.9.7
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/api-fetch': ^6.0.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/hooks': ^3.5.0
       cookie: ^0.4.2
       eslint: ^8.12.0
@@ -848,7 +848,7 @@ importers:
       '@types/cookie': 0.4.1
       '@types/node': 17.0.21
       '@types/qs': 6.9.7
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -861,8 +861,8 @@ importers:
       '@babel/core': ^7.17.5
       '@testing-library/jest-dom': ^5.16.2
       '@testing-library/react': ^12.1.3
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/data': ^6.3.0
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/i18n': ^4.3.1
       '@wordpress/jest-console': ^5.0.1
       eslint: ^8.12.0
@@ -881,7 +881,7 @@ importers:
       regenerator-runtime: 0.13.9
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -893,11 +893,11 @@ importers:
     specifiers:
       '@babel/core': ^7.17.5
       '@babel/runtime': ^7.17.2
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/api-fetch': ^6.0.1
       '@wordpress/components': ^19.5.0
       '@wordpress/compose': ^5.1.2
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/hooks': ^3.5.0
       '@wordpress/notices': ^3.3.2
       '@wordpress/url': ^3.4.1
@@ -922,7 +922,7 @@ importers:
     devDependencies:
       '@babel/core': 7.17.8
       '@babel/runtime': 7.17.7
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -933,9 +933,9 @@ importers:
   packages/js/notices:
     specifiers:
       '@babel/core': ^7.17.5
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/a11y': ^3.5.0
       '@wordpress/data': ^6.3.0
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/notices': ^3.3.2
       eslint: ^8.12.0
       jest: ^27.5.1
@@ -949,7 +949,7 @@ importers:
       '@wordpress/notices': 3.4.1
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -961,7 +961,7 @@ importers:
     specifiers:
       '@babel/core': ^7.17.5
       '@babel/runtime': ^7.17.2
-      '@wordpress/eslint-plugin': ^11.0.0
+      '@woocommerce/eslint-plugin': workspace:*
       eslint: ^8.12.0
       jest: ^27.5.1
       jest-cli: ^27.5.1
@@ -974,7 +974,7 @@ importers:
     devDependencies:
       '@babel/core': 7.17.8
       '@babel/runtime': 7.17.7
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -987,13 +987,13 @@ importers:
       '@automattic/interpolate-components': ^1.2.0
       '@babel/core': ^7.17.5
       '@woocommerce/components': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@woocommerce/experimental': workspace:*
       '@woocommerce/style-build': workspace:*
       '@woocommerce/tracks': workspace:*
       '@wordpress/browserslist-config': ^4.1.1
       '@wordpress/components': ^19.5.0
       '@wordpress/element': ^4.1.1
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/i18n': ^4.3.1
       concurrently: ^7.0.0
       css-loader: ^3.6.0
@@ -1020,9 +1020,9 @@ importers:
       gridicons: 3.4.0
     devDependencies:
       '@babel/core': 7.17.8
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       '@woocommerce/style-build': link:../style-build
       '@wordpress/browserslist-config': 4.1.2
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
       css-loader: 3.6.0_webpack@5.70.0
       eslint: 8.12.0
       jest: 27.5.1
@@ -1039,8 +1039,8 @@ importers:
     specifiers:
       '@automattic/color-studio': ^2.5.0
       '@babel/core': ^7.17.5
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/base-styles': ^4.3.0
-      '@wordpress/eslint-plugin': ^11.0.0
       '@wordpress/postcss-plugins-preset': ^1.6.0
       css-loader: ^3.6.0
       eslint: ^8.12.0
@@ -1067,7 +1067,7 @@ importers:
       webpack-rtl-plugin: 2.0.0
     devDependencies:
       '@babel/core': 7.17.8
-      '@wordpress/eslint-plugin': 11.0.1_7c040a9b494a33cf8bf9079642892fb1
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       eslint: 8.12.0
       jest: 27.5.1
       jest-cli: 27.5.1
@@ -2228,7 +2228,7 @@ packages:
       '@babel/helper-module-imports': 7.16.7
       '@babel/helper-plugin-utils': 7.16.7
       '@babel/traverse': 7.17.3
-      debug: 4.3.3
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.20.0
       semver: 6.3.0
@@ -2317,7 +2317,7 @@ packages:
       '@babel/helper-module-imports': 7.16.7
       '@babel/helper-plugin-utils': 7.16.7
       '@babel/traverse': 7.17.3
-      debug: 4.3.3
+      debug: 4.3.4
       lodash.debounce: 4.0.8
       resolve: 1.20.0
       semver: 6.3.0
@@ -24361,7 +24361,7 @@ packages:
     dependencies:
       '@tootallnate/once': 1.1.2
       agent-base: 6.0.2
-      debug: 4.3.3
+      debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -36544,7 +36544,7 @@ packages:
       serialize-javascript: 6.0.0
       source-map: 0.6.1
       terser: 5.10.0_acorn@8.7.0
-      webpack: 5.70.0_webpack-cli@3.3.12
+      webpack: 5.70.0
     transitivePeerDependencies:
       - acorn
     dev: true

From e82e3cc49ec2927dc500a277b1ead5fca1f1eca9 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 27 Apr 2022 11:42:22 +1200
Subject: [PATCH 223/327] changelog

---
 packages/js/admin-e2e-tests/changelog/.gitkeep                | 0
 .../admin-e2e-tests/changelog/fix-standardize-lint-monorepo   | 4 ++++
 packages/js/api/changelog/fix-standardize-lint-monorepo       | 4 ++++
 packages/js/components/changelog/.gitkeep                     | 0
 .../js/components/changelog/fix-standardize-lint-monorepo     | 4 ++++
 packages/js/csv-export/changelog/.gitkeep                     | 0
 .../js/csv-export/changelog/fix-standardize-lint-monorepo     | 4 ++++
 packages/js/currency/changelog/.gitkeep                       | 0
 packages/js/currency/changelog/fix-standardize-lint-monorepo  | 4 ++++
 packages/js/customer-effort-score/changelog/.gitkeep          | 0
 .../changelog/fix-standardize-lint-monorepo                   | 4 ++++
 packages/js/data/changelog/.gitkeep                           | 0
 packages/js/data/changelog/fix-standardize-lint-monorepo      | 4 ++++
 packages/js/date/changelog/.gitkeep                           | 0
 packages/js/date/changelog/fix-standardize-lint-monorepo      | 4 ++++
 .../dependency-extraction-webpack-plugin/changelog/.gitkeep   | 0
 .../changelog/fix-standardize-lint-monorepo                   | 4 ++++
 packages/js/eslint-plugin/changelog/.gitkeep                  | 0
 .../js/eslint-plugin/changelog/fix-standardize-lint-monorepo  | 4 ++++
 packages/js/experimental/changelog/.gitkeep                   | 0
 .../js/experimental/changelog/fix-standardize-lint-monorepo   | 4 ++++
 packages/js/explat/changelog/.gitkeep                         | 0
 packages/js/explat/changelog/fix-standardize-lint-monorepo    | 4 ++++
 packages/js/js-tests/changelog/.gitkeep                       | 0
 packages/js/js-tests/changelog/fix-standardize-lint-monorepo  | 4 ++++
 packages/js/navigation/changelog/.gitkeep                     | 0
 .../js/navigation/changelog/fix-standardize-lint-monorepo     | 4 ++++
 packages/js/notices/changelog/.gitkeep                        | 0
 packages/js/notices/changelog/fix-standardize-lint-monorepo   | 4 ++++
 packages/js/number/changelog/.gitkeep                         | 0
 packages/js/number/changelog/fix-standardize-lint-monorepo    | 4 ++++
 packages/js/onboarding/changelog/.gitkeep                     | 0
 .../js/onboarding/changelog/fix-standardize-lint-monorepo     | 4 ++++
 packages/js/style-build/changelog/.gitkeep                    | 0
 .../js/style-build/changelog/fix-standardize-lint-monorepo    | 4 ++++
 packages/js/tracks/changelog/.gitkeep                         | 0
 packages/js/tracks/changelog/fix-standardize-lint-monorepo    | 4 ++++
 37 files changed, 76 insertions(+)
 create mode 100644 packages/js/admin-e2e-tests/changelog/.gitkeep
 create mode 100644 packages/js/admin-e2e-tests/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/api/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/components/changelog/.gitkeep
 create mode 100644 packages/js/components/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/csv-export/changelog/.gitkeep
 create mode 100644 packages/js/csv-export/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/currency/changelog/.gitkeep
 create mode 100644 packages/js/currency/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/customer-effort-score/changelog/.gitkeep
 create mode 100644 packages/js/customer-effort-score/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/data/changelog/.gitkeep
 create mode 100644 packages/js/data/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/date/changelog/.gitkeep
 create mode 100644 packages/js/date/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/dependency-extraction-webpack-plugin/changelog/.gitkeep
 create mode 100644 packages/js/dependency-extraction-webpack-plugin/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/eslint-plugin/changelog/.gitkeep
 create mode 100644 packages/js/eslint-plugin/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/experimental/changelog/.gitkeep
 create mode 100644 packages/js/experimental/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/explat/changelog/.gitkeep
 create mode 100644 packages/js/explat/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/js-tests/changelog/.gitkeep
 create mode 100644 packages/js/js-tests/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/navigation/changelog/.gitkeep
 create mode 100644 packages/js/navigation/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/notices/changelog/.gitkeep
 create mode 100644 packages/js/notices/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/number/changelog/.gitkeep
 create mode 100644 packages/js/number/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/onboarding/changelog/.gitkeep
 create mode 100644 packages/js/onboarding/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/style-build/changelog/.gitkeep
 create mode 100644 packages/js/style-build/changelog/fix-standardize-lint-monorepo
 create mode 100644 packages/js/tracks/changelog/.gitkeep
 create mode 100644 packages/js/tracks/changelog/fix-standardize-lint-monorepo

diff --git a/packages/js/admin-e2e-tests/changelog/.gitkeep b/packages/js/admin-e2e-tests/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/admin-e2e-tests/changelog/fix-standardize-lint-monorepo b/packages/js/admin-e2e-tests/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/admin-e2e-tests/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/api/changelog/fix-standardize-lint-monorepo b/packages/js/api/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/api/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/components/changelog/.gitkeep b/packages/js/components/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/components/changelog/fix-standardize-lint-monorepo b/packages/js/components/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/components/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/csv-export/changelog/.gitkeep b/packages/js/csv-export/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/csv-export/changelog/fix-standardize-lint-monorepo b/packages/js/csv-export/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/csv-export/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/currency/changelog/.gitkeep b/packages/js/currency/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/currency/changelog/fix-standardize-lint-monorepo b/packages/js/currency/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/currency/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/customer-effort-score/changelog/.gitkeep b/packages/js/customer-effort-score/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/customer-effort-score/changelog/fix-standardize-lint-monorepo b/packages/js/customer-effort-score/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/customer-effort-score/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/data/changelog/.gitkeep b/packages/js/data/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/data/changelog/fix-standardize-lint-monorepo b/packages/js/data/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/data/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/date/changelog/.gitkeep b/packages/js/date/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/date/changelog/fix-standardize-lint-monorepo b/packages/js/date/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/date/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/dependency-extraction-webpack-plugin/changelog/.gitkeep b/packages/js/dependency-extraction-webpack-plugin/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/dependency-extraction-webpack-plugin/changelog/fix-standardize-lint-monorepo b/packages/js/dependency-extraction-webpack-plugin/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/dependency-extraction-webpack-plugin/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/eslint-plugin/changelog/.gitkeep b/packages/js/eslint-plugin/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/eslint-plugin/changelog/fix-standardize-lint-monorepo b/packages/js/eslint-plugin/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/eslint-plugin/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/experimental/changelog/.gitkeep b/packages/js/experimental/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/experimental/changelog/fix-standardize-lint-monorepo b/packages/js/experimental/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/experimental/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/explat/changelog/.gitkeep b/packages/js/explat/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/explat/changelog/fix-standardize-lint-monorepo b/packages/js/explat/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/explat/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/js-tests/changelog/.gitkeep b/packages/js/js-tests/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/js-tests/changelog/fix-standardize-lint-monorepo b/packages/js/js-tests/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/js-tests/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/navigation/changelog/.gitkeep b/packages/js/navigation/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/navigation/changelog/fix-standardize-lint-monorepo b/packages/js/navigation/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/navigation/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/notices/changelog/.gitkeep b/packages/js/notices/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/notices/changelog/fix-standardize-lint-monorepo b/packages/js/notices/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/notices/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/number/changelog/.gitkeep b/packages/js/number/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/number/changelog/fix-standardize-lint-monorepo b/packages/js/number/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/number/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/onboarding/changelog/.gitkeep b/packages/js/onboarding/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/onboarding/changelog/fix-standardize-lint-monorepo b/packages/js/onboarding/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/onboarding/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/style-build/changelog/.gitkeep b/packages/js/style-build/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/style-build/changelog/fix-standardize-lint-monorepo b/packages/js/style-build/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/style-build/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix
diff --git a/packages/js/tracks/changelog/.gitkeep b/packages/js/tracks/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/tracks/changelog/fix-standardize-lint-monorepo b/packages/js/tracks/changelog/fix-standardize-lint-monorepo
new file mode 100644
index 00000000000..684cc6c8fd3
--- /dev/null
+++ b/packages/js/tracks/changelog/fix-standardize-lint-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: add lint:fix

From bfbad3a4dc7e929d730bd1a1a946339001153150 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 27 Apr 2022 14:17:55 +1200
Subject: [PATCH 224/327] Fixup eslintrc.js

---
 plugins/woocommerce/.eslintrc.js |   1 +
 plugins/woocommerce/package.json | 183 ++++++++++++++++---------------
 2 files changed, 95 insertions(+), 89 deletions(-)

diff --git a/plugins/woocommerce/.eslintrc.js b/plugins/woocommerce/.eslintrc.js
index 03f9124652e..57f426e75fe 100644
--- a/plugins/woocommerce/.eslintrc.js
+++ b/plugins/woocommerce/.eslintrc.js
@@ -6,6 +6,7 @@ module.exports = {
 		es6: true,
 		node: true,
 	},
+	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
 	globals: {
 		wp: true,
 		wpApiSettings: true,
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index 37b1610bfcf..c6b1af4efa6 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -1,91 +1,96 @@
 {
-  "name": "woocommerce",
-  "title": "WooCommerce",
-  "version": "6.6.0",
-  "homepage": "https://woocommerce.com/",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "license": "GPL-3.0+",
-  "config": {
-    "wp_org_slug": "woocommerce",
-    "build_step": "pnpm run build:zip"
-  },
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets",
-    "build:feature-config": "php bin/generate-feature-config.php",
-    "build:zip": "./bin/build-zip.sh",
-    "lint:js": "eslint assets/js --ext=js",
-    "docker:down": "pnpm exec wc-e2e docker:down",
-    "docker:ssh": "pnpm exec wc-e2e docker:ssh",
-    "docker:up": "pnpm exec wc-e2e docker:up",
-    "test:api": "ALLURE_OUTPUT_DIR=\"$PWD/tests/api\" pnpm exec wc-api-tests test api",
-    "make:collection": "pnpm exec wc-api-tests make:collection",
-    "test:e2e": "pnpm exec wc-e2e test:e2e",
-    "test:e2e-debug": "pnpm exec wc-e2e test:e2e-debug",
-    "test:e2e-dev": "pnpm exec wc-e2e test:e2e-dev",
-    "test:unit": "./vendor/bin/phpunit -c ./phpunit.xml",
-    "makepot": "composer run-script makepot",
-    "packages:fix:textdomain": "node ./bin/package-update-textdomain.js"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.12.8",
-    "@babel/core": "7.12.9",
-    "@babel/preset-env": "7.12.7",
-    "@babel/register": "7.12.1",
-    "@typescript-eslint/eslint-plugin": "3.10.1",
-    "@typescript-eslint/experimental-utils": "3.10.1",
-    "@typescript-eslint/parser": "3.10.1",
-    "@woocommerce/admin-e2e-tests": "workspace:*",
-    "@woocommerce/api": "workspace:*",
-    "@woocommerce/api-core-tests": "workspace:*",
-    "@woocommerce/e2e-core-tests": "workspace:*",
-    "@woocommerce/e2e-environment": "workspace:*",
-    "@woocommerce/e2e-utils": "workspace:*",
-    "@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
-    "@wordpress/babel-preset-default": "3.0.2",
-    "@wordpress/eslint-plugin": "7.3.0",
-    "@wordpress/stylelint-config": "19.1.0",
-    "allure-commandline": "^2.17.2",
-    "autoprefixer": "9.8.6",
-    "babel-eslint": "10.1.0",
-    "chai": "4.2.0",
-    "chai-as-promised": "7.1.1",
-    "config": "3.3.3",
-    "cross-env": "6.0.3",
-    "deasync": "0.1.26",
-    "eslint": "6.8.0",
-    "eslint-config-wpcalypso": "5.0.0",
-    "eslint-plugin-jest": "23.20.0",
-    "github-contributors-list": "https://github.com/woocommerce/github-contributors-list/tarball/master",
-    "istanbul": "1.0.0-alpha.2",
-    "jest": "^25.1.0",
-    "mocha": "7.2.0",
-    "prettier": "npm:wp-prettier@2.0.5",
-    "stylelint": "^13.8.0",
-    "typescript": "3.9.7",
-    "webpack": "4.44.2",
-    "webpack-cli": "3.3.12",
-    "wp-textdomain": "1.0.1"
-  },
-  "lint-staged": {
-    "*.php": [
-      "php -d display_errors=1 -l",
-      "composer run-script phpcs-pre-commit"
-    ],
-    "!(*min).js": [
-      "eslint --fix"
-    ]
-  },
-  "engines": {
-    "node": "^16.13.1",
-    "pnpm": "^6.24.2"
-  },
-  "browserslist": [
-    "> 0.1%",
-    "ie 8",
-    "ie 9"
-  ]
+	"name": "woocommerce",
+	"title": "WooCommerce",
+	"version": "6.6.0",
+	"homepage": "https://woocommerce.com/",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"license": "GPL-3.0+",
+	"config": {
+		"wp_org_slug": "woocommerce",
+		"build_step": "pnpm run build:zip"
+	},
+	"scripts": {
+		"preinstall": "npx only-allow pnpm",
+		"build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets",
+		"build:feature-config": "php bin/generate-feature-config.php",
+		"build:zip": "./bin/build-zip.sh",
+		"lint": "pnpm lint:js && pnpm lint:php",
+		"lint:fix": "pnpm lint:js:fix && pnpm lint:php:fix",
+		"lint:js": "eslint assets/js --ext=js",
+		"lint:js:fix": "eslint assets/js --ext=js --fix",
+		"lint:php": "composer run-script phpcs",
+		"lint:php:fix": "composer run-script phpcbf",
+		"docker:down": "pnpm exec wc-e2e docker:down",
+		"docker:ssh": "pnpm exec wc-e2e docker:ssh",
+		"docker:up": "pnpm exec wc-e2e docker:up",
+		"test:api": "ALLURE_OUTPUT_DIR=\"$PWD/tests/api\" pnpm exec wc-api-tests test api",
+		"make:collection": "pnpm exec wc-api-tests make:collection",
+		"test:e2e": "pnpm exec wc-e2e test:e2e",
+		"test:e2e-debug": "pnpm exec wc-e2e test:e2e-debug",
+		"test:e2e-dev": "pnpm exec wc-e2e test:e2e-dev",
+		"test:unit": "./vendor/bin/phpunit -c ./phpunit.xml",
+		"makepot": "composer run-script makepot",
+		"packages:fix:textdomain": "node ./bin/package-update-textdomain.js"
+	},
+	"devDependencies": {
+		"@babel/cli": "7.12.8",
+		"@babel/core": "7.12.9",
+		"@babel/preset-env": "7.12.7",
+		"@babel/register": "7.12.1",
+		"@typescript-eslint/eslint-plugin": "3.10.1",
+		"@typescript-eslint/experimental-utils": "3.10.1",
+		"@typescript-eslint/parser": "3.10.1",
+		"@woocommerce/admin-e2e-tests": "workspace:*",
+		"@woocommerce/api": "workspace:*",
+		"@woocommerce/api-core-tests": "workspace:*",
+		"@woocommerce/e2e-core-tests": "workspace:*",
+		"@woocommerce/e2e-environment": "workspace:*",
+		"@woocommerce/e2e-utils": "workspace:*",
+		"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
+		"@wordpress/babel-preset-default": "3.0.2",
+		"@woocommerce/eslint-plugin": "workspace:*",
+		"@wordpress/stylelint-config": "19.1.0",
+		"allure-commandline": "^2.17.2",
+		"autoprefixer": "9.8.6",
+		"babel-eslint": "10.1.0",
+		"chai": "4.2.0",
+		"chai-as-promised": "7.1.1",
+		"config": "3.3.3",
+		"cross-env": "6.0.3",
+		"deasync": "0.1.26",
+		"eslint": "6.8.0",
+		"eslint-config-wpcalypso": "5.0.0",
+		"eslint-plugin-jest": "23.20.0",
+		"github-contributors-list": "https://github.com/woocommerce/github-contributors-list/tarball/master",
+		"istanbul": "1.0.0-alpha.2",
+		"jest": "^25.1.0",
+		"mocha": "7.2.0",
+		"prettier": "npm:wp-prettier@2.0.5",
+		"stylelint": "^13.8.0",
+		"typescript": "3.9.7",
+		"webpack": "4.44.2",
+		"webpack-cli": "3.3.12",
+		"wp-textdomain": "1.0.1"
+	},
+	"lint-staged": {
+		"*.php": [
+			"php -d display_errors=1 -l",
+			"composer run-script phpcs-pre-commit"
+		],
+		"!(*min).js": [
+			"eslint --fix"
+		]
+	},
+	"engines": {
+		"node": "^16.13.1",
+		"pnpm": "^6.24.2"
+	},
+	"browserslist": [
+		"> 0.1%",
+		"ie 8",
+		"ie 9"
+	]
 }

From 4275eb002be41c3744b344a98e1f2b7fdb3d3c7f Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 27 Apr 2022 15:08:58 +1200
Subject: [PATCH 225/327] admin fix scripts

---
 plugins/woocommerce-admin/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/woocommerce-admin/package.json b/plugins/woocommerce-admin/package.json
index f7149f13fde..00b030d45b8 100644
--- a/plugins/woocommerce-admin/package.json
+++ b/plugins/woocommerce-admin/package.json
@@ -25,6 +25,7 @@
 		"install-if-deps-outdated": "node bin/install-if-deps-outdated.js",
 		"install-if-no-packages": "node bin/install-if-no-packages.js",
 		"lint": "pnpm run lint:js && pnpm run lint:css",
+		"lint:fix": "pnpm lint:js-fix && pnpm lint:css-fix",
 		"lint:css": "stylelint '**/*.scss'",
 		"lint:css-fix": "stylelint '**/*.scss' --fix --ip 'storybook/wordpress'",
 		"lint:js": "wp-scripts lint-js ./client --ext=js,ts,tsx",

From b06b34dd318eec8c8c1bd50a92c9b7595702605f Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 27 Apr 2022 15:10:48 +1200
Subject: [PATCH 226/327] beta tester fix scripts

---
 plugins/woocommerce-beta-tester/package.json | 97 ++++++++++----------
 1 file changed, 49 insertions(+), 48 deletions(-)

diff --git a/plugins/woocommerce-beta-tester/package.json b/plugins/woocommerce-beta-tester/package.json
index fd75976a133..fd1f8cce0a7 100644
--- a/plugins/woocommerce-beta-tester/package.json
+++ b/plugins/woocommerce-beta-tester/package.json
@@ -1,50 +1,51 @@
 {
-  "name": "woocommerce-beta-tester",
-  "description": "Setting up the local beta tester scripts.",
-  "license": "GPL-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/woocommerce/woocommerce-beta-tester.git"
-  },
-  "title": "WooCommerce Beta Tester",
-  "version": "2.0.5",
-  "homepage": "http://github.com/woocommerce/woocommerce-beta-tester",
-  "config": {
-    "build_step": "pnpm run build:zip"
-  },
-  "devDependencies": {
-    "eslint": "5.16.0",
-    "uglify-js": "^3.5.3"
-  },
-  "assets": {
-    "js": {
-      "min": "assets/js/*.min.js",
-      "js": "assets/js/*.js"
-    }
-  },
-  "scripts": {
-    "build": "pnpm run uglify",
-    "build:zip": "./bin/build-zip.sh",
-    "build:dev": "pnpm run lint:js && pnpm run uglify",
-    "preuglify": "rm -f $npm_package_assets_js_min",
-    "uglify": "for f in $npm_package_assets_js_js; do file=${f%.js}; node_modules/.bin/uglifyjs $f -c -m > $file.min.js; done",
-    "lint:js": "eslint assets/js --ext=js"
-  },
-  "engines": {
-    "node": ">=10.15.0",
-    "npm": ">=6.4.1"
-  },
-  "woorelease": {
-    "svn_reauth": "true",
-    "wp_org_slug": "woocommerce-beta-tester"
-  },
-  "lint-staged": {
-    "*.php": [
-      "php -d display_errors=1 -l",
-      "composer --working-dir=./plugins/woocommerce-beta-tester run-script phpcs-pre-commit"
-    ],
-    "!(*min).js": [
-      "eslint --fix"
-    ]
-  }
+	"name": "woocommerce-beta-tester",
+	"description": "Setting up the local beta tester scripts.",
+	"license": "GPL-2.0",
+	"repository": {
+		"type": "git",
+		"url": "git://github.com/woocommerce/woocommerce-beta-tester.git"
+	},
+	"title": "WooCommerce Beta Tester",
+	"version": "2.0.5",
+	"homepage": "http://github.com/woocommerce/woocommerce-beta-tester",
+	"config": {
+		"build_step": "pnpm run build:zip"
+	},
+	"devDependencies": {
+		"eslint": "5.16.0",
+		"uglify-js": "^3.5.3"
+	},
+	"assets": {
+		"js": {
+			"min": "assets/js/*.min.js",
+			"js": "assets/js/*.js"
+		}
+	},
+	"scripts": {
+		"build": "pnpm run uglify",
+		"build:zip": "./bin/build-zip.sh",
+		"build:dev": "pnpm run lint:js && pnpm run uglify",
+		"preuglify": "rm -f $npm_package_assets_js_min",
+		"uglify": "for f in $npm_package_assets_js_js; do file=${f%.js}; node_modules/.bin/uglifyjs $f -c -m > $file.min.js; done",
+		"lint": "eslint assets/js --ext=js",
+		"lint:fix": "eslint assets/js --ext=js --fix"
+	},
+	"engines": {
+		"node": ">=10.15.0",
+		"npm": ">=6.4.1"
+	},
+	"woorelease": {
+		"svn_reauth": "true",
+		"wp_org_slug": "woocommerce-beta-tester"
+	},
+	"lint-staged": {
+		"*.php": [
+			"php -d display_errors=1 -l",
+			"composer --working-dir=./plugins/woocommerce-beta-tester run-script phpcs-pre-commit"
+		],
+		"!(*min).js": [
+			"pnpm lint:fix"
+		]
+	}
 }

From 077b21b35cee0cd0dee6437ae7413037745fccfa Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 28 Apr 2022 11:23:25 +1200
Subject: [PATCH 227/327] pnpm lock file update

---
 pnpm-lock.yaml | 186 +++++++++----------------------------------------
 1 file changed, 32 insertions(+), 154 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1685a1a3ca2..7d32ab657f8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1168,9 +1168,9 @@ importers:
       '@woocommerce/e2e-core-tests': workspace:*
       '@woocommerce/e2e-environment': workspace:*
       '@woocommerce/e2e-utils': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3
       '@wordpress/babel-preset-default': 3.0.2
-      '@wordpress/eslint-plugin': 7.3.0
       '@wordpress/stylelint-config': 19.1.0
       allure-commandline: ^2.17.2
       autoprefixer: 9.8.6
@@ -1207,9 +1207,9 @@ importers:
       '@woocommerce/e2e-core-tests': link:../../packages/js/e2e-core-tests
       '@woocommerce/e2e-environment': link:../../packages/js/e2e-environment
       '@woocommerce/e2e-utils': link:../../packages/js/e2e-utils
+      '@woocommerce/eslint-plugin': link:../../packages/js/eslint-plugin
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 3.0.2
-      '@wordpress/eslint-plugin': 7.3.0_eslint@6.8.0+typescript@3.9.7
       '@wordpress/stylelint-config': 19.1.0_stylelint@13.13.1
       allure-commandline: 2.17.2
       autoprefixer: 9.8.6
@@ -8260,7 +8260,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.3
+      debug: 4.3.4
       espree: 9.3.1
       globals: 13.12.0
       ignore: 5.2.0
@@ -8334,7 +8334,7 @@ packages:
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.3
+      debug: 4.3.4
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -15876,30 +15876,6 @@ packages:
       - supports-color
     dev: true
 
-  /@wordpress/eslint-plugin/7.3.0_eslint@6.8.0+typescript@3.9.7:
-    resolution: {integrity: sha512-7wIFzzc14E1XuuT9haBuhoA9FRUGWlbD4Oek+XkiZlzNVqZI3slgbtIFJ6/Mfij1V18rv6Ns9a1cPJLtCU8JHQ==}
-    peerDependencies:
-      eslint: ^6 || ^7
-    dependencies:
-      '@wordpress/prettier-config': 0.4.0
-      babel-eslint: 10.1.0_eslint@6.8.0
-      cosmiconfig: 7.0.1
-      eslint: 6.8.0
-      eslint-config-prettier: 6.15.0_eslint@6.8.0
-      eslint-plugin-jest: 23.20.0_eslint@6.8.0+typescript@3.9.7
-      eslint-plugin-jsdoc: 30.7.13_eslint@6.8.0
-      eslint-plugin-jsx-a11y: 6.5.1_eslint@6.8.0
-      eslint-plugin-prettier: 3.4.1_a3d1a124e53dbc217d8b5198036499fa
-      eslint-plugin-react: 7.27.0_eslint@6.8.0
-      eslint-plugin-react-hooks: 4.3.0_eslint@6.8.0
-      globals: 12.4.0
-      prettier: /wp-prettier/2.0.5
-      requireindex: 1.2.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /@wordpress/eslint-plugin/7.3.0_eslint@8.2.0+typescript@4.2.4:
     resolution: {integrity: sha512-7wIFzzc14E1XuuT9haBuhoA9FRUGWlbD4Oek+XkiZlzNVqZI3slgbtIFJ6/Mfij1V18rv6Ns9a1cPJLtCU8JHQ==}
     peerDependencies:
@@ -15914,7 +15890,7 @@ packages:
       eslint-plugin-jsdoc: 30.7.13_eslint@8.2.0
       eslint-plugin-jsx-a11y: 6.5.1_eslint@8.2.0
       eslint-plugin-prettier: 3.4.1_1786dfa66f4aafe2692523a4f07ad974
-      eslint-plugin-react: 7.27.0_eslint@8.2.0
+      eslint-plugin-react: 7.29.4_eslint@8.2.0
       eslint-plugin-react-hooks: 4.3.0_eslint@8.2.0
       globals: 12.4.0
       prettier: /wp-prettier/2.0.5
@@ -21622,16 +21598,6 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-config-prettier/6.15.0_eslint@6.8.0:
-    resolution: {integrity: sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=3.14.1'
-    dependencies:
-      eslint: 6.8.0
-      get-stdin: 6.0.0
-    dev: true
-
   /eslint-config-prettier/6.15.0_eslint@7.32.0:
     resolution: {integrity: sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==}
     hasBin: true
@@ -21907,24 +21873,6 @@ packages:
       - typescript
     dev: true
 
-  /eslint-plugin-jsdoc/30.7.13_eslint@6.8.0:
-    resolution: {integrity: sha512-YM4WIsmurrp0rHX6XiXQppqKB8Ne5ATiZLJe2+/fkp9l9ExXFr43BbAbjZaVrpCT+tuPYOZ8k1MICARHnURUNQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0
-    dependencies:
-      comment-parser: 0.7.6
-      debug: 4.3.3
-      eslint: 6.8.0
-      jsdoctypeparser: 9.0.0
-      lodash: 4.17.21
-      regextras: 0.7.1
-      semver: 7.3.5
-      spdx-expression-parse: 3.0.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint-plugin-jsdoc/30.7.13_eslint@7.32.0:
     resolution: {integrity: sha512-YM4WIsmurrp0rHX6XiXQppqKB8Ne5ATiZLJe2+/fkp9l9ExXFr43BbAbjZaVrpCT+tuPYOZ8k1MICARHnURUNQ==}
     engines: {node: '>=10'}
@@ -21932,7 +21880,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0
     dependencies:
       comment-parser: 0.7.6
-      debug: 4.3.3
+      debug: 4.3.4
       eslint: 7.32.0
       jsdoctypeparser: 9.0.0
       lodash: 4.17.21
@@ -21950,7 +21898,7 @@ packages:
       eslint: ^6.0.0 || ^7.0.0
     dependencies:
       comment-parser: 0.7.6
-      debug: 4.3.3
+      debug: 4.3.4
       eslint: 8.2.0
       jsdoctypeparser: 9.0.0
       lodash: 4.17.21
@@ -22036,27 +21984,6 @@ packages:
       minimatch: 3.1.2
     dev: true
 
-  /eslint-plugin-jsx-a11y/6.5.1_eslint@6.8.0:
-    resolution: {integrity: sha512-sVCFKX9fllURnXT2JwLN5Qgo24Ug5NF6dxhkmxsMEUZhXRcGg+X3e1JbJ84YePQKBl5E0ZjAH5Q4rkdcGY99+g==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      '@babel/runtime': 7.17.7
-      aria-query: 4.2.2
-      array-includes: 3.1.4
-      ast-types-flow: 0.0.7
-      axe-core: 4.3.5
-      axobject-query: 2.2.0
-      damerau-levenshtein: 1.0.7
-      emoji-regex: 9.2.2
-      eslint: 6.8.0
-      has: 1.0.3
-      jsx-ast-utils: 3.2.1
-      language-tags: 1.0.5
-      minimatch: 3.1.2
-    dev: true
-
   /eslint-plugin-jsx-a11y/6.5.1_eslint@7.32.0:
     resolution: {integrity: sha512-sVCFKX9fllURnXT2JwLN5Qgo24Ug5NF6dxhkmxsMEUZhXRcGg+X3e1JbJ84YePQKBl5E0ZjAH5Q4rkdcGY99+g==}
     engines: {node: '>=4.0'}
@@ -22199,23 +22126,6 @@ packages:
       prettier: /wp-prettier/2.2.1-beta-1
       prettier-linter-helpers: 1.0.0
 
-  /eslint-plugin-prettier/3.4.1_a3d1a124e53dbc217d8b5198036499fa:
-    resolution: {integrity: sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==}
-    engines: {node: '>=6.0.0'}
-    peerDependencies:
-      eslint: '>=5.0.0'
-      eslint-config-prettier: '*'
-      prettier: '>=1.13.0'
-    peerDependenciesMeta:
-      eslint-config-prettier:
-        optional: true
-    dependencies:
-      eslint: 6.8.0
-      eslint-config-prettier: 6.15.0_eslint@6.8.0
-      prettier: /wp-prettier/2.0.5
-      prettier-linter-helpers: 1.0.0
-    dev: true
-
   /eslint-plugin-prettier/3.4.1_a80e9f01b6decf22ea798f6e74ee3e78:
     resolution: {integrity: sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==}
     engines: {node: '>=6.0.0'}
@@ -22265,15 +22175,6 @@ packages:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
     dev: true
 
-  /eslint-plugin-react-hooks/4.3.0_eslint@6.8.0:
-    resolution: {integrity: sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-    dependencies:
-      eslint: 6.8.0
-    dev: true
-
   /eslint-plugin-react-hooks/4.3.0_eslint@7.32.0:
     resolution: {integrity: sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==}
     engines: {node: '>=10'}
@@ -22309,52 +22210,6 @@ packages:
       eslint: 8.2.0
     dev: true
 
-  /eslint-plugin-react/7.27.0_eslint@6.8.0:
-    resolution: {integrity: sha512-0Ut+CkzpppgFtoIhdzi2LpdpxxBvgFf99eFqWxJnUrO7mMe0eOiNpou6rvNYeVVV6lWZvTah0BFne7k5xHjARg==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      array-includes: 3.1.4
-      array.prototype.flatmap: 1.2.5
-      doctrine: 2.1.0
-      eslint: 6.8.0
-      estraverse: 5.3.0
-      jsx-ast-utils: 3.2.1
-      minimatch: 3.0.4
-      object.entries: 1.1.5
-      object.fromentries: 2.0.5
-      object.hasown: 1.1.0
-      object.values: 1.1.5
-      prop-types: 15.7.2
-      resolve: 2.0.0-next.3
-      semver: 6.3.0
-      string.prototype.matchall: 4.0.6
-    dev: true
-
-  /eslint-plugin-react/7.27.0_eslint@8.2.0:
-    resolution: {integrity: sha512-0Ut+CkzpppgFtoIhdzi2LpdpxxBvgFf99eFqWxJnUrO7mMe0eOiNpou6rvNYeVVV6lWZvTah0BFne7k5xHjARg==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      array-includes: 3.1.4
-      array.prototype.flatmap: 1.2.5
-      doctrine: 2.1.0
-      eslint: 8.2.0
-      estraverse: 5.3.0
-      jsx-ast-utils: 3.2.1
-      minimatch: 3.0.4
-      object.entries: 1.1.5
-      object.fromentries: 2.0.5
-      object.hasown: 1.1.0
-      object.values: 1.1.5
-      prop-types: 15.7.2
-      resolve: 2.0.0-next.3
-      semver: 6.3.0
-      string.prototype.matchall: 4.0.6
-    dev: true
-
   /eslint-plugin-react/7.29.4:
     resolution: {integrity: sha512-CVCXajliVh509PcZYRFyu/BoUEz452+jtQJq2b3Bae4v3xBUWPLCmtmBM+ZinG4MzwmxJgJ2M5rMqhqLVn7MtQ==}
     engines: {node: '>=4'}
@@ -22445,6 +22300,29 @@ packages:
       semver: 6.3.0
       string.prototype.matchall: 4.0.6
 
+  /eslint-plugin-react/7.29.4_eslint@8.2.0:
+    resolution: {integrity: sha512-CVCXajliVh509PcZYRFyu/BoUEz452+jtQJq2b3Bae4v3xBUWPLCmtmBM+ZinG4MzwmxJgJ2M5rMqhqLVn7MtQ==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      array-includes: 3.1.4
+      array.prototype.flatmap: 1.2.5
+      doctrine: 2.1.0
+      eslint: 8.2.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.2.1
+      minimatch: 3.1.2
+      object.entries: 1.1.5
+      object.fromentries: 2.0.5
+      object.hasown: 1.1.0
+      object.values: 1.1.5
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.3
+      semver: 6.3.0
+      string.prototype.matchall: 4.0.6
+    dev: true
+
   /eslint-plugin-testing-library/5.1.0_eslint@8.12.0+typescript@4.6.2:
     resolution: {integrity: sha512-YSNzasJUbyhOTe14ZPygeOBvcPvcaNkwHwrj4vdf+uirr2D32JTDaKi6CP5Os2aWtOcvt4uBSPXp9h5xGoqvWQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
@@ -22854,7 +22732,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.3
+      debug: 4.3.4
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
@@ -37046,7 +36924,7 @@ packages:
     dependencies:
       component-emitter: 1.3.0
       cookiejar: 2.1.3
-      debug: 4.3.2
+      debug: 4.3.4
       fast-safe-stringify: 2.1.1
       form-data: 3.0.1
       formidable: 1.2.2

From f4fab80b18b9ddad7a9333a5098505105b99dd9e Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 28 Apr 2022 11:31:37 +1200
Subject: [PATCH 228/327] changelog

---
 .../changelog/fix-standardize-lint-woocommerce-plugin         | 4 ++++
 .../changelog/fix-standardize-lint-woocommerce-plugin         | 4 ++++
 2 files changed, 8 insertions(+)
 create mode 100644 plugins/woocommerce-beta-tester/changelog/fix-standardize-lint-woocommerce-plugin
 create mode 100644 plugins/woocommerce/changelog/fix-standardize-lint-woocommerce-plugin

diff --git a/plugins/woocommerce-beta-tester/changelog/fix-standardize-lint-woocommerce-plugin b/plugins/woocommerce-beta-tester/changelog/fix-standardize-lint-woocommerce-plugin
new file mode 100644
index 00000000000..df31acdf3b7
--- /dev/null
+++ b/plugins/woocommerce-beta-tester/changelog/fix-standardize-lint-woocommerce-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: Add lint:fix
diff --git a/plugins/woocommerce/changelog/fix-standardize-lint-woocommerce-plugin b/plugins/woocommerce/changelog/fix-standardize-lint-woocommerce-plugin
new file mode 100644
index 00000000000..df31acdf3b7
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-standardize-lint-woocommerce-plugin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize lint scripts: Add lint:fix

From bb05a6fc856dbc5e00aa58c4423634de30c288b9 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 28 Apr 2022 12:19:17 +0800
Subject: [PATCH 229/327] Added bail codes for WCA execution paths

---
 plugins/woocommerce/src/Admin/Loader.php      | 32 +++++++++++++++++++
 .../src/Internal/Admin/FeaturePlugin.php      |  5 +++
 .../woocommerce/src/Internal/Admin/Loader.php | 26 ++++++++++++++-
 3 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/src/Admin/Loader.php b/plugins/woocommerce/src/Admin/Loader.php
index daad0c40601..66bf29dde6e 100644
--- a/plugins/woocommerce/src/Admin/Loader.php
+++ b/plugins/woocommerce/src/Admin/Loader.php
@@ -4,6 +4,7 @@ namespace Automattic\WooCommerce\Admin;
 
 use Automattic\WooCommerce\Admin\DeprecatedClassFacade;
 use Automattic\WooCommerce\Admin\Features\Features;
+use Automattic\WooCommerce\Internal\Admin\WCAdminAssets;
 
 /**
  * Loader Class.
@@ -12,6 +13,20 @@ use Automattic\WooCommerce\Admin\Features\Features;
  */
 class Loader extends DeprecatedClassFacade {
 
+	/**
+	 * The name of the non-deprecated class that this facade covers.
+	 *
+	 * @var string
+	 */
+	protected static $facade_over_classname = 'Automattic\WooCommerce\Internal\Admin\Loader';
+
+	/**
+	 * The version that this class was deprecated in.
+	 *
+	 * @var string
+	 */
+	protected static $deprecated_in_version = '6.3.0';
+
 	/**
 	 * Returns if a specific wc-admin feature is enabled.
 	 *
@@ -55,4 +70,21 @@ class Loader extends DeprecatedClassFacade {
 		wc_deprecated_function( 'is_embed_page', '6.3', '\Automattic\WooCommerce\Admin\PageController::is_embed_page()' );
 		return PageController::is_embed_page();
 	}
+
+	/**
+	 * Determines if a minified JS file should be served.
+	 *
+	 * @param  boolean $script_debug Only serve unminified files if script debug is on.
+	 * @return boolean If js asset should use minified version.
+	 *
+	 * @deprecated since 6.3.0, use WCAdminAssets::should_use_minified_js_file( $script_debug )
+	 */
+	public static function should_use_minified_js_file( $script_debug ) {
+		// Bail if WC isn't initialized (This can be called from WCAdmin's entrypoint).
+		if ( ! defined( 'WC_ABSPATH' ) ) {
+			return;
+		}
+		wc_deprecated_function( 'should_use_minified_js_file', '6.3', '\Automattic\WooCommerce\Internal\Admin\WCAdminAssets::should_use_minified_js_file()' );
+		return WCAdminAssets::should_use_minified_js_file( $script_debug );
+	}
 }
diff --git a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
index 49dac42a47b..0cc3d0ff3cf 100644
--- a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
+++ b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
@@ -68,6 +68,11 @@ class FeaturePlugin {
 	 * Init the feature plugin, only if we can detect both Gutenberg and WooCommerce.
 	 */
 	public function init() {
+		// Bail if WC isn't initialized (This can be called from WCAdmin's entrypoint).
+		if ( ! defined( 'WC_ABSPATH' ) ) {
+			return;
+		}
+
 		// Load the page controller functions file first to prevent fatal errors when disabling WooCommerce Admin.
 		$this->define_constants();
 		require_once WC_ADMIN_ABSPATH . '/includes/react-admin/page-controller-functions.php';
diff --git a/plugins/woocommerce/src/Internal/Admin/Loader.php b/plugins/woocommerce/src/Internal/Admin/Loader.php
index 6de085b75e2..70032209e04 100644
--- a/plugins/woocommerce/src/Internal/Admin/Loader.php
+++ b/plugins/woocommerce/src/Internal/Admin/Loader.php
@@ -84,7 +84,7 @@ class Loader {
 		*/
 		remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
 
-		add_action( 'admin_init', array( __CLASS__, 'is_using_installed_wc_admin_plugin' ) );
+		add_action( 'admin_init', array( __CLASS__, 'deactivate_wc_admin_plugin' ) );
 	}
 
 	/**
@@ -111,6 +111,30 @@ class Loader {
 		}
 	}
 
+	/**
+	 * Verifies which plugin version is being used. If WooCommerce Admin is installed and activated but not in use
+	 * it will show a warning.
+	 */
+	public static function deactivate_wc_admin_plugin() {
+		if ( PluginsHelper::is_plugin_active( 'woocommerce-admin' ) ) {
+			$path = PluginsHelper::get_plugin_path_from_slug( 'woocommerce-admin' );
+			deactivate_plugins( $path );
+			add_action(
+				'admin_notices',
+				function() {
+					echo '<div class="error"><p>';
+					printf(
+						/* translators: %s: is referring to the plugin's name. */
+						esc_html__( '%1$s plugin has been deactivated to avoid conflicts with %2$s plugin.', 'woocommerce' ),
+						'<code>WooCommerce Admin</code>',
+						'<code>WooCommerce</code>'
+					);
+					echo '</p></div>';
+				}
+			);
+		}
+	}
+
 	/**
 	 * Returns breadcrumbs for the current page.
 	 */

From bc7830b670b7297f60af7c41db4381a6ac400dac Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 28 Apr 2022 12:51:53 +0800
Subject: [PATCH 230/327] Changelog

---
 plugins/woocommerce/changelog/fix-32797-wca-fatal | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32797-wca-fatal

diff --git a/plugins/woocommerce/changelog/fix-32797-wca-fatal b/plugins/woocommerce/changelog/fix-32797-wca-fatal
new file mode 100644
index 00000000000..36012608bfa
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32797-wca-fatal
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix fatal errors when activated alongside WooCommerce Admin plugin

From 89722dfafc0e7c464ccf747641c6134473fad8f5 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 28 Apr 2022 14:23:48 +0800
Subject: [PATCH 231/327] Remove deprecated warning and make use of safe define

---
 plugins/woocommerce/src/Admin/Loader.php                 | 1 -
 plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/plugins/woocommerce/src/Admin/Loader.php b/plugins/woocommerce/src/Admin/Loader.php
index 66bf29dde6e..ce304b76987 100644
--- a/plugins/woocommerce/src/Admin/Loader.php
+++ b/plugins/woocommerce/src/Admin/Loader.php
@@ -84,7 +84,6 @@ class Loader extends DeprecatedClassFacade {
 		if ( ! defined( 'WC_ABSPATH' ) ) {
 			return;
 		}
-		wc_deprecated_function( 'should_use_minified_js_file', '6.3', '\Automattic\WooCommerce\Internal\Admin\WCAdminAssets::should_use_minified_js_file()' );
 		return WCAdminAssets::should_use_minified_js_file( $script_debug );
 	}
 }
diff --git a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
index 0cc3d0ff3cf..0e0a55c6b5b 100644
--- a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
+++ b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
@@ -120,7 +120,7 @@ class FeaturePlugin {
 		 * @deprecated 3.3.0
 		 * @var string
 		 */
-		define( 'WC_ADMIN_VERSION_NUMBER', '3.3.0' );
+		$this->define( 'WC_ADMIN_VERSION_NUMBER', '3.3.0' );
 	}
 
 	/**

From 4dec2483fc97671dd8c73f8241a2130b490eca95 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 28 Apr 2022 14:34:10 +0800
Subject: [PATCH 232/327] Added comment and remove old function

---
 .../woocommerce/src/Internal/Admin/Loader.php | 27 +------------------
 1 file changed, 1 insertion(+), 26 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/Admin/Loader.php b/plugins/woocommerce/src/Internal/Admin/Loader.php
index 70032209e04..7410c9e31d6 100644
--- a/plugins/woocommerce/src/Internal/Admin/Loader.php
+++ b/plugins/woocommerce/src/Internal/Admin/Loader.php
@@ -88,32 +88,7 @@ class Loader {
 	}
 
 	/**
-	 * Verifies which plugin version is being used. If WooCommerce Admin is installed and activated but not in use
-	 * it will show a warning.
-	 */
-	public static function is_using_installed_wc_admin_plugin() {
-		if ( PluginsHelper::is_plugin_active( 'woocommerce-admin' ) ) {
-			$path = PluginsHelper::get_plugin_data( 'woocommerce-admin' );
-			if ( WC_ADMIN_VERSION_NUMBER !== $path['Version'] ) {
-				add_action(
-					'admin_notices',
-					function() {
-						echo '<div class="error"><p>';
-						printf(
-							/* translators: %s: is referring to the plugin's name. */
-							esc_html__( 'You have the %s plugin activated but it is not being used.', 'woocommerce' ),
-							'<code>WooCommerce Admin</code>'
-						);
-						echo '</p></div>';
-					}
-				);
-			}
-		}
-	}
-
-	/**
-	 * Verifies which plugin version is being used. If WooCommerce Admin is installed and activated but not in use
-	 * it will show a warning.
+	 * If WooCommerce Admin is installed and activated, it will attempt to deactivate and show a notice.
 	 */
 	public static function deactivate_wc_admin_plugin() {
 		if ( PluginsHelper::is_plugin_active( 'woocommerce-admin' ) ) {

From 83be522465ea8e17a01c4e52792f38d12f2ddd31 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 28 Apr 2022 17:25:22 +0800
Subject: [PATCH 233/327] Update
 plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php

---
 .../woocommerce/src/Internal/Admin/FeaturePlugin.php   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
index 0e0a55c6b5b..f22b3152d4a 100644
--- a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
+++ b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
@@ -120,7 +120,15 @@ class FeaturePlugin {
 		 * @deprecated 3.3.0
 		 * @var string
 		 */
-		$this->define( 'WC_ADMIN_VERSION_NUMBER', '3.3.0' );
+		if ( ! defined( 'WC_ADMIN_VERSION_NUMBER' ) ) {
+			/**
+			  * Define the current WC Admin version.
+			  *
+ 			  * @deprecated 3.3.0
+ 			  * @var string
+ 			  */
+			define( 'WC_ADMIN_VERSION_NUMBER', '3.3.0' );
+		}
 	}
 
 	/**

From 297e21038cb7c68185e840808d66095160ee786b Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 28 Apr 2022 17:29:39 +0800
Subject: [PATCH 234/327] Lint

---
 plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
index f22b3152d4a..9bb247516c4 100644
--- a/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
+++ b/plugins/woocommerce/src/Internal/Admin/FeaturePlugin.php
@@ -124,9 +124,9 @@ class FeaturePlugin {
 			/**
 			  * Define the current WC Admin version.
 			  *
- 			  * @deprecated 3.3.0
- 			  * @var string
- 			  */
+			  * @deprecated 3.3.0
+			  * @var string
+			  */
 			define( 'WC_ADMIN_VERSION_NUMBER', '3.3.0' );
 		}
 	}

From 0919e241ae212c45801db4f7ecc1c071a92792fb Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 15:35:24 +0800
Subject: [PATCH 235/327] Move types to ./types.ts

---
 packages/js/data/src/onboarding/selectors.ts | 131 ++-----------------
 packages/js/data/src/onboarding/types.ts     | 105 +++++++++++++++
 packages/js/data/src/plugins/actions.ts      |  55 +-------
 packages/js/data/src/plugins/types.ts        |  19 +++
 4 files changed, 136 insertions(+), 174 deletions(-)

diff --git a/packages/js/data/src/onboarding/selectors.ts b/packages/js/data/src/onboarding/selectors.ts
index 49cc396fab6..f88a0efa041 100644
--- a/packages/js/data/src/onboarding/selectors.ts
+++ b/packages/js/data/src/onboarding/selectors.ts
@@ -6,8 +6,14 @@ import createSelector from 'rememo';
 /**
  * Internal dependencies
  */
-import { TaskType, TaskListType } from './types';
-import { WPDataSelectors } from '../types';
+import {
+	TaskType,
+	TaskListType,
+	OnboardingState,
+	ExtensionList,
+	ProfileItemsState,
+	Product,
+} from './types';
 import { Plugin } from '../plugins/types';
 
 export const getFreeExtensions = (
@@ -22,8 +28,6 @@ export const getProfileItems = (
 	return state.profileItems || {};
 };
 
-const EMPTY_ARRAY: Product[] = [];
-
 export const getTaskLists = createSelector(
 	( state: OnboardingState ): TaskListType[] => {
 		return Object.values( state.taskLists );
@@ -88,122 +92,5 @@ export const getEmailPrefill = ( state: OnboardingState ): string => {
 };
 
 export const getProductTypes = ( state: OnboardingState ): Product[] => {
-	return state.productTypes || EMPTY_ARRAY;
-};
-
-// Types
-export type OnboardingSelectors = {
-	getProfileItems: () => ReturnType< typeof getProfileItems >;
-	getPaymentGatewaySuggestions: () => ReturnType<
-		typeof getPaymentGatewaySuggestions
-	>;
-	getOnboardingError: () => ReturnType< typeof getOnboardingError >;
-	isOnboardingRequesting: () => ReturnType< typeof isOnboardingRequesting >;
-	getTaskListsByIds: (
-		ids: string[]
-	) => ReturnType< typeof getTaskListsByIds >;
-	getTaskLists: () => ReturnType< typeof getTaskLists >;
-	getTaskList: ( id: string ) => ReturnType< typeof getTaskList >;
-	getFreeExtensions: () => ReturnType< typeof getFreeExtensions >;
-} & WPDataSelectors;
-
-export type OnboardingState = {
-	freeExtensions: ExtensionList[];
-	profileItems: ProfileItemsState;
-	taskLists: Record< string, TaskListType >;
-	paymentMethods: Plugin[];
-	productTypes: Product[];
-	emailPrefill: string;
-	// TODO clarify what the error record's type is
-	errors: Record< string, unknown >;
-	requesting: Record< string, boolean >;
-};
-
-export type Industry = {
-	slug: string;
-};
-
-export type ProductCount = '0' | '1-10' | '11-100' | '101 - 1000' | '1000+';
-
-export type ProductTypeSlug =
-	| 'physical'
-	| 'bookings'
-	| 'download'
-	| 'memberships'
-	| 'product-add-ons'
-	| 'product-bundles'
-	| 'subscriptions';
-
-export type OtherPlatformSlug =
-	| 'shopify'
-	| 'bigcommerce'
-	| 'wix'
-	| 'amazon'
-	| 'ebay'
-	| 'etsy'
-	| 'squarespace'
-	| 'other';
-
-export type RevenueTypeSlug =
-	| 'none'
-	| 'rather-not-say'
-	| 'up-to-2500'
-	| '2500-10000'
-	| '10000-50000'
-	| '50000-250000'
-	| 'more-than-250000';
-
-export type ProfileItemsState = {
-	business_extensions: [  ] | null;
-	completed: boolean | null;
-	industry: Industry[] | null;
-	number_employees: string | null;
-	other_platform: OtherPlatformSlug | null;
-	other_platform_name: string | null;
-	product_count: ProductCount | null;
-	product_types: ProductTypeSlug[] | null;
-	revenue: RevenueTypeSlug | null;
-	selling_venues: string | null;
-	setup_client: boolean | null;
-	skipped: boolean | null;
-	theme: string | null;
-	wccom_connected: boolean | null;
-	is_agree_marketing: boolean | null;
-	store_email: string | null;
-};
-
-export type FieldLocale = {
-	locale: string;
-	label: string;
-};
-
-export type MethodFields = {
-	name: string;
-	option?: string;
-	label?: string;
-	locales?: FieldLocale[];
-	type?: string;
-	value?: string;
-};
-
-export type Product = {
-	default?: boolean;
-	label: string;
-	product?: number;
-};
-
-export type ExtensionList = {
-	key: string;
-	title: string;
-	plugins: Extension[];
-};
-
-export type Extension = {
-	description: string;
-	key: string;
-	image_url: string;
-	manage_url: string;
-	name: string;
-	is_built_by_wc: boolean;
-	is_visible: boolean;
+	return state.productTypes || [];
 };
diff --git a/packages/js/data/src/onboarding/types.ts b/packages/js/data/src/onboarding/types.ts
index 0f51b826452..01d6a97cf01 100644
--- a/packages/js/data/src/onboarding/types.ts
+++ b/packages/js/data/src/onboarding/types.ts
@@ -1,3 +1,8 @@
+/**
+ * Internal dependencies
+ */
+import { Plugin } from '../plugins/types';
+
 export type TaskType = {
 	actionLabel?: string;
 	actionUrl?: string;
@@ -51,3 +56,103 @@ export type TaskListType = {
 	isCollapsible?: boolean;
 	isExpandable?: boolean;
 };
+
+export type OnboardingState = {
+	freeExtensions: ExtensionList[];
+	profileItems: ProfileItemsState;
+	taskLists: Record< string, TaskListType >;
+	paymentMethods: Plugin[];
+	productTypes: Product[];
+	emailPrefill: string;
+	// TODO clarify what the error record's type is
+	errors: Record< string, unknown >;
+	requesting: Record< string, boolean >;
+};
+
+export type Industry = {
+	slug: string;
+};
+
+export type ProductCount = '0' | '1-10' | '11-100' | '101 - 1000' | '1000+';
+
+export type ProductTypeSlug =
+	| 'physical'
+	| 'bookings'
+	| 'download'
+	| 'memberships'
+	| 'product-add-ons'
+	| 'product-bundles'
+	| 'subscriptions';
+
+export type OtherPlatformSlug =
+	| 'shopify'
+	| 'bigcommerce'
+	| 'wix'
+	| 'amazon'
+	| 'ebay'
+	| 'etsy'
+	| 'squarespace'
+	| 'other';
+
+export type RevenueTypeSlug =
+	| 'none'
+	| 'rather-not-say'
+	| 'up-to-2500'
+	| '2500-10000'
+	| '10000-50000'
+	| '50000-250000'
+	| 'more-than-250000';
+
+export type ProfileItemsState = {
+	business_extensions: [  ] | null;
+	completed: boolean | null;
+	industry: Industry[] | null;
+	number_employees: string | null;
+	other_platform: OtherPlatformSlug | null;
+	other_platform_name: string | null;
+	product_count: ProductCount | null;
+	product_types: ProductTypeSlug[] | null;
+	revenue: RevenueTypeSlug | null;
+	selling_venues: string | null;
+	setup_client: boolean | null;
+	skipped: boolean | null;
+	theme: string | null;
+	wccom_connected: boolean | null;
+	is_agree_marketing: boolean | null;
+	store_email: string | null;
+};
+
+export type FieldLocale = {
+	locale: string;
+	label: string;
+};
+
+export type MethodFields = {
+	name: string;
+	option?: string;
+	label?: string;
+	locales?: FieldLocale[];
+	type?: string;
+	value?: string;
+};
+
+export type Product = {
+	default?: boolean;
+	label: string;
+	product?: number;
+};
+
+export type ExtensionList = {
+	key: string;
+	title: string;
+	plugins: Extension[];
+};
+
+export type Extension = {
+	description: string;
+	key: string;
+	image_url: string;
+	manage_url: string;
+	name: string;
+	is_built_by_wc: boolean;
+};
diff --git a/packages/js/data/src/plugins/actions.ts b/packages/js/data/src/plugins/actions.ts
index 0bed3ac7d1c..1ebc8b8e33f 100644
--- a/packages/js/data/src/plugins/actions.ts
+++ b/packages/js/data/src/plugins/actions.ts
@@ -13,7 +13,7 @@ import { controls } from '@wordpress/data';
 /**
  * Internal dependencies
  */
-import { pluginNames, STORE_NAME } from './constants';
+import { STORE_NAME } from './constants';
 import { ACTION_TYPES as TYPES } from './action-types';
 import { WC_ADMIN_NAMESPACE } from '../constants';
 import { WPError } from '../types';
@@ -22,6 +22,8 @@ import {
 	PluginNames,
 	SelectorKeysWithActions,
 	RecommendedTypes,
+	InstallPluginsResponse,
+	ActivatePluginsResponse,
 } from './types';
 
 // Can be removed in WP 5.9, wp.data is supported in >5.7.
@@ -30,63 +32,12 @@ const dispatch =
 const resolveSelect =
 	controls && controls.resolveSelect ? controls.resolveSelect : select;
 
-type PluginsResponse< PluginData > = {
-	data: PluginData;
-	errors: WPError< PluginNames >;
-	success: boolean;
-	message: string;
-} & Response;
-
-export type InstallPluginsResponse = PluginsResponse< {
-	installed: string[];
-	results: Record< string, boolean >;
-	install_time?: Record< string, number >;
-} >;
-
-type ActivatePluginsResponse = PluginsResponse< {
-	activated: string[];
-	active: string[];
-} >;
-
-function isWPError(
-	error: WPError< PluginNames > | Error | string
-): error is WPError< PluginNames > {
-	return ( error as WPError ).errors !== undefined;
-}
-
 class PluginError extends Error {
 	constructor( message: string, public data: unknown ) {
 		super( message );
 	}
 }
 
-function formatErrors(
-	response: WPError< PluginNames > | Error | string
-): string {
-	if ( isWPError( response ) ) {
-		// Replace the slug with a plugin name if a constant exists.
-		( Object.keys( response.errors ) as PluginNames[] ).forEach(
-			( plugin ) => {
-				response.errors[ plugin ] = response.errors[ plugin ].map(
-					( pluginError ) => {
-						return pluginNames[ plugin ]
-							? pluginError.replace(
-									`\`${ plugin }\``,
-									pluginNames[ plugin ]
-							  )
-							: pluginError;
-					}
-				);
-			}
-		);
-	} else if ( typeof response === 'string' ) {
-		return response;
-	} else {
-		return response.message;
-	}
-	return '';
-}
-
 const formatErrorMessage = (
 	pluginErrors: Record< PluginNames, string[] >,
 	actionType = 'install'
diff --git a/packages/js/data/src/plugins/types.ts b/packages/js/data/src/plugins/types.ts
index c1f62fb7afd..85156491306 100644
--- a/packages/js/data/src/plugins/types.ts
+++ b/packages/js/data/src/plugins/types.ts
@@ -2,6 +2,7 @@
  * Internal dependencies
  */
 import { pluginNames } from './constants';
+import { WPError } from '../types';
 
 export type RecommendedTypes = 'payments';
 
@@ -61,3 +62,21 @@ export type PaypalOnboardingStatus = {
 		onboarded: boolean;
 	};
 };
+
+type PluginsResponse< PluginData > = {
+	data: PluginData;
+	errors: WPError< PluginNames >;
+	success: boolean;
+	message: string;
+} & Response;
+
+export type InstallPluginsResponse = PluginsResponse< {
+	installed: string[];
+	results: Record< string, boolean >;
+	install_time?: Record< string, number >;
+} >;
+
+export type ActivatePluginsResponse = PluginsResponse< {
+	activated: string[];
+	active: string[];
+} >;

From 0a986dd15363eeddee5eebfb883e5fa173ef1eff Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 15:52:40 +0800
Subject: [PATCH 236/327] Update onboarding/selectors.ts

---
 packages/js/data/src/onboarding/selectors.ts | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/js/data/src/onboarding/selectors.ts b/packages/js/data/src/onboarding/selectors.ts
index f88a0efa041..b4ed40c07d7 100644
--- a/packages/js/data/src/onboarding/selectors.ts
+++ b/packages/js/data/src/onboarding/selectors.ts
@@ -14,6 +14,7 @@ import {
 	ProfileItemsState,
 	Product,
 } from './types';
+import { WPDataSelectors } from '../types';
 import { Plugin } from '../plugins/types';
 
 export const getFreeExtensions = (
@@ -94,3 +95,18 @@ export const getEmailPrefill = ( state: OnboardingState ): string => {
 export const getProductTypes = ( state: OnboardingState ): Product[] => {
 	return state.productTypes || [];
 };
+
+export type OnboardingSelectors = {
+	getProfileItems: () => ReturnType< typeof getProfileItems >;
+	getPaymentGatewaySuggestions: () => ReturnType<
+		typeof getPaymentGatewaySuggestions
+	>;
+	getOnboardingError: () => ReturnType< typeof getOnboardingError >;
+	isOnboardingRequesting: () => ReturnType< typeof isOnboardingRequesting >;
+	getTaskListsByIds: (
+		ids: string[]
+	) => ReturnType< typeof getTaskListsByIds >;
+	getTaskLists: () => ReturnType< typeof getTaskLists >;
+	getTaskList: ( id: string ) => ReturnType< typeof getTaskList >;
+	getFreeExtensions: () => ReturnType< typeof getFreeExtensions >;
+} & WPDataSelectors;

From 8f06c5aa20b3dfa945c0c3bc74b1b11cf65dc04e Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 25 Apr 2022 15:53:54 +0800
Subject: [PATCH 237/327] Reorder functions/imports/exports in
 @woocommerce/data

---
 packages/js/data/src/index.ts           | 154 ++++++++++++------------
 packages/js/data/src/plugins/actions.ts |  73 +++++------
 2 files changed, 112 insertions(+), 115 deletions(-)

diff --git a/packages/js/data/src/index.ts b/packages/js/data/src/index.ts
index 29cf9b2a4b9..8267b184de1 100644
--- a/packages/js/data/src/index.ts
+++ b/packages/js/data/src/index.ts
@@ -3,6 +3,70 @@
  */
 import '@wordpress/core-data';
 
+// Export store names
+export { SETTINGS_STORE_NAME } from './settings';
+export { PLUGINS_STORE_NAME } from './plugins';
+export { ONBOARDING_STORE_NAME } from './onboarding';
+export { USER_STORE_NAME } from './user';
+export { REVIEWS_STORE_NAME } from './reviews';
+export { NOTES_STORE_NAME } from './notes';
+export { REPORTS_STORE_NAME } from './reports';
+export { COUNTRIES_STORE_NAME } from './countries';
+export { NAVIGATION_STORE_NAME } from './navigation';
+export { OPTIONS_STORE_NAME } from './options';
+export { ITEMS_STORE_NAME } from './items';
+export { PAYMENT_GATEWAYS_STORE_NAME } from './payment-gateways';
+
+// Export hooks
+export { withSettingsHydration } from './settings/with-settings-hydration';
+export { withOnboardingHydration } from './onboarding/with-onboarding-hydration';
+export { withCurrentUserHydration } from './user/with-current-user-hydration';
+export { withNavigationHydration } from './navigation/with-navigation-hydration';
+export { withPluginsHydration } from './plugins/with-plugins-hydration';
+export {
+	withOptionsHydration,
+	useOptionsHydration,
+} from './options/with-options-hydration';
+export { useSettings } from './settings/use-settings';
+export { useUserPreferences } from './user/use-user-preferences';
+export { useUser } from './user/use-user';
+
+// Export utils
+export { getVisibleTasks } from './onboarding/utils';
+export { getLeaderboard, searchItemsByString } from './items/utils';
+export {
+	getFilterQuery,
+	getSummaryNumbers,
+	getReportTableData,
+	getReportTableQuery,
+	getReportChartData,
+	getTooltipValueFormat,
+} from './reports/utils';
+
+// Export constants
+export { pluginNames } from './plugins/constants';
+export { EXPORT_STORE_NAME } from './export';
+export { IMPORT_STORE_NAME } from './import';
+export {
+	MAX_PER_PAGE,
+	QUERY_DEFAULTS,
+	NAMESPACE,
+	WC_ADMIN_NAMESPACE,
+	WCS_NAMESPACE,
+	SECOND,
+	MINUTE,
+	HOUR,
+	DAY,
+	WEEK,
+	MONTH,
+} from './constants';
+
+// Export types
+export * from './types';
+export * from './countries/types';
+export * from './onboarding/types';
+export * from './plugins/types';
+
 /**
  * Internal dependencies
  */
@@ -18,82 +82,6 @@ import type { REPORTS_STORE_NAME } from './reports';
 import type { ITEMS_STORE_NAME } from './items';
 import type { COUNTRIES_STORE_NAME } from './countries';
 import type { PAYMENT_GATEWAYS_STORE_NAME } from './payment-gateways';
-import { OnboardingSelectors } from './onboarding/selectors';
-import { PaymentSelectors } from './payment-gateways/selectors';
-import { WPDataSelectors } from './types';
-import { PluginSelectors } from './plugins/selectors';
-
-export * from './types';
-export { SETTINGS_STORE_NAME } from './settings';
-export { withSettingsHydration } from './settings/with-settings-hydration';
-export { useSettings } from './settings/use-settings';
-
-export { PLUGINS_STORE_NAME } from './plugins';
-export type { Plugin } from './plugins/types';
-export type { InstallPluginsResponse } from './plugins/actions';
-export { ActionDispatchers as PluginsStoreActions } from './plugins/actions';
-export { pluginNames } from './plugins/constants';
-export { withPluginsHydration } from './plugins/with-plugins-hydration';
-
-export { ONBOARDING_STORE_NAME } from './onboarding';
-export { withOnboardingHydration } from './onboarding/with-onboarding-hydration';
-export { getVisibleTasks } from './onboarding/utils';
-export type { TaskType, TaskListType } from './onboarding/types';
-export type { Extension, ExtensionList } from './onboarding/selectors';
-
-export { USER_STORE_NAME } from './user';
-export { withCurrentUserHydration } from './user/with-current-user-hydration';
-export { useUser } from './user/use-user';
-export { useUserPreferences } from './user/use-user-preferences';
-
-export { OPTIONS_STORE_NAME } from './options';
-export {
-	withOptionsHydration,
-	useOptionsHydration,
-} from './options/with-options-hydration';
-
-export { REVIEWS_STORE_NAME } from './reviews';
-
-export { NOTES_STORE_NAME } from './notes';
-
-export { REPORTS_STORE_NAME } from './reports';
-
-export { ITEMS_STORE_NAME } from './items';
-export { getLeaderboard, searchItemsByString } from './items/utils';
-
-export { COUNTRIES_STORE_NAME } from './countries';
-
-export { NAVIGATION_STORE_NAME } from './navigation';
-export { withNavigationHydration } from './navigation/with-navigation-hydration';
-
-export { PAYMENT_GATEWAYS_STORE_NAME } from './payment-gateways';
-
-export {
-	getFilterQuery,
-	getSummaryNumbers,
-	getReportTableData,
-	getReportTableQuery,
-	getReportChartData,
-	getTooltipValueFormat,
-} from './reports/utils';
-
-export {
-	MAX_PER_PAGE,
-	QUERY_DEFAULTS,
-	NAMESPACE,
-	WC_ADMIN_NAMESPACE,
-	WCS_NAMESPACE,
-	SECOND,
-	MINUTE,
-	HOUR,
-	DAY,
-	WEEK,
-	MONTH,
-} from './constants';
-
-export { EXPORT_STORE_NAME } from './export';
-
-export { IMPORT_STORE_NAME } from './import';
 
 export type WCDataStoreName =
 	| typeof REVIEWS_STORE_NAME
@@ -109,6 +97,14 @@ export type WCDataStoreName =
 	| typeof COUNTRIES_STORE_NAME
 	| typeof PAYMENT_GATEWAYS_STORE_NAME;
 
+/**
+ * Internal dependencies
+ */
+import { WPDataSelectors } from './types';
+import { PaymentSelectors } from './payment-gateways/selectors';
+import { PluginSelectors } from './plugins/selectors';
+import { OnboardingSelectors } from './onboarding/selectors';
+
 // As we add types to all the package selectors we can fill out these unknown types with real ones. See one
 // of the already typed selectors for an example of how you can do this.
 export type WCSelectorType< T > = T extends typeof REVIEWS_STORE_NAME
@@ -140,6 +136,6 @@ export type WCSelectorType< T > = T extends typeof REVIEWS_STORE_NAME
 export interface WCDataSelector {
 	< T extends WCDataStoreName >( storeName: T ): WCSelectorType< T >;
 }
-export * from './onboarding/selectors';
-export * from './onboarding/types';
-export * from './countries/types';
+
+// Other exports
+export { ActionDispatchers as PluginsStoreActions } from './plugins/actions';
diff --git a/packages/js/data/src/plugins/actions.ts b/packages/js/data/src/plugins/actions.ts
index 1ebc8b8e33f..a4a0894d0e5 100644
--- a/packages/js/data/src/plugins/actions.ts
+++ b/packages/js/data/src/plugins/actions.ts
@@ -121,6 +121,43 @@ export function updateJetpackConnectUrl(
 	};
 }
 
+export const createErrorNotice = (
+	errorMessage: string
+): {
+	type: 'CREATE_NOTICE';
+	[ key: string ]: unknown;
+} => {
+	return dispatch( 'core/notices', 'createNotice', 'error', errorMessage );
+};
+
+export function setPaypalOnboardingStatus(
+	status: Partial< PaypalOnboardingStatus >
+): {
+	type: TYPES.SET_PAYPAL_ONBOARDING_STATUS;
+	paypalOnboardingStatus: Partial< PaypalOnboardingStatus >;
+} {
+	return {
+		type: TYPES.SET_PAYPAL_ONBOARDING_STATUS as const,
+		paypalOnboardingStatus: status,
+	};
+}
+
+export function setRecommendedPlugins(
+	type: string,
+	plugins: Plugin[]
+): {
+	type: TYPES.SET_RECOMMENDED_PLUGINS;
+	recommendedType: string;
+	plugins: Plugin[];
+} {
+	return {
+		type: TYPES.SET_RECOMMENDED_PLUGINS as const,
+		recommendedType: type,
+		plugins,
+	};
+}
+
+// Action Creator Generators
 export function* installPlugins( plugins: string[] ) {
 	yield setIsRequesting( 'installPlugins', true );
 
@@ -209,15 +246,6 @@ export function* installAndActivatePlugins( plugins: string[] ) {
 	}
 }
 
-export const createErrorNotice = (
-	errorMessage: string
-): {
-	type: 'CREATE_NOTICE';
-	[ key: string ]: unknown;
-} => {
-	return dispatch( 'core/notices', 'createNotice', 'error', errorMessage );
-};
-
 export function* connectToJetpack(
 	getAdminLink: ( endpoint: string ) => string
 ) {
@@ -286,33 +314,6 @@ export function* connectToJetpackWithFailureRedirect(
 	}
 }
 
-export function setPaypalOnboardingStatus(
-	status: Partial< PaypalOnboardingStatus >
-): {
-	type: TYPES.SET_PAYPAL_ONBOARDING_STATUS;
-	paypalOnboardingStatus: Partial< PaypalOnboardingStatus >;
-} {
-	return {
-		type: TYPES.SET_PAYPAL_ONBOARDING_STATUS as const,
-		paypalOnboardingStatus: status,
-	};
-}
-
-export function setRecommendedPlugins(
-	type: string,
-	plugins: Plugin[]
-): {
-	type: TYPES.SET_RECOMMENDED_PLUGINS;
-	recommendedType: string;
-	plugins: Plugin[];
-} {
-	return {
-		type: TYPES.SET_RECOMMENDED_PLUGINS as const,
-		recommendedType: type,
-		plugins,
-	};
-}
-
 const SUPPORTED_TYPES = [ 'payments' ];
 export function* dismissRecommendedPlugins( type: RecommendedTypes ) {
 	if ( ! SUPPORTED_TYPES.includes( type ) ) {

From ef3f48bda65b95b319a017e50878dd38e0ed81a4 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Thu, 28 Apr 2022 11:22:54 -0700
Subject: [PATCH 238/327] Add is_visible

---
 packages/js/data/src/onboarding/types.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/js/data/src/onboarding/types.ts b/packages/js/data/src/onboarding/types.ts
index 01d6a97cf01..5bc46bb1237 100644
--- a/packages/js/data/src/onboarding/types.ts
+++ b/packages/js/data/src/onboarding/types.ts
@@ -155,4 +155,5 @@ export type Extension = {
 	manage_url: string;
 	name: string;
 	is_built_by_wc: boolean;
+	is_visible: boolean;
 };

From 082f55bee10ae5dd856091aedd1b9e2036555e29 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Thu, 28 Apr 2022 13:42:06 -0700
Subject: [PATCH 239/327] Run clean before running build commands

---
 plugins/woocommerce-admin/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/package.json b/plugins/woocommerce-admin/package.json
index f7149f13fde..5adf6e40e5b 100644
--- a/plugins/woocommerce-admin/package.json
+++ b/plugins/woocommerce-admin/package.json
@@ -11,11 +11,11 @@
 	"scripts": {
 		"analyze": "cross-env NODE_ENV=production ANALYZE=true webpack",
 		"prebuild": "pnpm run install-if-deps-outdated",
-		"build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && cross-env NODE_ENV=production WC_ADMIN_PHASE=core webpack",
+		"build": "WC_ADMIN_PHASE=core pnpm run clean && pnpm run build:packages && pnpm run build:feature-config && cross-env NODE_ENV=production WC_ADMIN_PHASE=core webpack",
 		"build:feature-config": "php ../woocommerce/bin/generate-feature-config.php",
 		"build:packages": "cross-env NODE_ENV=production pnpm run:packages -- build",
 		"clean": "rimraf ../woocommerce/assets/client/admin/* && pnpm run:packages -- clean --parallel",
-		"client:watch": "cross-env WC_ADMIN_PHASE=development pnpm run build:feature-config && cross-env WC_ADMIN_PHASE=development webpack --watch",
+		"client:watch": "cross-env WC_ADMIN_PHASE=development && pnpm run clean && pnpm run build:packages && pnpm run build:feature-config && cross-env WC_ADMIN_PHASE=development webpack --watch",
 		"create-hook-reference": "node ./bin/hook-reference/index.js",
 		"create-wc-extension": "node ./bin/starter-pack/starter-pack.js",
 		"predev": "pnpm run -s install-if-deps-outdated",

From dc00aff77e2947274874d90cd9450a78289ed7aa Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Thu, 28 Apr 2022 14:28:01 -0700
Subject: [PATCH 240/327] Run dev after clean command

---
 plugins/woocommerce-admin/package.json | 4 ++--
 plugins/woocommerce-admin/project.json | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/package.json b/plugins/woocommerce-admin/package.json
index 5adf6e40e5b..59336547fc2 100644
--- a/plugins/woocommerce-admin/package.json
+++ b/plugins/woocommerce-admin/package.json
@@ -11,11 +11,11 @@
 	"scripts": {
 		"analyze": "cross-env NODE_ENV=production ANALYZE=true webpack",
 		"prebuild": "pnpm run install-if-deps-outdated",
-		"build": "WC_ADMIN_PHASE=core pnpm run clean && pnpm run build:packages && pnpm run build:feature-config && cross-env NODE_ENV=production WC_ADMIN_PHASE=core webpack",
+		"build": "pnpm run clean && WC_ADMIN_PHASE=core pnpm run build:packages && WC_ADMIN_PHASE=core pnpm run build:feature-config && cross-env NODE_ENV=production WC_ADMIN_PHASE=core webpack",
 		"build:feature-config": "php ../woocommerce/bin/generate-feature-config.php",
 		"build:packages": "cross-env NODE_ENV=production pnpm run:packages -- build",
 		"clean": "rimraf ../woocommerce/assets/client/admin/* && pnpm run:packages -- clean --parallel",
-		"client:watch": "cross-env WC_ADMIN_PHASE=development && pnpm run clean && pnpm run build:packages && pnpm run build:feature-config && cross-env WC_ADMIN_PHASE=development webpack --watch",
+		"client:watch": "cross-env WC_ADMIN_PHASE=development pnpm run build:feature-config && cross-env WC_ADMIN_PHASE=development webpack --watch",
 		"create-hook-reference": "node ./bin/hook-reference/index.js",
 		"create-wc-extension": "node ./bin/starter-pack/starter-pack.js",
 		"predev": "pnpm run -s install-if-deps-outdated",
diff --git a/plugins/woocommerce-admin/project.json b/plugins/woocommerce-admin/project.json
index 3a2c2b60740..73fec286463 100644
--- a/plugins/woocommerce-admin/project.json
+++ b/plugins/woocommerce-admin/project.json
@@ -20,6 +20,7 @@
 			"executor": "@nrwl/workspace:run-commands",
 			"options": {
 				"commands": [
+					"WC_ADMIN_PHASE=development pnpm nx clean woocommerce-admin",
 					"WC_ADMIN_PHASE=development pnpm nx dev woocommerce-admin",
 					"pnpm nx watch woocommerce-admin"
 				],

From d94769982b8a571197018ba4e5a4d34ca8f700af Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Fri, 29 Apr 2022 09:09:06 +0800
Subject: [PATCH 241/327] Update e2e to use table instead

---
 packages/js/admin-e2e-tests/src/pages/WcSettings.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/js/admin-e2e-tests/src/pages/WcSettings.ts b/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
index 0b5f78cf0a7..c534dc077bd 100644
--- a/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
+++ b/packages/js/admin-e2e-tests/src/pages/WcSettings.ts
@@ -44,7 +44,7 @@ export class WcSettings extends BasePage {
 
 	async paymentMethodIsEnabled( method = '' ): Promise< boolean > {
 		await this.navigate( 'checkout' );
-		await waitForElementByText( 'h2', 'Payment methods' );
+		await waitForElementByText( 'th', 'Method' );
 		const className = await getAttribute(
 			`tr[data-gateway_id=${ method }] .woocommerce-input-toggle`,
 			'className'
@@ -58,7 +58,7 @@ export class WcSettings extends BasePage {
 
 	async cleanPaymentMethods(): Promise< void > {
 		await this.navigate( 'checkout' );
-		await waitForElementByText( 'h2', 'Payment methods' );
+		await waitForElementByText( 'th', 'Method' );
 		const paymentMethods = await page.$$( 'span.woocommerce-input-toggle' );
 		for ( const method of paymentMethods ) {
 			if (

From 5f233898bf5a54dc56c1dc78df66c4fad434bc84 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 13:17:33 +0800
Subject: [PATCH 242/327] Implement functionalities of experimental products

---
 .../fills/experimental-products/constants.tsx |  17 +++
 .../fills/experimental-products/index.scss    |  46 ++++++-
 .../fills/experimental-products/index.tsx     | 117 +++++++++++++++++-
 .../fills/experimental-products/stack.scss    |   3 +-
 .../fills/experimental-products/stack.tsx     |   9 +-
 .../use-create-product-by-type.ts             |  56 +++++++++
 .../fills/experimental-products/utils.tsx     |  18 ++-
 7 files changed, 255 insertions(+), 11 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
index 59014681ab3..fb15bb9b3a0 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -73,3 +73,20 @@ export const productTypes = Object.freeze( [
 
 export type ProductType = typeof productTypes[ number ];
 export type ProductTypeKey = ProductType[ 'key' ];
+
+export const onboardingProductTypesToSurfaced: Readonly<
+	Record< string, ProductTypeKey[] >
+> = Object.freeze( {
+	physical: [ 'physical', 'variable', 'grouped' ],
+	subscriptions: [ 'subscription' ],
+	downloads: [ 'digital' ],
+	// key in alphabetical and ascending order for mapping
+	'physical,subscriptions': [ 'physical', 'subscription' ],
+	'downloads,physical': [ 'physical', 'digital' ],
+	'downloads,subscriptions': [ 'digital', 'subscription' ],
+	'downloads,physical,subscriptions': [
+		'physical',
+		'digital',
+		'subscription',
+	],
+} );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
index 2ce697f5815..f82e3027bc5 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
@@ -1,6 +1,50 @@
 .woocommerce-task-products {
 	display: flex;
 	flex-direction: column;
-	width: 550px;
+	max-width: 550px;
 	margin: auto;
+
+	a {
+		text-decoration: none;
+		color: #007cba;
+	}
+
+	.woocommerce-task-products__title {
+		font-size: 24px;
+		margin-bottom: 24px;
+		text-align: center;
+	}
+
+	.woocommerce-task-products__button-view-less-product-types {
+		color: #007cba;
+		padding: 0;
+		height: fit-content;
+		margin-top: 25px;
+
+		svg {
+			margin-left: 8px;
+		}
+
+		&:focus {
+			color: #007cba;
+			outline: none;
+			box-shadow: none;
+		}
+	}
+
+	.woocommerce-products-footer {
+		margin-top: 53px;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.woocommerce-products-footer__selling-somewhere-else {
+		text-transform: uppercase;
+		color: $gray-700;
+		font-weight: 500;
+		font-size: 11px;
+		line-height: 16px;
+		margin-bottom: 8px;
+	}
 }
+
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index b35d2a2ad2a..9e7b7b642f7 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -1,21 +1,128 @@
 /**
  * External dependencies
  */
+import { __ } from '@wordpress/i18n';
+import interpolateComponents from '@automattic/interpolate-components';
 import { WooOnboardingTask } from '@woocommerce/onboarding';
+import { Text } from '@woocommerce/experimental';
 import { registerPlugin } from '@wordpress/plugins';
-
+import { useMemo, useState } from '@wordpress/element';
+import { Button, ExternalLink } from '@wordpress/components';
+import { Icon, chevronDown, chevronUp } from '@wordpress/icons';
+import { Link } from '@woocommerce/components';
+import { getAdminLink } from '@woocommerce/settings';
 /**
  * Internal dependencies
  */
-import { getProductTypes } from './utils';
 import './index.scss';
+import { getAdminSetting } from '~/utils/admin-settings';
 import Stack from './stack';
+import { getSurfacedProductKeys } from './utils';
+import useProductTypeListItems from './use-product-types-list-items';
+
+const getOnboardingProductType = (): string[] => {
+	const onboardingData = getAdminSetting( 'onboarding' );
+	return (
+		( onboardingData?.profile && onboardingData?.profile.product_types ) ||
+		[]
+	);
+};
+
+export const Products = () => {
+	const [ isCollapsed, setIsCollapsed ] = useState< boolean >( true );
+	const productTypes = useProductTypeListItems();
+
+	const surfacedProductKeys = getSurfacedProductKeys(
+		getOnboardingProductType()
+	);
+
+	const isAllProductSurfaced =
+		surfacedProductKeys.length === productTypes.length;
+
+	const visibleProductTypes = useMemo( () => {
+		if ( isAllProductSurfaced ) {
+			return productTypes;
+		}
+
+		const surfacedProductTypes = productTypes.filter( ( productType ) =>
+			surfacedProductKeys.includes( productType.key )
+		);
+		if ( ! isCollapsed ) {
+			// To show product types in same order, we need to push the other product types to the end.
+			productTypes.forEach(
+				( productType ) =>
+					! surfacedProductTypes.includes( productType ) &&
+					surfacedProductTypes.push( productType )
+			);
+		}
+		return surfacedProductTypes;
+	}, [
+		surfacedProductKeys,
+		isCollapsed,
+		isAllProductSurfaced,
+		productTypes,
+	] );
 
-const Products = () => {
-	const productTypes = getProductTypes();
 	return (
 		<div className="woocommerce-task-products">
-			<Stack items={ productTypes } />
+			<Text
+				variant="title"
+				as="h2"
+				className="woocommerce-task-products__title"
+			>
+				{ __( 'What product do you want to add?', 'woocommerce' ) }
+			</Text>
+
+			<Stack items={ visibleProductTypes } />
+
+			{ ! isAllProductSurfaced && (
+				<Button
+					className="woocommerce-task-products__button-view-less-product-types"
+					onClick={ () => setIsCollapsed( ! isCollapsed ) }
+				>
+					{ isCollapsed
+						? __( `View more product types`, 'woocommerce' )
+						: __( `View less product types`, 'woocommerce' ) }
+					<Icon icon={ isCollapsed ? chevronDown : chevronUp } />
+				</Button>
+			) }
+
+			<div className="woocommerce-products-footer">
+				<Text className="woocommerce-products-footer__selling-somewhere-else">
+					Are you already selling somewhere else?
+				</Text>
+				<Text className="woocommerce-products-footer__import-options">
+					{ interpolateComponents( {
+						mixedString: __(
+							'{{importCSVLink}}Import your products from a CSV file{{/importCSVLink}} or {{_3rdLink}}use a 3rd party migration plugin{{/_3rdLink}}.'
+						),
+						components: {
+							importCSVLink: (
+								<Link
+									onClick={ () => {
+										window.location = getAdminLink(
+											'edit.php?post_type=product&page=product_importer&wc_onboarding_active_task=products'
+										);
+										return false;
+									} }
+									href=""
+									type="wc-admin"
+								>
+									<></>
+								</Link>
+							),
+							_3rdLink: (
+								<ExternalLink
+									href="https://woocommerce.com/products/cart2cart/?utm_medium=product"
+									type="external"
+								>
+									<></>
+								</ExternalLink>
+							),
+						},
+					} ) }
+				</Text>
+			</div>
 		</div>
 	);
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
index ae559c9ed99..7f2dd027cfe 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
@@ -53,7 +53,8 @@
 		}
 	}
 
-	.woocommerce-stack-other-options {
+	.woocommerce-stack__other-options {
+		display: block;
 		margin-top: 20px;
 		color: $gray-700;
 		line-height: 16px;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx
index 3c9ddc26db5..3f5679c01ec 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.tsx
@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { List, Link } from '@woocommerce/components';
+import { Text } from '@woocommerce/experimental';
 import interpolateComponents from '@automattic/interpolate-components';
 import { getAdminLink } from '@woocommerce/settings';
 
@@ -13,14 +14,16 @@ import { ProductType } from './constants';
 import './stack.scss';
 
 type StackProps = {
-	items: ProductType[];
+	items: ( ProductType & {
+		onClick: () => void;
+	} )[];
 };
 
 const Stack: React.FC< StackProps > = ( { items } ) => {
 	return (
 		<div className="woocommerce-products-stack">
 			<List items={ items } />
-			<div className="woocommerce-stack-other-options">
+			<Text className="woocommerce-stack__other-options">
 				{ interpolateComponents( {
 					mixedString: __(
 						'Can’t find your product type? {{sbLink}}Start Blank{{/sbLink}} or {{LspLink}}Load Sample Products{{/LspLink}} to see what they look like in your store.',
@@ -49,7 +52,7 @@ const Stack: React.FC< StackProps > = ( { items } ) => {
 						),
 					},
 				} ) }
-			</div>
+			</Text>
 		</div>
 	);
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts
new file mode 100644
index 00000000000..3e73444a8c9
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts
@@ -0,0 +1,56 @@
+/**
+ * External dependencies
+ */
+import { useDispatch } from '@wordpress/data';
+import { ITEMS_STORE_NAME } from '@woocommerce/data';
+import { getAdminLink } from '@woocommerce/settings';
+import { useState } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { ProductTypeKey } from './constants';
+import { createNoticesFromResponse } from '../../../lib/notices';
+
+const useCreateProductByType = () => {
+	const { createProductFromTemplate } = useDispatch( ITEMS_STORE_NAME );
+	const [ isRequesting, setIsRequesting ] = useState< boolean >( false );
+
+	const createProductByType = async ( type: ProductTypeKey ) => {
+		setIsRequesting( true );
+		if ( type === 'subscription' ) {
+			window.location = getAdminLink(
+				'post-new.php?post_type=product&subscription_pointers=true'
+			);
+			return;
+		}
+
+		try {
+			const data = await createProductFromTemplate(
+				{
+					template_name: type,
+					status: 'draft',
+				},
+				{ _fields: [ 'id' ] }
+			);
+			if ( data && data.id ) {
+				const link = getAdminLink(
+					`post.php?post=${ data.id }&action=edit&wc_onboarding_active_task=products&tutorial=true`
+				);
+				window.location = link;
+			} else {
+				throw new Error( 'Unexpected empty data response from server' );
+			}
+		} catch ( error ) {
+			createNoticesFromResponse( error );
+		}
+		setIsRequesting( false );
+	};
+
+	return {
+		createProductByType,
+		isRequesting,
+	};
+};
+
+export default useCreateProductByType;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
index ac857f2058f..53d716563ce 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
@@ -1,9 +1,25 @@
 /**
  * Internal dependencies
  */
-import { productTypes, ProductTypeKey } from './constants';
+import {
+	productTypes,
+	ProductTypeKey,
+	onboardingProductTypesToSurfaced,
+} from './constants';
 
 export const getProductTypes = ( exclude: ProductTypeKey[] = [] ) =>
 	productTypes.filter(
 		( productType ) => ! exclude.includes( productType.key )
 	);
+
+/**
+ * Get key of surfaced product types by onboarding product types.
+ * Return all product types if onboarding product types is empty.
+ */
+export const getSurfacedProductKeys = ( onboardingProductTypes: string[] ) => {
+	const sortedKeyStr = onboardingProductTypes.sort().join( ',' );
+	if ( ! onboardingProductTypesToSurfaced.hasOwnProperty( sortedKeyStr ) ) {
+		return productTypes.map( ( p ) => p.key );
+	}
+	return onboardingProductTypesToSurfaced[ sortedKeyStr ];
+};

From cbfc393c6a9743c792dffdcd9b874a164c0bfe57 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 15:20:53 +0800
Subject: [PATCH 243/327] Add use-create-product-by-type &
 use-product-types-list-items hooks

---
 .../use-create-product-by-type.ts             |  6 +++--
 .../use-product-types-list-items.tsx          | 27 +++++++++++++++++++
 2 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts
index 3e73444a8c9..eed546bab59 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-create-product-by-type.ts
@@ -17,7 +17,6 @@ const useCreateProductByType = () => {
 	const [ isRequesting, setIsRequesting ] = useState< boolean >( false );
 
 	const createProductByType = async ( type: ProductTypeKey ) => {
-		setIsRequesting( true );
 		if ( type === 'subscription' ) {
 			window.location = getAdminLink(
 				'post-new.php?post_type=product&subscription_pointers=true'
@@ -25,8 +24,11 @@ const useCreateProductByType = () => {
 			return;
 		}
 
+		setIsRequesting( true );
 		try {
-			const data = await createProductFromTemplate(
+			const data: {
+				id?: string;
+			} = await createProductFromTemplate(
 				{
 					template_name: type,
 					status: 'draft',
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx
new file mode 100644
index 00000000000..52291c7a67b
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx
@@ -0,0 +1,27 @@
+/**
+ * External dependencies
+ */
+import { useMemo } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { getProductTypes } from './utils';
+import useCreateProductByType from './use-create-product-by-type';
+
+const useProductTypeListItems = () => {
+	const { createProductByType } = useCreateProductByType();
+
+	const productTypes = useMemo(
+		() =>
+			getProductTypes().map( ( productType ) => ( {
+				...productType,
+				onClick: () => createProductByType( productType.key ),
+			} ) ),
+		[ createProductByType ]
+	);
+
+	return productTypes;
+};
+
+export default useProductTypeListItems;

From 624868304241a9d9bc582e08436f91e5250ec531 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 15:21:30 +0800
Subject: [PATCH 244/327] Add tests for experimental add product task

---
 .../experimental-products/test/index.tsx      | 80 +++++++++++++++++++
 .../fills/experimental-products/test/utils.ts | 41 ++++++++++
 2 files changed, 121 insertions(+)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx
new file mode 100644
index 00000000000..224bad51a48
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx
@@ -0,0 +1,80 @@
+/**
+ * External dependencies
+ */
+import { render, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
+/**
+ * Internal dependencies
+ */
+import { Products } from '../';
+import { productTypes } from '../constants';
+import { getAdminSetting } from '~/utils/admin-settings';
+
+jest.mock( '@wordpress/data', () => ( {
+	...jest.requireActual( '@wordpress/data' ),
+	useSelect: jest.fn(),
+} ) );
+
+jest.mock( '~/utils/admin-settings', () => ( {
+	getAdminSetting: jest.fn(),
+} ) );
+
+describe( 'Products', () => {
+	beforeEach( () => {
+		jest.clearAllMocks();
+	} );
+
+	it( 'should render all products types without view less button when onboardingData.profile.productType is null', () => {
+		( getAdminSetting as jest.Mock ).mockImplementation( () => ( {
+			profile: {
+				product_types: null,
+			},
+		} ) );
+		const { queryByText } = render( <Products /> );
+
+		productTypes.forEach( ( { title } ) => {
+			expect( queryByText( title ) ).toBeInTheDocument();
+		} );
+
+		expect(
+			queryByText( 'View more product types' )
+		).not.toBeInTheDocument();
+	} );
+
+	it( 'should render digital products type with view more button', () => {
+		( getAdminSetting as jest.Mock ).mockImplementation( () => ( {
+			profile: {
+				product_types: [ 'downloads' ],
+			},
+		} ) );
+		const { queryByText, queryByRole } = render( <Products /> );
+
+		expect( queryByText( 'Digital product' ) ).toBeInTheDocument();
+		expect( queryByRole( 'menu' )?.childElementCount ).toBe( 1 );
+		expect( queryByText( 'View more product types' ) ).toBeInTheDocument();
+	} );
+
+	it( 'should render all products type when clicking view more button', async () => {
+		( getAdminSetting as jest.Mock ).mockImplementation( () => ( {
+			profile: {
+				product_types: [ 'downloads' ],
+			},
+		} ) );
+		const { queryByText, getByRole, queryByRole } = render( <Products /> );
+
+		expect( queryByText( 'View more product types' ) ).toBeInTheDocument();
+
+		userEvent.click(
+			getByRole( 'button', { name: 'View more product types' } )
+		);
+
+		await waitFor( () =>
+			expect( queryByRole( 'menu' )?.childElementCount ).toBe(
+				productTypes.length
+			)
+		);
+
+		expect( queryByText( 'View less product types' ) ).toBeInTheDocument();
+	} );
+} );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
new file mode 100644
index 00000000000..5570a6a0f14
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
@@ -0,0 +1,41 @@
+/**
+ * Internal dependencies
+ */
+import { getProductTypes, getSurfacedProductKeys } from '../utils';
+import { productTypes, onboardingProductTypesToSurfaced } from '../constants';
+
+describe( 'getProductTypes', () => {
+	it( 'should return the product types', () => {
+		expect( getProductTypes() ).toEqual( productTypes );
+	} );
+
+	it( 'should return the product types without excluded items', () => {
+		expect(
+			getProductTypes( [ 'external', 'digital' ] ).map( ( p ) => p.key )
+		).toEqual( [ 'physical', 'variable', 'subscription', 'grouped' ] );
+	} );
+} );
+
+describe( 'getSurfacedProductKeys', () => {
+	test.each( [
+		{
+			selectedTypes: [ 'physical' ],
+			expected: onboardingProductTypesToSurfaced.physical,
+		},
+		{
+			selectedTypes: [ 'physical', 'downloads' ],
+			expected: onboardingProductTypesToSurfaced[ 'downloads,physical' ],
+		},
+		{
+			selectedTypes: [],
+			expected: productTypes.map( ( p ) => p.key ),
+		},
+	] )(
+		'should return expected surfaced product keys when onboarding product type contains $selected',
+		( { selectedTypes, expected } ) => {
+			expect( getSurfacedProductKeys( selectedTypes ) ).toEqual(
+				expected
+			);
+		}
+	);
+} );

From 48c89b2266be220424efa32bd629f7f2886f8916 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 16:09:41 +0800
Subject: [PATCH 245/327] Add card view

---
 .../experimental-import-products/cards.scss   | 13 ++-
 .../experimental-import-products/index.tsx    |  2 +-
 .../experimental-products/card-layout.scss    | 27 ++++++
 .../experimental-products/card-layout.tsx     | 54 +++++++++++
 .../fills/experimental-products/footer.tsx    | 52 ++++++++++
 .../fills/experimental-products/index.scss    |  9 +-
 .../fills/experimental-products/index.tsx     | 96 ++++++++-----------
 .../test/card-layout.tsx                      | 29 ++++++
 .../experimental-products/test/footer.tsx     | 16 ++++
 9 files changed, 236 insertions(+), 62 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/footer.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/card-layout.tsx
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/footer.tsx

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
index af118cdc476..57a3ee23dbe 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -3,13 +3,20 @@
 		color: #007cba;
 	}
 
+	.woocommerce-list {
+		display: grid;
+		grid-template-columns: auto auto;
+		grid-column-gap: 16px;
+		grid-row-gap: 24px;
+		justify-content: start;
+	}
+
 	.woocommerce-list__item {
 		float: left;
 		border-radius: 3px;
 		border: 1px solid #dcdcde;
 		width: 263px;
 		height: 226px;
-		margin: 12px;
 		text-align: center;
 		align-items: start;
 
@@ -27,10 +34,12 @@
 		&:not(.transitions-disabled) {
 			&.woocommerce-list__item-enter {
 				transform: none;
+				transition: none;
 			}
 
 			&.woocommerce-list__item-enter-active {
 				transform: none;
+				transition: none;
 			}
 
 			&.woocommerce-list__item-exit-active {
@@ -51,6 +60,7 @@
 	}
 
 	.woocommerce-list__item-before {
+		margin-right: 0;
 		background: #f0f6fc;
 		padding: 8px;
 		border-radius: 50%;
@@ -60,6 +70,7 @@
 		color: $gray-900;
 		line-height: 16px;
 		font-weight: 600;
+		text-transform: uppercase;
 	}
 
 	.woocommerce-list__item-content {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index c7ee6b3d660..835f1294de0 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -7,7 +7,7 @@ import { registerPlugin } from '@wordpress/plugins';
 /**
  * Internal dependencies
  */
-import CardList from './CardList';
+import CardList from './cardList';
 import { importTypes } from './importTypes';
 
 const Products = () => {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss
new file mode 100644
index 00000000000..3c5f6e91f3f
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss
@@ -0,0 +1,27 @@
+.woocommerce-products-card-layout {
+	margin-top: 8px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	.woocommerce-products-card-layout__description {
+		text-align: center;
+	}
+
+	.woocommerce-products-card-list {
+		margin-top: 32px;
+
+		.woocommerce-list {
+			grid-template-columns: 215px 215px 215px;
+		}
+
+		.woocommerce-list__item {
+			width: 215px;
+			height: 200px;
+		}
+
+		.woocommerce-list__item-after {
+			opacity: 0;
+		}
+	}
+}
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx
new file mode 100644
index 00000000000..a06a1a8038d
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx
@@ -0,0 +1,54 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { Text } from '@woocommerce/experimental';
+import { Link } from '@woocommerce/components';
+import interpolateComponents from '@automattic/interpolate-components';
+import { getAdminLink } from '@woocommerce/settings';
+
+/**
+ * Internal dependencies
+ */
+import { ProductType } from './constants';
+import CardList from '../experimental-import-products/cardList';
+import './card-layout.scss';
+
+type CardProps = {
+	items: ( ProductType & {
+		onClick: () => void;
+	} )[];
+};
+
+const CardLayout: React.FC< CardProps > = ( { items } ) => {
+	return (
+		<div className="woocommerce-products-card-layout">
+			<Text className="woocommerce-products-card-layout__description">
+				{ interpolateComponents( {
+					mixedString: __(
+						'{{sbLink}}Start blank{{/sbLink}} or select a product type:'
+					),
+					components: {
+						sbLink: (
+							<Link
+								onClick={ () => {
+									window.location = getAdminLink(
+										'post-new.php?post_type=product&wc_onboarding_active_task=products&tutorial=true'
+									);
+									return false;
+								} }
+								href=""
+								type="wc-admin"
+							>
+								<></>
+							</Link>
+						),
+					},
+				} ) }
+			</Text>
+			<CardList items={ items } />
+		</div>
+	);
+};
+
+export default CardLayout;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/footer.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/footer.tsx
new file mode 100644
index 00000000000..dcf4d7fd660
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/footer.tsx
@@ -0,0 +1,52 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import interpolateComponents from '@automattic/interpolate-components';
+import { Text } from '@woocommerce/experimental';
+import { ExternalLink } from '@wordpress/components';
+import { Link } from '@woocommerce/components';
+import { getAdminLink } from '@woocommerce/settings';
+
+const Footer: React.FC = () => {
+	return (
+		<div className="woocommerce-products-footer">
+			<Text className="woocommerce-products-footer__selling-somewhere-else">
+				Are you already selling somewhere else?
+			</Text>
+			<Text className="woocommerce-products-footer__import-options">
+				{ interpolateComponents( {
+					mixedString: __(
+						'{{importCSVLink}}Import your products from a CSV file{{/importCSVLink}} or {{_3rdLink}}use a 3rd party migration plugin{{/_3rdLink}}.'
+					),
+					components: {
+						importCSVLink: (
+							<Link
+								onClick={ () => {
+									window.location = getAdminLink(
+										'edit.php?post_type=product&page=product_importer&wc_onboarding_active_task=products'
+									);
+									return false;
+								} }
+								href=""
+								type="wc-admin"
+							>
+								<></>
+							</Link>
+						),
+						_3rdLink: (
+							<ExternalLink
+								href="https://woocommerce.com/products/cart2cart/?utm_medium=product"
+								type="external"
+							>
+								<></>
+							</ExternalLink>
+						),
+					},
+				} ) }
+			</Text>
+		</div>
+	);
+};
+
+export default Footer;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
index f82e3027bc5..2be375e8e93 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.scss
@@ -1,8 +1,7 @@
 .woocommerce-task-products {
 	display: flex;
 	flex-direction: column;
-	max-width: 550px;
-	margin: auto;
+	align-items: center;
 
 	a {
 		text-decoration: none;
@@ -11,7 +10,6 @@
 
 	.woocommerce-task-products__title {
 		font-size: 24px;
-		margin-bottom: 24px;
 		text-align: center;
 	}
 
@@ -46,5 +44,10 @@
 		line-height: 16px;
 		margin-bottom: 8px;
 	}
+
+	.woocommerce-products-stack {
+		max-width: 550px;
+		margin-top: 32px;
+	}
 }
 
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index 9e7b7b642f7..6cc848d46a3 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -2,23 +2,26 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import interpolateComponents from '@automattic/interpolate-components';
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { Text } from '@woocommerce/experimental';
 import { registerPlugin } from '@wordpress/plugins';
 import { useMemo, useState } from '@wordpress/element';
-import { Button, ExternalLink } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { Icon, chevronDown, chevronUp } from '@wordpress/icons';
-import { Link } from '@woocommerce/components';
-import { getAdminLink } from '@woocommerce/settings';
+
 /**
  * Internal dependencies
  */
 import './index.scss';
 import { getAdminSetting } from '~/utils/admin-settings';
-import Stack from './stack';
 import { getSurfacedProductKeys } from './utils';
 import useProductTypeListItems from './use-product-types-list-items';
+import Stack from './stack';
+import Footer from './footer';
+import CardLayout from './card-layout';
+
+// TODO: Use experiment data from the API, not hardcoded.
+const SHOW_STACK_LAYOUT = false;
 
 const getOnboardingProductType = (): string[] => {
 	const onboardingData = getAdminSetting( 'onboarding' );
@@ -28,8 +31,23 @@ const getOnboardingProductType = (): string[] => {
 	);
 };
 
+const ViewControlButton: React.FC< {
+	isExpanded: boolean;
+	onClick: () => void;
+} > = ( { isExpanded, onClick } ) => (
+	<Button
+		className="woocommerce-task-products__button-view-less-product-types"
+		onClick={ onClick }
+	>
+		{ isExpanded
+			? __( `View less product types`, 'woocommerce' )
+			: __( `View more product types`, 'woocommerce' ) }
+		<Icon icon={ isExpanded ? chevronUp : chevronDown } />
+	</Button>
+);
+
 export const Products = () => {
-	const [ isCollapsed, setIsCollapsed ] = useState< boolean >( true );
+	const [ isExpanded, setIsExpanded ] = useState< boolean >( false );
 	const productTypes = useProductTypeListItems();
 
 	const surfacedProductKeys = getSurfacedProductKeys(
@@ -47,7 +65,7 @@ export const Products = () => {
 		const surfacedProductTypes = productTypes.filter( ( productType ) =>
 			surfacedProductKeys.includes( productType.key )
 		);
-		if ( ! isCollapsed ) {
+		if ( isExpanded ) {
 			// To show product types in same order, we need to push the other product types to the end.
 			productTypes.forEach(
 				( productType ) =>
@@ -58,7 +76,7 @@ export const Products = () => {
 		return surfacedProductTypes;
 	}, [
 		surfacedProductKeys,
-		isCollapsed,
+		isExpanded,
 		isAllProductSurfaced,
 		productTypes,
 	] );
@@ -73,55 +91,19 @@ export const Products = () => {
 				{ __( 'What product do you want to add?', 'woocommerce' ) }
 			</Text>
 
-			<Stack items={ visibleProductTypes } />
-
-			{ ! isAllProductSurfaced && (
-				<Button
-					className="woocommerce-task-products__button-view-less-product-types"
-					onClick={ () => setIsCollapsed( ! isCollapsed ) }
-				>
-					{ isCollapsed
-						? __( `View more product types`, 'woocommerce' )
-						: __( `View less product types`, 'woocommerce' ) }
-					<Icon icon={ isCollapsed ? chevronDown : chevronUp } />
-				</Button>
-			) }
-
-			<div className="woocommerce-products-footer">
-				<Text className="woocommerce-products-footer__selling-somewhere-else">
-					Are you already selling somewhere else?
-				</Text>
-				<Text className="woocommerce-products-footer__import-options">
-					{ interpolateComponents( {
-						mixedString: __(
-							'{{importCSVLink}}Import your products from a CSV file{{/importCSVLink}} or {{_3rdLink}}use a 3rd party migration plugin{{/_3rdLink}}.'
-						),
-						components: {
-							importCSVLink: (
-								<Link
-									onClick={ () => {
-										window.location = getAdminLink(
-											'edit.php?post_type=product&page=product_importer&wc_onboarding_active_task=products'
-										);
-										return false;
-									} }
-									href=""
-									type="wc-admin"
-								>
-									<></>
-								</Link>
-							),
-							_3rdLink: (
-								<ExternalLink
-									href="https://woocommerce.com/products/cart2cart/?utm_medium=product"
-									type="external"
-								>
-									<></>
-								</ExternalLink>
-							),
-						},
-					} ) }
-				</Text>
+			<div className="woocommerce-product-content">
+				{ SHOW_STACK_LAYOUT ? (
+					<Stack items={ visibleProductTypes } />
+				) : (
+					<CardLayout items={ visibleProductTypes } />
+				) }
+				{ ! isAllProductSurfaced && (
+					<ViewControlButton
+						isExpanded={ isExpanded }
+						onClick={ () => setIsExpanded( ! isExpanded ) }
+					/>
+				) }
+				<Footer />
 			</div>
 		</div>
 	);
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/card-layout.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/card-layout.tsx
new file mode 100644
index 00000000000..ae8bb890240
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/card-layout.tsx
@@ -0,0 +1,29 @@
+/**
+ * External dependencies
+ */
+import { render } from '@testing-library/react';
+
+/**
+ * Internal dependencies
+ */
+import CardLayout from '../card-layout';
+import { productTypes } from '../constants';
+
+describe( 'CardLayout', () => {
+	it( 'should render all products types in CardLayout', () => {
+		const { queryByText, queryAllByRole } = render(
+			<CardLayout
+				items={ [
+					{
+						...productTypes[ 0 ],
+						onClick: () => {},
+					},
+				] }
+			/>
+		);
+
+		expect( queryByText( productTypes[ 0 ].title ) ).toBeInTheDocument();
+
+		expect( queryAllByRole( 'link' ) ).toHaveLength( 1 );
+	} );
+} );
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/footer.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/footer.tsx
new file mode 100644
index 00000000000..1765ac1d4db
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/footer.tsx
@@ -0,0 +1,16 @@
+/**
+ * External dependencies
+ */
+import { render } from '@testing-library/react';
+
+/**
+ * Internal dependencies
+ */
+import Footer from '../footer';
+
+describe( 'Footer', () => {
+	it( 'should render footer with two links', () => {
+		const { queryAllByRole } = render( <Footer /> );
+		expect( queryAllByRole( 'link' ) ).toHaveLength( 2 );
+	} );
+} );

From 2dd0ef002998cf5c6cd39d907939ee74e29d6319 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 16:30:36 +0800
Subject: [PATCH 246/327] Add grouped_product.csv for experimental product task

---
 plugins/woocommerce/src/Admin/API/Templates/grouped_product.csv | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 plugins/woocommerce/src/Admin/API/Templates/grouped_product.csv

diff --git a/plugins/woocommerce/src/Admin/API/Templates/grouped_product.csv b/plugins/woocommerce/src/Admin/API/Templates/grouped_product.csv
new file mode 100644
index 00000000000..e349912098c
--- /dev/null
+++ b/plugins/woocommerce/src/Admin/API/Templates/grouped_product.csv
@@ -0,0 +1,2 @@
+Type,Name,Published,"Is featured?","Visibility in catalog","Short description",Description,"Date sale price starts","Date sale price ends","Tax status","Tax class","In stock?",Stock,"Backorders allowed?","Sold individually?","Weight (lbs)","Length (in)","Width (in)","Height (in)","Allow customer reviews?","Purchase note","Sale price","Regular price",Categories,Tags,"Shipping class",Images,"Download limit","Download expiry days",Parent,"Grouped products",Upsells,Cross-sells,"External URL","Button text",Position,"Attribute 1 name","Attribute 1 value(s)","Attribute 1 visible","Attribute 1 global","Attribute 2 name","Attribute 2 value(s)","Attribute 2 visible","Attribute 2 global","Meta: _wpcom_is_markdown","Download 1 name","Download 1 URL","Download 2 name","Download 2 URL"
+grouped,Logo Collection,0,0,visible,"This is a grouped product.","Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.",,,"taxable",,"1",,"0","0",,,,,"1",,,,Clothing,,,"https://woocommercecore.mystagingwebsite.com/wp-content/uploads/2017/12/logo-1.jpg, https://woocommercecore.mystagingwebsite.com/wp-content/uploads/2017/12/beanie-with-logo-1.jpg, https://woocommercecore.mystagingwebsite.com/wp-content/uploads/2017/12/t-shirt-with-logo-1.jpg, https://woocommercecore.mystagingwebsite.com/wp-content/uploads/2017/12/hoodie-with-logo-2.jpg",,,,"woo-hoodie-with-logo, woo-tshirt, woo-beanie",,,,,0,,,,,,,,,"1",,,,

From a4a62353fd5eb1d15c704e401b911edf8fb74712 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 16:33:30 +0800
Subject: [PATCH 247/327] Add external_product.csv for experimental product
 task

---
 .../woocommerce/src/Admin/API/Templates/external_product.csv    | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 plugins/woocommerce/src/Admin/API/Templates/external_product.csv

diff --git a/plugins/woocommerce/src/Admin/API/Templates/external_product.csv b/plugins/woocommerce/src/Admin/API/Templates/external_product.csv
new file mode 100644
index 00000000000..3c41f91fe85
--- /dev/null
+++ b/plugins/woocommerce/src/Admin/API/Templates/external_product.csv
@@ -0,0 +1,2 @@
+Type,Name,Published,"Is featured?","Visibility in catalog","Short description",Description,"Date sale price starts","Date sale price ends","Tax status","Tax class","In stock?",Stock,"Backorders allowed?","Sold individually?","Weight (lbs)","Length (in)","Width (in)","Height (in)","Allow customer reviews?","Purchase note","Sale price","Regular price",Categories,Tags,"Shipping class",Images,"Download limit","Download expiry days",Parent,"Grouped products",Upsells,Cross-sells,"External URL","Button text",Position,"Attribute 1 name","Attribute 1 value(s)","Attribute 1 visible","Attribute 1 global","Attribute 2 name","Attribute 2 value(s)","Attribute 2 visible","Attribute 2 global","Meta: _wpcom_is_markdown","Download 1 name","Download 1 URL","Download 2 name","Download 2 URL"
+external,WordPress Pennant,0,0,visible,"This is an external product.","Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.",,,"taxable",,"1",,"0","0",,,,,"1",,,"111.05",Decor,,,https://woocommercecore.mystagingwebsite.com/wp-content/uploads/2017/12/pennant-1.jpg,,,,,,,"https://mercantile.wordpress.org/product/wordpress-pennant/","Buy on the WordPress swag store!",0,,,,,,,,,"1",,,,

From e6d3ed3c3c6d0240e7b3607c8d95128f349bd89b Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 18:35:57 +0800
Subject: [PATCH 248/327] Add loading sample product card

---
 .../experimental-products/card-layout.scss      | 17 +++++++++++++++--
 .../fills/experimental-products/constants.tsx   | 16 +++++++++++++++-
 .../icon/lightbulb_24px.svg                     |  8 ++++++++
 .../tasks/fills/experimental-products/index.tsx | 11 ++++++++++-
 .../tasks/fills/experimental-products/utils.tsx |  5 ++++-
 5 files changed, 52 insertions(+), 5 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss
index 3c5f6e91f3f..fb4e9a9274b 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.scss
@@ -12,16 +12,29 @@
 		margin-top: 32px;
 
 		.woocommerce-list {
-			grid-template-columns: 215px 215px 215px;
+			grid-template-columns: 217px 217px 217px;
 		}
 
 		.woocommerce-list__item {
-			width: 215px;
+			width: 217px;
 			height: 200px;
+			padding: 40px 24px;
 		}
 
 		.woocommerce-list__item-after {
 			opacity: 0;
 		}
+
+		.woocommerce-list__item-inner {
+			padding: 0;
+		}
+	}
+
+	.woocommerce-products-list__item-load-sample-product {
+		border: 1px dashed #dcdcde;
+
+		.woocommerce-list__item-before {
+			background-color: $gray-100;
+		}
 	}
 }
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
index fb15bb9b3a0..a4b483264e3 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -13,6 +13,7 @@ import { Icon, chevronRight } from '@wordpress/icons';
  */
 import Link from './icon/link_24px.svg';
 import Widget from './icon/widgets_24px.svg';
+import LightBulb from './icon/lightbulb_24px.svg';
 
 export const productTypes = Object.freeze( [
 	{
@@ -71,7 +72,20 @@ export const productTypes = Object.freeze( [
 	},
 ] );
 
-export type ProductType = typeof productTypes[ number ];
+export const LoadSampleProductType = {
+	key: 'load-sample-product' as const,
+	title: __( 'can’t decide?', 'woocommerce' ),
+	content: __(
+		'Load sample products and see what they look like in your store.'
+	),
+	before: <img src={ LightBulb } alt="Light Bulb" />,
+	after: <Icon icon={ chevronRight } />,
+	className: 'woocommerce-products-list__item-load-sample-product',
+};
+
+export type ProductType =
+	| typeof productTypes[ number ]
+	| typeof LoadSampleProductType;
 export type ProductTypeKey = ProductType[ 'key' ];
 
 export const onboardingProductTypesToSurfaced: Readonly<
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg
new file mode 100644
index 00000000000..ddba5a742ef
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1133_132689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="2" width="15" height="20">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 2C8.64 2 5.5 5.14 5.5 9C5.5 11.38 6.69 13.47 8.5 14.74V17C8.5 17.55 8.95 18 9.5 18H15.5C16.05 18 16.5 17.55 16.5 17V14.74C18.31 13.47 19.5 11.38 19.5 9C19.5 5.14 16.36 2 12.5 2ZM9.5 21C9.5 21.55 9.95 22 10.5 22H14.5C15.05 22 15.5 21.55 15.5 21V20H9.5V21ZM14.5 13.7L15.35 13.1C16.7 12.16 17.5 10.63 17.5 9C17.5 6.24 15.26 4 12.5 4C9.74 4 7.5 6.24 7.5 9C7.5 10.63 8.3 12.16 9.65 13.1L10.5 13.7V16H14.5V13.7Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1133_132689)">
+<rect x="0.5" width="24" height="24" fill="#757575"/>
+</g>
+</svg>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index 6cc848d46a3..5d3a79275a8 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -19,9 +19,10 @@ import useProductTypeListItems from './use-product-types-list-items';
 import Stack from './stack';
 import Footer from './footer';
 import CardLayout from './card-layout';
+import { LoadSampleProductType } from './constants';
 
 // TODO: Use experiment data from the API, not hardcoded.
-const SHOW_STACK_LAYOUT = false;
+const SHOW_STACK_LAYOUT = true;
 
 const getOnboardingProductType = (): string[] => {
 	const onboardingData = getAdminSetting( 'onboarding' );
@@ -72,6 +73,14 @@ export const Products = () => {
 					! surfacedProductTypes.includes( productType ) &&
 					surfacedProductTypes.push( productType )
 			);
+
+			if ( ! SHOW_STACK_LAYOUT ) {
+				surfacedProductTypes.push( {
+					...LoadSampleProductType,
+					// TODO: Change to load sample product
+					onClick: () => new Promise( () => {} ),
+				} );
+			}
 		}
 		return surfacedProductTypes;
 	}, [
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
index 53d716563ce..3c6b2cf9145 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
@@ -3,11 +3,14 @@
  */
 import {
 	productTypes,
+	ProductType,
 	ProductTypeKey,
 	onboardingProductTypesToSurfaced,
 } from './constants';
 
-export const getProductTypes = ( exclude: ProductTypeKey[] = [] ) =>
+export const getProductTypes = (
+	exclude: ProductTypeKey[] = []
+): ProductType[] =>
 	productTypes.filter(
 		( productType ) => ! exclude.includes( productType.key )
 	);

From 6205c0208f3519930f883ed8131636b2f4377539 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 19:02:01 +0800
Subject: [PATCH 249/327] Update card name & check support product types

---
 .../fills/experimental-import-products/index.tsx     |  2 +-
 .../fills/experimental-products/card-layout.tsx      |  2 +-
 .../tasks/fills/experimental-products/constants.tsx  |  6 ++++++
 .../tasks/fills/experimental-products/test/utils.ts  |  4 ++++
 .../tasks/fills/experimental-products/utils.tsx      | 12 +++++++++++-
 5 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index 835f1294de0..c7ee6b3d660 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -7,7 +7,7 @@ import { registerPlugin } from '@wordpress/plugins';
 /**
  * Internal dependencies
  */
-import CardList from './cardList';
+import CardList from './CardList';
 import { importTypes } from './importTypes';
 
 const Products = () => {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx
index a06a1a8038d..a904ec2e457 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/card-layout.tsx
@@ -11,7 +11,7 @@ import { getAdminLink } from '@woocommerce/settings';
  * Internal dependencies
  */
 import { ProductType } from './constants';
-import CardList from '../experimental-import-products/cardList';
+import CardList from '../experimental-import-products/CardList';
 import './card-layout.scss';
 
 type CardProps = {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
index a4b483264e3..41f02bb29a7 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -104,3 +104,9 @@ export const onboardingProductTypesToSurfaced: Readonly<
 		'subscription',
 	],
 } );
+
+export const supportedOnboardingProductTypes = [
+	'physical',
+	'subscriptions',
+	'downloads',
+];
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
index 5570a6a0f14..02631b82ab4 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
@@ -26,6 +26,10 @@ describe( 'getSurfacedProductKeys', () => {
 			selectedTypes: [ 'physical', 'downloads' ],
 			expected: onboardingProductTypesToSurfaced[ 'downloads,physical' ],
 		},
+		{
+			selectedTypes: [ 'physical', 'downloads', 'membership', 'booking' ],
+			expected: onboardingProductTypesToSurfaced[ 'downloads,physical' ],
+		},
 		{
 			selectedTypes: [],
 			expected: productTypes.map( ( p ) => p.key ),
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
index 3c6b2cf9145..9f732e1a895 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import { intersection } from 'lodash';
+
 /**
  * Internal dependencies
  */
@@ -6,6 +11,7 @@ import {
 	ProductType,
 	ProductTypeKey,
 	onboardingProductTypesToSurfaced,
+	supportedOnboardingProductTypes,
 } from './constants';
 
 export const getProductTypes = (
@@ -20,7 +26,11 @@ export const getProductTypes = (
  * Return all product types if onboarding product types is empty.
  */
 export const getSurfacedProductKeys = ( onboardingProductTypes: string[] ) => {
-	const sortedKeyStr = onboardingProductTypes.sort().join( ',' );
+	const validOnboardingProductTypes = intersection(
+		onboardingProductTypes,
+		supportedOnboardingProductTypes
+	);
+	const sortedKeyStr = validOnboardingProductTypes.sort().join( ',' );
 	if ( ! onboardingProductTypesToSurfaced.hasOwnProperty( sortedKeyStr ) ) {
 		return productTypes.map( ( p ) => p.key );
 	}

From 2542594652c2d29142e0ed847e2d891069068f02 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 27 Apr 2022 18:46:36 +0800
Subject: [PATCH 250/327] Add changelog

---
 plugins/woocommerce/changelog/add-32634-add-products-task | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-32634-add-products-task

diff --git a/plugins/woocommerce/changelog/add-32634-add-products-task b/plugins/woocommerce/changelog/add-32634-add-products-task
new file mode 100644
index 00000000000..ee52be1bfdd
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-32634-add-products-task
@@ -0,0 +1,4 @@
+Significance: patch
+Type: add
+
+Add experimental add product for task list

From 76777d298114c35cedb4b5215ebdc50bd0ee8f1d Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 28 Apr 2022 17:18:05 +0800
Subject: [PATCH 251/327] Refactor experimental-products functions

---
 .../fills/experimental-products/index.tsx     | 28 +++++++------------
 .../fills/experimental-products/test/utils.ts |  6 ++--
 .../fills/experimental-products/utils.tsx     |  4 ++-
 3 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index 5d3a79275a8..2197ed6cd85 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -14,7 +14,7 @@ import { Icon, chevronDown, chevronUp } from '@wordpress/icons';
  */
 import './index.scss';
 import { getAdminSetting } from '~/utils/admin-settings';
-import { getSurfacedProductKeys } from './utils';
+import { getSurfacedProductTypeKeys } from './utils';
 import useProductTypeListItems from './use-product-types-list-items';
 import Stack from './stack';
 import Footer from './footer';
@@ -48,23 +48,20 @@ const ViewControlButton: React.FC< {
 );
 
 export const Products = () => {
-	const [ isExpanded, setIsExpanded ] = useState< boolean >( false );
-	const productTypes = useProductTypeListItems();
-
-	const surfacedProductKeys = getSurfacedProductKeys(
+	const surfacedProductTypeKeys = getSurfacedProductTypeKeys(
 		getOnboardingProductType()
 	);
-
+	const productTypes = useProductTypeListItems();
 	const isAllProductSurfaced =
-		surfacedProductKeys.length === productTypes.length;
+		surfacedProductTypeKeys.length === productTypes.length;
+
+	const [ isExpanded, setIsExpanded ] = useState< boolean >(
+		isAllProductSurfaced
+	);
 
 	const visibleProductTypes = useMemo( () => {
-		if ( isAllProductSurfaced ) {
-			return productTypes;
-		}
-
 		const surfacedProductTypes = productTypes.filter( ( productType ) =>
-			surfacedProductKeys.includes( productType.key )
+			surfacedProductTypeKeys.includes( productType.key )
 		);
 		if ( isExpanded ) {
 			// To show product types in same order, we need to push the other product types to the end.
@@ -83,12 +80,7 @@ export const Products = () => {
 			}
 		}
 		return surfacedProductTypes;
-	}, [
-		surfacedProductKeys,
-		isExpanded,
-		isAllProductSurfaced,
-		productTypes,
-	] );
+	}, [ surfacedProductTypeKeys, isExpanded, productTypes ] );
 
 	return (
 		<div className="woocommerce-task-products">
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
index 02631b82ab4..1b826a1fecd 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
-import { getProductTypes, getSurfacedProductKeys } from '../utils';
+import { getProductTypes, getSurfacedProductTypeKeys } from '../utils';
 import { productTypes, onboardingProductTypesToSurfaced } from '../constants';
 
 describe( 'getProductTypes', () => {
@@ -16,7 +16,7 @@ describe( 'getProductTypes', () => {
 	} );
 } );
 
-describe( 'getSurfacedProductKeys', () => {
+describe( 'getSurfacedProductTypeKeys', () => {
 	test.each( [
 		{
 			selectedTypes: [ 'physical' ],
@@ -37,7 +37,7 @@ describe( 'getSurfacedProductKeys', () => {
 	] )(
 		'should return expected surfaced product keys when onboarding product type contains $selected',
 		( { selectedTypes, expected } ) => {
-			expect( getSurfacedProductKeys( selectedTypes ) ).toEqual(
+			expect( getSurfacedProductTypeKeys( selectedTypes ) ).toEqual(
 				expected
 			);
 		}
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
index 9f732e1a895..69adf86982d 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
@@ -25,7 +25,9 @@ export const getProductTypes = (
  * Get key of surfaced product types by onboarding product types.
  * Return all product types if onboarding product types is empty.
  */
-export const getSurfacedProductKeys = ( onboardingProductTypes: string[] ) => {
+export const getSurfacedProductTypeKeys = (
+	onboardingProductTypes: string[]
+) => {
 	const validOnboardingProductTypes = intersection(
 		onboardingProductTypes,
 		supportedOnboardingProductTypes

From 0d9d463d46ea3002766f35a44b4f25f40813dabd Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 28 Apr 2022 17:44:00 +0800
Subject: [PATCH 252/327] Update experimental-products default surfaced product
 types

---
 .../fills/experimental-products/constants.tsx |  2 ++
 .../fills/experimental-products/index.tsx     | 25 +++++++------------
 .../experimental-products/test/index.tsx      | 14 +++++------
 .../fills/experimental-products/test/utils.ts |  2 +-
 .../fills/experimental-products/utils.tsx     |  3 ++-
 5 files changed, 20 insertions(+), 26 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
index 41f02bb29a7..a08ed2474ef 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -104,6 +104,8 @@ export const onboardingProductTypesToSurfaced: Readonly<
 		'subscription',
 	],
 } );
+export const defaultSurfacedProductTypes =
+	onboardingProductTypesToSurfaced.physical;
 
 export const supportedOnboardingProductTypes = [
 	'physical',
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index 2197ed6cd85..e599489202d 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -27,8 +27,8 @@ const SHOW_STACK_LAYOUT = true;
 const getOnboardingProductType = (): string[] => {
 	const onboardingData = getAdminSetting( 'onboarding' );
 	return (
-		( onboardingData?.profile && onboardingData?.profile.product_types ) ||
-		[]
+		( onboardingData?.profile &&
+			onboardingData?.profile.product_types ) || [ 'physical' ]
 	);
 };
 
@@ -48,17 +48,12 @@ const ViewControlButton: React.FC< {
 );
 
 export const Products = () => {
+	const [ isExpanded, setIsExpanded ] = useState< boolean >( false );
+
+	const productTypes = useProductTypeListItems();
 	const surfacedProductTypeKeys = getSurfacedProductTypeKeys(
 		getOnboardingProductType()
 	);
-	const productTypes = useProductTypeListItems();
-	const isAllProductSurfaced =
-		surfacedProductTypeKeys.length === productTypes.length;
-
-	const [ isExpanded, setIsExpanded ] = useState< boolean >(
-		isAllProductSurfaced
-	);
-
 	const visibleProductTypes = useMemo( () => {
 		const surfacedProductTypes = productTypes.filter( ( productType ) =>
 			surfacedProductTypeKeys.includes( productType.key )
@@ -98,12 +93,10 @@ export const Products = () => {
 				) : (
 					<CardLayout items={ visibleProductTypes } />
 				) }
-				{ ! isAllProductSurfaced && (
-					<ViewControlButton
-						isExpanded={ isExpanded }
-						onClick={ () => setIsExpanded( ! isExpanded ) }
-					/>
-				) }
+				<ViewControlButton
+					isExpanded={ isExpanded }
+					onClick={ () => setIsExpanded( ! isExpanded ) }
+				/>
 				<Footer />
 			</div>
 		</div>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx
index 224bad51a48..d5a8815fb85 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/index.tsx
@@ -8,7 +8,7 @@ import userEvent from '@testing-library/user-event';
  * Internal dependencies
  */
 import { Products } from '../';
-import { productTypes } from '../constants';
+import { defaultSurfacedProductTypes, productTypes } from '../constants';
 import { getAdminSetting } from '~/utils/admin-settings';
 
 jest.mock( '@wordpress/data', () => ( {
@@ -25,7 +25,7 @@ describe( 'Products', () => {
 		jest.clearAllMocks();
 	} );
 
-	it( 'should render all products types without view less button when onboardingData.profile.productType is null', () => {
+	it( 'should render default products types when onboardingData.profile.productType is null', () => {
 		( getAdminSetting as jest.Mock ).mockImplementation( () => ( {
 			profile: {
 				product_types: null,
@@ -33,13 +33,11 @@ describe( 'Products', () => {
 		} ) );
 		const { queryByText } = render( <Products /> );
 
-		productTypes.forEach( ( { title } ) => {
-			expect( queryByText( title ) ).toBeInTheDocument();
+		productTypes.forEach( ( { key, title } ) => {
+			if ( defaultSurfacedProductTypes.includes( key ) ) {
+				expect( queryByText( title ) ).toBeInTheDocument();
+			}
 		} );
-
-		expect(
-			queryByText( 'View more product types' )
-		).not.toBeInTheDocument();
 	} );
 
 	it( 'should render digital products type with view more button', () => {
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
index 1b826a1fecd..1b62606f60e 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/test/utils.ts
@@ -32,7 +32,7 @@ describe( 'getSurfacedProductTypeKeys', () => {
 		},
 		{
 			selectedTypes: [],
-			expected: productTypes.map( ( p ) => p.key ),
+			expected: onboardingProductTypesToSurfaced.physical,
 		},
 	] )(
 		'should return expected surfaced product keys when onboarding product type contains $selected',
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
index 69adf86982d..699c9683e43 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/utils.tsx
@@ -12,6 +12,7 @@ import {
 	ProductTypeKey,
 	onboardingProductTypesToSurfaced,
 	supportedOnboardingProductTypes,
+	defaultSurfacedProductTypes,
 } from './constants';
 
 export const getProductTypes = (
@@ -34,7 +35,7 @@ export const getSurfacedProductTypeKeys = (
 	);
 	const sortedKeyStr = validOnboardingProductTypes.sort().join( ',' );
 	if ( ! onboardingProductTypesToSurfaced.hasOwnProperty( sortedKeyStr ) ) {
-		return productTypes.map( ( p ) => p.key );
+		return defaultSurfacedProductTypes;
 	}
 	return onboardingProductTypesToSurfaced[ sortedKeyStr ];
 };

From 345a2ed60c64792354bc712a1c87919e2faaecd4 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Thu, 28 Apr 2022 22:07:25 +0800
Subject: [PATCH 253/327] Update experimental product stack layout style

---
 .../tasks/fills/experimental-products/stack.scss      | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
index 7f2dd027cfe..43e5c46d8cd 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/stack.scss
@@ -12,6 +12,10 @@
 		&:hover {
 			background-color: #fff;
 			border: 1.5px solid #007cba;
+
+			.woocommerce-list__item-title {
+				color: $gray-900;
+			}
 		}
 
 		&:not(.transitions-disabled) {
@@ -29,6 +33,12 @@
 		}
 	}
 
+	.woocommerce-list__item-inner {
+		&:focus {
+			box-shadow: none;
+		}
+	}
+
 	.woocommerce-list__item-before {
 		background: #f0f6fc;
 		padding: 8px;
@@ -39,6 +49,7 @@
 		color: $gray-900;
 		line-height: 16px;
 		font-weight: 600;
+
 	}
 
 	.woocommerce-list__item-content {

From 14cff0a0013c86da4760230b7e9b8b7b97f7a59e Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Wed, 27 Apr 2022 13:58:35 -0700
Subject: [PATCH 254/327] Allow JSX.Element in content

---
 .../tasks/fills/experimental-import-products/CardList.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx
index 81bd5343c71..1ed769c790a 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/CardList.tsx
@@ -11,7 +11,7 @@ import './cards.scss';
 type Card = {
 	key: string;
 	title: string;
-	content: string;
+	content: string | JSX.Element;
 	before: JSX.Element;
 };
 

From de836d1f796c7ab477918c3056c4ea0c68ee4220 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Wed, 27 Apr 2022 13:58:55 -0700
Subject: [PATCH 255/327] Add Learn More link

---
 .../importTypes.tsx                           | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
index fdf03c37c8f..aa21ce4ea65 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
@@ -4,6 +4,9 @@
 import { __ } from '@wordpress/i18n';
 import PageIcon from 'gridicons/dist/pages';
 import ReblogIcon from 'gridicons/dist/reblog';
+import { getAdminLink } from '@woocommerce/settings';
+import interpolateComponents from '@automattic/interpolate-components';
+import { ExternalLink } from '@wordpress/components';
 
 export const importTypes = [
 	{
@@ -14,14 +17,24 @@ export const importTypes = [
 			'woocommerce'
 		),
 		before: <PageIcon />,
+		href: getAdminLink(
+			'edit.php?post_type=product&page=product_importer&wc_onboarding_active_task=products'
+		),
 	},
 	{
 		key: 'from-cart2cart' as const,
 		title: __( 'FROM CART2CART', 'woocommerce' ),
-		content: __(
-			'Migrate all store data like products, customers, orders and much more in no time and in a fully automated way',
-			'woocommerce'
-		),
+		content: interpolateComponents( {
+			mixedString: __(
+				'Migrate all store data like products, customers, and orders in no time with this 3rd party plugin. {{link}}Learn more{{/link}}',
+				'woocommerce'
+			),
+			components: {
+				link: (
+					<ExternalLink href="https://woocommerce.com/products/cart2cart/?utm_medium=product"></ExternalLink>
+				),
+			},
+		} ),
 		before: <ReblogIcon />,
 	},
 ];

From b109eba8c7a54232fdcf6171a97b3fec41755274 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Wed, 27 Apr 2022 14:02:01 -0700
Subject: [PATCH 256/327] Adjust styles and add initial stacks functionality

---
 .../experimental-import-products/index.tsx    | 21 +++++++++--
 .../experimental-import-products/style.scss   | 35 +++++++++++++++++++
 2 files changed, 54 insertions(+), 2 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index c7ee6b3d660..6b72da74b10 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -3,18 +3,35 @@
  */
 import { WooOnboardingTask } from '@woocommerce/onboarding';
 import { registerPlugin } from '@wordpress/plugins';
+import { __ } from '@wordpress/i18n';
+import { Icon, chevronUp, chevronDown } from '@wordpress/icons';
+import { Button } from '@wordpress/components';
+import { useState } from '@wordpress/element';
 
 /**
  * Internal dependencies
  */
 import CardList from './CardList';
 import { importTypes } from './importTypes';
+import './style.scss';
+
+const Stacks = () => {
+	return <div>Hello</div>;
+};
 
 const Products = () => {
+	const [ showStacks, setStackVisibility ] = useState< boolean >( false );
 	return (
-		<div>
-			<h1>Import products</h1>
+		<div className="woocommerce-task-import-products">
+			<h1>{ __( 'Import your products', 'woocommerce' ) }</h1>
 			<CardList items={ importTypes } />
+			<div className="woocommerce-task-import-products-stacks">
+				<Button onClick={ () => setStackVisibility( ! showStacks ) }>
+					{ __( 'Or add your products from scratch', 'woocommerce' ) }
+					<Icon icon={ showStacks ? chevronUp : chevronDown } />
+				</Button>
+				{ showStacks && <Stacks /> }
+			</div>
 		</div>
 	);
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
new file mode 100644
index 00000000000..c2335dfb8ea
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
@@ -0,0 +1,35 @@
+.woocommerce-products-card-list {
+	.woocommerce-list__item-content {
+		a {
+			display: block;
+			text-decoration: none;
+			margin-top: 8px;
+		}
+	}
+
+	ul li:nth-child(2) {
+		.woocommerce-list__item-inner {
+			padding: 40px 17px 16px 17px;
+		}
+	}
+}
+
+.woocommerce-task-import-products {
+	max-width: 574px;
+	margin: auto;
+	h1 {
+		text-align: center;
+		padding: 0 0 32px 0;
+	}
+	button {
+		color: var(--wp-admin-theme-color);
+		&:focus:not(:disabled) {
+			outline: none;
+			box-shadow: none;
+		}
+	}
+
+	.woocommerce-task-import-products-stacks {
+		max-width: 574px;
+	}
+}

From b03149a29c33ad491d383248f61ae515b1806d53 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Wed, 27 Apr 2022 14:10:50 -0700
Subject: [PATCH 257/327] Align the stacks button center

---
 .../tasks/fills/experimental-import-products/cards.scss       | 3 ++-
 .../tasks/fills/experimental-import-products/style.scss       | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
index 57a3ee23dbe..bdbb92d316b 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -10,6 +10,7 @@
 		grid-row-gap: 24px;
 		justify-content: start;
 	}
+	display: inline-block;
 
 	.woocommerce-list__item {
 		float: left;
@@ -31,7 +32,7 @@
 			justify-content: center;
 		}
 
-		&:not(.transitions-disabled) {
+		&:not( .transitions-disabled ) {
 			&.woocommerce-list__item-enter {
 				transform: none;
 				transition: none;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
index c2335dfb8ea..7f0d9852033 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
@@ -17,6 +17,7 @@
 .woocommerce-task-import-products {
 	max-width: 574px;
 	margin: auto;
+
 	h1 {
 		text-align: center;
 		padding: 0 0 32px 0;
@@ -28,8 +29,7 @@
 			box-shadow: none;
 		}
 	}
-
 	.woocommerce-task-import-products-stacks {
-		max-width: 574px;
+		text-align: center;
 	}
 }

From a441ff189b780b1825e397d93dba209a61b2ebe6 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Thu, 28 Apr 2022 12:11:26 -0700
Subject: [PATCH 258/327] Add stacks

---
 .../tasks/fills/experimental-import-products/index.tsx   | 9 ++++-----
 .../tasks/fills/experimental-import-products/style.scss  | 5 ++++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index 6b72da74b10..4be5fc2f127 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -14,13 +14,12 @@ import { useState } from '@wordpress/element';
 import CardList from './CardList';
 import { importTypes } from './importTypes';
 import './style.scss';
-
-const Stacks = () => {
-	return <div>Hello</div>;
-};
+import { getProductTypes } from '../experimental-products/utils';
+import Stacks from '../experimental-products/stack';
 
 const Products = () => {
 	const [ showStacks, setStackVisibility ] = useState< boolean >( false );
+	const StacksComponent = <Stacks items={ getProductTypes() } />;
 	return (
 		<div className="woocommerce-task-import-products">
 			<h1>{ __( 'Import your products', 'woocommerce' ) }</h1>
@@ -30,7 +29,7 @@ const Products = () => {
 					{ __( 'Or add your products from scratch', 'woocommerce' ) }
 					<Icon icon={ showStacks ? chevronUp : chevronDown } />
 				</Button>
-				{ showStacks && <Stacks /> }
+				{ showStacks && StacksComponent }
 			</div>
 		</div>
 	);
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
index 7f0d9852033..75db0d6522a 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
@@ -30,6 +30,9 @@
 		}
 	}
 	.woocommerce-task-import-products-stacks {
-		text-align: center;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: center;
+		padding: 12px;
 	}
 }

From 9cf2993975b558dbb7fa0ddfed1a7433aae9124e Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Thu, 28 Apr 2022 20:45:49 -0700
Subject: [PATCH 259/327] Fix error with the items type

---
 .../client/tasks/fills/experimental-import-products/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index 4be5fc2f127..642e7627052 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -14,12 +14,12 @@ import { useState } from '@wordpress/element';
 import CardList from './CardList';
 import { importTypes } from './importTypes';
 import './style.scss';
-import { getProductTypes } from '../experimental-products/utils';
+import useProductTypeListItems from '../experimental-products/use-product-types-list-items';
 import Stacks from '../experimental-products/stack';
 
 const Products = () => {
 	const [ showStacks, setStackVisibility ] = useState< boolean >( false );
-	const StacksComponent = <Stacks items={ getProductTypes() } />;
+	const StacksComponent = <Stacks items={ useProductTypeListItems() } />;
 	return (
 		<div className="woocommerce-task-import-products">
 			<h1>{ __( 'Import your products', 'woocommerce' ) }</h1>

From 77765285e86f84d8e4343b3f2394f3defb6a1b2f Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Wed, 27 Apr 2022 11:36:39 -0300
Subject: [PATCH 260/327] Update illustrations and copy of task list experiment
 1, with minor css updates

---
 .../two-column-tasks/headers/appearance.js    |  15 ++++++++---
 .../two-column-tasks/headers/marketing.js     |  12 ++++++---
 .../two-column-tasks/headers/payments.js      |  16 ++++++++----
 .../two-column-tasks/headers/products.js      |  18 +++++++++----
 .../two-column-tasks/headers/shipping.js      |  12 ++++++---
 .../client/two-column-tasks/headers/tax.js    |  19 ++++++++++----
 .../headers/woocommerce-payments.js           |  10 ++++++--
 .../two-column-tasks/sectioned-task-list.scss |   4 +++
 .../client/two-column-tasks/style.scss        |  24 +++++++++++++++---
 .../images/task_list/payment-illustration.png | Bin 0 -> 10628 bytes
 .../images/task_list/sales-illustration.png   | Bin 0 -> 15801 bytes
 .../task_list/shipping-illustration.png       | Bin 0 -> 9020 bytes
 .../images/task_list/tax-illustration.png     | Bin 0 -> 11350 bytes
 .../OnboardingTasks/Tasks/Marketing.php       |   2 +-
 14 files changed, 100 insertions(+), 32 deletions(-)
 create mode 100644 plugins/woocommerce/assets/images/task_list/payment-illustration.png
 create mode 100644 plugins/woocommerce/assets/images/task_list/sales-illustration.png
 create mode 100644 plugins/woocommerce/assets/images/task_list/shipping-illustration.png
 create mode 100644 plugins/woocommerce/assets/images/task_list/tax-illustration.png

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/appearance.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/appearance.js
index 4573eebead5..a247eb3b75a 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/appearance.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/appearance.js
@@ -8,17 +8,24 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import PersonalizeMyStore from './illustrations/personalize-my-store.js';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const AppearanceHeader = ( { task, goToTask } ) => {
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<PersonalizeMyStore className="svg-background" />
+			<img
+				alt={ __( 'Appearance illustration', 'woocommerce' ) }
+				src={
+					WC_ASSET_URL +
+					'images/task_list/expand-section-illustration.png'
+				}
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Personalize my store', 'woocommerce' ) }</h1>
+				<h1>{ __( 'Make your store stand out', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Add your logo, create a homepage, and start designing your store',
+						'Add your logo, create a homepage, and start designing your store.',
 						'woocommerce'
 					) }
 				</p>
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/marketing.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/marketing.js
index 9ed6440c3de..a918573935f 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/marketing.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/marketing.js
@@ -8,17 +8,21 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import GetMoreSales from './illustrations/get-more-sales.js';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const MarketingHeader = ( { task, goToTask } ) => {
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<GetMoreSales className="svg-background" />
+			<img
+				alt={ __( 'Marketing illustration', 'woocommerce' ) }
+				src={ WC_ASSET_URL + 'images/task_list/sales-illustration.png' }
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
 				<h1>{ __( 'Get more sales', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Add tools to grow your store such as email, social, and in-person selling',
+						'Give your business a boost by enabling social channels such as newsletter, Facebook, Google, in-person selling, and more.',
 						'woocommerce'
 					) }
 				</p>
@@ -27,7 +31,7 @@ const MarketingHeader = ( { task, goToTask } ) => {
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ __( 'Add selling tools', 'woocommerce' ) }
+					{ __( 'Add sales channels', 'woocommerce' ) }
 				</Button>
 				<p className="woocommerce-task-header__timer">
 					<img src={ TimerImage } alt="Timer" />{ ' ' }
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/payments.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/payments.js
index 34740031b83..21cabcd4559 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/payments.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/payments.js
@@ -8,17 +8,23 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import GetPaid from './illustrations/get-paid';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const PaymentsHeader = ( { task, goToTask } ) => {
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<GetPaid className="svg-background" />
+			<img
+				alt={ __( 'Payment illustration', 'woocommerce' ) }
+				src={
+					WC_ASSET_URL + 'images/task_list/payment-illustration.png'
+				}
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Choose payment methods', 'woocommerce' ) }</h1>
+				<h1>{ __( 'Add a way to get paid', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Choose payment providers and enable payment methods at checkout',
+						'Choose from fast & secure online and offline payment methods to make it easy for your customers to pay in your store.',
 						'woocommerce'
 					) }
 				</p>
@@ -27,7 +33,7 @@ const PaymentsHeader = ( { task, goToTask } ) => {
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ __( 'Set up payments', 'woocommerce' ) }
+					{ __( 'View options', 'woocommerce' ) }
 				</Button>
 				<p className="woocommerce-task-header__timer">
 					<img src={ TimerImage } alt="Timer" />{ ' ' }
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/products.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/products.js
index 11014098e99..3af8e77e3e9 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/products.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/products.js
@@ -8,17 +8,25 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import AddProducts from './illustrations/add-products.js';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const ProductsHeader = ( { task, goToTask } ) => {
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<AddProducts className="svg-background" />
+			<img
+				alt={ __( 'Products illustration', 'woocommerce' ) }
+				src={
+					WC_ASSET_URL +
+					'images/task_list/sales-section-illustration.png'
+				}
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Add products to start selling' ) }</h1>
+				<h1>{ __( 'Add products to sell', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Add your first products and see them shine on your store! You can add your products manually or import them.'
+						'Build your catalog by adding what you want to sell. You can add products manually or import them from a different store.',
+						'woocommerce'
 					) }
 				</p>
 				<Button
@@ -30,7 +38,7 @@ const ProductsHeader = ( { task, goToTask } ) => {
 				</Button>
 				<p className="woocommerce-task-header__timer">
 					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ task.time }</span>
+					<span>{ __( '2 minutes', 'woocommerce' ) }</span>
 				</p>
 			</div>
 		</div>
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/shipping.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/shipping.js
index a43de82d915..eaeb4238d39 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/shipping.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/shipping.js
@@ -8,19 +8,25 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import Shipping from './illustrations/shipping.js';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const ShippingHeader = ( { task, goToTask } ) => {
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<Shipping className="svg-background" />
+			<img
+				alt={ __( 'Shipping illustration', 'woocommerce' ) }
+				src={
+					WC_ASSET_URL + 'images/task_list/shipping-illustration.png'
+				}
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
 				<h1>
 					{ __( 'Set up shipping for your store', 'woocommerce' ) }
 				</h1>
 				<p>
 					{ __(
-						'Configure shipping zones and rates',
+						'Choose where and how you will ship your products, select shipping methods, and add fixed or calculated rates.',
 						'woocommerce'
 					) }
 				</p>
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/tax.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/tax.js
index 01146b0d3b9..72cc65e8db1 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/tax.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/tax.js
@@ -8,21 +8,30 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import AddTaxRates from './illustrations/add-tax-rates.js';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const TaxHeader = ( { task, goToTask } ) => {
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<AddTaxRates className="svg-background" />
+			<img
+				alt={ __( 'Tax illustration', 'woocommerce' ) }
+				src={ WC_ASSET_URL + 'images/task_list/tax-illustration.png' }
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Next up, add your tax rates', 'woocommerce' ) }</h1>
-				<p>{ task.content }</p>
+				<h1>{ __( 'Add your tax rates', 'woocommerce' ) }</h1>
+				<p>
+					{ __(
+						'Set up tax rates manually or use WooCommerce and Jetpack to automate your sales tax calculations for you.',
+						'woocommerce'
+					) }
+				</p>
 				<Button
 					isSecondary={ task.isComplete }
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ task.actionLabel }
+					{ __( 'Yes, please', 'woocommerce' ) }
 				</Button>
 				<p className="woocommerce-task-header__timer">
 					<img src={ TimerImage } alt="Timer" />{ ' ' }
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/woocommerce-payments.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/woocommerce-payments.js
index 09293ebb88f..a05f8cd46cf 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/woocommerce-payments.js
+++ b/plugins/woocommerce-admin/client/two-column-tasks/headers/woocommerce-payments.js
@@ -14,7 +14,7 @@ import interpolateComponents from '@automattic/interpolate-components';
  * Internal dependencies
  */
 import TimerImage from './timer.svg';
-import GetPaid from './illustrations/get-paid';
+import { WC_ASSET_URL } from '../../utils/admin-settings';
 
 const connect = ( createNotice, setIsBusy ) => {
 	const errorMessage = __(
@@ -45,7 +45,13 @@ const WoocommercePaymentsHeader = ( { task, trackClick } ) => {
 
 	return (
 		<div className="woocommerce-task-header__contents-container">
-			<GetPaid className="svg-background" />
+			<img
+				alt={ __( 'Payment illustration', 'woocommerce' ) }
+				src={
+					WC_ASSET_URL + 'images/task_list/payment-illustration.png'
+				}
+				className="svg-background"
+			/>
 			<div className="woocommerce-task-header__contents">
 				<h1>{ __( "It's time to get paid", 'woocommerce' ) }</h1>
 				<p>
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
index a52ee0bdbfc..379d0ed8ca9 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
@@ -33,6 +33,10 @@
 			.components-panel__arrow {
 				right: $gap-large;
 			}
+
+			.woocommerce-task-header__contents p:first-of-type {
+				margin-top: $gap-small;
+			}
 		}
 		.wooocommerce-task-card__header-container {
 			width: 100%;
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/style.scss b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
index b0f3420fd3e..740b00f4d0b 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/style.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
@@ -96,6 +96,12 @@
 	}
 }
 
+.two-columns .woocommerce-task-dashboard__container.two-column-experiment {
+	.svg-background {
+		top: 15%;
+	}
+}
+
 .woocommerce-task-dashboard__container.two-column-experiment {
 	max-width: 1032px;
 	display: flex;
@@ -130,12 +136,19 @@
 		}
 
 		.woocommerce-task-header__contents {
-			max-width: calc(60% - 2%);
+			@include breakpoint( '<782px') {
+				max-width: 380px;
+			}
+			@include breakpoint('<600px') {
+				max-width: 100%;
+			}
+
+			max-width: 65%;
 		}
 
 		.svg-background {
-			right: 2%;
-			width: 40%;
+			right: 6%;
+			width: 25%;
 		}
 	}
 
@@ -264,6 +277,10 @@
 			color: $gray-600;
 		}
 
+		p:first-of-type {
+			margin-top: $gap-smallest;
+		}
+
 		// This is required in order to have svg image as background.
 		position: relative;
 		z-index: 1;
@@ -273,6 +290,7 @@
 		display: flex;
 		align-items: center;
 		line-height: 22px;
+		margin-bottom: 0;
 		img {
 			margin-right: 6px;
 		}
diff --git a/plugins/woocommerce/assets/images/task_list/payment-illustration.png b/plugins/woocommerce/assets/images/task_list/payment-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..712c7c92bb259eccdc54b3879e372941939e75e4
GIT binary patch
literal 10628
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

literal 0
HcmV?d00001

diff --git a/plugins/woocommerce/assets/images/task_list/sales-illustration.png b/plugins/woocommerce/assets/images/task_list/sales-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..778b07800098073fecaffc87a549d13c6c29704b
GIT binary patch
literal 15801
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
DPi_Th

literal 0
HcmV?d00001

diff --git a/plugins/woocommerce/assets/images/task_list/shipping-illustration.png b/plugins/woocommerce/assets/images/task_list/shipping-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..d43b73f0cef9d65e96c9675ba3d163c420a24f1f
GIT binary patch
literal 9020
zcmV-CBg5Q@P)<h;3K|Lk000e1NJLTq009mF008|60{{R3dLC(%0008$P)t-s0001<
zo}QVRnW3Sf|NsA+o13DdqMe+bsHmu)pP!+jp|P>Cv9YnQudil9m}Wzn@$vEQ?(XyI
z^YrxeXhWHAP?`1e^=3kuXF`~4OPXp(nrB0q-`n5+|Ns8}{`Bkg^zHQP<?GDK%=Yc}
z{QUf8L74F7@a*I4^78UzK$qUp<!3{f_w4tll){&QxBdP7{{H^;?DhQo{QLX+`uh6p
z<?R3e|M%_pXG59Wk@)HA>aTs#{r>)FM49XB>-_xuX+@d(`ub`|neXrK?d|PsN}6j(
zn)mnj=;`V5^782D==u5i<>uza#l^$1)b`{3@bK`+$jH&u*y7^i&d$&0=jUxpn#|12
z$H&LY%F5v2;Pv(O($?C^$;#8$+{44f<mBX|kigQ`+0fF~&CSm4-}B0+;M~LM*x1?2
z%ggig^Uu-L!I|3M-{0Zn<<!{S)z#Ja@b}){-re2Z(%If_PMe;y#gcimqPfkez0aAj
z!@s}4ke{y9*V@w3($lr%%FE5d!orlMx7^&^rMk_Rs=LzH+^oUUnX<>u&e5K>%iG)B
z+S=N}#K^wAy^y1{>Fn;U!`7s|(W1D@p0voCuE3V7zo@{}&(+(q$Jo@=)X~w=#l^?n
z;^x=a*O7R$l%lZv^8V1!(8R~ev$?{En5MXk*0RLZ$<EWDw#l@#wb|a`tiH{XsJxPT
zvyGgpzs}r=ov-B3?YPU^q_xGmy1Kr})3b!rx3{?S=Jnj*<JQ~X%+S=q!NGA-oY}pr
zftIS+yynf>;>Oh9%hK4Cuf&|Gx3RIYt*xzkkE4E!nMX%QJ3Bl0_4v5J$Evx<r?9z%
zlcD(X`0Cj3&#vOq#lPR1`IolOi=ecpr>K>lr<<Fci;IisxBJ%D+>?E?*}<}xq_J>=
zlz@PNX=!Qh%KXNl-Mo_6l9G~hb8}QwRLZ>C+PI)tWpeV?{N$|q(YL35VW*FlpIlsA
z_wV=P-R#!L-;j5+e(sR70000sbW%=J00RaG0SXrl6A%&!3=d%7Z&0Xi;A)40AmZV_
zF!181m_{Mu#Grd#T|mW9@$ur+)6=%Lr)&<;T(1BCAI(WbK~#9!<X1~-8$l2q$r{gB
zM!`xXTM2}aKupMXn9YD07%g)LpUgM$4RVECz$-68ws}vl)DvaEB(~IQ@M~4otLjxh
zs%u)&p>VaB*I}Stoh_r|V!5hA!u)k~Oe{m`42MPZ&v*f99954`b%3~vj)Y|$B398e
zFriH*FcK~@Is}6i1lwc2sGAyaPQge66H{Ogh$1#Fl925SS@bmUNF$z(j!~YA#Sv_i
zj~KNHg0dwm9!ATc^BSBAh8@Y6%UP<Oec;Peq!{sV&jaLe=+8Nn<MCX9wx<?3i~bvw
zVpomvX7#SGn~k|4ZgK7!y)h}Yn5!x(b8;!;GA<pI5I*J5u)t4;bvUtb0vi<N{>J>e
zx#o``X$VpVl^Bi7X%D7E3?5OENHc%kv26++zDEIzVG2c|+GDuf>OizG!HR9;WKtNw
z3DFuOG)R2QVOkV%5fcb9aRsXxhV-(93V%YG{7#)FLg5C`uKLR+s~0&mLrshV=S{XK
z9pOSKt<u-&w8I2;v0k_C$JL6f023uw$|z$7Qvjri6!ADpZGKXWIL5iMEXy<Jat0x1
z>NdGtB8~+)9J;Q9m*dYt)t(Pohb2LE;p{EqK@Lq&v_>4GF|wRU(^DWlMTDhbIT%Zd
zoAM^)IXyG2i*BE==7Ahi!-E`nYp6FUM)u+JY&JVTp9$p3X)d*$zMx&&*PDIf_JN8}
z4^MJvijJuUuF0#9RbcpW(@76cqjVBc4vdX*n!l+6#QmMFi(YRBzbqP~P$PX`1&N<`
zm>--TKIG6{Data;-XOkpYxlW5upD+*;$-^vT@@;R@w(_O=0T1z<;Z4Lu()S?_~{M}
z(lW_|`>6Ezj?b;$VvP?u*c@pUFdlGQymZIr-%1QQPOE@%%g2YG%fjzUoaDjF!I#IO
z<*?C_Bze%6g>rD19{kH<a!kYSj^EUq+i%iP9LHm#KKKXmuz+_o#xxOZbc+ZEcyKnE
z#>7f%XC@X3Bo4P0%r3@e8-Y$XvPc$VOy&zq#=|ZTBy%RqHeX$0{0sd3IA<^hco`Pl
zx0iEHwiiD6{w}A5$9p)Chxs_5C9TJC?fDqXj*UHiIywsHg9qOJ{o35zynFX<fB(b2
zD;BebI3QZg?n<kLr5?vcKf`o896dcZL4H5WvK+_xh{#yc<^_wnqQPQv?m$r-rw-z{
z&M=Ilf`erVj*QP)mJbDYoZ`C6VydV+&YItqR@#n}bu`c%w{Q2NInW(Z&X*Yg9u4)<
zVyfOy9OiHEDURAydbvykarE@w^xyQepa~8gkwHVy3vX1ua~AVNQ|Woc(GhoyA`PY+
zX!MZ8f#%@KG`uygs4PENYIIcH(J*&h9w+9YIM}i{^umDC<@9=y0o>q#k?M@aG$9T<
zxP!c!Yri`#mT@>}>LBKb0uFX-q2zRdkObjT(ZO<iq*H0FJNk$_u&w|OVh+H;ep>(m
z50H1C$_rDI>6;snI{-&#+|jq+9n>5X9EUKrwn|=CMTo*hh?rVysXN;6o~1bsnmSm5
zBkEuH_Pz9xEp3&2RUUw*pA4qrn6=y6+jpEifCFO%gN2&IKRJysoZy3r($>_xw?c!=
zOvZt!v~z9P9fG6c4uGL=e_dRjpU-6G)7m=Eugtq#VZy=P4>B7E28+$sAsl^sEh%(i
ze*b`Hbz7I#Q=gKF-QAR^6$-pz01#)G(r~-oVON7xdi1t%O>zh0K^)kV_V$i1>bfN9
z@fm4dT-u4NT7*{(p3loGAHyy;(!j&rCLFd76<QiBx0%&7Ny<sv@nAAJGgBx;G+vWs
z8HnVUeQr19VKNT7qwP?W-seGgpgkPS``lUz%pt|&NnS$<f~?}9<yQuLuCP1oMuqoq
zSZ`f9yzZTAQdwxBHT`)<V|RF-5ggsj;6`pu%H{NUD8cg)LygIT9FWzl062u@sMF=9
zqByJ<yIRt%U-lhsOQol3aJ=x~!;WsG@gtW?fjxqW1TShT;t&*>7X-DC&1T0r;8BC)
za#w3QZEc|qGYba>3)q8sHodWtOMy8SgQ0}TM`AHq76OW_3IZPyvgs**naBMqjtgBa
z>T0tMep`a2ab>|^0e3LZ1~+sG>;b7Gm`IAE76TfBVi<xT76c=mUuJ#I@O~WETE_7|
zZ1Axwt;NAW<{0-3ev$N?4#6UYL|)`IH2^degBKKaUCCypHUESU{87bmuGL^^oI5&<
z!^04JJee-)sZ>sq=7ORIIOKq;4lCIeMUj`%St++XF~&K)VTuEF>vStLE}UtM<A$B4
zQk%(@rFpOrd;BP-)}Yh|L!v73h9VdNMG<)AmAvyRq_47LoR4IWYTt47@Y)B%YPI5>
z=rP^1khYXuzmu&F$MHXN#|eC~aG<hy7*c3GpLbILWNtmg$HbXPK+popP&S_)QFhcF
zeKN|y^DtUjS{B7nyR_hX_J;lZCHkFiLIaIL7ATz3q1w9Is{aT$%D=3jKdku6HVko~
zJIemp$Q7kxJQ$C}k~0xSHe$mg+5FJE^jv6X6=--dbKGwcN4+8FgbHv#X+a#60r}WO
zWJL}TAyXlN1K>D@0w8o~;+5k~`wsf}$KiOgT3jm50giwu#)gND!0?EY7<%_MzcMvd
zZ9DF_j)NkAt4_0z>}4Kcki!Xa)ap3s&)tDE$fjlT$s+h8GzU165oJh@1xC`~j@Ox}
zGmIQSaQg@Dr~^^s4y-MR0~|sI!iG%YBo`iV;zj;S&!6O*OKTHh6o$R0jg1STt^{uj
z!5?5D6vb;sTSUZKu~x;n&<0wB7$;+eFl2Jm5+`kD5~w035+#i!L|h~yC5?p&UN?0o
z{t4Hf^X0^;O`1eUGlFlY^JS*l^x-|{eAi8DNZL7+b*L8l9pnyxfjB(F7v~@6!kJtk
z<Z^{nc`BsF<Im&S(esW|V}+t~jOmZK<0tJ0;f?9$jT>he4<y2LkZy317%Xb>UTv8+
zt*wfnFhL@zkHfN|o;!wd>ew?e4|N4_xCMb%<)^$FPr2gR{@V`w7<atjBp~;6M~X&*
zbO6Qf&kzTTmxBah>8S>~!+UH91ihy(b<_C^Jc9z)4<74U4i;Q=8pajc#D{TlT$&B=
zio!=!fsZhE3=|#q3!_$Rf7<y6aA+xmC}<)aHvk76fgrJ`qab>qi$u@#y>3$%%G8Be
zHdahR5mS>&*Vjp<G;<7drGvxCd2u|t5Qt=yP(%(uWy!x!&2eeF-B+-JMvFh;=snO-
zy$#a_dV<skS5;pC2c{1Y5vhD4ASn9GF8n*;qNi?4r-jJ`LYq{8Q1NZ<4#I)!)t+Qd
z6r}~`4!7UM%klj4IO1@ePg_ykeE`yOuXJeTNTCR+VzBkuNMByP0v-Tlsg73e)Mz*M
zd$iK97Vh1645RW3U`!_P2=J&AFNC8ucOVU1u)Z>wTnL9V5G+v%+#$GCHT&Gpa9nm;
zxeAbiv-L5Ht)4wJZy<-NG#tnSh%D0)YTyT(W$%$6UZCy`)e|WQ#bQB=pg|Bv)5$?{
z2g3pL=*ij7fFtAu9DW&chn$6Au@)STQ@#O?s}LEWEicEK<2bousGv3ApMU%5`Z9ex
zp;LP{SG8^Xmfbr$%oY<y4EdwAV9{{oMCOht?^gq=DraX>C9Yrx9HU5s10dW;%LDvF
zD|v&(iS2sN-`BRS=1vpf(0DY&LBT@n_aAbzqPP%pOHf(-Q!1p=nHd%=cHezqQ85VN
z82M#)P*H(S2EzE%(;jW<ut1ri{LyMEC3l2#;_NK%mNLBG9Z(~3{>5a8;W%I57!H6k
z(&}94zS=Q7!_hVxWDw>L#$#2jJIsx7gx@F;UX*xQMt5XixJq2n0XWhC0);q8wqp%7
z)Vop|g(M0z+NSMhOBeLY2uBO4ly-LvCPj!9!OM$^SC$1eqUN(o$yx>+u_8yo0yutG
zKZ=U&ZBIM3!(zd3S*`KVaG2|+Qo<1qiwla|D@DDLl%Oug^I54hfH-`JgWRD928Bvb
zTeYhLa8!6`_MkD#G8_|_N@-`9=bae-n2GXFCBdt@qmjjYKAV~AhhTB|oX7Rzpv-|q
zrG4fgdzejK8*6dYx+8IMn&G&14RPEGkLMJZ*A<RV$~@ozcSN(C6L7?w1G;f&J&x-=
z?bT+;9^{UOl?8E7CLKHtIOfO03XJc?=#=`@6<L(?bFLJZ4nA6nV@Q`f42Tto7AP(z
z;DG~|MmY8*CZ^90GaSqvuzarwAwiNRBf{&@qAHhWQd|)>NX4KZM(We)jy}NAZf&Ua
zJ({^=e`0zXV}<1onDBTg!U`>~NK(ihoeC|=@?2_ibSxNz`LHxc>eVsN0cFJ)936;*
z4Qw0kNxwXu7)BhPYsh2b>wHuaLXs#3+>-D*5O_V8QqpDEBV~^{spD}{$FvWc!w?)D
z9i1lTjwU#U5|~Lnz+(`U`1(*(gn;WqG69>RK-sK6T8agOr|q#Am6rYbCIvBd7~l@T
zv8=Sz-=g22NB|DdAlf65OeWvGOL(5VjQO0XQmI^i2?8Ablt}euQsZ!}U(bg54OZb$
zmoQj79y+f8T!2Nn3^b4j$`^~-@l8JtXh-x+pBtGwEQn+2Ag(4@NGF5n4$K{(Cm^&!
z%*SYue7=G+21ESAP*rrh!)Ay(%qEDICc#2FcJ9Gd)ZM#x?-Yx7(&==eaQ|l=K79Dl
zh)x)Ljl_YYS{%gHafdPLHP#(<D@#|WQ8;=v978?r72()er_lbdI6D6^90msqcEi>#
zO&)OOe7!+9sL&doO22b+KB;X3Q5c8PF4`l>pi(5rcq+k|@nCm^krsBVhzNwWG`JWo
zZE^q`yzrt2D3s7ePSHd38h!6sZk#x1Y$?G_zd&NL3cq~s-#lqv?G5<<POuz-<G&A<
zEsb;LjyKqMR6KQzYOBaooHNU^QSQF%JK+M3apg5=OaH0L^7`O#kmQb2DI*VvFeGvy
z3&c1`d7wy2DPCq*`u2WT`ufow?T0+oQUVRe9=gNEFBJI#ggB7LhX%Ry{TbV^a)hhe
zv$&eP!8tg?Jyhus+hQdS<k7Bejx*yZ-BEFpE_RVZzHsjAFA<`l$Q(_g<-9nk?=V!B
zcI1_LgUs;&hg154lIV_xc3x~7Mgx8o4iR}Esw+stMeTps=8ijSXpmETqCIbAK^}$y
zU+mn$4vOq9aWDuKWVWM`x^*+@`3tQnScIpP$3b^RmbeI5ISY{MFvfS0LNvx>_a!#z
z@2IjEa|hs197MU)E{)+_z~7uCZP9j^^jwP*jh#E3hHDlRj-TJZRO|cbiJJ5`54+NY
zt1S=69SDRZKH>o{z!1nrv|SHWBX`sameEzqtgBJ|V5xd0J>e+o!Q7oh@DcW?q8+q_
zgN_k)q_;pMNi;~Mcye5c<JV2=7~TAOmgAp<Gtm7W%t?YI2}B}<aL6C-crn(*1BgUX
zBOHd@G5XdzPB%YmjBxu8ygYhQR)Q?7eQz+%Y!+#Szj6c!aPWDa&ZSpM)D9N&MEkjQ
ztiIOUv%Ic$2f^5*;iYLhj#u4j?lBt+3|PdrBAvzyr94vm8FR<)qj7wz*>_YP{{%J&
zfc)*o<3*fJd%i!&v_c#LaoAq2^R?z2iKyBm{t=a>Mf!bJsTS#U9OfNuP|mFQ4S%NV
zY%~1i&nDq8)*PY*dUatdZ;_AVwZ##LO731dcTSTFq6yi6qq=U4>foSYG45ys;=ruZ
zAZj}8_B!G1<a*+73dsnTYe!K$&C?}kD4x`N>6~rP2^5aSXTX7##f*c-cf>(yRBwit
zop3g}zP=7GvoX#7%3@MSGE3K*jKq?fFP*ce#W5nCyoIYwr2%$djM*0b=T+AG)b|O;
zBpj^P^J1*Elrop8r;DPnNkQG0&Kc;*aFqIdYOqvZvKK&vFpdVntPu4E{V)tCAi&X`
zF0(kE&x^%c7Fk}TvEIia>fm@9cU15&EEWtKe8j<-jW~cuG3Wq}+3a>Q3;oWg%gqX}
zFI{HCblr{Pb-ZSTqvlKJlspvTkd1Med6>J>$8lIR++$d?Y2OC{5ctB!P3f|z)oRm`
zQ@__;W($v77UCdX*eBw626qsTx`%^@N5>c74w~L9oLss9q2KrWNW{mF1G<*+a#eJ(
z6<KCd@%`sY-=C)Py^SCU8seznQF(N1npp@3l~{`@rH8j+AD<$`kO}F|D7rtZpT&Oo
zW7Zi?bL}afG~U8B#Zke-5G;m?_5xARnJD{1-r20Q5k+yFw)TUz@6c!HriBn9!Gg6(
zATkp)Bf%_Moe2&MGs{3inB@#UKmsmYWRay1ViqpCQqWzq5#3p=?Y1w_|Ct%RP1DXz
zCY_Jczawcy7x{7Sx#!$-&P_>@G;ApAG!>`NeJ{iV6O_OqcUrsk)_TL-lffe>j#r#^
zm%uo{W7hr-=(jkC1jUP~QdP*S{eFFORl!i4QmGJ*Rk}`Wt)MEqtBPi+MyG8{`QX+O
z1`fu9pR-KjKt?-`V+lBrmf*k(nXKJA?AHqwMJZRvI^arxquemW4z^rF(%$d4Eg`UV
zgoA_e;9JLip6?*bz^TStgrAhSNUh@@)&*S0Q43G20AEtsvqbPPbl_Oq*Yv;%erUdf
z&x7KQ$;I+;0tYMuqSH{XDybiy9QO_n`w(K&BN#|Q7T=3)Ta~H}_|>)<yhs}w4#tCT
z9ex%3WjgUHI+X)#p&3Wj&6D$!V=w^}0I9T0tP~x2i=ilr7~DG2;kZ)9gJ&K5#j-&O
zJlTe-3MD!u#1|q|xkW^PgOZmuLz5+SuiX$81&c*01{*pD4JaFybwJxwEEfL@D}Vzh
zV5lAlk|9y$n&L)Or%QQbeYbaff`xNZ7sdYZ@vb5&m9p5drIi3f=WJ(*1qa(`7yN^C
zIMS+65<DTuDglLCaZ~Mvh%jvPeW!eg?FO3-0x?;y)`AV4yK5y594w>d6(uQ!vm}>A
zl`vHAs*kE^sk$XM8V#*bq1>)eAsYF&(`U5BaU3yQ2OSRbGFqI2YQ2tuZG!|7s^m!5
zEgMKwLDJ=Np+GUaB7%lcN==VriBrLk);b>ZYqY>ol`lVE6f}tn2V@n7sT+oF$g%_@
z!B4F6CXP-ChGy#mg0+pnL+7l{5|1n8FP2oMq;GybJH6^_s!%15VHmb-*|Mpt5@@J~
z(yF&AU?E%h1&Y-+rXM;FXdTyEe!33qO8GdD+6z|i>*?9)*Tc3hVQm<;VZuOET~+gf
zZi+`oYkQ_Dc}+sde>Z{*oiiFaj_(Mr?Z0qzjMFed?p=L51CU<BL_tNiP0KO>1e>q5
zwp);$MoU!ZQf?E-@;pH)tFuIhgEe8_<NFTe_Iay*^Z67&u67%;p_(REiwQ?+$>sWf
zm34l&{Zh+ww#r40gP-6t9CY;at|W;kmjvY7O>1AXO<h-Y)7IMSiaJ)z##gbp9BzWo
zS9q?pcH0=3S69z3KYu$t`+jjGYI~5@C|8Wk8?ShV7ob4$J3o$TeMk3T`1(Wh&pjRo
zXn)w6#X7ig2XHu5!go~v(3RfB6^MMlJU^<S!mw^+z<^R-?*%O8!GUL%#nN@R+fRR>
zF>?Q)$-%)XN<RO!&XR$s;zWJ4l2+)SU))??-dyxV!7&MZ;}s7?EP~>IX0(n2??+Al
z0{+fSDIBkYPdL1$b3BN;Y^@`9WFf^oM$v7obZrCQ%ON&WPP||4Y0t;$a6DzM)Hg^^
zWxP@{eV6b+PH)tBUnLoeXCJu`Ps5sy2ILyX5bZRXMq}MB+YX#2=~Iw-mZ#(0Kak7A
zYnt<BIo!rlJdBD1WF8z-x7mL2tb;j^=C48eXv{hertCWA#vLHx83)PvA7J2dX?Ql`
zy|~tqowMDAk7J9y#oxVOGM>Sh?-)*r<36W?zX%SlO*k(ALp(^CJF#Wsy3=%+jg*YQ
zm!WG5gNdZhA<$&M$`;lX$3Om4*0mCphj8peWL#^(3K~bk8u*LL;g9zW2X5Sfe{ByY
zk3kPyX9`5a5%Zz*maN$Ukf*yv!Gcgc#ap58wzjg7op0zo%g4dCi$QlVnensDwcGVx
zXX-jm%A}-^b#NLgKl*l`4n71K;8?ibS^kN^(a|^!A0FLLv-Ec?B*i))hJ&x|F3U|O
zHM}#Qt>Ls23y<AqsD#YX&V~az813v_kNy-=eAvF;+1dIyoMqZ6S!2baOgsIvIPic*
ztoL`YM#_cwaU^0i&?kk1(u<KP3lvU>zEOJ}tr!l@!~!}RqSG6aGlu#)8u3rV5O>7C
zSmM0hB{}zZ5RZ6g@IfOv))D(g`(QFEeVTy95|?!(Deg$f4E{u$?SG5o+3$SEqyH7h
zWB3k+BX;X}m4rJ76SUE$lW^xC4@Y)oDRiwYvPQ}{cNRX5Tq+7>vWbXF!Gq&U-=reZ
zQv4TXJ)GjM<Hb}&V!k7ni_w)X_!K3fbSfHUUZrEc`uVwAh2w-_wNxaku@o+ssKxRN
zj&u|}GSs*oD~_kPE&4vbBeDarbgUoG0zL7rjb}GfCM2Vc2M4U<q5BCONjW-ZS3_lU
zuOrq=e0&eAgK#9}_~++O?}_^3YF=PtaX$MiIhXtXVDEf#+J=HKp0<z>14dLyTTmC>
zKvlKsuBnY;VvHz4S-`3rZqN&G9K;23lWw!il2s+x^Z=cCGtcANMwV@Czkom6@jqDj
zr*G!HXUCb)9iY048GW>R${Z%)pq7@B$KUU@NJ?FWzej1-Gg{_RuRXq5JzWSb)QU+s
zplD!ydZRiWI##k;mhn-3O-d%y(>jWON!hPH6m#YptQjrK<oKY7E(@_B9QFERUzOO@
zG_q3Z*+DU#mJFBa^mh#g`SSX`g^5GnR!GHBenfjwGJOD%wDP=v%9rO2^<f{&^Y%j;
zf<tnLWj)UQj^n}|b>RU(L{iI|iZ@e5Yp&1CpC@#T3N_=x$J9i7!|obPAXU5>U|^&W
z4S<kQyt(+@u#2))M+wN3nM_%X<D{^LYs3LjZ1%a>xzy&(YFUmBiw)VwC0bhn!casr
zbOu#^SJmzHI^bQLLAWg^NOW)r5Ku5k!6?DH-qA|uncc9-ue1ER9G8F*sr{bN3}^t0
zps<F$jUIs5SOpgA3`1z7220}_vyccbQ5-)t4xdD8+Tv~531~BNZn#Q<^2EYIXc+T_
zhByo%LJJ6X!5u16{D7}kE3q3>z{l)YEF=+y!8nW=!o|MnflE>|qyg9E`5sHQe4p2H
z!Viz@|FDq(gMeAn(0SCPA)MHQK2vlJX%vj%cuEe<jzimg%%K&Xph?c#FSLXOdBaq9
zjK(;TO%ga14c~KM21T#fA@N#6V(C9~>=+5Oh2)K7Ds4V@D2YKvYUa%=NTfmF;nlI&
z1VSS&PtOXPjb2b76ok+h1_w(hB=Elo2f0IEq_ze}h**X}2qnbPq2Le-%Y!4SD{N(b
zU+j@rc8B#;a1aepr8v@G@0lJptk}zB*XRyqj@BLQ4#M%s?l8Ea&Bz@XEN$*knxQ)g
zN9zuBhsvcD;xME<Z;ssI`E4qVxPv<1mEbU^mUW(PSer^2N5!esq%UD-NV;K|JDO@)
z&KGmH5zQAj4+M+n)zl43y5rVuP`9Z#ylQht^0AZX#%)yRX+yZ6xo+6PZB+NEsnoA%
zM4SECY3??wN&NOt$r0_RaxIJ7ux`@bQ8<<M^SZ-y96!ng%U&mkJ64T%2aagV+zxx!
z$rmh^+3w&63q^Cs+e{3?<K<EW%Zc3nsf>mU@Que&Ja-H}!(~3LVEMYUv%9-H7!0-s
zTlutS_d7YX94*Usw=WgRtJF%1V+q|szq48c4@#wm_dB+`R&Tv^M~DMoX)J}~NsU>y
zV?W^}dY<m+S{tc2o~b)5X<4e3neLdx-BES0NVfxVY{uMi?>4IW$Sil<xsB>Bj$_TL
z9fvtLOBbV&SuG1ZS(v*GX)ezd61k&OwFF08=l|L}yVba1APSqTR9k-+rqHW&p{11E
zwY0_W|7bnObA&?cB_Uv~F7iblYle|_Ie4^=&3f+ym(hc@BlRnmT*kgBX~l9mTMk`1
zPNUzWU6;~z?I>g4!Czy^Cl$-6U*LGLSUSkzCdXpo)xm9G)@9DAN3l?jhvajN+rX@G
z_Fd#~u3kI-yp79OJ?;!@oQ>Af_<I|cpG(O}zwUQ3`X?@zbsLuNs1-e0;%rncxs-3)
zpj;pMxngphzm)Ru@Hv++qpluLA^7^MGN&Rvbe=w_9-m^!I5_&q;Y^NQkH_ma9M}C6
zES+8|!by+h=Mv)6pC8*mTz`FBN~vm`Ery;erw<oD&mk<}1KI#AB$k|$Zor-YxuS9b
z)FbD)l(@tN*e=4<0Il3e*LIA{2j;ZB^3^O*eW7&aYIaEx<_tBG)NoS=++=cK{Yc(>
zDiTVexlNFLBjHt3gq)#<_s<?J(E%MERxrr}yo>*txv`0Zgtv11db5WXDM5_BYBW6{
z2oI6;4_+a0?0Ekys8KXGq4XLkpXBC%OBKU`sTWQK14SswP0~?_f9fUnL~15A?`WnZ
zS5}h}m5GjxjyNDeAc=7?gGM8#A-DBfvM^8KHY2PhvS(IVK)s5zAX8tka__D3U<Nxj
z08`_1q#Rv~G-|9R1I=Y)0YjA*VKcv>M@#gEa$p+?w`*}f92&9Hvk8p~F^czQ+l130
zg_XuWZEZkN8$@h63;;U%=^&^qMuo;O;jU^p?e%Wuqq{e5iZ$WPOfq|$l-4pe9MIQJ
iu@<PWGQIQ8X#52jgFHF1R(+WO0000<MNUMnLSTaPO3>;6

literal 0
HcmV?d00001

diff --git a/plugins/woocommerce/assets/images/task_list/tax-illustration.png b/plugins/woocommerce/assets/images/task_list/tax-illustration.png
new file mode 100644
index 0000000000000000000000000000000000000000..3da96cf393d55af2bc78b6999c437f9274887779
GIT binary patch
literal 11350
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
Y1HDxsgH*QM;s5{u07*qoM6N<$f}R1Qh5!Hn

literal 0
HcmV?d00001

diff --git a/plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Marketing.php b/plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Marketing.php
index b76308121d0..8c90738ba18 100644
--- a/plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Marketing.php
+++ b/plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Marketing.php
@@ -58,7 +58,7 @@ class Marketing extends Task {
 	 * @return string
 	 */
 	public function get_time() {
-		return __( '1 minute', 'woocommerce' );
+		return __( '2 minutes', 'woocommerce' );
 	}
 
 	/**

From b56e38c4926140615c1a0e1f76dbe14496f1593e Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Wed, 27 Apr 2022 11:48:23 -0300
Subject: [PATCH 261/327] Add changelog

---
 .../changelog/fix-32802_update_copy_and_illustrations         | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32802_update_copy_and_illustrations

diff --git a/plugins/woocommerce/changelog/fix-32802_update_copy_and_illustrations b/plugins/woocommerce/changelog/fix-32802_update_copy_and_illustrations
new file mode 100644
index 00000000000..8295a346a79
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32802_update_copy_and_illustrations
@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Update illustrations and copy of new task list. #32805

From 711e0ce44935ed54586f91119779846f4a563508 Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Fri, 29 Apr 2022 10:12:09 -0300
Subject: [PATCH 262/327] Remove unused illustrations

---
 .../headers/illustrations/add-products.js     | 791 ------------------
 .../headers/illustrations/add-tax-rates.js    | 136 ---
 .../headers/illustrations/get-more-sales.js   | 101 ---
 .../headers/illustrations/get-paid.js         |  84 --
 .../illustrations/personalize-my-store.js     | 267 ------
 .../headers/illustrations/setup_complete.svg  | 111 ---
 .../headers/illustrations/shipping.js         | 112 ---
 7 files changed, 1602 deletions(-)
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-products.js
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-tax-rates.js
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-more-sales.js
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-paid.js
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/personalize-my-store.js
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/setup_complete.svg
 delete mode 100644 plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/shipping.js

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-products.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-products.js
deleted file mode 100644
index b9545be7961..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-products.js
+++ /dev/null
@@ -1,791 +0,0 @@
-export default ( props ) => (
-	<svg
-		width="347"
-		height="328"
-		viewBox="0 0 347 328"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		{ ...props }
-	>
-		<path
-			opacity="0.1"
-			d="M321.188 154.15C361.945 176.603 349 283.728 312.5 309.5C278.527 333.488 74.981 330.387 49.2413 320.771C32.4545 314.5 -0.000149752 306.271 5.18238e-10 266.634C0.000175908 220.074 57.674 206.208 110.793 189.502C175.702 169.088 202.561 88.8028 321.188 154.15Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-		/>
-		<g clipPath="url(#clip0)">
-			<path
-				d="M260.554 176.096L178.801 159.487V289.458L260.554 271.408V176.096Z"
-				fill="white"
-			/>
-			<path
-				opacity="0.1"
-				d="M260.554 176.096L178.801 159.487V289.458L260.554 271.408V176.096Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M97.0469 176.096L178.8 159.487V289.458L97.0469 271.767V176.096Z"
-				fill="white"
-			/>
-			<path
-				opacity="0.17"
-				d="M97.0469 176.023L178.8 159.487V289.458L97.0469 271.845V176.023Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M178.801 160.592L221.647 131.301L303.002 148.472L260.156 176.712L178.801 160.592Z"
-				fill="white"
-			/>
-			<path
-				d="M54.5977 149.039L96.7151 176.712L178.799 160.392L137.113 131.301L54.5977 149.039Z"
-				fill="white"
-			/>
-			<path
-				opacity="0.05"
-				d="M54.5977 148.821L97.9292 176.712L180.371 160.592L137.473 131.301L54.5977 148.821Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M162.8 195.504H131.909C131.757 195.504 131.633 195.695 131.633 195.93V196.644C131.633 196.879 131.757 197.07 131.909 197.07H162.8C162.952 197.07 163.076 196.879 163.076 196.644V195.93C163.076 195.695 162.952 195.504 162.8 195.504Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M207.097 195.504H170.938V197.07H207.097V195.504Z"
-				fill="#2C3338"
-			/>
-			<path
-				opacity="0.6"
-				d="M207.099 190.806H196.094V192.372H207.099V190.806Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M194.521 200.201H183.516V201.767H194.521V200.201Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M97.0469 176.712V271.863L179.262 289.458L180.372 195.024L97.0469 176.712Z"
-				fill="white"
-			/>
-			<path
-				d="M260.554 271.506L178.801 289.459V195.025L260.554 176.713V271.506Z"
-				fill="white"
-			/>
-			<path
-				opacity="0.07"
-				d="M260.554 271.506L178.801 289.459V195.025L260.554 176.713V271.506Z"
-				fill="#2C3338"
-			/>
-			<path
-				opacity="0.1"
-				d="M95.4727 226.502L141.668 236.217L178.798 211.026V195.553L96.3349 178.278L95.4727 226.502Z"
-				fill="#2C3338"
-			/>
-			<path
-				opacity="0.1"
-				d="M262.126 226.502L215.931 236.217L178.801 211.026V195.553L261.264 178.278L262.126 226.502Z"
-				fill="#2C3338"
-			/>
-			<path
-				d="M96.7151 176.712L54.5977 206.209L136.682 223.689L178.799 195.285L96.7151 176.712Z"
-				fill="white"
-			/>
-			<path
-				d="M260.602 176.713L303.002 206.21L221.63 223.69L178.801 195.286L260.602 176.713Z"
-				fill="white"
-			/>
-			<path
-				opacity="0.07"
-				d="M260.602 176.713L303.002 206.21L221.63 223.69L178.801 195.286L260.602 176.713Z"
-				fill="#2C3338"
-			/>
-			<g opacity="0.6">
-				<path
-					opacity="0.5"
-					d="M166.36 131.95C166.22 131.776 166.019 131.662 165.798 131.632C165.577 131.602 165.353 131.657 165.171 131.787C164.99 131.917 164.864 132.111 164.821 132.33C164.778 132.549 164.82 132.776 164.939 132.965C165.101 133.21 165.28 133.446 165.45 133.674C167.501 136.448 168.563 139.801 169.481 143.144C169.704 143.962 169.918 144.833 169.665 145.643C169.981 143.463 169.832 141.24 169.228 139.122C168.627 137.011 167.857 134.952 166.924 132.965C166.772 132.608 166.583 132.267 166.36 131.95V131.95Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M153.046 137.784C151.66 137.74 151.486 139.841 152.863 139.95C153.226 139.981 153.588 139.989 153.938 139.998C158.179 140.112 162.184 141.652 166.035 143.307C166.984 143.714 167.976 144.182 168.527 145.057C166.738 143.075 164.535 141.512 162.074 140.48C159.609 139.447 157.061 138.622 154.458 138.016C153.998 137.887 153.524 137.809 153.046 137.784V137.784Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M153.432 142.947C152.558 142.978 152.754 144.225 153.638 144.229C153.865 144.229 154.075 144.229 154.315 144.229C156.991 144.12 159.728 144.86 162.386 145.674C163.057 145.821 163.681 146.136 164.2 146.588C162.789 145.498 161.19 144.676 159.483 144.164C157.805 143.657 156.092 143.274 154.359 143.017C154.053 142.965 153.743 142.941 153.432 142.947V142.947Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M171.318 166.066C171.567 166.906 172.721 166.407 172.511 165.55C172.454 165.327 172.389 165.112 172.323 164.898C171.558 162.329 171.593 159.493 171.72 156.714C171.698 156.026 171.849 155.343 172.157 154.728C171.449 156.365 171.046 158.118 170.968 159.9C170.901 161.653 170.961 163.408 171.147 165.151C171.175 165.461 171.232 165.767 171.318 166.066V166.066Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M155.027 130.782C154.498 130.69 154.459 131.46 154.983 131.574L155.39 131.653C157.003 131.929 158.542 132.716 160.028 133.539C160.41 133.713 160.742 133.979 160.995 134.314C160.291 133.484 159.44 132.791 158.485 132.27C157.544 131.762 156.568 131.324 155.565 130.957C155.391 130.883 155.211 130.825 155.027 130.782Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M146.897 151.118C145.564 151.805 146.692 153.695 148.065 153.07C148.423 152.903 148.773 152.719 149.105 152.549C153.189 150.426 157.928 149.647 162.588 149.048C163.734 148.899 164.953 148.772 166.011 149.223C163.098 148.466 160.066 148.285 157.084 148.689C154.136 149.091 151.223 149.719 148.371 150.566C147.862 150.7 147.369 150.885 146.897 151.118Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M150.711 158.47C149.75 159.345 151.249 160.421 152.255 159.564C152.517 159.336 152.771 159.1 153.007 158.877C155.931 156.128 159.796 154.172 163.643 152.369C164.588 151.932 168.452 151.494 169.515 151.494C166.804 151.739 161.265 152.584 158.804 153.682C156.386 154.836 154.049 156.152 151.809 157.621C151.417 157.869 151.05 158.153 150.711 158.47Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M157.556 170.202C157.276 171.484 159.108 171.515 159.449 170.202C159.537 169.869 159.611 169.532 159.681 169.208C160.525 165.27 162.593 161.476 164.735 157.804C165.26 156.903 168.202 154.303 169.072 153.752C166.978 155.502 162.903 159.34 161.517 161.66C160.191 163.979 159.023 166.386 158.02 168.863C157.825 169.294 157.67 169.742 157.556 170.202Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M171.336 125.158C170.68 123.824 168.814 124.922 169.408 126.292C169.561 126.646 169.736 126.996 169.902 127.333C171.913 131.408 172.608 136.121 173.124 140.755C173.251 141.888 173.36 143.101 172.897 144.146C173.685 141.267 173.911 138.263 173.562 135.298C173.212 132.368 172.642 129.469 171.857 126.624C171.732 126.12 171.558 125.629 171.336 125.158V125.158Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M179.432 131.95C179.566 131.761 179.77 131.633 179.999 131.594C180.228 131.556 180.463 131.61 180.652 131.744C180.841 131.879 180.968 132.083 181.007 132.312C181.045 132.541 180.992 132.776 180.857 132.965C180.691 133.21 180.516 133.447 180.346 133.674C178.295 136.449 177.228 139.801 176.315 143.144C176.087 143.962 175.877 144.833 176.127 145.643C175.81 143.463 175.959 141.24 176.564 139.122C177.162 137.01 177.933 134.951 178.868 132.965C179.019 132.608 179.208 132.267 179.432 131.95V131.95Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M192.75 137.784C194.132 137.74 194.311 139.841 192.93 139.95C192.571 139.981 192.204 139.989 191.858 139.998C187.618 140.112 183.609 141.652 179.757 143.307C178.813 143.714 177.82 144.182 177.27 145.057C179.059 143.075 181.262 141.512 183.722 140.48C186.186 139.447 188.732 138.623 191.334 138.016C191.796 137.887 192.271 137.809 192.75 137.784V137.784Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M192.389 142.947C193.263 142.978 193.062 144.225 192.184 144.229C191.952 144.229 191.724 144.229 191.506 144.229C188.83 144.12 186.094 144.86 183.435 145.674C182.763 145.821 182.139 146.135 181.621 146.588C183.031 145.497 184.631 144.675 186.338 144.164C188.019 143.663 189.735 143.285 191.471 143.035C191.774 142.977 192.081 142.948 192.389 142.947V142.947Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M190.772 130.782C191.301 130.69 191.341 131.46 190.816 131.574L190.405 131.653C188.796 131.929 187.253 132.716 185.771 133.539C185.389 133.713 185.057 133.979 184.805 134.314C185.507 133.484 186.356 132.791 187.31 132.27C188.252 131.763 189.23 131.325 190.235 130.957C190.408 130.883 190.588 130.824 190.772 130.782V130.782Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M177.09 167.659C176.972 168.18 176.25 167.922 176.347 167.392C176.347 167.252 176.403 167.116 176.434 166.985C176.801 165.392 176.666 163.664 176.482 161.974C176.467 161.555 176.349 161.146 176.137 160.784C176.631 161.753 176.942 162.805 177.055 163.887C177.165 164.954 177.198 166.027 177.155 167.099C177.153 167.287 177.131 167.475 177.09 167.659V167.659Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M190.436 164.194C190.846 164.89 189.837 164.842 189.395 164.146C189.277 163.962 189.172 163.778 189.067 163.603C187.817 161.472 185.911 159.363 183.991 157.328C183.538 156.799 183.01 156.34 182.422 155.967C183.919 156.99 185.302 158.173 186.545 159.494C187.777 160.807 188.862 162.12 189.928 163.467C190.114 163.698 190.283 163.941 190.436 164.194V164.194Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M153.87 164.194C153.459 164.89 154.469 164.842 154.915 164.146C155.028 163.962 155.138 163.778 155.238 163.603C156.488 161.472 158.395 159.363 160.314 157.328C160.768 156.799 161.299 156.34 161.888 155.967C160.389 156.99 159.005 158.172 157.761 159.494C156.532 160.807 155.444 162.12 154.377 163.467C154.192 163.698 154.022 163.941 153.87 164.194Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M167.242 167.659C167.36 168.18 168.081 167.922 167.99 167.392C167.963 167.252 167.933 167.116 167.902 166.985C167.535 165.392 167.666 163.664 167.854 161.974C167.865 161.555 167.983 161.146 168.195 160.784C167.701 161.753 167.389 162.805 167.277 163.887C167.166 164.954 167.134 166.027 167.181 167.099C167.184 167.287 167.204 167.475 167.242 167.659Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M186.562 136.02C187.086 135.928 187.126 136.694 186.601 136.812C186.466 136.843 186.326 136.865 186.195 136.887C184.581 137.162 183.042 137.95 181.556 138.777C181.175 138.952 180.843 139.218 180.59 139.552C181.294 138.721 182.144 138.027 183.099 137.504C184.04 136.996 185.016 136.558 186.02 136.191C186.194 136.116 186.376 136.059 186.562 136.02V136.02Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M181.644 125.741C182.081 125.456 182.422 126.152 181.981 126.458L181.631 126.682C180.241 127.557 179.104 128.848 178.033 130.182C177.743 130.487 177.535 130.861 177.43 131.268C177.772 130.233 178.301 129.271 178.99 128.428C179.671 127.601 180.41 126.824 181.203 126.104C181.337 125.968 181.485 125.846 181.644 125.741V125.741Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M198.899 151.117C200.232 151.804 199.104 153.695 197.732 153.069C197.373 152.903 197.023 152.719 196.687 152.548C192.608 150.426 187.869 149.647 183.208 149.048C182.063 148.899 180.843 148.772 179.785 149.223C182.697 148.467 185.727 148.285 188.708 148.689C191.658 149.091 194.572 149.718 197.426 150.566C197.934 150.701 198.427 150.886 198.899 151.117Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M195.085 158.47C196.046 159.345 194.547 160.421 193.541 159.564C193.279 159.336 193.025 159.1 192.785 158.877C189.86 156.128 186 154.172 182.148 152.369C181.208 151.932 177.317 151.494 176.281 151.494C178.992 151.739 184.527 152.584 186.988 153.682C189.406 154.835 191.743 156.151 193.983 157.621C194.376 157.869 194.745 158.153 195.085 158.47V158.47Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M183.779 171.659C183.897 172.972 182.074 172.758 181.899 171.445C181.855 171.099 181.824 170.758 181.794 170.43C181.448 166.43 179.87 162.391 178.204 158.478C177.798 157.52 175.201 154.588 174.414 153.914C176.272 155.905 179.831 160.233 180.919 162.71C181.951 165.177 182.816 167.711 183.508 170.294C183.641 170.74 183.731 171.197 183.779 171.659V171.659Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M187.764 166.959C187.729 166.979 187.69 166.991 187.65 166.994C187.576 166.994 187.528 166.92 187.497 166.854C187.335 166.5 187.427 166.036 187.178 165.738C186.921 166.045 186.714 166.39 186.566 166.762L185.608 166.465C185.563 166.65 185.555 166.843 185.586 167.032C185.617 167.221 185.686 167.402 185.788 167.563C185.624 167.639 185.476 167.744 185.351 167.874C185.286 167.939 185.241 168.021 185.22 168.111C185.199 168.201 185.204 168.294 185.232 168.381C185.454 168.434 185.682 168.456 185.91 168.447C185.874 168.868 185.898 169.293 185.98 169.707C185.986 169.77 186.016 169.828 186.063 169.869C186.133 169.913 186.225 169.869 186.299 169.83C186.63 169.625 186.902 169.337 187.086 168.994L187.445 169.843C187.468 169.932 187.524 170.009 187.602 170.058C187.656 170.077 187.714 170.077 187.768 170.059C187.822 170.041 187.868 170.005 187.899 169.957C187.96 169.858 187.997 169.748 188.009 169.633L188.14 168.819C188.145 168.778 188.16 168.739 188.183 168.705C188.225 168.674 188.276 168.66 188.328 168.666C188.664 168.666 189.005 168.666 189.342 168.666C189.399 168.487 189.22 168.32 189.049 168.228C188.879 168.136 188.669 168.093 188.581 167.926C188.406 167.581 188.861 167.108 188.669 166.81C188.476 166.513 188.061 166.81 187.764 166.959Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M195.889 140.462C195.854 140.482 195.815 140.494 195.775 140.497C195.701 140.497 195.653 140.423 195.622 140.357C195.456 140.003 195.552 139.539 195.299 139.241C195.044 139.549 194.839 139.894 194.691 140.265L193.729 139.968C193.685 140.154 193.678 140.347 193.709 140.536C193.741 140.724 193.81 140.905 193.913 141.066C193.748 141.141 193.6 141.246 193.476 141.377C193.411 141.442 193.366 141.524 193.345 141.614C193.324 141.704 193.329 141.797 193.357 141.884C193.579 141.937 193.807 141.959 194.035 141.95C193.999 142.371 194.023 142.796 194.105 143.21C194.111 143.273 194.141 143.331 194.188 143.372C194.227 143.387 194.269 143.392 194.309 143.385C194.35 143.378 194.388 143.36 194.42 143.333C194.752 143.128 195.025 142.84 195.211 142.497L195.57 143.346C195.593 143.435 195.649 143.511 195.727 143.56C195.781 143.58 195.839 143.58 195.893 143.562C195.947 143.543 195.993 143.508 196.024 143.46C196.085 143.362 196.121 143.251 196.129 143.136L196.265 142.322C196.266 142.28 196.281 142.24 196.308 142.208C196.348 142.178 196.398 142.164 196.448 142.169C196.789 142.169 197.126 142.169 197.467 142.169C197.524 141.989 197.345 141.823 197.17 141.731C196.995 141.639 196.794 141.596 196.706 141.429C196.527 141.084 196.986 140.607 196.794 140.313C196.601 140.02 196.186 140.313 195.889 140.462Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M163.399 170.924C163.352 170.953 163.298 170.97 163.242 170.972C163.141 170.972 163.071 170.867 163.028 170.775C162.8 170.281 162.931 169.642 162.59 169.222C162.235 169.65 161.949 170.132 161.742 170.648L160.405 170.237C160.342 170.496 160.332 170.765 160.376 171.029C160.419 171.292 160.515 171.543 160.658 171.769C160.422 171.873 160.208 172.021 160.029 172.206C159.939 172.297 159.876 172.411 159.847 172.535C159.817 172.659 159.823 172.789 159.862 172.911C160.171 172.988 160.489 173.021 160.807 173.007C160.759 173.592 160.793 174.181 160.907 174.757C160.911 174.801 160.923 174.844 160.944 174.883C160.964 174.922 160.992 174.957 161.025 174.985C161.121 175.046 161.248 174.985 161.349 174.928C161.81 174.641 162.189 174.24 162.451 173.764L162.945 174.95C162.98 175.073 163.059 175.179 163.168 175.248C163.246 175.28 163.333 175.283 163.413 175.256C163.493 175.23 163.561 175.175 163.605 175.103C163.688 174.971 163.739 174.821 163.753 174.666L163.937 173.537C163.936 173.504 163.943 173.471 163.957 173.441C163.97 173.411 163.99 173.385 164.016 173.364C164.041 173.343 164.07 173.328 164.102 173.32C164.134 173.312 164.167 173.311 164.199 173.318C164.671 173.318 165.139 173.318 165.611 173.318C165.694 173.068 165.441 172.832 165.2 172.727C164.96 172.622 164.676 172.543 164.553 172.289C164.309 171.812 164.942 171.147 164.671 170.736C164.326 170.241 163.815 170.718 163.399 170.924Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.6"
-					d="M149.881 141.254C149.834 141.282 149.779 141.297 149.724 141.298C149.623 141.298 149.554 141.197 149.51 141.105C149.282 140.611 149.414 139.967 149.073 139.552C148.718 139.98 148.431 140.462 148.224 140.978L146.887 140.563C146.824 140.822 146.814 141.091 146.858 141.354C146.901 141.617 146.997 141.869 147.14 142.094C146.906 142.202 146.693 142.35 146.511 142.532C146.421 142.624 146.359 142.738 146.33 142.864C146.301 142.989 146.308 143.119 146.349 143.241C146.656 143.317 146.973 143.349 147.289 143.337C147.242 143.922 147.276 144.511 147.389 145.088C147.393 145.131 147.406 145.173 147.426 145.211C147.446 145.249 147.474 145.283 147.508 145.311C147.604 145.376 147.73 145.311 147.831 145.258C148.293 144.971 148.673 144.568 148.933 144.09L149.427 145.28C149.466 145.402 149.544 145.506 149.65 145.578C149.725 145.602 149.807 145.602 149.882 145.576C149.957 145.55 150.021 145.5 150.065 145.433C150.147 145.301 150.198 145.151 150.214 144.996L150.397 143.862C150.403 143.804 150.425 143.749 150.463 143.705C150.49 143.682 150.522 143.666 150.555 143.656C150.589 143.646 150.625 143.643 150.66 143.648C151.132 143.648 151.6 143.648 152.072 143.648C152.155 143.394 151.906 143.162 151.661 143.057C151.416 142.952 151.136 142.869 151.014 142.619C150.769 142.142 151.403 141.477 151.136 141.066C150.808 140.589 150.297 141.048 149.881 141.254Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M190.902 159.625C190.877 159.642 190.848 159.651 190.819 159.651C190.792 159.646 190.768 159.634 190.748 159.616C190.728 159.598 190.713 159.576 190.705 159.551C190.587 159.284 190.657 158.947 190.469 158.724C190.286 158.952 190.138 159.208 190.032 159.481L189.319 159.262C189.286 159.4 189.281 159.543 189.305 159.683C189.328 159.822 189.379 159.956 189.455 160.076C189.33 160.129 189.217 160.207 189.122 160.303C189.074 160.352 189.041 160.413 189.025 160.479C189.01 160.546 189.013 160.615 189.035 160.68C189.198 160.72 189.366 160.736 189.533 160.728C189.506 161.041 189.525 161.357 189.59 161.664C189.594 161.71 189.616 161.753 189.651 161.783C189.68 161.794 189.711 161.797 189.741 161.791C189.771 161.786 189.799 161.772 189.822 161.752C190.069 161.601 190.271 161.386 190.408 161.131L190.67 161.765C190.69 161.83 190.731 161.886 190.788 161.923C190.829 161.936 190.873 161.936 190.913 161.922C190.953 161.907 190.988 161.88 191.011 161.844C191.052 161.767 191.076 161.682 191.081 161.594L191.177 160.99C191.177 160.973 191.181 160.956 191.189 160.941C191.197 160.926 191.207 160.912 191.221 160.901C191.234 160.89 191.249 160.882 191.266 160.878C191.283 160.874 191.3 160.874 191.317 160.877C191.566 160.877 191.815 160.877 192.065 160.877C192.108 160.745 191.977 160.623 191.85 160.566C191.724 160.509 191.566 160.465 191.505 160.343C191.374 160.089 191.71 159.735 191.566 159.516C191.422 159.297 191.125 159.52 190.902 159.625Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M172.538 170.237C172.513 170.253 172.485 170.262 172.455 170.264C172.429 170.258 172.404 170.245 172.384 170.227C172.364 170.208 172.35 170.185 172.342 170.159C172.224 169.896 172.293 169.559 172.106 169.336C171.921 169.564 171.774 169.819 171.668 170.093L170.956 169.874C170.923 170.012 170.918 170.155 170.942 170.295C170.965 170.435 171.016 170.568 171.091 170.688C170.967 170.742 170.854 170.819 170.759 170.916C170.711 170.964 170.677 171.025 170.662 171.091C170.646 171.158 170.65 171.227 170.672 171.292C170.835 171.332 171.002 171.348 171.17 171.34C171.143 171.652 171.162 171.966 171.227 172.272C171.23 172.319 171.25 172.362 171.284 172.395C171.336 172.425 171.406 172.395 171.458 172.364C171.705 172.213 171.908 171.998 172.044 171.743L172.307 172.377C172.326 172.442 172.368 172.498 172.425 172.535C172.465 172.548 172.509 172.547 172.549 172.533C172.589 172.519 172.624 172.492 172.648 172.456C172.69 172.384 172.716 172.303 172.722 172.22L172.822 171.616C172.823 171.599 172.827 171.582 172.834 171.566C172.842 171.551 172.853 171.537 172.866 171.527C172.879 171.516 172.895 171.508 172.912 171.504C172.928 171.499 172.946 171.499 172.962 171.502C173.212 171.502 173.461 171.502 173.71 171.502C173.754 171.371 173.623 171.244 173.496 171.191C173.369 171.139 173.212 171.091 173.15 170.968C173.019 170.714 173.356 170.36 173.212 170.141C173.067 169.922 172.757 170.132 172.538 170.237Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M154.792 133.097C154.766 133.111 154.738 133.12 154.709 133.123C154.652 133.123 154.617 133.066 154.595 133.018C154.473 132.755 154.543 132.414 154.355 132.195C154.17 132.423 154.022 132.678 153.918 132.952L153.174 132.712C153.14 132.849 153.133 132.992 153.156 133.132C153.179 133.272 153.229 133.406 153.305 133.526C153.183 133.582 153.07 133.659 152.973 133.753C152.926 133.802 152.892 133.863 152.877 133.929C152.861 133.995 152.865 134.065 152.886 134.13C153.05 134.169 153.219 134.187 153.389 134.182C153.362 134.494 153.38 134.807 153.441 135.114C153.443 135.137 153.449 135.159 153.459 135.18C153.47 135.2 153.484 135.218 153.502 135.232C153.555 135.267 153.62 135.232 153.673 135.206C153.919 135.054 154.121 134.839 154.259 134.585L154.521 135.215C154.539 135.28 154.581 135.337 154.639 135.372C154.679 135.388 154.723 135.389 154.764 135.376C154.805 135.362 154.839 135.335 154.862 135.298C154.906 135.225 154.932 135.142 154.941 135.057L155.037 134.458C155.039 134.426 155.051 134.395 155.072 134.37C155.087 134.359 155.104 134.351 155.122 134.347C155.14 134.342 155.158 134.341 155.177 134.344C155.426 134.344 155.675 134.344 155.929 134.344C155.968 134.208 155.837 134.086 155.71 134.029C155.583 133.972 155.43 133.933 155.365 133.806C155.233 133.552 155.57 133.202 155.43 132.983C155.29 132.764 154.989 132.987 154.792 133.097Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M164.229 154.027C164.201 154.036 164.173 154.036 164.145 154.027C164.093 154.027 164.054 153.975 164.032 153.927C163.909 153.664 163.979 153.323 163.796 153.1C163.61 153.328 163.463 153.585 163.359 153.861L162.65 153.638C162.617 153.776 162.611 153.919 162.634 154.059C162.658 154.199 162.709 154.332 162.786 154.452C162.661 154.506 162.547 154.584 162.449 154.679C162.402 154.728 162.369 154.789 162.354 154.855C162.338 154.922 162.341 154.991 162.362 155.056C162.526 155.095 162.695 155.113 162.865 155.108C162.838 155.42 162.856 155.734 162.917 156.04C162.921 156.086 162.943 156.129 162.978 156.159C163.031 156.194 163.101 156.159 163.153 156.132C163.398 155.979 163.598 155.765 163.735 155.511L164.001 156.141C164.019 156.206 164.062 156.263 164.119 156.299C164.159 156.312 164.201 156.311 164.241 156.298C164.28 156.284 164.314 156.259 164.338 156.224C164.383 156.152 164.41 156.069 164.417 155.983L164.517 155.384C164.518 155.352 164.529 155.322 164.548 155.296C164.578 155.275 164.615 155.265 164.653 155.266C164.902 155.266 165.155 155.266 165.405 155.266C165.448 155.13 165.313 155.008 165.186 154.951C165.059 154.894 164.906 154.854 164.841 154.728C164.714 154.474 165.05 154.119 164.906 153.9C164.762 153.682 164.447 153.918 164.229 154.027Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M157.365 145.866C157.34 145.882 157.312 145.891 157.282 145.893C157.256 145.887 157.231 145.874 157.211 145.856C157.191 145.837 157.176 145.814 157.169 145.788C157.046 145.525 157.116 145.184 156.932 144.965C156.747 145.192 156.599 145.448 156.495 145.722L155.787 145.503C155.754 145.641 155.748 145.784 155.772 145.924C155.795 146.064 155.846 146.198 155.923 146.317C155.797 146.372 155.683 146.449 155.586 146.545C155.539 146.594 155.506 146.654 155.49 146.721C155.475 146.787 155.478 146.856 155.498 146.921C155.663 146.961 155.832 146.978 156.001 146.969C155.975 147.281 155.993 147.595 156.054 147.901C156.055 147.925 156.061 147.948 156.072 147.969C156.082 147.99 156.097 148.009 156.115 148.024C156.167 148.054 156.237 148.024 156.29 147.993C156.535 147.841 156.736 147.627 156.871 147.372L157.138 148.006C157.158 148.071 157.199 148.127 157.256 148.164C157.296 148.177 157.339 148.177 157.379 148.162C157.418 148.148 157.452 148.121 157.475 148.085C157.519 148.012 157.546 147.93 157.553 147.844L157.654 147.245C157.655 147.215 157.665 147.185 157.684 147.162C157.714 147.138 157.752 147.128 157.789 147.131C158.038 147.131 158.292 147.131 158.541 147.131C158.585 147 158.449 146.873 158.323 146.82C158.196 146.768 158.043 146.72 157.977 146.597C157.846 146.343 158.187 145.989 158.043 145.77C157.899 145.551 157.584 145.757 157.365 145.866Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.5"
-					d="M186.847 147.787C186.822 147.802 186.794 147.811 186.764 147.813C186.737 147.809 186.712 147.796 186.692 147.778C186.672 147.759 186.658 147.735 186.651 147.708C186.528 147.446 186.598 147.109 186.41 146.886C186.226 147.114 186.079 147.369 185.973 147.643L185.265 147.424C185.231 147.562 185.225 147.705 185.247 147.844C185.27 147.984 185.32 148.118 185.396 148.238C185.272 148.293 185.159 148.37 185.064 148.466C185.016 148.514 184.982 148.575 184.967 148.641C184.951 148.708 184.954 148.777 184.976 148.842C185.141 148.882 185.31 148.898 185.479 148.89C185.453 149.202 185.47 149.515 185.531 149.822C185.533 149.846 185.539 149.869 185.55 149.89C185.56 149.911 185.575 149.929 185.593 149.945C185.645 149.975 185.711 149.945 185.763 149.914C186.01 149.763 186.212 149.548 186.349 149.293L186.611 149.927C186.631 149.992 186.673 150.048 186.729 150.085C186.77 150.098 186.814 150.098 186.854 150.084C186.895 150.069 186.929 150.042 186.952 150.006C186.997 149.933 187.023 149.85 187.031 149.765L187.127 149.166C187.128 149.149 187.132 149.132 187.139 149.116C187.147 149.101 187.157 149.087 187.171 149.076C187.184 149.066 187.2 149.058 187.216 149.053C187.233 149.049 187.25 149.049 187.267 149.052C187.516 149.052 187.765 149.052 188.019 149.052C188.058 148.921 187.927 148.794 187.8 148.741C187.674 148.689 187.521 148.641 187.455 148.518C187.324 148.264 187.661 147.91 187.521 147.691C187.381 147.472 187.066 147.678 186.847 147.787Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M172.538 146.182C172.514 146.199 172.485 146.208 172.455 146.208C172.429 146.203 172.405 146.19 172.385 146.173C172.365 146.155 172.35 146.133 172.342 146.107C172.224 145.845 172.293 145.503 172.106 145.28C171.922 145.509 171.775 145.764 171.668 146.037L170.956 145.819C170.923 145.956 170.918 146.099 170.941 146.239C170.965 146.379 171.016 146.513 171.091 146.632C170.967 146.686 170.854 146.763 170.759 146.86C170.711 146.908 170.677 146.969 170.662 147.036C170.646 147.102 170.65 147.172 170.672 147.236C170.835 147.276 171.002 147.293 171.17 147.285C171.143 147.598 171.162 147.913 171.227 148.221C171.231 148.266 171.251 148.308 171.284 148.339C171.313 148.35 171.344 148.353 171.375 148.348C171.406 148.342 171.435 148.329 171.458 148.309C171.705 148.157 171.908 147.943 172.044 147.687L172.307 148.322C172.326 148.386 172.368 148.442 172.425 148.479C172.465 148.492 172.509 148.491 172.549 148.477C172.589 148.463 172.624 148.436 172.648 148.4C172.69 148.329 172.716 148.248 172.722 148.164L172.822 147.56C172.823 147.543 172.827 147.526 172.834 147.511C172.842 147.495 172.853 147.482 172.866 147.471C172.879 147.46 172.895 147.452 172.912 147.448C172.928 147.444 172.946 147.443 172.962 147.446C173.212 147.446 173.461 147.446 173.71 147.446C173.754 147.315 173.623 147.193 173.496 147.136C173.369 147.079 173.212 147.035 173.15 146.913C173.019 146.659 173.356 146.304 173.212 146.085C173.067 145.867 172.757 146.077 172.538 146.182Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.3"
-					d="M168.051 148.138C168.023 148.153 167.994 148.161 167.963 148.164C167.911 148.164 167.876 148.107 167.849 148.059C167.731 147.796 167.801 147.455 167.613 147.236C167.429 147.464 167.282 147.72 167.176 147.993L166.464 147.775C166.431 147.912 166.426 148.055 166.45 148.195C166.473 148.335 166.524 148.469 166.599 148.589C166.474 148.642 166.361 148.719 166.267 148.816C166.219 148.865 166.185 148.925 166.17 148.992C166.154 149.058 166.158 149.128 166.179 149.192C166.342 149.232 166.51 149.249 166.678 149.241C166.653 149.552 166.672 149.866 166.735 150.173C166.736 150.196 166.742 150.218 166.752 150.239C166.763 150.259 166.778 150.277 166.796 150.291C166.848 150.326 166.914 150.291 166.966 150.265C167.212 150.112 167.414 149.898 167.552 149.643L167.814 150.273C167.833 150.34 167.875 150.397 167.932 150.435C167.973 150.449 168.017 150.449 168.057 150.434C168.098 150.42 168.132 150.393 168.155 150.357C168.197 150.282 168.224 150.2 168.234 150.116L168.33 149.516C168.331 149.499 168.335 149.482 168.342 149.467C168.35 149.451 168.361 149.438 168.374 149.427C168.387 149.416 168.403 149.408 168.419 149.404C168.436 149.4 168.453 149.399 168.47 149.403C168.719 149.403 168.969 149.403 169.222 149.403C169.262 149.271 169.13 149.144 169.004 149.087C168.877 149.031 168.724 148.991 168.658 148.869C168.527 148.61 168.864 148.26 168.719 148.042C168.575 147.823 168.269 148.028 168.051 148.138Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.2"
-					d="M163.866 136.309C163.842 136.325 163.813 136.333 163.783 136.331C163.731 136.331 163.692 136.279 163.67 136.23C163.552 135.968 163.622 135.627 163.434 135.403C163.25 135.632 163.103 135.887 162.996 136.16L162.284 135.942C162.251 136.079 162.246 136.222 162.27 136.362C162.293 136.502 162.344 136.636 162.419 136.756C162.295 136.809 162.182 136.886 162.087 136.983C162.039 137.032 162.005 137.092 161.99 137.159C161.975 137.225 161.978 137.295 162 137.359C162.163 137.399 162.33 137.416 162.498 137.412C162.471 137.724 162.49 138.038 162.555 138.344C162.559 138.389 162.579 138.431 162.612 138.462C162.664 138.497 162.734 138.462 162.787 138.432C163.033 138.282 163.236 138.069 163.372 137.815L163.635 138.445C163.654 138.509 163.696 138.565 163.753 138.602C163.793 138.615 163.836 138.614 163.876 138.601C163.916 138.588 163.951 138.562 163.976 138.528C164.018 138.454 164.043 138.372 164.05 138.287L164.151 137.688C164.153 137.656 164.165 137.625 164.186 137.6C164.216 137.578 164.253 137.568 164.291 137.57C164.54 137.57 164.789 137.57 165.038 137.57C165.082 137.434 164.951 137.311 164.824 137.254C164.697 137.198 164.54 137.154 164.479 137.031C164.347 136.777 164.684 136.423 164.54 136.204C164.395 135.985 164.085 136.213 163.866 136.309Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-				<path
-					opacity="0.3"
-					d="M172.109 151.748C172.092 151.76 172.072 151.767 172.051 151.77C172.03 151.772 172.009 151.769 171.99 151.761C171.97 151.754 171.953 151.741 171.939 151.725C171.926 151.709 171.917 151.69 171.912 151.669C171.79 151.406 171.86 151.065 171.672 150.842C171.489 151.07 171.341 151.326 171.235 151.599L170.527 151.38C170.493 151.518 170.487 151.661 170.51 151.8C170.532 151.94 170.583 152.074 170.658 152.194C170.534 152.25 170.422 152.327 170.325 152.422C170.277 152.47 170.244 152.531 170.228 152.597C170.213 152.664 170.216 152.733 170.238 152.798C170.402 152.838 170.572 152.854 170.741 152.846C170.714 153.159 170.732 153.474 170.793 153.783C170.797 153.828 170.819 153.871 170.854 153.901C170.883 153.912 170.914 153.915 170.944 153.909C170.974 153.904 171.002 153.89 171.025 153.87C171.271 153.719 171.473 153.506 171.611 153.253L171.873 153.883C171.893 153.948 171.935 154.004 171.991 154.041C172.032 154.054 172.076 154.054 172.116 154.04C172.156 154.025 172.191 153.998 172.214 153.962C172.255 153.887 172.277 153.803 172.28 153.717L172.376 153.113C172.38 153.083 172.392 153.054 172.411 153.03C172.44 153.006 172.478 152.995 172.516 152.999C172.765 152.999 173.018 152.999 173.268 152.999C173.311 152.868 173.176 152.745 173.049 152.689C172.922 152.632 172.769 152.588 172.704 152.465C172.573 152.212 172.914 151.857 172.769 151.638C172.625 151.419 172.328 151.638 172.109 151.748Z"
-					fill="#1D35B4"
-					className="admin-theme-color-darker-10"
-				/>
-			</g>
-		</g>
-		<g opacity="0.8">
-			<path
-				opacity="0.5"
-				d="M198.365 17.4274C196.812 15.3201 193.604 17.6062 195.055 19.7837C195.432 20.3585 195.847 20.9076 196.243 21.4376C201.017 27.8808 203.49 35.7033 205.617 43.43C206.141 45.3457 206.646 47.3572 206.052 49.2282C206.908 44.209 206.352 39.0111 205.061 34.0877C203.771 29.1643 201.803 24.4517 199.7 19.771C199.338 18.9454 198.891 18.16 198.365 17.4274Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M167.388 30.9586C164.193 30.8564 163.759 35.7415 166.966 35.9969C167.81 36.0608 168.653 36.0799 169.465 36.1055C179.325 36.3737 188.635 39.9369 197.612 43.7683C199.811 44.7134 202.085 45.7734 203.408 47.7913C199.37 43.1106 194.047 39.6815 188.392 37.1591C182.737 34.6368 176.705 32.9829 170.679 31.412C169.602 31.14 168.499 30.9879 167.388 30.9586V30.9586Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M168.281 42.9701C166.249 43.0403 166.709 45.933 168.754 45.9458C169.291 45.9458 169.827 45.9458 170.338 45.9075C176.556 45.652 182.927 47.3698 189.106 49.2536C190.626 49.7197 192.224 50.2434 193.329 51.38C190.048 48.8485 186.329 46.9415 182.358 45.7542C178.448 44.5916 174.459 43.7145 170.422 43.1297C169.715 43.0031 168.998 42.9496 168.281 42.9701V42.9701Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M209.903 96.6485C210.478 98.6026 213.162 97.4404 212.67 95.4544C212.542 94.9372 212.389 94.4263 212.242 93.9346C210.453 87.9768 210.536 81.3803 210.83 74.9308C210.906 73.3471 211.015 71.6677 211.839 70.3203C210.202 74.1234 209.277 78.1948 209.111 82.3318C208.951 86.4084 209.09 90.4913 209.526 94.5477C209.582 95.2587 209.708 95.9625 209.903 96.6485V96.6485Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M171.988 14.7009C170.768 14.4901 170.672 16.2717 171.892 16.5399C172.212 16.6102 172.531 16.6677 172.844 16.7187C176.589 17.3573 180.174 19.19 183.624 21.0993C184.514 21.5065 185.289 22.1274 185.88 22.9065C184.24 20.9773 182.261 19.3648 180.039 18.1491C177.852 16.9607 175.582 15.93 173.247 15.0649C172.839 14.905 172.418 14.7832 171.988 14.7009V14.7009Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M153.085 61.9364C149.98 63.5328 152.606 67.9198 155.795 66.4638C156.632 66.0807 157.443 65.6529 158.223 65.2506C167.718 60.3272 178.741 58.52 189.591 57.1216C192.249 56.7831 195.086 56.483 197.553 57.5366C190.837 55.6209 183.693 55.4868 176.786 56.2595C169.878 57.0322 163.162 58.8138 156.51 60.6209C155.327 60.9419 154.179 61.3827 153.085 61.9364V61.9364Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M161.958 79.0054C159.721 81.0871 163.236 83.5456 165.549 81.5596C166.188 81.036 166.744 80.4805 167.306 79.9568C174.105 73.5711 183.095 69.0373 192.048 64.8483C194.246 63.8202 203.287 62.7729 205.703 62.8304C199.396 63.3923 186.533 65.3847 180.782 67.9389C175.168 70.6055 169.741 73.6499 164.539 77.0513C163.619 77.6202 162.755 78.2744 161.958 79.0054V79.0054Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M177.878 106.259C177.239 109.234 181.488 109.279 182.28 106.303C182.485 105.524 182.651 104.739 182.811 103.992C184.779 94.8794 189.59 86.0288 194.575 77.5039C195.801 75.4094 202.645 69.4068 204.664 68.085C199.795 72.1335 190.319 81.0671 187.086 86.463C183.984 91.8473 181.249 97.4348 178.9 103.187C178.462 104.176 178.12 105.205 177.878 106.259Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M209.936 1.63573C208.415 -1.46133 204.07 1.08656 205.463 4.26664C205.827 5.09678 206.23 5.90776 206.62 6.68682C211.297 16.1504 212.907 27.1211 214.115 37.8554C214.409 40.4991 214.658 43.3088 213.584 45.7354C215.546 39.1134 215.808 32.038 215.131 25.1862C214.454 18.3343 212.837 11.6804 211.15 5.0457C210.862 3.87074 210.456 2.72817 209.936 1.63573V1.63573Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M185.711 6.91074C185.79 6.9574 185.88 6.98372 185.973 6.98737C186.139 6.98737 186.26 6.81496 186.33 6.6617C186.707 5.83795 186.49 4.74599 187.078 4.10742C187.672 4.82029 188.151 5.62185 188.497 6.4829L190.727 5.79325C190.831 6.22556 190.847 6.67434 190.775 7.11306C190.702 7.55178 190.542 7.97154 190.305 8.34752C190.695 8.52028 191.05 8.76264 191.353 9.06272C191.504 9.21487 191.609 9.40589 191.658 9.61449C191.706 9.82309 191.696 10.0411 191.628 10.2441C191.113 10.3683 190.584 10.4199 190.056 10.3973C190.139 11.3776 190.081 12.3647 189.883 13.3284C189.878 13.3999 189.858 13.4695 189.825 13.5332C189.792 13.5968 189.747 13.6532 189.691 13.6987C189.532 13.8073 189.314 13.6987 189.148 13.6093C188.381 13.1401 187.75 12.48 187.314 11.6936L186.465 13.5966C186.404 13.7997 186.273 13.9742 186.094 14.0883C185.968 14.1327 185.831 14.1336 185.705 14.0908C185.578 14.0479 185.47 13.9638 185.397 13.852C185.262 13.6218 185.179 13.3645 185.155 13.0985L184.842 11.1828C184.838 11.0846 184.802 10.9903 184.739 10.9146C184.646 10.844 184.53 10.8099 184.413 10.8188C183.621 10.8188 182.835 10.8188 182.049 10.8188C181.915 10.3973 182.33 10.0078 182.733 9.83539C183.135 9.66298 183.615 9.5225 183.819 9.13297C184.228 8.33476 183.18 7.21726 183.615 6.54037C184.164 5.77409 185.02 6.5723 185.711 6.91074Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M228.781 17.4274C230.334 15.3201 233.535 17.6062 232.091 19.7837C231.708 20.3585 231.299 20.9076 230.903 21.4376C226.13 27.8808 223.657 35.7033 221.522 43.43C220.998 45.3457 220.494 47.3572 221.094 49.2282C220.238 44.209 220.794 39.0111 222.085 34.0877C223.375 29.1643 225.369 24.4517 227.439 19.7901C227.805 18.959 228.255 18.1674 228.781 17.4274V17.4274Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M259.752 30.9586C262.947 30.8564 263.381 35.7415 260.174 35.9969C259.336 36.0608 258.487 36.0799 257.681 36.1055C247.815 36.3737 238.512 39.9369 229.534 43.7683C227.336 44.7134 225.023 45.7734 223.738 47.7913C227.777 43.1106 233.093 39.6815 238.755 37.1591C244.416 34.6368 250.435 32.9829 256.467 31.412C257.542 31.1404 258.644 30.9884 259.752 30.9586V30.9586Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M258.866 42.97C260.905 43.0403 260.445 45.933 258.4 45.9458C257.863 45.9458 257.326 45.9458 256.815 45.9075C250.591 45.652 244.227 47.3698 238.048 49.2536C236.527 49.7197 234.923 50.2433 233.824 51.38C237.105 48.8484 240.824 46.9415 244.796 45.7542C248.716 44.5858 252.716 43.7044 256.764 43.1169C257.458 42.997 258.162 42.9478 258.866 42.97V42.97Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M255.161 14.7009C256.382 14.4901 256.478 16.2717 255.257 16.5399C254.938 16.6102 254.618 16.6677 254.305 16.7187C250.56 17.3573 246.969 19.19 243.519 21.0993C242.631 21.5067 241.858 22.1276 241.27 22.9065C242.907 20.9775 244.884 19.365 247.104 18.1491C249.294 16.9618 251.566 15.9312 253.902 15.0649C254.31 14.905 254.731 14.7832 255.161 14.7009V14.7009Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M223.288 100.346C223.013 101.559 221.332 100.984 221.556 99.7071C221.613 99.3879 221.69 99.0686 221.76 98.7621C222.61 95.0647 222.304 91.0481 221.869 87.1337C221.837 86.1579 221.563 85.2054 221.07 84.3623C222.22 86.6142 222.945 89.0579 223.211 91.5718C223.467 94.0492 223.542 96.542 223.435 99.0303C223.431 99.4726 223.382 99.9135 223.288 100.346V100.346Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M254.375 92.2936C255.333 93.9156 252.982 93.807 251.947 92.185C251.678 91.7636 251.429 91.3357 251.193 90.9079C248.279 85.959 243.851 81.0611 239.384 76.3293C238.326 75.1027 237.093 74.0396 235.723 73.1748C239.205 75.5504 242.419 78.2975 245.308 81.3677C248.17 84.3625 250.701 87.4851 253.18 90.6014C253.617 91.1374 254.016 91.7028 254.375 92.2936V92.2936Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M169.311 92.2936C168.352 93.9156 170.704 93.807 171.733 92.185C172.007 91.7636 172.257 91.3357 172.493 90.9079C175.407 85.959 179.835 81.0611 184.302 76.3293C185.358 75.1012 186.592 74.0379 187.963 73.1748C184.479 75.5487 181.265 78.2959 178.378 81.3677C175.515 84.3625 172.979 87.4851 170.506 90.6014C170.069 91.1374 169.67 91.7028 169.311 92.2936Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M200.428 100.346C200.703 101.559 202.383 100.984 202.16 99.7071C202.102 99.3879 202.026 99.0686 201.955 98.7621C201.105 95.0647 201.412 91.0481 201.847 87.1337C201.878 86.1579 202.153 85.2054 202.645 84.3623C201.505 86.6222 200.79 89.0725 200.537 91.5909C200.281 94.0683 200.206 96.5611 200.313 99.0494C200.307 99.4843 200.346 99.9187 200.428 100.346V100.346Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M245.36 26.866C246.581 26.6488 246.677 28.4305 245.456 28.705C245.137 28.7753 244.817 28.8264 244.504 28.8774C240.76 29.516 237.175 31.3551 233.718 33.2644C232.83 33.6689 232.057 34.2877 231.469 35.0652C233.107 33.1361 235.087 31.5255 237.309 30.3142C239.494 29.1206 241.765 28.0897 244.102 27.2299C244.507 27.0643 244.929 26.9423 245.36 26.866V26.866Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M233.932 2.98316C234.986 2.34459 235.74 3.9474 234.705 4.65621C234.437 4.84139 234.156 5.00742 233.894 5.17345C230.654 7.16579 228.015 10.2054 225.529 13.2705C224.853 13.9737 224.367 14.8374 224.117 15.7801C224.914 13.3792 226.147 11.1453 227.753 9.19005C229.337 7.26923 231.058 5.46585 232.903 3.79414C233.219 3.49082 233.563 3.21919 233.932 2.98316V2.98316Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M274.065 61.9364C277.171 63.5328 274.544 67.9198 271.356 66.4638C270.519 66.0807 269.701 65.6529 268.928 65.2506C259.432 60.3272 248.403 58.52 237.559 57.1216C234.901 56.7831 232.064 56.483 229.598 57.5366C236.307 55.6209 243.457 55.4868 250.365 56.2595C257.272 57.0322 263.988 58.8138 270.64 60.6209C271.823 60.943 272.971 61.3837 274.065 61.9364Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M265.191 79.0054C267.421 81.0871 263.913 83.5456 261.593 81.5596C260.986 81.036 260.398 80.4805 259.842 79.9568C253.037 73.5711 244.046 69.0373 235.101 64.8483C232.902 63.8202 223.854 62.7729 221.445 62.8304C227.752 63.3923 240.615 65.3847 246.366 67.9389C251.983 70.6054 257.412 73.6499 262.615 77.0513C263.533 77.6205 264.395 78.2747 265.191 79.0054V79.0054Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M238.87 109.656C239.145 112.689 234.902 112.21 234.493 109.152C234.384 108.354 234.321 107.555 234.257 106.789C233.445 97.5042 229.784 88.1236 225.905 79.0368C224.953 76.8082 218.915 70.001 217.074 68.4365C221.4 73.0598 229.681 83.1236 232.212 88.8708C234.614 94.5988 236.625 100.483 238.231 106.483C238.541 107.519 238.755 108.581 238.87 109.656V109.656Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M241.427 6.91074C241.347 6.9574 241.257 6.98372 241.165 6.98737C240.993 6.98737 240.878 6.81496 240.807 6.6617C240.424 5.83795 240.648 4.74599 240.06 4.10742C239.466 4.82029 238.987 5.62185 238.641 6.4829L236.411 5.79325C236.306 6.22543 236.289 6.67448 236.361 7.11342C236.433 7.55236 236.594 7.97213 236.833 8.34753C236.441 8.52023 236.084 8.76256 235.778 9.06273C235.629 9.21594 235.525 9.40728 235.478 9.6157C235.431 9.82411 235.442 10.0415 235.51 10.2441C236.024 10.3686 236.553 10.4201 237.082 10.3973C237 11.3773 237.056 12.3639 237.248 13.3284C237.262 13.472 237.33 13.6048 237.44 13.6987C237.606 13.8073 237.823 13.6987 237.989 13.6093C238.756 13.1401 239.388 12.48 239.823 11.6936L240.654 13.6732C240.712 13.8774 240.844 14.0526 241.025 14.1649C241.149 14.2101 241.286 14.2113 241.411 14.1684C241.537 14.1254 241.644 14.0408 241.715 13.9286C241.855 13.7001 241.94 13.4422 241.964 13.1751L242.271 11.2594C242.279 11.1612 242.317 11.0679 242.379 10.9912C242.473 10.9206 242.588 10.8865 242.705 10.8954C243.491 10.8954 244.283 10.8954 245.069 10.8954C245.204 10.474 244.782 10.0844 244.379 9.91202C243.977 9.73961 243.504 9.59912 243.299 9.20959C242.89 8.41138 243.938 7.29389 243.497 6.617C242.98 5.77409 242.124 6.5723 241.427 6.91074Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M248.157 98.7239C248.077 98.7706 247.987 98.7969 247.895 98.8005C247.722 98.8005 247.607 98.6345 247.537 98.4813C247.16 97.6511 247.377 96.5656 246.789 95.8887C246.197 96.6025 245.718 97.4038 245.371 98.2642L243.141 97.5745C243.037 98.0068 243.02 98.4556 243.093 98.8943C243.165 99.333 243.325 99.7528 243.563 100.129C243.173 100.302 242.818 100.544 242.515 100.844C242.364 100.996 242.258 101.187 242.21 101.396C242.161 101.604 242.172 101.822 242.24 102.025C242.754 102.152 243.283 102.205 243.812 102.185C243.728 103.163 243.786 104.148 243.984 105.11C243.989 105.182 244.009 105.253 244.042 105.317C244.075 105.382 244.12 105.44 244.176 105.486C244.336 105.589 244.553 105.486 244.719 105.391C245.486 104.921 246.118 104.261 246.553 103.475L247.384 105.454C247.446 105.658 247.577 105.834 247.754 105.953C247.881 105.989 248.016 105.985 248.141 105.942C248.266 105.898 248.374 105.817 248.451 105.71C248.586 105.48 248.669 105.222 248.694 104.956L249.007 103.073C249.003 103.018 249.012 102.964 249.034 102.914C249.055 102.864 249.088 102.82 249.13 102.785C249.171 102.75 249.221 102.726 249.274 102.713C249.327 102.701 249.382 102.702 249.435 102.715C250.221 102.715 251.013 102.683 251.799 102.715C251.933 102.294 251.518 101.91 251.115 101.732C250.713 101.553 250.234 101.425 250.029 101.029C249.62 100.237 250.668 99.1134 250.234 98.443C249.729 97.5873 248.847 98.3855 248.157 98.7239Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M267.069 37.179C266.989 37.2292 266.896 37.2558 266.801 37.2556C266.635 37.2556 266.519 37.0896 266.449 36.9363C266.066 36.1126 266.283 35.0206 265.702 34.3438C265.108 35.0592 264.629 35.8628 264.283 36.7256L262.053 36.0296C261.947 36.4617 261.93 36.9108 262.002 37.3498C262.075 37.7888 262.235 38.2086 262.475 38.5839C262.082 38.7549 261.724 38.9974 261.42 39.2991C261.273 39.4531 261.169 39.6442 261.121 39.852C261.072 40.0599 261.081 40.277 261.146 40.4804C261.662 40.6067 262.193 40.6604 262.724 40.64C262.642 41.6179 262.698 42.6025 262.89 43.5647C262.903 43.7102 262.972 43.8452 263.082 43.9415C263.248 44.0436 263.459 43.9415 263.625 43.8521C264.393 43.3826 265.027 42.7227 265.465 41.9363L266.289 43.9159C266.35 44.1208 266.481 44.2975 266.66 44.414C266.787 44.4567 266.924 44.456 267.05 44.4121C267.176 44.3681 267.284 44.2834 267.357 44.1713C267.498 43.9434 267.583 43.6851 267.606 43.4178L267.913 41.5021C267.921 41.4069 267.957 41.3161 268.015 41.2403C268.109 41.167 268.228 41.1327 268.347 41.1445C269.133 41.1445 269.919 41.1445 270.705 41.1445C270.845 40.7294 270.424 40.3399 270.021 40.1611C269.619 39.9823 269.139 39.8546 268.941 39.4651C268.532 38.6669 269.58 37.5494 269.139 36.8725C268.615 36.0423 267.753 36.8406 267.069 37.179Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M191.482 107.932C191.372 107.998 191.246 108.036 191.117 108.04C190.881 108.04 190.715 107.804 190.619 107.587C190.089 106.444 190.395 104.95 189.577 103.985C188.751 104.979 188.085 106.095 187.603 107.293L184.491 106.335C184.347 106.937 184.324 107.562 184.425 108.173C184.526 108.784 184.749 109.368 185.079 109.892C184.533 110.129 184.036 110.467 183.616 110.888C183.408 111.101 183.263 111.366 183.195 111.655C183.127 111.945 183.14 112.247 183.232 112.529C183.951 112.705 184.691 112.781 185.43 112.753C185.314 114.117 185.394 115.491 185.667 116.833C185.683 117.033 185.777 117.219 185.929 117.351C186.055 117.402 186.193 117.417 186.327 117.394C186.461 117.372 186.587 117.312 186.689 117.223C187.765 116.561 188.647 115.627 189.245 114.515L190.402 117.274C190.484 117.559 190.668 117.805 190.919 117.964C191.095 118.025 191.286 118.026 191.462 117.965C191.639 117.905 191.789 117.788 191.891 117.632C192.081 117.312 192.197 116.954 192.229 116.584L192.664 113.96C192.669 113.822 192.718 113.69 192.804 113.583C192.937 113.486 193.101 113.44 193.264 113.455C194.364 113.455 195.463 113.411 196.555 113.455C196.747 112.868 196.159 112.331 195.603 112.082C195.047 111.833 194.376 111.655 194.095 111.112C193.52 110.001 195.002 108.455 194.37 107.497C193.635 106.348 192.44 107.466 191.482 107.932Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M160.043 39.0172C159.93 39.0839 159.803 39.1212 159.672 39.1258C159.442 39.1258 159.276 38.8895 159.174 38.6724C158.65 37.5229 158.95 36.0351 158.139 35.0645C157.31 36.0597 156.642 37.1779 156.158 38.3786L153.052 37.4144C152.905 38.0173 152.881 38.6437 152.982 39.256C153.083 39.8683 153.307 40.4539 153.64 40.9776C153.093 41.2128 152.596 41.551 152.177 41.9738C151.968 42.1852 151.821 42.4505 151.753 42.7402C151.685 43.0299 151.699 43.3327 151.794 43.6149C152.513 43.7893 153.252 43.8624 153.992 43.832C153.876 45.1962 153.953 46.5699 154.222 47.9125C154.229 48.0134 154.256 48.1118 154.302 48.2018C154.348 48.2918 154.412 48.3715 154.49 48.4361C154.72 48.583 155.014 48.4361 155.251 48.3084C156.325 47.6446 157.206 46.711 157.806 45.6009L158.963 48.3595C159.049 48.6414 159.229 48.8851 159.474 49.0491C159.65 49.1105 159.841 49.1112 160.017 49.051C160.193 48.9908 160.344 48.8732 160.446 48.7171C160.638 48.3983 160.756 48.0404 160.791 47.6698L161.219 45.0389C161.23 44.9036 161.281 44.7747 161.366 44.6685C161.497 44.5682 161.662 44.5224 161.826 44.5408C162.918 44.5408 164.017 44.4961 165.117 44.5025C165.302 43.9214 164.72 43.3786 164.158 43.136C163.596 42.8933 162.931 42.7017 162.65 42.159C162.081 41.0479 163.557 39.5089 162.931 38.551C162.196 37.4335 161.001 38.5383 160.043 39.0172Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M255.483 81.6931C255.426 81.7305 255.359 81.7504 255.291 81.7506C255.163 81.7506 255.08 81.6229 255.023 81.5143C254.742 80.8758 254.908 80.1095 254.473 79.5986C254.033 80.1245 253.679 80.7173 253.425 81.3547L251.77 80.8438C251.688 81.1675 251.673 81.5047 251.727 81.8343C251.781 82.164 251.902 82.479 252.083 82.7595C251.794 82.8879 251.53 83.0674 251.304 83.2896C251.195 83.4039 251.119 83.5457 251.084 83.6997C251.049 83.8537 251.057 84.0143 251.106 84.1644C251.487 84.2534 251.878 84.292 252.269 84.2793C252.206 85.0033 252.249 85.7326 252.397 86.4441C252.4 86.498 252.414 86.5506 252.438 86.5989C252.462 86.6471 252.496 86.6901 252.537 86.7251C252.659 86.8017 252.818 86.7251 252.94 86.6548C253.509 86.3024 253.976 85.807 254.294 85.218L254.933 86.6804C254.979 86.8319 255.076 86.9628 255.208 87.0507C255.302 87.0825 255.404 87.0821 255.497 87.0497C255.591 87.0174 255.671 86.9548 255.726 86.8719C255.827 86.703 255.889 86.5129 255.905 86.3164L256.135 84.9179C256.132 84.8777 256.14 84.8376 256.156 84.8007C256.172 84.7638 256.197 84.7313 256.228 84.7058C256.259 84.6803 256.296 84.6625 256.335 84.6538C256.374 84.6452 256.415 84.646 256.454 84.6561C257.042 84.6561 257.623 84.6561 258.205 84.6561C258.307 84.3432 257.994 84.0558 257.7 83.9281C257.406 83.8004 257.061 83.6982 256.895 83.4109C256.595 82.817 257.381 81.9997 257.042 81.4952C256.703 80.9907 255.968 81.4441 255.483 81.6931Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M212.735 106.342C212.676 106.379 212.607 106.399 212.537 106.4C212.416 106.4 212.327 106.272 212.275 106.157C211.994 105.55 212.154 104.758 211.726 104.241C211.284 104.77 210.929 105.365 210.672 106.004L209.023 105.493C208.941 105.817 208.926 106.154 208.98 106.483C209.034 106.813 209.155 107.128 209.336 107.409C209.045 107.535 208.781 107.714 208.557 107.939C208.445 108.051 208.367 108.193 208.331 108.347C208.295 108.502 208.302 108.663 208.352 108.813C208.735 108.903 209.128 108.942 209.521 108.928C209.459 109.652 209.5 110.381 209.643 111.093C209.647 111.146 209.661 111.197 209.685 111.245C209.709 111.292 209.743 111.334 209.783 111.368C209.905 111.451 210.065 111.368 210.186 111.304C210.758 110.952 211.227 110.457 211.547 109.867L212.186 111.329C212.232 111.481 212.329 111.612 212.461 111.7C212.555 111.731 212.656 111.731 212.75 111.699C212.844 111.666 212.924 111.604 212.978 111.521C213.08 111.352 213.141 111.162 213.157 110.965L213.387 109.567C213.392 109.495 213.419 109.426 213.464 109.369C213.535 109.32 213.62 109.295 213.707 109.299C214.288 109.299 214.87 109.299 215.458 109.299C215.553 108.986 215.247 108.698 214.946 108.571C214.646 108.443 214.307 108.341 214.148 108.053C213.841 107.46 214.627 106.642 214.295 106.138C213.962 105.633 213.247 106.087 212.735 106.342Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M171.399 20.0711C171.341 20.1074 171.275 20.1273 171.207 20.1285C171.145 20.1174 171.087 20.0895 171.04 20.0479C170.992 20.0062 170.957 19.9524 170.939 19.8923C170.657 19.2537 170.817 18.4874 170.389 17.9766C169.948 18.5031 169.592 19.0957 169.335 19.7326L167.686 19.2218C167.605 19.5456 167.591 19.8825 167.645 20.2119C167.699 20.5413 167.819 20.8563 167.999 21.1375C167.709 21.2612 167.444 21.4389 167.22 21.6611C167.109 21.7744 167.031 21.9159 166.995 22.0701C166.959 22.2242 166.966 22.3854 167.015 22.536C167.397 22.6313 167.791 22.67 168.185 22.6509C168.123 23.3767 168.163 24.1076 168.306 24.822C168.311 24.8753 168.327 24.927 168.352 24.9741C168.377 25.0213 168.411 25.0629 168.453 25.0966C168.574 25.1732 168.728 25.0966 168.855 25.0328C169.426 24.6785 169.893 24.1809 170.21 23.5896L170.849 25.0583C170.893 25.2093 170.991 25.3389 171.124 25.4223C171.218 25.454 171.32 25.4537 171.413 25.4213C171.507 25.3889 171.587 25.3264 171.641 25.2435C171.743 25.0746 171.804 24.8844 171.82 24.6879L172.05 23.2959C172.055 23.2236 172.082 23.1546 172.127 23.0979C172.196 23.0434 172.283 23.0182 172.37 23.0276C172.951 23.0276 173.539 23.0276 174.121 23.0276C174.217 22.7211 173.91 22.4338 173.61 22.2997C173.309 22.1656 172.971 22.0698 172.811 21.7824C172.504 21.195 173.296 20.3712 172.958 19.8667C172.619 19.3623 171.91 19.822 171.399 20.0711Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M193.405 68.6853C193.348 68.7233 193.281 68.7434 193.213 68.7428C193.085 68.7428 193.002 68.6215 192.951 68.5065C192.67 67.868 192.83 67.1017 192.395 66.5908C191.958 67.1191 191.605 67.7114 191.347 68.3469L189.692 67.836C189.613 68.16 189.6 68.4966 189.654 68.8257C189.708 69.1548 189.827 69.4698 190.005 69.7517C189.717 69.8793 189.455 70.0589 189.232 70.2818C189.121 70.3947 189.043 70.5361 189.007 70.6904C188.971 70.8448 188.978 71.0061 189.028 71.1566C189.408 71.2488 189.8 71.2875 190.191 71.2715C190.131 71.9977 190.174 72.7286 190.319 73.4427C190.322 73.4955 190.337 73.547 190.361 73.5942C190.385 73.6414 190.418 73.6832 190.459 73.7172C190.581 73.7939 190.74 73.7172 190.862 73.647C191.433 73.2954 191.903 72.8 192.223 72.2102L192.862 73.6726C192.904 73.8259 193.002 73.958 193.136 74.0429C193.229 74.0754 193.331 74.0753 193.423 74.0429C193.516 74.0104 193.595 73.9474 193.648 73.8641C193.752 73.6958 193.815 73.5056 193.833 73.3086L194.063 71.9165C194.063 71.8382 194.093 71.7628 194.146 71.7058C194.179 71.6778 194.218 71.6572 194.26 71.6451C194.302 71.633 194.346 71.6297 194.389 71.6355C194.968 71.6355 195.55 71.6355 196.133 71.6355C196.236 71.329 195.929 71.0353 195.629 70.9075C195.328 70.7798 194.99 70.6777 194.83 70.3903C194.523 69.8028 195.309 68.9791 194.977 68.4746C194.645 67.9701 193.916 68.4363 193.405 68.6853Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M177.436 49.7396C177.377 49.772 177.312 49.7916 177.244 49.797C177.183 49.7831 177.127 49.7533 177.081 49.7107C177.035 49.6681 177.001 49.6142 176.982 49.5544C176.701 48.9477 176.861 48.1559 176.426 47.6387C175.987 48.1677 175.633 48.7624 175.378 49.4011L173.723 48.8903C173.645 49.2143 173.632 49.5508 173.686 49.8798C173.74 50.2088 173.859 50.5237 174.037 50.806C173.746 50.9297 173.481 51.1074 173.257 51.3296C173.148 51.444 173.072 51.5857 173.037 51.7397C173.002 51.8938 173.01 52.0543 173.059 52.2045C173.439 52.3001 173.831 52.3388 174.222 52.3194C174.162 53.0455 174.205 53.7764 174.35 54.4905C174.354 54.5434 174.368 54.5949 174.392 54.6421C174.416 54.6892 174.45 54.7311 174.49 54.7651C174.612 54.8417 174.771 54.7651 174.893 54.7013C175.464 54.3461 175.933 53.8488 176.254 53.2581L176.893 54.7268C176.935 54.8768 177.03 55.0062 177.161 55.0908C177.255 55.1225 177.357 55.1222 177.451 55.0898C177.544 55.0574 177.625 54.9949 177.679 54.912C177.783 54.7436 177.846 54.5535 177.864 54.3564L178.088 52.9643C178.093 52.8921 178.119 52.8231 178.164 52.7664C178.235 52.7109 178.325 52.6856 178.414 52.6961C178.993 52.6961 179.574 52.6961 180.158 52.6961C180.26 52.3896 179.947 52.1023 179.653 51.9682C179.359 51.8341 179.014 51.7383 178.848 51.4509C178.548 50.8635 179.334 50.0397 179.002 49.5352C178.669 49.0308 177.947 49.4841 177.436 49.7396Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M246.022 54.1961C245.965 54.2341 245.898 54.2541 245.83 54.2535C245.702 54.2535 245.619 54.1322 245.568 54.0173C245.287 53.3787 245.447 52.6124 245.012 52.1016C244.573 52.6283 244.219 53.2209 243.964 53.8576L242.309 53.3468C242.23 53.6707 242.217 54.0073 242.271 54.3365C242.325 54.6656 242.444 54.9805 242.622 55.2625C242.333 55.3908 242.069 55.5704 241.843 55.7925C241.734 55.9069 241.658 56.0486 241.623 56.2026C241.588 56.3566 241.596 56.5172 241.645 56.6673C242.025 56.7598 242.417 56.7985 242.808 56.7823C242.748 57.5084 242.791 58.2393 242.936 58.9534C242.939 59.0063 242.954 59.0578 242.978 59.1049C243.002 59.1521 243.036 59.194 243.076 59.228C243.198 59.3046 243.357 59.228 243.479 59.1578C244.05 58.8062 244.52 58.3107 244.84 57.721L245.479 59.1833C245.521 59.3366 245.619 59.4687 245.754 59.5537C245.847 59.5849 245.947 59.5843 246.04 59.552C246.132 59.5196 246.212 59.4573 246.265 59.3749C246.369 59.2065 246.432 59.0163 246.45 58.8193L246.68 57.4272C246.677 57.3865 246.683 57.3456 246.699 57.3079C246.715 57.2702 246.739 57.2368 246.77 57.2105C246.802 57.1843 246.839 57.1659 246.879 57.1569C246.919 57.148 246.96 57.1487 247 57.159C247.583 57.159 248.165 57.159 248.744 57.159C248.846 56.8525 248.533 56.5588 248.239 56.4311C247.945 56.3034 247.6 56.2012 247.434 55.9138C247.134 55.3263 247.92 54.5026 247.587 53.9981C247.255 53.4936 246.539 53.947 246.022 54.1961Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M212.738 50.4676C212.679 50.5047 212.61 50.5246 212.54 50.525C212.419 50.525 212.33 50.4037 212.278 50.2888C211.997 49.6502 212.157 48.8839 211.729 48.373C211.288 48.8996 210.932 49.4921 210.675 50.1291L209.026 49.6183C208.945 49.9421 208.931 50.279 208.985 50.6084C209.039 50.9378 209.159 51.2528 209.339 51.534C209.048 51.6577 208.784 51.8354 208.56 52.0576C208.449 52.1709 208.371 52.3123 208.335 52.4665C208.299 52.6207 208.306 52.7818 208.355 52.9324C208.737 53.0281 209.131 53.0668 209.524 53.0474C209.462 53.7732 209.503 54.5041 209.646 55.2185C209.657 55.3243 209.707 55.4222 209.786 55.4931C209.908 55.5697 210.068 55.4931 210.189 55.4292C210.761 55.0759 211.231 54.5782 211.55 53.9861L212.189 55.4548C212.233 55.6058 212.33 55.7354 212.464 55.8188C212.558 55.8505 212.659 55.8501 212.753 55.8178C212.847 55.7854 212.927 55.7229 212.981 55.64C213.083 55.4711 213.144 55.2809 213.16 55.0844L213.39 53.6923C213.395 53.6201 213.422 53.5511 213.467 53.4944C213.535 53.4399 213.623 53.4147 213.71 53.4241C214.291 53.4241 214.873 53.4241 215.461 53.4241C215.556 53.1176 215.25 52.8303 214.949 52.6962C214.649 52.5621 214.31 52.4663 214.151 52.1789C213.844 51.5914 214.63 50.7677 214.298 50.2632C213.965 49.7587 213.25 50.2185 212.738 50.4676Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.3"
-				d="M202.291 55.014C202.232 55.0464 202.167 55.066 202.1 55.0714C202.039 55.0575 201.982 55.0277 201.936 54.9851C201.89 54.9425 201.856 54.8886 201.838 54.8288C201.557 54.1902 201.716 53.4303 201.282 52.9131C200.841 53.4412 200.487 54.0361 200.234 54.6755L198.579 54.1583C198.501 54.4824 198.488 54.8187 198.542 55.1477C198.596 55.4767 198.715 55.7916 198.892 56.074C198.601 56.1977 198.337 56.3754 198.112 56.5976C198.003 56.712 197.928 56.8537 197.893 57.0078C197.858 57.1618 197.865 57.3224 197.914 57.4725C198.294 57.5681 198.686 57.6069 199.077 57.5874C199.017 58.3135 199.06 59.0445 199.205 59.7586C199.209 59.8114 199.223 59.8629 199.248 59.9101C199.272 59.9573 199.305 59.9991 199.346 60.0331C199.467 60.1098 199.627 60.0331 199.748 59.9693C200.319 59.6141 200.788 59.1168 201.109 58.5261L201.748 59.9948C201.792 60.1458 201.89 60.2754 202.023 60.3588C202.116 60.3901 202.217 60.3895 202.309 60.3571C202.402 60.3247 202.481 60.2624 202.534 60.18C202.638 60.0117 202.702 59.8215 202.72 59.6245L202.95 58.2324C202.952 58.1608 202.977 58.0917 203.02 58.0344C203.09 57.9789 203.18 57.9537 203.269 57.9642C203.853 57.9642 204.434 57.9642 205.014 57.9642C205.116 57.6577 204.803 57.3703 204.509 57.2362C204.215 57.1021 203.87 57.0063 203.704 56.719C203.403 56.1315 204.189 55.3077 203.857 54.8032C203.525 54.2988 202.803 54.7586 202.291 55.014Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M192.568 27.5301C192.508 27.5672 192.44 27.5871 192.369 27.5875C192.248 27.5875 192.159 27.4662 192.107 27.3513C191.826 26.7127 191.986 25.9464 191.558 25.4355C191.117 25.9621 190.761 26.5546 190.504 27.1916L188.855 26.6808C188.772 27.0044 188.758 27.3416 188.812 27.6713C188.865 28.0009 188.987 28.3159 189.168 28.5965C188.878 28.7248 188.614 28.9044 188.389 29.1265C188.277 29.2394 188.199 29.3808 188.163 29.5352C188.127 29.6895 188.134 29.8508 188.184 30.0013C188.567 30.0935 188.96 30.1322 189.353 30.1163C189.292 30.8421 189.332 31.573 189.475 32.2874C189.486 32.3932 189.536 32.4911 189.615 32.562C189.737 32.6386 189.897 32.562 190.018 32.4917C190.592 32.1425 191.061 31.6465 191.379 31.055L192.018 32.5173C192.064 32.6688 192.161 32.7997 192.293 32.8877C192.387 32.9194 192.488 32.919 192.582 32.8867C192.676 32.8543 192.756 32.7918 192.81 32.7089C192.912 32.54 192.973 32.3498 192.989 32.1533L193.219 30.7612C193.223 30.6888 193.25 30.6195 193.296 30.5633C193.364 30.5088 193.452 30.4835 193.539 30.493C194.12 30.493 194.708 30.493 195.29 30.493C195.385 30.1801 195.079 29.8928 194.778 29.765C194.478 29.6373 194.139 29.5352 193.98 29.2478C193.673 28.6539 194.459 27.8366 194.127 27.3321C193.794 26.8276 193.079 27.281 192.568 27.5301Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.3"
-				d="M211.738 63.4046C211.677 63.4362 211.609 63.4557 211.54 63.4621C211.419 63.4621 211.33 63.3344 211.278 63.2194C210.997 62.6128 211.157 61.821 210.729 61.3037C210.287 61.8325 209.932 62.4272 209.675 63.0662L208.026 62.5553C207.944 62.879 207.93 63.2161 207.984 63.5456C208.037 63.8751 208.158 64.1901 208.339 64.471C208.048 64.5947 207.784 64.7724 207.56 64.9946C207.449 65.108 207.371 65.2494 207.335 65.4036C207.299 65.5578 207.306 65.7189 207.355 65.8695C207.737 65.9648 208.131 66.0036 208.524 65.9844C208.462 66.7102 208.503 67.4412 208.646 68.1556C208.657 68.2614 208.707 68.3593 208.786 68.4301C208.908 68.5068 209.068 68.4302 209.195 68.3663C209.765 68.0109 210.231 67.5135 210.55 66.9231L211.189 68.3918C211.233 68.5428 211.33 68.6724 211.464 68.7558C211.558 68.7875 211.659 68.7872 211.753 68.7548C211.847 68.7225 211.927 68.6599 211.981 68.577C212.083 68.4081 212.144 68.218 212.16 68.0215L212.39 66.6294C212.395 66.5572 212.422 66.4881 212.467 66.4314C212.535 66.377 212.623 66.3517 212.71 66.3612C213.291 66.3612 213.879 66.3612 214.461 66.3612C214.556 66.0547 214.25 65.7673 213.949 65.6332C213.649 65.4991 213.31 65.4033 213.151 65.116C212.844 64.5285 213.63 63.7047 213.298 63.2003C212.965 62.6958 212.25 63.1364 211.738 63.4046Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-		</g>
-		<g opacity="0.8">
-			<path
-				opacity="0.5"
-				d="M78.0274 68.0551C77.0575 66.7389 75.054 68.1668 75.96 69.5269C76.1954 69.8859 76.4549 70.2289 76.7023 70.5599C79.6837 74.5843 81.2283 79.4703 82.5573 84.2964C82.8846 85.493 83.1999 86.7493 82.8287 87.918C83.3635 84.783 83.0163 81.5363 82.2101 78.4612C81.4039 75.386 80.1746 72.4425 78.8615 69.5189C78.6353 69.0033 78.3557 68.5127 78.0274 68.0551Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M58.6771 76.5068C56.6816 76.443 56.4102 79.4943 58.4137 79.6538C58.9405 79.6937 59.4674 79.7056 59.9743 79.7216C66.1326 79.8891 71.9477 82.1147 77.5553 84.5078C78.9282 85.0981 80.3491 85.7602 81.1753 87.0206C78.6529 84.097 75.3282 81.9552 71.7961 80.3797C68.2639 78.8042 64.4962 77.7712 60.7326 76.79C60.06 76.6201 59.3706 76.5251 58.6771 76.5068V76.5068Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M59.2337 84.0085C57.9645 84.0524 58.2518 85.8592 59.529 85.8672C59.8643 85.8672 60.1995 85.8672 60.5188 85.8432C64.4022 85.6837 68.3814 86.7566 72.2408 87.9332C73.1907 88.2244 74.1885 88.5514 74.879 89.2614C72.8296 87.6802 70.5067 86.4891 68.0262 85.7475C65.584 85.0214 63.0923 84.4735 60.5707 84.1082C60.1296 84.0292 59.6816 83.9957 59.2337 84.0085V84.0085Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M85.2302 117.536C85.5894 118.757 87.2657 118.031 86.9584 116.791C86.8786 116.468 86.7828 116.148 86.691 115.841C85.5735 112.12 85.6253 108 85.8089 103.972C85.8568 102.982 85.9247 101.933 86.4395 101.092C85.4165 103.467 84.8389 106.01 84.7353 108.594C84.6356 111.14 84.7223 113.691 84.9947 116.224C85.0295 116.668 85.1083 117.108 85.2302 117.536V117.536Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M61.5518 66.3516C60.7895 66.22 60.7296 67.3328 61.4919 67.5003C61.6915 67.5442 61.891 67.5801 62.0866 67.612C64.4254 68.0108 66.6644 69.1555 68.8196 70.3481C69.3753 70.6024 69.8593 70.9902 70.2285 71.4769C69.2045 70.2719 67.9681 69.2647 66.5806 68.5054C65.2141 67.7631 63.7963 67.1193 62.338 66.579C62.0835 66.4791 61.8203 66.403 61.5518 66.3516V66.3516Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M49.7432 95.8545C47.8035 96.8517 49.4439 99.5918 51.4355 98.6824C51.9583 98.4431 52.4652 98.1759 52.9521 97.9246C58.883 94.8494 65.7677 93.7207 72.5447 92.8472C74.205 92.6358 75.9771 92.4483 77.5177 93.1064C73.323 91.9099 68.8609 91.8261 64.5464 92.3087C60.232 92.7914 56.0373 93.9042 51.8825 95.0329C51.1433 95.2334 50.4265 95.5087 49.7432 95.8545V95.8545Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M55.2828 106.516C53.8859 107.817 56.081 109.352 57.5258 108.112C57.9249 107.785 58.2721 107.438 58.6234 107.111C62.8699 103.122 68.4855 100.29 74.0771 97.6739C75.45 97.0317 81.0975 96.3776 82.6062 96.4135C78.6669 96.7645 70.6327 98.0089 67.0407 99.6043C63.5338 101.27 60.1442 103.171 56.8952 105.296C56.3205 105.651 55.7807 106.06 55.2828 106.516V106.516Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M65.2282 123.539C64.8291 125.397 67.4832 125.425 67.9781 123.567C68.1059 123.08 68.2096 122.589 68.3094 122.123C69.5387 116.431 72.544 110.903 75.6571 105.578C76.4234 104.27 80.6979 100.521 81.9591 99.6953C78.9179 102.224 72.999 107.804 70.9795 111.174C69.042 114.537 67.3339 118.027 65.8668 121.62C65.5933 122.238 65.3795 122.88 65.2282 123.539Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M85.2524 58.191C84.3026 56.2565 81.5886 57.848 82.4586 59.8342C82.6861 60.3527 82.9376 60.8593 83.1811 61.3459C86.1026 67.2569 87.1083 74.1092 87.8627 80.8139C88.0463 82.4651 88.2019 84.2201 87.5314 85.7357C88.7567 81.5996 88.9203 77.1803 88.4973 72.9006C88.0742 68.621 87.0644 64.4649 86.0108 60.3208C85.8311 59.587 85.577 58.8733 85.2524 58.191V58.191Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M70.1272 61.4853C70.177 61.5145 70.2332 61.5309 70.2908 61.5332C70.3946 61.5332 70.4704 61.4255 70.5143 61.3298C70.7498 60.8153 70.6141 60.1332 70.9813 59.7344C71.3524 60.1796 71.6514 60.6803 71.8673 61.2181L73.2602 60.7873C73.3253 61.0574 73.3354 61.3377 73.2902 61.6117C73.2449 61.8857 73.1452 62.1479 72.9968 62.3828C73.2404 62.4907 73.4622 62.642 73.6514 62.8295C73.7456 62.9245 73.8115 63.0438 73.8418 63.1741C73.8721 63.3044 73.8656 63.4405 73.823 63.5674C73.5018 63.6449 73.1713 63.6772 72.8412 63.6631C72.8932 64.2753 72.8569 64.8919 72.7334 65.4938C72.7301 65.5385 72.7179 65.582 72.6973 65.6217C72.6767 65.6615 72.6483 65.6967 72.6137 65.7251C72.5139 65.793 72.3782 65.7251 72.2744 65.6693C71.7954 65.3762 71.4007 64.9639 71.129 64.4727L70.5982 65.6613C70.5604 65.7882 70.4783 65.8972 70.3667 65.9684C70.2881 65.9962 70.2025 65.9968 70.1235 65.97C70.0446 65.9432 69.977 65.8907 69.9316 65.8209C69.8469 65.6771 69.7951 65.5164 69.78 65.3502L69.5844 64.1537C69.5821 64.0923 69.5597 64.0335 69.5205 63.9861C69.4623 63.942 69.3899 63.9208 69.317 63.9263C68.8221 63.9263 68.3312 63.9263 67.8403 63.9263C67.7565 63.6631 68.0159 63.4198 68.2673 63.3121C68.5188 63.2044 68.8181 63.1166 68.9458 62.8733C69.2012 62.3748 68.5467 61.6768 68.8181 61.254C69.1613 60.7754 69.6962 61.2739 70.1272 61.4853Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M97.0266 68.0551C97.9965 66.7389 99.996 68.1668 99.094 69.5269C98.8546 69.8859 98.5991 70.2289 98.3517 70.5599C95.3703 74.5843 93.8257 79.4703 92.4927 84.2964C92.1654 85.493 91.8501 86.7493 92.2253 87.918C91.6904 84.783 92.0377 81.5363 92.8439 78.4612C93.6501 75.386 94.8953 72.4425 96.1885 69.5309C96.4169 69.0118 96.6978 68.5173 97.0266 68.0551V68.0551Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M116.369 76.5068C118.365 76.443 118.636 79.4943 116.633 79.6538C116.11 79.6937 115.579 79.7056 115.076 79.7216C108.914 79.8891 103.103 82.1147 97.495 84.5078C96.122 85.0981 94.6772 85.7602 93.875 87.0206C96.3974 84.097 99.718 81.9552 103.254 80.3797C106.79 78.8042 110.55 77.7712 114.318 76.79C114.989 76.6204 115.677 76.5254 116.369 76.5068V76.5068Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M115.813 84.0091C117.086 84.053 116.799 85.8598 115.522 85.8678C115.187 85.8678 114.851 85.8678 114.532 85.8438C110.645 85.6843 106.669 86.7572 102.81 87.9338C101.86 88.225 100.858 88.552 100.172 89.262C102.221 87.6808 104.544 86.4897 107.025 85.7481C109.473 85.0183 111.972 84.4678 114.5 84.1008C114.934 84.0259 115.374 83.9952 115.813 84.0091V84.0091Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M113.505 66.3516C114.267 66.22 114.327 67.3328 113.565 67.5003C113.365 67.5442 113.166 67.5801 112.97 67.612C110.631 68.0108 108.388 69.1555 106.233 70.3481C105.679 70.6026 105.196 70.9904 104.828 71.4769C105.851 70.272 107.086 69.2648 108.472 68.5054C109.84 67.7638 111.259 67.1201 112.719 66.579C112.973 66.4791 113.236 66.403 113.505 66.3516V66.3516Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M93.5959 119.846C93.4242 120.603 92.3746 120.244 92.5143 119.447C92.5502 119.247 92.5981 119.048 92.642 118.856C93.1728 116.547 92.9812 114.038 92.7098 111.593C92.69 110.984 92.5186 110.389 92.2109 109.862C92.9288 111.269 93.382 112.795 93.548 114.365C93.708 115.913 93.7547 117.47 93.6877 119.024C93.6856 119.3 93.6549 119.576 93.5959 119.846V119.846Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M113.01 114.816C113.608 115.829 112.139 115.761 111.493 114.748C111.325 114.485 111.17 114.217 111.022 113.95C109.202 110.859 106.436 107.8 103.646 104.844C102.986 104.078 102.215 103.414 101.359 102.874C103.535 104.358 105.542 106.074 107.346 107.991C109.134 109.862 110.715 111.812 112.263 113.759C112.536 114.093 112.785 114.447 113.01 114.816V114.816Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M59.8749 114.816C59.2762 115.829 60.7449 115.761 61.3875 114.748C61.5591 114.485 61.7148 114.217 61.8625 113.95C63.6824 110.859 66.4483 107.8 69.2381 104.844C69.8978 104.077 70.6686 103.413 71.525 102.874C69.3489 104.357 67.3414 106.073 65.5383 107.991C63.7503 109.862 62.1658 111.812 60.6212 113.759C60.3484 114.093 60.0991 114.447 59.8749 114.816Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M79.3046 119.846C79.4762 120.603 80.5259 120.244 80.3862 119.447C80.3503 119.247 80.3024 119.048 80.2585 118.856C79.7276 116.547 79.9192 114.038 80.1906 111.593C80.2104 110.984 80.3819 110.389 80.6895 109.862C79.9772 111.274 79.5307 112.804 79.3724 114.377C79.2124 115.925 79.1657 117.482 79.2328 119.036C79.2291 119.308 79.2531 119.579 79.3046 119.846V119.846Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M107.376 73.9499C108.138 73.8143 108.198 74.9271 107.436 75.0986C107.236 75.1425 107.037 75.1744 106.841 75.2063C104.502 75.6051 102.263 76.7538 100.104 77.9464C99.5497 78.199 99.0669 78.5856 98.6992 79.0712C99.7222 77.8662 100.959 76.8602 102.347 76.1037C103.712 75.3581 105.13 74.7142 106.59 74.1772C106.843 74.0738 107.107 73.9976 107.376 73.9499V73.9499Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M100.24 59.0324C100.898 58.6335 101.369 59.6346 100.723 60.0774C100.555 60.193 100.379 60.2967 100.216 60.4004C98.1923 61.6449 96.544 63.5434 94.9914 65.4579C94.5691 65.8971 94.2655 66.4366 94.1094 67.0254C94.6074 65.5258 95.3772 64.1305 96.3803 62.9092C97.3696 61.7095 98.4447 60.5831 99.5972 59.5389C99.7943 59.3495 100.01 59.1798 100.24 59.0324V59.0324Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M125.306 95.8545C127.245 96.8517 125.605 99.5918 123.613 98.6824C123.091 98.4431 122.58 98.1759 122.097 97.9246C116.166 94.8494 109.277 93.7207 102.504 92.8472C100.844 92.6358 99.0718 92.4483 97.5312 93.1064C101.722 91.9099 106.188 91.8261 110.503 92.3087C114.817 92.7914 119.012 93.9042 123.166 95.0329C123.905 95.2341 124.622 95.5093 125.306 95.8545Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M119.761 106.516C121.154 107.817 118.963 109.352 117.514 108.112C117.135 107.785 116.768 107.438 116.42 107.111C112.17 103.122 106.554 100.29 100.967 97.6739C99.5936 97.0317 93.9422 96.3776 92.4375 96.4135C96.3768 96.7645 104.411 98.0089 108.003 99.6043C111.511 101.27 114.902 103.171 118.152 105.296C118.726 105.651 119.264 106.06 119.761 106.516V106.516Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M103.325 125.661C103.496 127.556 100.846 127.256 100.591 125.346C100.523 124.847 100.483 124.349 100.443 123.87C99.9363 118.071 97.6493 112.212 95.2267 106.536C94.632 105.144 90.8604 100.892 89.7109 99.915C92.4129 102.803 97.5855 109.089 99.166 112.678C100.666 116.256 101.922 119.931 102.926 123.679C103.119 124.326 103.253 124.989 103.325 125.661V125.661Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M104.925 61.4853C104.875 61.5145 104.819 61.5309 104.762 61.5332C104.654 61.5332 104.582 61.4255 104.538 61.3298C104.299 60.8153 104.438 60.1332 104.071 59.7344C103.7 60.1796 103.401 60.6803 103.185 61.2181L101.792 60.7873C101.726 61.0573 101.716 61.3378 101.761 61.6119C101.806 61.8861 101.906 62.1483 102.056 62.3828C101.811 62.4906 101.588 62.642 101.397 62.8295C101.304 62.9252 101.239 63.0447 101.209 63.1749C101.18 63.305 101.187 63.4408 101.229 63.5674C101.551 63.6451 101.881 63.6773 102.211 63.6631C102.16 64.2752 102.195 64.8914 102.315 65.4938C102.323 65.5835 102.366 65.6665 102.435 65.7251C102.539 65.793 102.674 65.7251 102.778 65.6693C103.257 65.3762 103.652 64.9639 103.923 64.4727L104.442 65.7092C104.479 65.8367 104.561 65.9462 104.674 66.0163C104.752 66.0446 104.837 66.0453 104.915 66.0185C104.994 65.9916 105.061 65.9388 105.105 65.8687C105.193 65.726 105.246 65.5649 105.261 65.3981L105.452 64.2015C105.458 64.1402 105.481 64.0819 105.52 64.034C105.578 63.9899 105.651 63.9686 105.723 63.9742C106.214 63.9742 106.709 63.9742 107.2 63.9742C107.284 63.7109 107.021 63.4676 106.769 63.36C106.518 63.2523 106.222 63.1645 106.095 62.9212C105.839 62.4226 106.494 61.7247 106.218 61.3019C105.895 60.7754 105.36 61.2739 104.925 61.4853Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M109.124 118.832C109.074 118.862 109.018 118.878 108.96 118.88C108.853 118.88 108.781 118.777 108.737 118.681C108.501 118.162 108.637 117.484 108.27 117.062C107.9 117.507 107.601 118.008 107.384 118.545L105.991 118.114C105.926 118.385 105.916 118.665 105.961 118.939C106.006 119.213 106.106 119.475 106.254 119.71C106.011 119.818 105.789 119.969 105.6 120.157C105.506 120.252 105.44 120.371 105.409 120.501C105.379 120.632 105.386 120.768 105.428 120.894C105.749 120.973 106.08 121.007 106.41 120.994C106.358 121.605 106.394 122.22 106.518 122.821C106.521 122.866 106.533 122.91 106.554 122.951C106.574 122.991 106.603 123.027 106.638 123.056C106.737 123.12 106.873 123.056 106.977 122.996C107.456 122.703 107.85 122.291 108.122 121.8L108.641 123.036C108.68 123.164 108.762 123.274 108.873 123.347C108.952 123.37 109.036 123.368 109.114 123.341C109.192 123.314 109.26 123.263 109.308 123.196C109.392 123.052 109.444 122.891 109.459 122.725L109.655 121.549C109.653 121.515 109.658 121.481 109.672 121.45C109.685 121.418 109.706 121.391 109.732 121.369C109.758 121.347 109.789 121.332 109.822 121.324C109.855 121.317 109.889 121.317 109.922 121.325C110.413 121.325 110.908 121.305 111.399 121.325C111.483 121.062 111.223 120.823 110.972 120.711C110.72 120.599 110.421 120.52 110.293 120.272C110.038 119.778 110.693 119.076 110.421 118.657C110.106 118.122 109.555 118.621 109.124 118.832Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M120.938 80.391C120.887 80.4224 120.829 80.439 120.77 80.4389C120.666 80.4389 120.594 80.3352 120.551 80.2395C120.311 79.7249 120.447 79.0429 120.084 78.6201C119.713 79.067 119.414 79.5689 119.198 80.1078L117.805 79.6731C117.739 79.943 117.728 80.2235 117.773 80.4977C117.818 80.7719 117.919 81.0341 118.068 81.2685C117.823 81.3753 117.599 81.5268 117.41 81.7152C117.317 81.8114 117.253 81.9308 117.222 82.0606C117.192 82.1905 117.198 82.326 117.238 82.4531C117.56 82.532 117.892 82.5655 118.224 82.5528C118.172 83.1636 118.207 83.7785 118.328 84.3795C118.336 84.4705 118.379 84.5547 118.447 84.6149C118.551 84.6787 118.683 84.6149 118.787 84.559C119.266 84.2658 119.662 83.8536 119.936 83.3625L120.451 84.5989C120.488 84.7269 120.57 84.8373 120.682 84.91C120.761 84.9367 120.847 84.9363 120.926 84.9088C121.005 84.8814 121.072 84.8285 121.117 84.7585C121.206 84.6161 121.259 84.4548 121.273 84.2878L121.465 83.0913C121.47 83.0318 121.492 82.9751 121.528 82.9277C121.587 82.8819 121.662 82.8605 121.736 82.8679C122.227 82.8679 122.718 82.8679 123.209 82.8679C123.297 82.6086 123.033 82.3653 122.782 82.2537C122.53 82.142 122.231 82.0622 122.107 81.8189C121.852 81.3203 122.506 80.6224 122.231 80.1996C121.904 79.6811 121.365 80.1796 120.938 80.391Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M73.7338 124.584C73.665 124.626 73.5867 124.649 73.5063 124.652C73.3586 124.652 73.2548 124.504 73.195 124.369C72.8637 123.655 73.0553 122.721 72.5444 122.119C72.0283 122.74 71.6122 123.437 71.3111 124.185L69.3675 123.587C69.2773 123.963 69.2634 124.353 69.3264 124.735C69.3895 125.116 69.5283 125.481 69.7346 125.809C69.3934 125.956 69.0833 126.168 68.8207 126.431C68.691 126.564 68.6001 126.729 68.5579 126.91C68.5157 127.091 68.5237 127.279 68.5812 127.456C69.0302 127.566 69.4922 127.613 69.9541 127.595C69.8815 128.448 69.9312 129.306 70.1018 130.144C70.1119 130.269 70.1707 130.385 70.2655 130.467C70.3443 130.499 70.4304 130.509 70.5142 130.494C70.5981 130.48 70.6764 130.443 70.7404 130.387C71.4122 129.974 71.9629 129.391 72.3369 128.696L73.0593 130.419C73.1106 130.598 73.2257 130.751 73.3826 130.85C73.4923 130.888 73.6118 130.889 73.7218 130.851C73.8318 130.814 73.926 130.74 73.9892 130.643C74.108 130.443 74.1803 130.22 74.2007 129.988L74.4721 128.349C74.4753 128.263 74.5061 128.181 74.5599 128.114C74.6427 128.053 74.745 128.025 74.8473 128.034C75.5338 128.034 76.2203 128.006 76.9028 128.034C77.0225 127.667 76.6553 127.332 76.3081 127.177C75.9608 127.021 75.5418 126.909 75.3661 126.57C75.0069 125.876 75.9329 124.911 75.5378 124.313C75.0788 123.595 74.3325 124.293 73.7338 124.584Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.8"
-				d="M54.087 81.5402C54.0168 81.5818 53.9371 81.6052 53.8555 81.608C53.7118 81.608 53.6081 81.4604 53.5442 81.3248C53.2169 80.6069 53.4045 79.6775 52.8977 79.0713C52.3802 79.6929 51.9628 80.3913 51.6604 81.1413L49.7207 80.5391C49.6286 80.9156 49.6137 81.3069 49.6768 81.6893C49.7399 82.0718 49.8797 82.4376 50.0879 82.7647C49.7461 82.9116 49.4358 83.1228 49.1739 83.3869C49.0431 83.5189 48.9514 83.6846 48.9092 83.8656C48.8669 84.0465 48.8756 84.2356 48.9344 84.4119C49.3835 84.5209 49.8456 84.5665 50.3074 84.5475C50.2351 85.3996 50.2835 86.2576 50.4511 87.0962C50.4554 87.1592 50.4725 87.2207 50.5013 87.2769C50.5301 87.3331 50.5701 87.3829 50.6187 87.4233C50.7624 87.515 50.946 87.4233 51.0936 87.3435C51.7645 86.9289 52.315 86.3458 52.6901 85.6524L53.4125 87.3754C53.466 87.5515 53.5788 87.7037 53.7318 87.8062C53.8415 87.8445 53.961 87.8449 54.071 87.8073C54.181 87.7697 54.2752 87.6963 54.3385 87.5988C54.4585 87.3997 54.5322 87.1761 54.554 86.9446L54.8214 85.3014C54.8283 85.2169 54.8603 85.1363 54.9132 85.07C54.9951 85.0073 55.098 84.9787 55.2005 84.9903C55.883 84.9903 56.5695 84.9623 57.256 84.9663C57.3717 84.6034 57.0085 84.2643 56.6573 84.1128C56.3061 83.9612 55.891 83.8416 55.7154 83.5025C55.3602 82.8085 56.2822 81.8473 55.891 81.249C55.432 80.551 54.6857 81.241 54.087 81.5402Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M113.706 108.195C113.671 108.218 113.629 108.231 113.587 108.231C113.507 108.231 113.455 108.151 113.419 108.083C113.243 107.684 113.347 107.206 113.076 106.887C112.8 107.215 112.579 107.585 112.421 107.984L111.387 107.664C111.336 107.867 111.327 108.077 111.36 108.283C111.394 108.489 111.47 108.686 111.583 108.861C111.402 108.941 111.237 109.053 111.096 109.192C111.028 109.264 110.981 109.352 110.959 109.448C110.937 109.544 110.942 109.645 110.972 109.739C111.21 109.794 111.454 109.818 111.699 109.81C111.659 110.262 111.686 110.718 111.779 111.162C111.781 111.196 111.79 111.229 111.805 111.259C111.82 111.289 111.841 111.316 111.866 111.338C111.942 111.386 112.042 111.338 112.118 111.294C112.473 111.074 112.765 110.764 112.964 110.397L113.363 111.31C113.392 111.405 113.452 111.486 113.535 111.541C113.593 111.561 113.657 111.561 113.715 111.541C113.774 111.521 113.824 111.481 113.858 111.43C113.921 111.324 113.96 111.205 113.97 111.083L114.113 110.209C114.112 110.184 114.116 110.159 114.127 110.136C114.137 110.113 114.152 110.093 114.172 110.077C114.191 110.061 114.214 110.05 114.239 110.044C114.263 110.039 114.289 110.039 114.313 110.046C114.68 110.046 115.043 110.046 115.406 110.046C115.47 109.85 115.275 109.671 115.091 109.591C114.908 109.511 114.692 109.447 114.588 109.268C114.401 108.897 114.892 108.386 114.68 108.071C114.469 107.756 114.01 108.039 113.706 108.195Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M87.0033 123.591C86.9662 123.614 86.9234 123.626 86.8796 123.626C86.8038 123.626 86.7479 123.547 86.716 123.475C86.5404 123.096 86.6402 122.601 86.3727 122.278C86.097 122.609 85.8748 122.98 85.7142 123.379L84.6845 123.06C84.6332 123.262 84.624 123.473 84.6577 123.679C84.6913 123.885 84.767 124.081 84.88 124.257C84.6983 124.335 84.5331 124.448 84.3931 124.588C84.3236 124.658 84.2749 124.747 84.2524 124.843C84.2299 124.939 84.2344 125.04 84.2654 125.134C84.5047 125.19 84.7502 125.214 84.9958 125.206C84.9568 125.658 84.9824 126.113 85.0716 126.558C85.074 126.591 85.0831 126.623 85.0981 126.653C85.1132 126.682 85.134 126.708 85.1594 126.73C85.2353 126.781 85.335 126.73 85.4109 126.69C85.768 126.47 86.0611 126.161 86.261 125.792L86.6601 126.706C86.6888 126.8 86.7494 126.882 86.8317 126.937C86.8904 126.957 86.954 126.957 87.0125 126.936C87.071 126.916 87.1211 126.877 87.155 126.825C87.2186 126.72 87.2568 126.601 87.2668 126.478L87.4104 125.605C87.4135 125.56 87.4302 125.517 87.4583 125.481C87.5029 125.451 87.556 125.435 87.61 125.437C87.9732 125.437 88.3364 125.437 88.7036 125.437C88.7634 125.242 88.5719 125.062 88.3843 124.983C88.1967 124.903 87.9852 124.839 87.8854 124.659C87.6938 124.289 88.1847 123.778 87.9772 123.463C87.7696 123.148 87.3226 123.431 87.0033 123.591Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M61.1825 69.7057C61.1466 69.7284 61.1052 69.7408 61.0627 69.7416C61.024 69.7347 60.9878 69.7172 60.9583 69.6912C60.9287 69.6652 60.9069 69.6316 60.8951 69.594C60.7195 69.1952 60.8193 68.7165 60.5519 68.3975C60.2762 68.7263 60.0539 69.0965 59.8933 69.4943L58.8636 69.1752C58.813 69.3775 58.8042 69.5879 58.8379 69.7937C58.8715 69.9994 58.9468 70.1961 59.0592 70.3718C58.8776 70.4491 58.7124 70.56 58.5722 70.6988C58.5031 70.7696 58.4547 70.858 58.4322 70.9543C58.4097 71.0506 58.4139 71.1512 58.4445 71.2453C58.6832 71.3048 58.9292 71.329 59.1749 71.3171C59.1362 71.7704 59.1617 72.227 59.2507 72.6732C59.2539 72.7064 59.2636 72.7387 59.2794 72.7682C59.2951 72.7976 59.3166 72.8236 59.3425 72.8447C59.4184 72.8925 59.5142 72.8447 59.594 72.8048C59.9501 72.5835 60.2419 72.2727 60.4401 71.9034L60.8392 72.8207C60.8665 72.915 60.9276 72.996 61.0108 73.0481C61.0695 73.0679 61.1331 73.0677 61.1916 73.0475C61.2501 73.0273 61.3002 72.9882 61.3341 72.9364C61.3977 72.8309 61.4359 72.7121 61.4459 72.5894L61.5896 71.7199C61.5926 71.6748 61.6093 71.6317 61.6374 71.5963C61.6802 71.5622 61.7347 71.5465 61.7891 71.5524C62.1523 71.5524 62.5195 71.5524 62.8827 71.5524C62.9426 71.3609 62.751 71.1815 62.5634 71.0977C62.3758 71.0139 62.1643 70.9541 62.0645 70.7746C61.8729 70.4077 62.3678 69.8932 62.1563 69.5781C61.9448 69.263 61.5017 69.5501 61.1825 69.7057Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M74.9173 100.071C74.8819 100.095 74.8402 100.107 74.7976 100.107C74.7177 100.107 74.6659 100.031 74.6339 99.9593C74.4583 99.5604 74.5581 99.0818 74.2867 98.7627C74.0136 99.0927 73.7929 99.4626 73.6322 99.8595L72.5985 99.5405C72.549 99.7428 72.5408 99.953 72.5744 100.159C72.608 100.364 72.6827 100.561 72.794 100.737C72.614 100.817 72.4503 100.929 72.3111 101.068C72.2416 101.139 72.1929 101.227 72.1704 101.323C72.1478 101.42 72.1523 101.52 72.1834 101.614C72.421 101.672 72.6655 101.696 72.9098 101.686C72.8724 102.14 72.8992 102.596 72.9896 103.042C72.992 103.075 73.001 103.108 73.0161 103.137C73.0312 103.166 73.052 103.193 73.0774 103.214C73.1532 103.262 73.253 103.214 73.3288 103.17C73.6859 102.95 73.9791 102.641 74.1789 102.273L74.5781 103.186C74.6044 103.282 74.6656 103.364 74.7497 103.417C74.8077 103.438 74.8709 103.438 74.9289 103.417C74.9869 103.397 75.0362 103.358 75.069 103.306C75.1339 103.2 75.1735 103.082 75.1847 102.959L75.3284 102.089C75.3282 102.04 75.3468 101.993 75.3803 101.958C75.4011 101.94 75.4254 101.927 75.4515 101.92C75.4776 101.912 75.505 101.91 75.5319 101.914C75.8938 101.914 76.257 101.914 76.6215 101.914C76.6854 101.722 76.4938 101.539 76.3062 101.459C76.1186 101.379 75.9071 101.315 75.8073 101.136C75.6158 100.769 76.1067 100.254 75.8991 99.9393C75.6916 99.6242 75.2366 99.9154 74.9173 100.071Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M64.9524 88.2361C64.9154 88.2563 64.8746 88.2685 64.8326 88.272C64.7945 88.2632 64.7593 88.2446 64.7305 88.218C64.7018 88.1914 64.6806 88.1578 64.669 88.1204C64.4934 87.7415 64.5932 87.2469 64.3218 86.9238C64.0473 87.2543 63.8264 87.6257 63.6672 88.0247L62.6335 87.7056C62.5845 87.908 62.5766 88.1181 62.6102 88.3236C62.6438 88.5291 62.7182 88.7258 62.8291 88.9021C62.6476 88.9794 62.4823 89.0904 62.3422 89.2292C62.2741 89.3006 62.2267 89.3892 62.2049 89.4854C62.1831 89.5816 62.1878 89.6819 62.2184 89.7756C62.4557 89.8354 62.7005 89.8596 62.9448 89.8474C62.9074 90.301 62.9343 90.7575 63.0247 91.2035C63.0271 91.2365 63.0361 91.2687 63.0512 91.2982C63.0662 91.3276 63.0871 91.3538 63.1124 91.375C63.1883 91.4229 63.2881 91.375 63.3639 91.3351C63.7206 91.1133 64.0135 90.8027 64.214 90.4337L64.6131 91.3511C64.6394 91.4448 64.699 91.5256 64.7807 91.5784C64.8394 91.5983 64.903 91.598 64.9615 91.5778C65.02 91.5576 65.0701 91.5185 65.104 91.4668C65.169 91.3616 65.2086 91.2428 65.2198 91.1198L65.3595 90.2503C65.3625 90.2052 65.3792 90.162 65.4074 90.1266C65.4514 90.092 65.5074 90.0762 65.563 90.0827C65.9249 90.0827 66.2881 90.0827 66.6526 90.0827C66.7165 89.8913 66.5209 89.7118 66.3373 89.6281C66.1537 89.5443 65.9382 89.4845 65.8344 89.305C65.6468 88.938 66.1377 88.4235 65.9302 88.1084C65.7227 87.7933 65.2717 88.0765 64.9524 88.2361Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.5"
-				d="M107.792 91.0201C107.757 91.0439 107.715 91.0564 107.672 91.056C107.593 91.056 107.541 90.9803 107.509 90.9085C107.333 90.5096 107.433 90.031 107.162 89.7119C106.887 90.0409 106.666 90.4111 106.507 90.8088L105.473 90.4897C105.424 90.692 105.416 90.9023 105.449 91.1078C105.483 91.3134 105.558 91.5101 105.669 91.6862C105.488 91.7664 105.323 91.8785 105.182 92.0173C105.114 92.0887 105.067 92.1772 105.045 92.2734C105.023 92.3696 105.028 92.4699 105.058 92.5637C105.296 92.6215 105.54 92.6456 105.785 92.6355C105.747 93.089 105.774 93.5456 105.864 93.9916C105.867 94.0246 105.876 94.0568 105.891 94.0862C105.906 94.1157 105.927 94.1418 105.952 94.1631C106.028 94.211 106.128 94.1631 106.204 94.1192C106.561 93.8996 106.854 93.5902 107.054 93.2218L107.453 94.1352C107.479 94.231 107.541 94.3135 107.625 94.3665C107.683 94.3861 107.746 94.3857 107.803 94.3654C107.861 94.3452 107.911 94.3063 107.944 94.2548C108.009 94.1497 108.048 94.0309 108.06 93.9078L108.203 93.0383C108.201 93.0129 108.205 92.9874 108.215 92.9638C108.225 92.9403 108.24 92.9194 108.26 92.903C108.279 92.8866 108.302 92.8751 108.327 92.8695C108.352 92.8639 108.378 92.8644 108.403 92.8708C108.767 92.8708 109.131 92.8708 109.492 92.8708C109.556 92.6794 109.361 92.4959 109.177 92.4161C108.994 92.3364 108.778 92.2725 108.674 92.0931C108.487 91.7261 108.978 91.2116 108.77 90.8965C108.563 90.5814 108.115 90.8646 107.792 91.0201Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M87.0067 88.691C86.9696 88.7143 86.9267 88.7267 86.8829 88.7269C86.8071 88.7269 86.7512 88.6512 86.7193 88.5794C86.5437 88.1805 86.6435 87.7019 86.3761 87.3828C86.1004 87.7117 85.8782 88.0818 85.7175 88.4797L84.6878 88.1606C84.6372 88.3628 84.6285 88.5733 84.6621 88.779C84.6957 88.9848 84.771 89.1815 84.8834 89.3571C84.7018 89.4344 84.5366 89.5454 84.3965 89.6842C84.3274 89.755 84.2789 89.8433 84.2564 89.9396C84.2339 90.0359 84.2382 90.1366 84.2687 90.2306C84.5073 90.2903 84.7535 90.3145 84.9991 90.3024C84.9604 90.7558 84.986 91.2123 85.075 91.6585C85.0819 91.7246 85.1132 91.7857 85.1628 91.83C85.2386 91.8779 85.3384 91.83 85.4142 91.7901C85.7718 91.5694 86.065 91.2585 86.2643 90.8887L86.6634 91.8061C86.6907 91.9004 86.7518 91.9813 86.8351 92.0334C86.8937 92.0532 86.9573 92.053 87.0158 92.0328C87.0743 92.0126 87.1244 91.9735 87.1583 91.9217C87.2219 91.8162 87.2601 91.6975 87.2701 91.5747L87.4138 90.7052C87.4168 90.6601 87.4335 90.617 87.4617 90.5816C87.5045 90.5476 87.559 90.5318 87.6133 90.5377C87.9765 90.5377 88.3397 90.5377 88.7069 90.5377C88.7668 90.3463 88.5752 90.1668 88.3876 90.083C88.2 89.9993 87.9885 89.9395 87.8887 89.76C87.6971 89.393 88.1881 88.8785 87.9805 88.5634C87.773 88.2483 87.326 88.5355 87.0067 88.691Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.3"
-				d="M80.4797 91.531C80.4428 91.5512 80.402 91.5635 80.36 91.5669C80.3218 91.5581 80.2866 91.5395 80.2579 91.5129C80.2292 91.4863 80.208 91.4527 80.1964 91.4153C80.0207 91.0165 80.1205 90.5418 79.8491 90.2188C79.5738 90.5486 79.3528 90.9202 79.1946 91.3196L78.1609 90.9965C78.1121 91.1989 78.1043 91.409 78.1379 91.6145C78.1715 91.82 78.2458 92.0167 78.3564 92.1931C78.1749 92.2703 78.0097 92.3813 77.8695 92.5201C77.8014 92.5916 77.754 92.6801 77.7322 92.7763C77.7104 92.8725 77.7151 92.9728 77.7458 93.0665C77.983 93.1263 78.2278 93.1505 78.4722 93.1383C78.4348 93.5919 78.4617 94.0484 78.552 94.4944C78.5544 94.5274 78.5634 94.5596 78.5785 94.5891C78.5936 94.6185 78.6144 94.6447 78.6398 94.6659C78.7156 94.7138 78.8154 94.6659 78.8913 94.6261C79.2479 94.4042 79.5408 94.0936 79.7414 93.7247L80.1405 94.642C80.1677 94.7363 80.2289 94.8173 80.3121 94.8694C80.3702 94.8889 80.4331 94.8885 80.4909 94.8683C80.5488 94.8481 80.5982 94.8091 80.6314 94.7577C80.6964 94.6525 80.736 94.5337 80.7471 94.4107L80.8908 93.5412C80.8925 93.4965 80.9078 93.4533 80.9347 93.4175C80.9787 93.3829 81.0347 93.3671 81.0904 93.3737C81.4549 93.3737 81.8181 93.3737 82.18 93.3737C82.2438 93.1822 82.0482 93.0027 81.8646 92.919C81.6811 92.8352 81.4655 92.7754 81.3618 92.5959C81.1742 92.229 81.6651 91.7144 81.4576 91.3993C81.25 91.0843 80.799 91.3714 80.4797 91.531Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.2"
-				d="M74.4057 74.3649C74.3686 74.3881 74.3257 74.4005 74.2819 74.4008C74.2061 74.4008 74.1502 74.325 74.1183 74.2532C73.9427 73.8543 74.0425 73.3757 73.7751 73.0566C73.4994 73.3855 73.2772 73.7556 73.1165 74.1535L72.0868 73.8344C72.0352 74.0366 72.026 74.2472 72.0597 74.4531C72.0933 74.659 72.1691 74.8557 72.2824 75.031C72.1015 75.1111 71.9365 75.2233 71.7955 75.362C71.726 75.4326 71.6773 75.5209 71.6548 75.6173C71.6322 75.7137 71.6367 75.8144 71.6677 75.9084C71.9067 75.966 72.1525 75.9902 72.3981 75.9802C72.3595 76.4336 72.3851 76.8901 72.474 77.3363C72.4809 77.4024 72.5122 77.4636 72.5618 77.5078C72.6376 77.5557 72.7374 77.5078 72.8132 77.464C73.1715 77.2458 73.465 76.936 73.6633 76.5665L74.0624 77.4799C74.0911 77.5746 74.1517 77.6563 74.234 77.7112C74.2927 77.7311 74.3563 77.7308 74.4148 77.7106C74.4733 77.6904 74.5234 77.6513 74.5573 77.5996C74.6209 77.4941 74.6591 77.3753 74.6691 77.2526L74.8128 76.3831C74.8153 76.3378 74.8321 76.2946 74.8607 76.2594C74.9035 76.2254 74.958 76.2096 75.0123 76.2156C75.3755 76.2156 75.7427 76.2156 76.1059 76.2156C76.1658 76.0201 75.9742 75.8406 75.7866 75.7609C75.599 75.6811 75.3875 75.6173 75.2877 75.4378C75.0961 75.0669 75.587 74.5563 75.3795 74.2412C75.172 73.9261 74.725 74.2093 74.4057 74.3649Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-			<path
-				opacity="0.3"
-				d="M86.3778 96.7722C86.3392 96.7919 86.2972 96.8041 86.254 96.8081C86.1782 96.8081 86.1223 96.7283 86.0904 96.6565C85.9148 96.2776 86.0146 95.783 85.7472 95.46C85.4715 95.7903 85.2492 96.1617 85.0886 96.5608L84.0589 96.2417C84.0078 96.4439 83.9988 96.6544 84.0325 96.8603C84.0661 97.0661 84.1417 97.2628 84.2545 97.4383C84.0729 97.5155 83.9077 97.6265 83.7676 97.7653C83.6984 97.8361 83.65 97.9244 83.6275 98.0208C83.605 98.1171 83.6093 98.2177 83.6398 98.3118C83.8785 98.3713 84.1246 98.3955 84.3702 98.3835C84.3315 98.8369 84.357 99.2934 84.4461 99.7397C84.453 99.8057 84.4843 99.8669 84.5339 99.9112C84.6097 99.959 84.7095 99.9112 84.7893 99.8713C85.1449 99.6493 85.4365 99.3386 85.6354 98.9699L86.0345 99.8872C86.0618 99.9815 86.1229 100.062 86.2061 100.115C86.2648 100.134 86.3284 100.134 86.3869 100.114C86.4454 100.094 86.4955 100.055 86.5294 100.003C86.593 99.8974 86.6312 99.7786 86.6412 99.6559L86.7849 98.7864C86.7879 98.7413 86.8046 98.6982 86.8328 98.6628C86.8756 98.6287 86.9301 98.613 86.9844 98.6189C87.3476 98.6189 87.7148 98.6189 88.078 98.6189C88.1379 98.4274 87.9463 98.2479 87.7587 98.1642C87.5711 98.0804 87.3596 98.0206 87.2598 97.8411C87.0682 97.4742 87.5591 96.9596 87.3516 96.6445C87.1441 96.3295 86.6971 96.6047 86.3778 96.7722Z"
-				fill="#1D35B4"
-				className="admin-theme-color-darker-10"
-			/>
-		</g>
-		<defs>
-			<clipPath id="clip0">
-				<rect
-					width="249"
-					height="159"
-					fill="white"
-					transform="translate(54 131)"
-				/>
-			</clipPath>
-		</defs>
-	</svg>
-);
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-tax-rates.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-tax-rates.js
deleted file mode 100644
index 3a1bfa0dfd8..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/add-tax-rates.js
+++ /dev/null
@@ -1,136 +0,0 @@
-export default ( props ) => (
-	<svg
-		width="342"
-		height="242"
-		viewBox="0 0 342 242"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		{ ...props }
-	>
-		<path
-			opacity="0.1"
-			d="M198.7 38.5979C176.775 37.833 155.893 30.732 135.95 22.9613C116.007 15.1906 96.26 6.58368 74.8599 2.46378C61.0958 -0.184239 45.3566 -0.558158 34.2653 6.84542C23.5941 13.9839 20.1454 26.2722 18.289 37.6869C16.8966 46.2734 16.0768 55.312 19.8981 63.3512C22.5507 68.9328 27.263 73.6238 30.5219 78.9674C41.8571 97.5682 33.8452 120.52 21.5649 138.669C15.8058 147.19 9.11851 155.325 4.67048 164.387C0.222448 173.45 -1.83388 183.848 2.05519 193.101C5.91376 202.279 15.1046 209.159 25.061 214.003C45.2787 223.861 69.1009 226.658 92.3438 228.253C143.776 231.784 195.485 230.255 247.053 228.725C266.139 228.157 285.306 227.583 304.084 224.622C314.508 222.98 325.274 220.37 332.842 214.084C342.45 206.086 344.831 192.543 338.395 182.512C327.595 165.689 297.743 161.512 290.185 143.458C286.028 133.519 290.296 122.451 296.333 113.232C309.288 93.4619 331 76.1155 332.145 53.5172C332.93 37.9962 322.493 22.4514 306.354 15.1056C289.436 7.4097 265.98 8.37849 253.506 21.1189C240.64 34.223 218.051 39.2777 198.7 38.5979Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M106.024 23.9609H245.715C247.275 23.9609 248.54 25.227 248.54 26.7902V238.02C248.54 239.583 247.275 240.849 245.715 240.849H106.024C104.465 240.849 103.199 239.583 103.199 238.02V26.7902C103.199 25.227 104.465 23.9609 106.024 23.9609Z"
-			fill="white"
-			stroke="#F0F1F1"
-		/>
-		<path
-			opacity="0.1"
-			d="M227.548 42.1895H126.004C120.531 42.1895 116.094 46.6322 116.094 52.1126V75.1013C116.094 80.5817 120.531 85.0245 126.004 85.0245H227.548C233.021 85.0245 237.458 80.5817 237.458 75.1013V52.1126C237.458 46.6322 233.021 42.1895 227.548 42.1895Z"
-			fill="black"
-		/>
-		<path
-			d="M232.932 43.0254H120.328C118.416 43.0254 116.867 44.5768 116.867 46.4905V80.9889C116.867 82.9026 118.416 84.454 120.328 84.454H232.932C234.843 84.454 236.393 82.9026 236.393 80.9889V46.4905C236.393 44.5768 234.843 43.0254 232.932 43.0254Z"
-			fill="#E6E8EC"
-		/>
-		<path
-			d="M140.803 102.866H123.989C121.967 102.866 120.328 104.507 120.328 106.532V126.052C120.328 128.076 121.967 129.718 123.989 129.718H140.803C142.824 129.718 144.463 128.076 144.463 126.052V106.532C144.463 104.507 142.824 102.866 140.803 102.866Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M170.287 102.866H153.473C151.451 102.866 149.812 104.507 149.812 106.532V126.052C149.812 128.076 151.451 129.718 153.473 129.718H170.287C172.309 129.718 173.948 128.076 173.948 126.052V106.532C173.948 104.507 172.309 102.866 170.287 102.866Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M199.795 102.866H182.981C180.959 102.866 179.32 104.507 179.32 106.532V126.052C179.32 128.076 180.959 129.718 182.981 129.718H199.795C201.817 129.718 203.455 128.076 203.455 126.052V106.532C203.455 104.507 201.817 102.866 199.795 102.866Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			opacity="0.1"
-			d="M223.171 103.438H218.605C213.201 103.438 208.82 107.824 208.82 113.235V120.491C208.82 125.902 213.201 130.289 218.605 130.289H223.171C228.575 130.289 232.955 125.902 232.955 120.491V113.235C232.955 107.824 228.575 103.438 223.171 103.438Z"
-			fill="black"
-		/>
-		<path
-			d="M229.295 102.866H212.481C210.459 102.866 208.82 104.507 208.82 106.532V126.052C208.82 128.076 210.459 129.718 212.481 129.718H229.295C231.317 129.718 232.955 128.076 232.955 126.052V106.532C232.955 104.507 231.317 102.866 229.295 102.866Z"
-			fill="#2D46BA"
-			className="admin-theme-color-darker-20"
-		/>
-		<path
-			d="M140.803 132.405H123.989C121.967 132.405 120.328 134.046 120.328 136.071V155.591C120.328 157.615 121.967 159.257 123.989 159.257H140.803C142.824 159.257 144.463 157.615 144.463 155.591V136.071C144.463 134.046 142.824 132.405 140.803 132.405Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M170.287 132.405H153.473C151.451 132.405 149.812 134.046 149.812 136.071V155.591C149.812 157.615 151.451 159.257 153.473 159.257H170.287C172.309 159.257 173.948 157.615 173.948 155.591V136.071C173.948 134.046 172.309 132.405 170.287 132.405Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M199.795 132.405H182.981C180.959 132.405 179.32 134.046 179.32 136.071V155.591C179.32 157.615 180.959 159.257 182.981 159.257H199.795C201.817 159.257 203.455 157.615 203.455 155.591V136.071C203.455 134.046 201.817 132.405 199.795 132.405Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M140.803 165.012H123.989C121.967 165.012 120.328 166.653 120.328 168.677V188.197C120.328 190.222 121.967 191.863 123.989 191.863H140.803C142.824 191.863 144.463 190.222 144.463 188.197V168.677C144.463 166.653 142.824 165.012 140.803 165.012Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M170.287 165.012H153.473C151.451 165.012 149.812 166.653 149.812 168.677V188.197C149.812 190.222 151.451 191.863 153.473 191.863H170.287C172.309 191.863 173.948 190.222 173.948 188.197V168.677C173.948 166.653 172.309 165.012 170.287 165.012Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M199.795 165.012H182.981C180.959 165.012 179.32 166.653 179.32 168.677V188.197C179.32 190.222 180.959 191.863 182.981 191.863H199.795C201.817 191.863 203.455 190.222 203.455 188.197V168.677C203.455 166.653 201.817 165.012 199.795 165.012Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M199.795 197.617H182.981C180.959 197.617 179.32 199.258 179.32 201.283V220.803C179.32 222.827 180.959 224.468 182.981 224.468H199.795C201.817 224.468 203.455 222.827 203.455 220.803V201.283C203.455 199.258 201.817 197.617 199.795 197.617Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			opacity="0.1"
-			d="M223.171 132.976H218.605C213.201 132.976 208.82 137.362 208.82 142.773V150.029C208.82 155.44 213.201 159.827 218.605 159.827H223.171C228.575 159.827 232.955 155.44 232.955 150.029V142.773C232.955 137.362 228.575 132.976 223.171 132.976Z"
-			fill="black"
-		/>
-		<path
-			d="M229.122 132.405H212.654C210.537 132.405 208.82 134.124 208.82 136.244V155.418C208.82 157.538 210.537 159.257 212.654 159.257H229.122C231.239 159.257 232.955 157.538 232.955 155.418V136.244C232.955 134.124 231.239 132.405 229.122 132.405Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			opacity="0.2"
-			d="M229.122 132.405H212.654C210.537 132.405 208.82 134.124 208.82 136.244V155.418C208.82 157.538 210.537 159.257 212.654 159.257H229.122C231.239 159.257 232.955 157.538 232.955 155.418V136.244C232.955 134.124 231.239 132.405 229.122 132.405Z"
-			fill="black"
-		/>
-		<path
-			d="M170.556 197.617H123.734C121.853 197.617 120.328 199.144 120.328 201.028V221.058C120.328 222.941 121.853 224.468 123.734 224.468H170.556C172.437 224.468 173.962 222.941 173.962 221.058V201.028C173.962 199.144 172.437 197.617 170.556 197.617Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M229 165.012H210.479C208.294 165.012 206.523 166.785 206.523 168.973V220.511C206.523 222.699 208.294 224.473 210.479 224.473H229C231.184 224.473 232.955 222.699 232.955 220.511V168.973C232.955 166.785 231.184 165.012 229 165.012Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M231.033 77.2178H220.469V78.3626H231.033V77.2178Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M215.565 77.2178H205V78.3626H215.565V77.2178Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M200.1 77.2178H189.535V78.3626H200.1V77.2178Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-		<path
-			d="M184.635 77.2178H174.07V78.3626H184.635V77.2178Z"
-			fill="#3858E9"
-			className="admin-theme-color-darker-10"
-		/>
-	</svg>
-);
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-more-sales.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-more-sales.js
deleted file mode 100644
index 2a2f42503c7..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-more-sales.js
+++ /dev/null
@@ -1,101 +0,0 @@
-export default ( props ) => (
-	<svg
-		width="337"
-		height="238"
-		viewBox="0 0 337 238"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		{ ...props }
-	>
-		<path
-			opacity="0.1"
-			d="M331.297 188.603C322.947 205.865 305.993 217.408 288.422 225.02C264.768 235.272 238.719 239.338 213.028 237.618C208.526 237.318 204.037 236.838 199.562 236.179C184.02 233.906 168.867 229.484 154.538 223.039C150.402 221.173 146.35 219.135 142.382 216.926C135.755 213.245 129.404 209.083 123.382 204.473C121.867 203.314 120.373 202.126 118.901 200.908C117.879 200.064 116.867 199.201 115.84 198.363C113.671 196.596 111.44 194.918 108.951 193.661C108.2 193.282 107.43 192.941 106.644 192.641C98.7628 189.636 89.6744 190.77 81.469 193.113C75.2278 194.896 69.1437 197.337 62.9088 199.078C60.1354 199.876 57.3095 200.478 54.452 200.88C48.0721 201.689 41.5932 201.119 35.4518 199.207L34.927 199.043C34.047 198.766 33.1744 198.463 32.3092 198.133L31.7844 197.932C30.9463 197.608 30.1261 197.261 29.3237 196.889L28.7989 196.65C27.9608 196.259 27.1406 195.847 26.3382 195.412C26.0491 195.261 25.7631 195.097 25.4803 194.943C20.9149 192.388 16.7651 189.149 13.1738 185.34C13.0701 185.236 12.9727 185.129 12.8596 185.025C12.3599 184.484 11.8696 183.932 11.3951 183.369C11.2191 183.161 11.0431 182.953 10.8703 182.739C10.3067 182.05 9.76304 181.346 9.23927 180.626C9.16071 180.522 9.08528 180.415 9.00986 180.311C6.86395 177.335 5.08489 174.111 3.71142 170.708C3.66742 170.604 3.62657 170.497 3.58886 170.393C3.16984 169.312 2.78749 168.212 2.44181 167.095C2.30039 166.629 2.16526 166.151 2.04584 165.685C2.00498 165.546 1.96727 165.404 1.9327 165.266C0.197982 158.422 0 151.307 0 144.234C0 143.408 0 142.584 0 141.761C0.0502817 130.319 0.226266 118.682 1.9107 107.398C1.9107 107.319 1.9327 107.24 1.94527 107.165C2.50905 103.366 3.2759 99.5998 4.24252 95.8832C5.25419 91.9836 6.54711 88.1627 8.11107 84.4507C11.9859 75.3173 17.6206 67.0059 23.8775 59.3024C39.6377 39.9175 60.3067 23.6443 84.4985 17.5532C110.566 10.9929 139.538 17.2792 160.565 34.0564C166.976 39.1711 172.737 45.2275 179.936 49.1485C186.222 52.5625 193.578 53.9766 200.31 51.2902C205.872 49.0698 209.493 47.9675 215.74 48.3045C228.674 49.0378 241.424 51.7142 253.565 56.2443C254.055 56.4238 254.545 56.6096 255.032 56.7954C286.681 68.9302 313.887 93.0393 328.029 124.02C328.404 124.839 328.767 125.664 329.119 126.496C337.551 146.234 340.599 169.366 331.297 188.603Z"
-			fill="#A0ACE6"
-		/>
-		<g clipPath="url(#clip0)">
-			<g opacity="0.5">
-				<path
-					opacity="0.5"
-					d="M177.073 20.7744L128.015 53.0999C127.535 51.1003 126.416 49.3168 124.832 48.0257C125.406 46.4679 125.5 44.7702 125.099 43.1576C125.025 42.6934 124.847 42.2526 124.577 41.8697C124.323 41.6292 124.016 41.4544 123.681 41.3602C123.346 41.266 122.994 41.2552 122.654 41.3288L114.862 41.844C113.955 41.7998 113.059 42.0626 112.315 42.5909C111.22 43.5182 110.889 45.4629 109.769 46.2871C109.018 46.828 108.063 46.7765 107.222 47.2015C105.427 48.1674 105.032 51.0651 104.892 53.4219C104.701 56.6416 104.714 60.4279 106.789 62.437C108.305 63.8665 110.406 63.7248 112.315 63.6218L114.238 63.4673C114.724 63.7589 115.235 64.0047 115.766 64.2014V66.9445H115.409C115.409 66.9445 93.4203 60.5052 69.2666 127.783H68.8464C68.8464 127.783 65.2813 140.018 70.9855 137.867C75.9512 135.987 76.0785 129.715 75.9894 128.144H76.3205C76.3205 128.144 86.2901 98.6261 101.951 95.0201C101.951 95.0201 113.347 109.418 94.8336 138.215H109.323C109.277 141.437 109.92 144.631 111.208 147.578C115.473 156.22 102.664 238.295 102.664 238.295H113.347L118.72 211.096L119.395 238.295H127.225L135.056 185.995L133.986 122.993V106.675L135.412 108.594V83.3906H156.052L159.617 55.3151H159.248C159.335 53.3541 159.254 51.3892 159.006 49.4424L185.617 43.7886C189.806 25.7971 177.073 20.7744 177.073 20.7744ZM153.773 55.7529L147.534 71.8899C147.534 71.8899 130.447 63.9695 124.042 66.8544H123.686V63.4286C124.995 62.663 126.1 61.584 126.901 60.2861C127.702 58.9882 128.177 57.5112 128.282 55.9847L153.938 50.5371C153.606 52.2508 153.546 54.0071 153.76 55.74L153.773 55.7529Z"
-					fill="url(#paint0_linear)"
-				/>
-			</g>
-			<path
-				d="M157.657 59.8874C157.657 59.8874 158.472 47.9875 154.805 50.6019C151.138 53.2163 152.717 60.6215 152.717 60.6215L157.657 59.8874Z"
-				fill="#FDA57D"
-			/>
-			<path
-				d="M71.6109 127.758C71.6109 127.758 68.224 139.413 73.6481 137.365C79.0721 135.318 78.3973 127.758 78.3973 127.758H71.6109Z"
-				fill="#FDA57D"
-			/>
-			<path
-				d="M123.84 65.335H116.379V72.1993H123.84V65.335Z"
-				fill="#FDA57D"
-			/>
-			<path
-				d="M116.365 103.069H110.266V133.94H116.365V103.069Z"
-				fill="#4D8AF0"
-			/>
-			<path
-				opacity="0.1"
-				d="M116.365 103.069H110.266V133.94H116.365V103.069Z"
-				fill="black"
-			/>
-			<path
-				d="M119.282 69.8037H126.336C128.278 69.8037 130.14 70.5839 131.513 71.9727C132.886 73.3614 133.657 75.245 133.657 77.209V123.302H112.012V77.209C112.012 75.2539 112.776 73.3781 114.138 71.9908C115.5 70.6035 117.349 69.8173 119.282 69.8037Z"
-				fill="white"
-			/>
-			<path
-				d="M119.42 67.7304C124.286 67.7304 128.231 63.7403 128.231 58.8183C128.231 53.8963 124.286 49.9062 119.42 49.9062C114.554 49.9062 110.609 53.8963 110.609 58.8183C110.609 63.7403 114.554 67.7304 119.42 67.7304Z"
-				fill="#FDA57D"
-			/>
-			<path
-				d="M116.033 69.8037C116.033 69.8037 95.0118 63.6348 71.9531 128.105H78.7396C78.7396 128.105 88.2381 99.9784 103.148 96.5527C103.148 96.5527 113.996 110.269 96.3614 137.765H110.609V128.569C110.526 114.632 112.238 100.744 115.702 87.2543C117.336 81.5693 117.45 75.5479 116.033 69.8037V69.8037Z"
-				fill="#4D8AF0"
-			/>
-			<path
-				d="M124.168 69.8027V71.8633C124.168 71.8633 128.917 93.126 132.979 106.842L135.054 109.636V85.5791H154.726L158.113 58.8301H152.689L146.514 74.5936C146.514 74.5936 130.267 67.0467 124.168 69.8027Z"
-				fill="#4D8AF0"
-			/>
-			<path
-				d="M111.956 123.301C111.956 123.301 107.882 138.395 111.956 146.625C116.031 154.854 103.82 233.054 103.82 233.054H114.006L128.585 159.31L130.953 123.25L111.956 123.301Z"
-				fill="#333333"
-			/>
-			<path
-				d="M133.671 123.302L134.689 183.316L127.228 233.054H119.767L117.055 123.302H133.671Z"
-				fill="#333333"
-			/>
-			<path
-				d="M117.984 55.4174C118.165 55.1197 118.388 54.8507 118.646 54.6189C118.901 54.4677 119.191 54.3877 119.486 54.3871C121.333 54.2325 123.459 54.1939 124.579 52.4295C125.403 50.8456 125.603 49.0051 125.14 47.278C125.079 46.8145 124.909 46.3726 124.643 45.9902C124.401 45.7608 124.108 45.5941 123.789 45.5044C123.47 45.4146 123.134 45.4046 122.81 45.475L115.386 45.9644C114.538 45.9317 113.702 46.1804 113.005 46.6727C111.961 47.5614 111.656 49.403 110.561 50.2015C109.835 50.7166 108.931 50.6651 108.167 51.0772C106.461 51.9916 106.092 54.7219 105.952 57.0014C105.773 60.0666 105.773 63.6726 107.76 65.54C109.198 66.9051 111.197 66.8279 113.018 66.6733L116.405 66.39C116.747 66.3993 117.082 66.2953 117.36 66.0938C117.574 65.8042 117.726 65.4721 117.805 65.1193C117.884 64.7665 117.888 64.4008 117.818 64.0461C117.729 62.3203 117.551 60.3628 116.431 59.3067C116.163 59.1036 115.92 58.8703 115.705 58.6113C114.495 56.7052 117.347 56.2673 117.984 55.4174Z"
-				fill="#333333"
-			/>
-			<path
-				d="M174.695 25.9258C174.695 25.9258 186.905 30.7295 182.831 47.8196L127.902 59.4748V56.7316L174.695 25.9258Z"
-				fill="#3858E9"
-				className="admin-theme-color"
-			/>
-		</g>
-		<defs>
-			<linearGradient
-				id="paint0_linear"
-				x1="127.111"
-				y1="238.192"
-				x2="127.111"
-				y2="20.7487"
-				gradientUnits="userSpaceOnUse"
-			>
-				<stop stopColor="#808080" stopOpacity="0.25" />
-				<stop offset="0.54" stopColor="#808080" stopOpacity="0.12" />
-				<stop offset="1" stopColor="#808080" stopOpacity="0.1" />
-			</linearGradient>
-			<clipPath id="clip0">
-				<rect
-					width="219"
-					height="238"
-					fill="white"
-					transform="translate(18)"
-				/>
-			</clipPath>
-		</defs>
-	</svg>
-);
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-paid.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-paid.js
deleted file mode 100644
index 426ea03528e..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/get-paid.js
+++ /dev/null
@@ -1,84 +0,0 @@
-export default ( props ) => (
-	<svg
-		width="358"
-		height="235"
-		viewBox="0 0 358 235"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		{ ...props }
-	>
-		<path
-			opacity="0.1"
-			d="M351.942 182.945C343.071 201.136 325.061 213.3 306.395 221.322C281.267 232.125 253.595 236.41 226.303 234.597C221.52 234.281 216.752 233.775 211.998 233.081C195.487 230.686 179.39 226.026 164.168 219.234C159.774 217.267 155.47 215.12 151.255 212.792C144.214 208.912 137.468 204.526 131.07 199.669C129.461 198.448 127.874 197.195 126.31 195.912C125.225 195.023 124.15 194.113 123.058 193.23C120.755 191.368 118.384 189.599 115.74 188.275C114.943 187.875 114.125 187.516 113.29 187.2C104.917 184.034 95.2624 185.228 86.5457 187.698C79.9156 189.576 73.4524 192.148 66.8289 193.984C63.8827 194.825 60.8808 195.459 57.8451 195.882C51.0677 196.735 44.1851 196.134 37.6609 194.12L37.1034 193.947C36.1687 193.655 35.2417 193.335 34.3225 192.988L33.765 192.776C32.8747 192.435 32.0034 192.069 31.151 191.677L30.5935 191.425C29.7032 191.013 28.8319 190.578 27.9795 190.12C27.6723 189.961 27.3685 189.789 27.0681 189.626C22.2182 186.933 17.8098 183.521 13.9947 179.507C13.8846 179.397 13.7811 179.284 13.6609 179.175C13.1301 178.604 12.6093 178.023 12.1052 177.429C11.9182 177.21 11.7313 176.991 11.5477 176.765C10.949 176.039 10.3714 175.297 9.81501 174.538C9.73155 174.429 9.65143 174.316 9.57131 174.206C7.29168 171.071 5.40175 167.673 3.9427 164.087C3.89596 163.977 3.85256 163.864 3.8125 163.755C3.36737 162.615 2.96119 161.457 2.59397 160.28C2.44374 159.789 2.30018 159.284 2.17332 158.793C2.12992 158.647 2.08986 158.498 2.05314 158.352C0.21032 151.14 0 143.642 0 136.188C0 135.318 0 134.45 0 133.583C0.053415 121.525 0.240366 109.261 2.02977 97.3697C2.02977 97.2867 2.05314 97.2038 2.06649 97.1241C2.6654 93.1207 3.48004 89.1522 4.50689 85.2357C5.5816 81.1262 6.95509 77.0997 8.61651 73.188C12.7328 63.5631 18.7186 54.8044 25.3655 46.6864C42.1077 26.2583 64.0647 9.10945 89.764 2.69064C117.456 -4.22269 148.233 2.40189 170.571 20.0818C177.381 25.4718 183.501 31.8541 191.149 35.9861C197.826 39.5838 205.641 41.074 212.792 38.243C218.701 35.9032 222.547 34.7415 229.184 35.0967C242.924 35.8694 256.469 38.6899 269.365 43.4637C269.886 43.6528 270.407 43.8487 270.924 44.0445C304.546 56.8323 333.447 82.2387 348.47 114.887C348.868 115.75 349.254 116.619 349.628 117.496C358.585 138.295 361.823 162.673 351.942 182.945Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-		/>
-		<path
-			d="M113.627 113H76.3805C74.1579 113 72.0262 113.843 70.4546 115.343C68.8829 116.843 68 118.878 68 121C68 123.122 68.8829 125.157 70.4546 126.657C72.0262 128.157 74.1579 129 76.3805 129H113.627C115.849 128.998 117.978 128.154 119.548 126.654C121.118 125.154 122 123.12 122 121C122 118.88 121.118 116.846 119.548 115.346C117.978 113.846 115.849 113.002 113.627 113Z"
-			fill="#EBEEFD"
-		/>
-		<path
-			d="M279.413 22H69.5869C67.146 22 64.7291 22.4966 62.474 23.4615C60.2189 24.4263 58.1699 25.8405 56.444 27.6234C54.718 29.4062 53.3489 31.5228 52.4148 33.8522C51.4808 36.1816 51 38.6782 51 41.1995V146.8C51 151.893 52.9582 156.776 56.444 160.377C59.9297 163.977 64.6574 166 69.5869 166H279.413C281.854 166 284.271 165.503 286.526 164.539C288.781 163.574 290.83 162.159 292.556 160.377C294.282 158.594 295.651 156.477 296.585 154.148C297.519 151.818 298 149.322 298 146.8V41.1995C298 38.6782 297.519 36.1816 296.585 33.8522C295.651 31.5228 294.282 29.4062 292.556 27.6234C290.83 25.8406 288.781 24.4263 286.526 23.4615C284.271 22.4966 281.854 22 279.413 22ZM64.3955 35.097C64.8098 35.0196 74.635 33.2925 82.7708 38.3493C90.9062 43.4052 94.0319 53.182 94.1607 53.5953L94.4897 54.6496L93.4339 54.843C91.9277 55.0859 90.4049 55.2014 88.8806 55.1884C85.1857 55.1884 79.8315 54.557 75.058 51.5898C66.9226 46.5348 63.7974 36.7581 63.6686 36.3447L63.3396 35.2905L64.3955 35.097ZM109.943 133.141H72.519C69.7894 133.141 67.1717 132.021 65.2417 130.027C63.3116 128.034 62.2273 125.33 62.2273 122.51C62.2273 119.691 63.3116 116.987 65.2417 114.993C67.1717 112.999 69.7894 111.879 72.519 111.879H109.943C112.673 111.879 115.29 112.999 117.221 114.993C119.151 116.987 120.235 119.691 120.235 122.51C120.235 125.33 119.151 128.034 117.221 130.027C115.29 132.021 112.673 133.141 109.943 133.141V133.141ZM280.223 131.208C280.215 134.281 279.029 137.226 276.925 139.399C274.822 141.572 271.971 142.796 268.996 142.805H240.928C237.953 142.796 235.102 141.572 232.999 139.399C230.895 137.226 229.709 134.281 229.701 131.208V113.812C229.709 110.739 230.895 107.794 232.999 105.621C235.102 103.448 237.953 102.224 240.928 102.215H268.996C271.971 102.224 274.822 103.448 276.925 105.621C279.029 107.794 280.215 110.739 280.224 113.812L280.223 131.208Z"
-			fill="white"
-		/>
-		<path
-			d="M251.15 129H236.85C235.829 129 234.85 129.263 234.128 129.732C233.406 130.201 233 130.837 233 131.5C233 132.163 233.406 132.799 234.128 133.268C234.85 133.737 235.829 134 236.85 134H251.15C252.171 134 253.15 133.737 253.872 133.268C254.594 132.799 255 132.163 255 131.5C255 130.837 254.594 130.201 253.872 129.732C253.15 129.263 252.171 129 251.15 129V129ZM251.15 132.571H236.85C236.633 132.572 236.418 132.544 236.217 132.491C236.017 132.437 235.834 132.358 235.681 132.258C235.527 132.159 235.405 132.041 235.322 131.911C235.239 131.78 235.196 131.641 235.196 131.5C235.196 131.359 235.239 131.22 235.322 131.089C235.405 130.959 235.527 130.841 235.681 130.742C235.834 130.642 236.017 130.563 236.217 130.509C236.418 130.456 236.633 130.428 236.85 130.429H251.15C251.367 130.428 251.582 130.456 251.783 130.509C251.983 130.563 252.166 130.642 252.319 130.742C252.473 130.841 252.595 130.959 252.678 131.089C252.761 131.22 252.804 131.359 252.804 131.5C252.804 131.641 252.761 131.78 252.678 131.911C252.595 132.041 252.473 132.159 252.319 132.258C252.166 132.358 251.983 132.437 251.783 132.491C251.582 132.544 251.367 132.572 251.15 132.571V132.571Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			d="M274.026 129H262.979C262.588 129 262.201 129.064 261.839 129.189C261.478 129.315 261.149 129.499 260.873 129.731C260.596 129.963 260.377 130.239 260.227 130.542C260.077 130.846 260 131.171 260 131.5C260 131.829 260.077 132.154 260.227 132.458C260.377 132.761 260.596 133.037 260.873 133.269C261.149 133.501 261.478 133.685 261.839 133.811C262.201 133.936 262.588 134 262.979 134H274.026C274.815 134 275.571 133.737 276.129 133.268C276.687 132.799 277 132.163 277 131.5C277 130.837 276.687 130.201 276.129 129.732C275.571 129.263 274.815 129 274.026 129ZM274.026 132.571H262.979C262.811 132.572 262.645 132.544 262.49 132.491C262.335 132.437 262.194 132.358 262.076 132.258C261.957 132.159 261.863 132.041 261.798 131.911C261.734 131.78 261.701 131.641 261.701 131.5C261.701 131.359 261.734 131.22 261.798 131.089C261.863 130.959 261.957 130.841 262.076 130.742C262.194 130.642 262.335 130.563 262.49 130.509C262.645 130.456 262.811 130.428 262.979 130.429H274.026C274.363 130.429 274.687 130.542 274.925 130.743C275.164 130.944 275.298 131.216 275.298 131.5C275.298 131.784 275.164 132.056 274.925 132.257C274.687 132.458 274.363 132.571 274.026 132.571V132.571Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			d="M251.145 118H236.849C235.828 118 234.849 118.316 234.127 118.879C233.406 119.441 233 120.204 233 121C233 121.796 233.406 122.559 234.127 123.121C234.849 123.684 235.828 124 236.849 124H251.145C251.651 124.001 252.152 123.923 252.62 123.773C253.088 123.622 253.513 123.402 253.871 123.123C254.229 122.844 254.513 122.513 254.706 122.149C254.9 121.785 255 121.394 255 121C255 120.606 254.9 120.215 254.706 119.851C254.513 119.487 254.229 119.156 253.871 118.877C253.513 118.598 253.088 118.378 252.62 118.227C252.152 118.077 251.651 117.999 251.145 118V118ZM251.145 122.286H236.849C236.411 122.286 235.992 122.15 235.683 121.909C235.373 121.668 235.199 121.341 235.199 121C235.199 120.659 235.373 120.332 235.683 120.091C235.992 119.85 236.411 119.714 236.849 119.714H251.145C251.583 119.714 252.002 119.85 252.312 120.091C252.621 120.332 252.795 120.659 252.795 121C252.795 121.341 252.621 121.668 252.312 121.909C252.002 122.15 251.583 122.286 251.145 122.286V122.286Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			d="M274.026 118H262.979C262.588 117.999 262.201 118.077 261.839 118.227C261.478 118.378 261.149 118.598 260.873 118.877C260.596 119.156 260.377 119.487 260.227 119.851C260.077 120.215 260 120.606 260 121C260 121.394 260.077 121.785 260.227 122.149C260.377 122.513 260.596 122.844 260.873 123.123C261.149 123.402 261.478 123.622 261.839 123.773C262.201 123.923 262.588 124.001 262.979 124H274.026C274.815 124 275.571 123.684 276.129 123.121C276.687 122.559 277 121.796 277 121C277 120.204 276.687 119.441 276.129 118.879C275.571 118.316 274.815 118 274.026 118ZM274.026 122.286H262.979C262.641 122.286 262.316 122.15 262.077 121.909C261.838 121.668 261.704 121.341 261.704 121C261.704 120.659 261.838 120.332 262.077 120.091C262.316 119.85 262.641 119.714 262.979 119.714H274.026C274.364 119.714 274.688 119.85 274.927 120.091C275.166 120.332 275.3 120.659 275.3 121C275.3 121.341 275.166 121.668 274.927 121.909C274.688 122.15 274.364 122.286 274.026 122.286Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			d="M251.15 108H236.85C235.829 108 234.85 108.527 234.128 109.464C233.406 110.402 233 111.674 233 113C233 114.326 233.406 115.598 234.128 116.536C234.85 117.473 235.829 118 236.85 118H251.15C252.171 118 253.15 117.473 253.872 116.536C254.594 115.598 255 114.326 255 113C255 111.674 254.594 110.402 253.872 109.464C253.15 108.527 252.171 108 251.15 108V108ZM251.15 115.143H236.85C236.412 115.143 235.993 114.917 235.683 114.515C235.374 114.113 235.2 113.568 235.2 113C235.2 112.432 235.374 111.887 235.683 111.485C235.993 111.083 236.412 110.857 236.85 110.857H251.15C251.588 110.857 252.007 111.083 252.317 111.485C252.626 111.887 252.8 112.432 252.8 113C252.8 113.568 252.626 114.113 252.317 114.515C252.007 114.917 251.588 115.143 251.15 115.143V115.143Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			d="M274.029 108H262.98C262.588 107.999 262.201 108.128 261.84 108.378C261.478 108.629 261.15 108.997 260.873 109.462C260.596 109.926 260.377 110.478 260.227 111.085C260.077 111.692 260 112.343 260 113C260 113.657 260.077 114.308 260.227 114.915C260.377 115.522 260.596 116.074 260.873 116.538C261.15 117.003 261.478 117.371 261.84 117.622C262.201 117.872 262.588 118.001 262.98 118H274.029C274.818 117.998 275.573 117.47 276.13 116.533C276.687 115.595 277 114.325 277 113C277 111.675 276.687 110.405 276.13 109.467C275.573 108.53 274.818 108.002 274.029 108V108ZM274.029 115.143H262.98C262.641 115.143 262.317 114.917 262.078 114.515C261.839 114.113 261.705 113.568 261.705 113C261.705 112.432 261.839 111.887 262.078 111.485C262.317 111.083 262.641 110.857 262.98 110.857H274.029C274.368 110.857 274.692 111.083 274.931 111.485C275.17 111.887 275.305 112.432 275.305 113C275.305 113.568 275.17 114.113 274.931 114.515C274.692 114.917 274.368 115.143 274.029 115.143Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			d="M166.5 166C185.554 166 201 149.211 201 128.5C201 107.789 185.554 91 166.5 91C147.446 91 132 107.789 132 128.5C132 149.211 147.446 166 166.5 166Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-			fillOpacity="0.6"
-		/>
-		<path
-			opacity="0.1"
-			d="M166.5 156C182.792 156 196 142.792 196 126.5C196 110.208 182.792 97 166.5 97C150.208 97 137 110.208 137 126.5C137 142.792 150.208 156 166.5 156Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-			fillOpacity="0.4"
-		/>
-		<path
-			d="M165.136 145V141.063C162.81 141.025 160.404 140.323 159 139.348L159.962 136.737C161.631 137.806 163.653 138.393 165.738 138.413C168.586 138.413 170.511 136.815 170.511 134.593C170.511 132.449 168.946 131.124 165.979 129.955C161.888 128.396 159.361 126.603 159.361 123.212C159.361 119.977 161.727 117.521 165.417 116.937V113H167.904V116.781C169.758 116.802 171.566 117.276 173.118 118.145L172.115 120.717C170.627 119.846 168.864 119.384 167.061 119.392C163.973 119.392 162.81 121.185 162.81 122.744C162.81 124.771 164.294 125.784 167.783 127.188C171.914 128.825 174 130.851 174 134.32C174 137.399 171.794 140.284 167.663 140.946V145H165.136Z"
-			fill="white"
-		/>
-		<path
-			d="M206 201.276C181.469 204.908 156.531 204.908 132 201.276V193C156.557 196.264 181.443 196.264 206 193V201.276Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-			fillOpacity="0.5"
-		/>
-		<path
-			d="M206 190.524C181.469 193.825 156.531 193.825 132 190.524V183C156.557 185.968 181.443 185.968 206 183V190.524Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-			fillOpacity="0.5"
-		/>
-		<path
-			d="M206 174.276C181.469 177.908 156.531 177.908 132 174.276V166C156.557 169.264 181.443 169.264 206 166V174.276Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-			fillOpacity="0.5"
-		/>
-	</svg>
-);
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/personalize-my-store.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/personalize-my-store.js
deleted file mode 100644
index e71b2907e02..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/personalize-my-store.js
+++ /dev/null
@@ -1,267 +0,0 @@
-export default ( props ) => (
-	<svg
-		width="264"
-		height="201"
-		viewBox="0 0 264 201"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		{ ...props }
-	>
-		<g clipPath="url(#clip0)">
-			<path
-				d="M128.398 28.3906C125.757 32.0012 123.726 36.0186 122.384 40.2838C121.187 44.0065 120.293 47.8198 119.711 51.6864C119.427 51.5745 119.146 51.454 118.87 51.3206C116.334 50.0924 114.291 48.0422 113.073 45.5049C111.856 42.9676 111.537 40.0932 112.168 37.3514C112.799 34.6095 114.343 32.1624 116.548 30.4098C118.753 28.6571 121.488 27.7026 124.307 27.7022C125.366 27.7004 126.421 27.8349 127.446 28.1023C127.769 28.1841 128.088 28.2788 128.398 28.3906Z"
-				fill="#FF6584"
-			/>
-			<path
-				d="M12.995 172.098C13.8518 165.223 18.1212 158.448 24.6911 156.211C22.1001 163.288 22.1007 171.051 24.6927 178.127C25.7023 180.853 27.1095 183.779 26.1599 186.526C25.569 188.235 24.1236 189.543 22.5079 190.361C20.8922 191.178 19.099 191.568 17.3282 191.95L16.9798 192.238C14.1687 185.903 12.1383 178.974 12.995 172.098Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M24.7535 156.341C20.9275 160.62 18.5495 165.993 17.9573 171.697C17.808 172.923 17.8532 174.164 18.0912 175.376C18.3613 176.549 18.9412 177.628 19.7706 178.502C20.5275 179.332 21.398 180.093 21.9396 181.092C22.2092 181.608 22.3666 182.175 22.4014 182.755C22.4362 183.336 22.3477 183.917 22.1416 184.461C21.6635 185.83 20.721 186.945 19.7614 188.004C18.6959 189.18 17.5706 190.385 17.1177 191.944C17.0628 192.133 16.7724 192.037 16.8272 191.848C17.6151 189.136 20.2532 187.595 21.5112 185.152C22.0983 184.012 22.3447 182.689 21.7944 181.486C21.3131 180.434 20.416 179.647 19.6424 178.814C18.8208 177.973 18.2178 176.945 17.8862 175.819C17.5871 174.623 17.4941 173.385 17.6111 172.158C17.8303 169.392 18.484 166.677 19.5482 164.114C20.7464 161.182 22.4385 158.475 24.5511 156.112C24.6819 155.966 24.8835 156.196 24.7535 156.341H24.7535Z"
-				fill="white"
-			/>
-			<path
-				d="M18.0402 169.849C17.0947 169.62 16.2617 169.063 15.6898 168.277C15.1179 167.492 14.8443 166.529 14.918 165.56C14.9336 165.365 15.2393 165.38 15.2237 165.576C15.1534 166.477 15.4083 167.374 15.9424 168.104C16.4764 168.835 17.2545 169.351 18.1361 169.559C18.3277 169.604 18.2306 169.894 18.0402 169.849H18.0402Z"
-				fill="white"
-			/>
-			<path
-				d="M19.331 178.131C21.0386 177.113 22.2991 175.491 22.8613 173.587C22.9168 173.398 23.2073 173.494 23.1518 173.682C22.5631 175.663 21.2479 177.348 19.4686 178.403C19.299 178.504 19.1623 178.231 19.331 178.131V178.131Z"
-				fill="white"
-			/>
-			<path
-				d="M21.0317 161.471C21.379 161.636 21.7619 161.712 22.1459 161.692C22.53 161.673 22.9031 161.558 23.2319 161.36C23.4002 161.257 23.5367 161.53 23.3695 161.632C23.0052 161.85 22.593 161.976 22.1687 161.999C21.7445 162.021 21.3212 161.939 20.9358 161.761C20.8981 161.747 20.867 161.72 20.8489 161.684C20.8309 161.648 20.8271 161.607 20.8385 161.568C20.8514 161.53 20.8789 161.498 20.9151 161.48C20.9513 161.462 20.9932 161.459 21.0317 161.471H21.0317Z"
-				fill="white"
-			/>
-			<path
-				d="M44.7125 168.491C44.6092 168.558 44.506 168.625 44.4026 168.694C43.0189 169.602 41.7115 170.621 40.4932 171.741C40.3976 171.826 40.302 171.913 40.2091 172.001C37.3026 174.729 34.9289 177.972 33.2086 181.565C32.5254 182.995 31.9522 184.475 31.494 185.992C30.8613 188.088 30.3423 190.41 29.0899 192.124C28.9612 192.304 28.8215 192.476 28.6716 192.639H17.3535C17.3278 192.626 17.3019 192.616 17.2761 192.603L16.8242 192.624C16.8424 192.544 16.8629 192.461 16.8811 192.381C16.8914 192.335 16.9043 192.289 16.9146 192.242C16.9223 192.211 16.9301 192.18 16.9353 192.152C16.9378 192.142 16.9405 192.131 16.943 192.124C16.9482 192.095 16.956 192.069 16.9612 192.044C17.0748 191.582 17.1918 191.121 17.3123 190.66C17.3123 190.657 17.3123 190.657 17.3148 190.655C18.1993 187.131 19.4995 183.724 21.1882 180.506C21.2399 180.41 21.2915 180.312 21.3483 180.217C22.1303 178.792 23.0276 177.434 24.0313 176.155C24.5832 175.457 25.1701 174.787 25.7899 174.148C27.3944 172.499 29.2487 171.113 31.2848 170.04C35.3442 167.901 40.0438 167.081 44.3821 168.388C44.493 168.421 44.6016 168.455 44.7125 168.491Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M44.6892 168.635C39.0532 169.752 33.9133 172.613 29.9994 176.812C29.1407 177.701 28.4278 178.719 27.8869 179.83C27.3951 180.929 27.207 182.139 27.3422 183.335C27.4459 184.452 27.6816 185.583 27.5113 186.706C27.4155 187.28 27.1994 187.827 26.877 188.312C26.5545 188.796 26.1332 189.207 25.6405 189.517C24.433 190.323 23.0074 190.647 21.6024 190.916C20.0423 191.215 18.4171 191.501 17.1151 192.473C16.9573 192.591 16.7834 192.34 16.9409 192.222C19.2062 190.53 22.2419 190.885 24.7201 189.691C25.8764 189.133 26.8715 188.225 27.158 186.933C27.4084 185.804 27.1664 184.637 27.0516 183.507C26.9026 182.342 27.0415 181.159 27.4563 180.06C27.9388 178.926 28.6112 177.881 29.4447 176.972C31.2884 174.895 33.4479 173.121 35.8441 171.713C38.5698 170.092 41.5534 168.948 44.6657 168.33C44.8583 168.292 44.8806 168.597 44.6892 168.635H44.6892Z"
-				fill="white"
-			/>
-			<path
-				d="M31.1792 175.385C30.5626 174.634 30.2334 173.689 30.2506 172.718C30.2679 171.747 30.6303 170.814 31.2732 170.085C31.4038 169.938 31.6389 170.134 31.5081 170.281C30.9081 170.959 30.5706 171.828 30.5564 172.732C30.5422 173.636 30.8523 174.515 31.4307 175.211C31.5563 175.363 31.304 175.536 31.1792 175.385V175.385Z"
-				fill="white"
-			/>
-			<path
-				d="M27.2159 182.775C29.1932 182.988 31.1784 182.45 32.7759 181.268C32.934 181.15 33.1081 181.402 32.9501 181.519C31.2855 182.746 29.2183 183.302 27.1613 183.075C26.9652 183.053 27.0209 182.753 27.2159 182.775V182.775Z"
-				fill="white"
-			/>
-			<path
-				d="M38.6245 170.493C38.8024 170.833 39.0623 171.124 39.3806 171.339C39.699 171.555 40.0659 171.688 40.4485 171.726C40.6447 171.746 40.5888 172.046 40.3938 172.027C39.9714 171.982 39.5663 171.835 39.214 171.598C38.8617 171.361 38.573 171.041 38.373 170.667C38.3512 170.633 38.343 170.593 38.3502 170.553C38.3574 170.514 38.3793 170.478 38.4116 170.455C38.445 170.432 38.4862 170.423 38.526 170.43C38.5659 170.437 38.6013 170.46 38.6245 170.493Z"
-				fill="white"
-			/>
-			<path
-				d="M132.407 176.335C127.704 171.239 125.284 163.609 127.82 157.159C131.556 163.706 137.492 168.724 144.578 171.323C147.314 172.316 150.461 173.136 151.947 175.634C152.872 177.189 152.938 179.135 152.519 180.894C152.099 182.653 151.238 184.27 150.386 185.866L150.381 186.317C143.72 184.363 137.11 181.431 132.407 176.335Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M127.96 157.193C128.758 162.872 131.329 168.156 135.308 172.293C136.148 173.199 137.127 173.967 138.207 174.569C139.278 175.122 140.478 175.378 141.682 175.311C142.806 175.271 143.951 175.1 145.065 175.333C145.633 175.461 146.168 175.707 146.635 176.056C147.101 176.405 147.488 176.848 147.771 177.356C148.508 178.605 148.752 180.044 148.942 181.459C149.152 183.031 149.346 184.666 150.245 186.019C150.354 186.183 150.093 186.342 149.984 186.178C148.42 183.825 148.947 180.82 147.892 178.283C147.4 177.1 146.548 176.057 145.272 175.698C144.156 175.384 142.976 175.56 141.838 175.61C140.665 175.692 139.489 175.487 138.413 175.011C137.306 174.466 136.299 173.737 135.437 172.855C133.463 170.9 131.811 168.648 130.538 166.181C129.071 163.373 128.095 160.335 127.654 157.199C127.627 157.005 127.933 157 127.96 157.193V157.193Z"
-				fill="white"
-			/>
-			<path
-				d="M133.948 171.036C133.162 171.608 132.198 171.883 131.227 171.811C130.257 171.739 129.344 171.325 128.652 170.643C128.512 170.504 128.721 170.281 128.861 170.42C129.505 171.056 130.355 171.441 131.259 171.507C132.162 171.572 133.059 171.313 133.788 170.776C133.947 170.66 134.106 170.921 133.948 171.036Z"
-				fill="white"
-			/>
-			<path
-				d="M141.117 175.407C141.442 173.448 141.017 171.44 139.924 169.781C139.816 169.617 140.077 169.458 140.185 169.622C141.319 171.35 141.758 173.441 141.414 175.478C141.381 175.672 141.084 175.6 141.117 175.407Z"
-				fill="white"
-			/>
-			<path
-				d="M129.475 163.345C129.826 163.187 130.131 162.944 130.365 162.639C130.598 162.334 130.752 161.976 130.812 161.597C130.842 161.403 131.14 161.475 131.109 161.668C131.041 162.087 130.87 162.482 130.613 162.82C130.356 163.157 130.02 163.427 129.635 163.605C129.6 163.625 129.559 163.631 129.52 163.621C129.481 163.612 129.447 163.588 129.425 163.555C129.404 163.52 129.397 163.478 129.407 163.439C129.416 163.4 129.441 163.366 129.475 163.345V163.345Z"
-				fill="white"
-			/>
-			<path
-				d="M150.149 149.845C150.134 149.967 150.118 150.089 150.105 150.212C149.905 151.853 149.838 153.507 149.907 155.158C149.91 155.286 149.915 155.416 149.922 155.543C150.13 159.52 151.075 163.423 152.71 167.056C153.362 168.501 154.123 169.894 154.987 171.223C156.18 173.059 157.62 174.955 158.121 177.017C158.175 177.231 158.217 177.449 158.244 177.669L150.929 186.288C150.903 186.299 150.878 186.312 150.852 186.324L150.575 186.681C150.526 186.616 150.476 186.547 150.427 186.481C150.398 186.443 150.371 186.404 150.342 186.366C150.323 186.34 150.305 186.314 150.286 186.292C150.28 186.283 150.274 186.274 150.27 186.267C150.251 186.245 150.237 186.223 150.22 186.202C149.941 185.817 149.664 185.43 149.389 185.04C149.387 185.038 149.387 185.038 149.387 185.035C147.264 182.084 145.5 178.892 144.131 175.526C144.091 175.425 144.05 175.322 144.014 175.217C143.43 173.701 142.971 172.139 142.642 170.549C142.465 169.677 142.332 168.797 142.244 167.912C142.021 165.624 142.159 163.316 142.655 161.072C143.643 156.598 146.054 152.489 149.857 150.03C149.954 149.967 150.05 149.906 150.149 149.845Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M150.245 149.956C147.457 154.97 146.322 160.734 147.003 166.428C147.127 167.657 147.445 168.858 147.945 169.988C148.467 171.072 149.271 171.998 150.272 172.668C151.194 173.311 152.211 173.863 152.96 174.718C153.336 175.162 153.615 175.68 153.777 176.239C153.939 176.797 153.981 177.384 153.9 177.96C153.735 179.4 153.062 180.695 152.359 181.939C151.579 183.32 150.747 184.743 150.649 186.363C150.638 186.559 150.333 186.529 150.345 186.333C150.515 183.515 152.749 181.432 153.437 178.773C153.758 177.532 153.707 176.187 152.905 175.134C152.203 174.213 151.155 173.644 150.216 173C149.229 172.361 148.414 171.49 147.843 170.464C147.287 169.364 146.923 168.177 146.767 166.954C146.371 164.208 146.41 161.416 146.882 158.682C147.404 155.558 148.458 152.546 149.998 149.777C150.093 149.606 150.34 149.786 150.246 149.956H150.245Z"
-				fill="white"
-			/>
-			<path
-				d="M146.677 164.608C145.704 164.593 144.769 164.232 144.037 163.592C143.306 162.951 142.827 162.072 142.685 161.111C142.657 160.917 142.959 160.864 142.987 161.059C143.117 161.954 143.564 162.773 144.246 163.368C144.928 163.963 145.8 164.295 146.706 164.304C146.903 164.307 146.873 164.611 146.677 164.608Z"
-				fill="white"
-			/>
-			<path
-				d="M149.761 172.404C151.202 171.036 152.074 169.176 152.202 167.196C152.215 166.999 152.519 167.029 152.507 167.225C152.369 169.286 151.458 171.22 149.955 172.64C149.812 172.775 149.618 172.538 149.761 172.404V172.404Z"
-				fill="white"
-			/>
-			<path
-				d="M147.746 155.778C148.121 155.862 148.511 155.852 148.881 155.749C149.252 155.646 149.59 155.452 149.867 155.186C150.009 155.049 150.202 155.285 150.062 155.422C149.754 155.714 149.38 155.928 148.971 156.043C148.562 156.158 148.131 156.171 147.716 156.082C147.676 156.077 147.64 156.057 147.614 156.026C147.589 155.995 147.576 155.955 147.578 155.915C147.583 155.875 147.602 155.838 147.634 155.812C147.665 155.786 147.705 155.774 147.746 155.778V155.778Z"
-				fill="white"
-			/>
-			<path
-				d="M86.5412 165.664C90.7061 165.664 94.0824 162.294 94.0824 158.138C94.0824 153.981 90.7061 150.611 86.5412 150.611C82.3763 150.611 79 153.981 79 158.138C79 162.294 82.3763 165.664 86.5412 165.664Z"
-				fill="#F2F2F2"
-			/>
-			<path
-				d="M80.9341 93.1248C82.4834 93.1248 83.7393 91.8713 83.7393 90.3251C83.7393 88.7789 82.4834 87.5254 80.9341 87.5254C79.3848 87.5254 78.1289 88.7789 78.1289 90.3251C78.1289 91.8713 79.3848 93.1248 80.9341 93.1248Z"
-				fill="#3858E9"
-				className="admin-theme-color"
-			/>
-			<path
-				d="M42.3599 124.373C43.9091 124.373 45.1651 123.119 45.1651 121.573C45.1651 120.027 43.9091 118.773 42.3599 118.773C40.8106 118.773 39.5547 120.027 39.5547 121.573C39.5547 123.119 40.8106 124.373 42.3599 124.373Z"
-				fill="#F0F0F0"
-			/>
-			<path
-				d="M208.362 0H1.15972C0.852396 0.000829039 0.557897 0.123048 0.340586 0.339937C0.123275 0.556826 0.000823853 0.85075 3.87704e-08 1.15747V7.96892C-7.94111e-05 8.27631 0.121953 8.57121 0.339336 8.78898C0.556719 9.00674 0.851723 9.12962 1.15972 9.13069H208.362C208.67 9.12962 208.965 9.00674 209.183 8.78898C209.4 8.57121 209.522 8.27632 209.522 7.96892V1.15747C209.521 0.850747 209.399 0.556819 209.181 0.33993C208.964 0.123042 208.67 0.000827878 208.362 0V0Z"
-				fill="#3858E9"
-				className="admin-theme-color"
-			/>
-			<path
-				d="M6.7337 5.87597C7.64373 5.87597 8.38146 5.13969 8.38146 4.23144C8.38146 3.32319 7.64373 2.58691 6.7337 2.58691C5.82366 2.58691 5.08594 3.32319 5.08594 4.23144C5.08594 5.13969 5.82366 5.87597 6.7337 5.87597Z"
-				fill="white"
-			/>
-			<path
-				d="M12.9915 5.87597C13.9015 5.87597 14.6393 5.13969 14.6393 4.23144C14.6393 3.32319 13.9015 2.58691 12.9915 2.58691C12.0815 2.58691 11.3438 3.32319 11.3438 4.23144C11.3438 5.13969 12.0815 5.87597 12.9915 5.87597Z"
-				fill="white"
-			/>
-			<path
-				d="M19.2454 5.87597C20.1554 5.87597 20.8932 5.13969 20.8932 4.23144C20.8932 3.32319 20.1554 2.58691 19.2454 2.58691C18.3354 2.58691 17.5977 3.32319 17.5977 4.23144C17.5977 5.13969 18.3354 5.87597 19.2454 5.87597Z"
-				fill="white"
-			/>
-			<path
-				d="M202.233 2.03516H195.029C194.887 2.03516 194.752 2.09114 194.652 2.1908C194.552 2.29046 194.496 2.42562 194.496 2.56656C194.496 2.7075 194.552 2.84266 194.652 2.94232C194.752 3.04198 194.887 3.09797 195.029 3.09797H202.233C202.374 3.09797 202.509 3.04198 202.609 2.94232C202.709 2.84266 202.765 2.7075 202.765 2.56656C202.765 2.42562 202.709 2.29046 202.609 2.1908C202.509 2.09114 202.374 2.03516 202.233 2.03516V2.03516Z"
-				fill="white"
-			/>
-			<path
-				d="M202.233 4.03125H195.029C194.887 4.03125 194.752 4.08724 194.652 4.1869C194.552 4.28655 194.496 4.42172 194.496 4.56265C194.496 4.70359 194.552 4.83876 194.652 4.93842C194.752 5.03808 194.887 5.09406 195.029 5.09406H202.233C202.374 5.09406 202.509 5.03808 202.609 4.93842C202.709 4.83876 202.765 4.70359 202.765 4.56265C202.765 4.42172 202.709 4.28655 202.609 4.1869C202.509 4.08724 202.374 4.03125 202.233 4.03125V4.03125Z"
-				fill="white"
-			/>
-			<path
-				d="M202.235 6.02832H195.031C194.889 6.02832 194.753 6.08453 194.653 6.18459C194.552 6.28465 194.496 6.42036 194.496 6.56187C194.496 6.70338 194.552 6.83909 194.653 6.93915C194.753 7.03922 194.889 7.09543 195.031 7.09543H202.235C202.377 7.09543 202.513 7.03922 202.613 6.93915C202.713 6.83909 202.77 6.70338 202.77 6.56187C202.77 6.42036 202.713 6.28465 202.613 6.18459C202.513 6.08453 202.377 6.02832 202.235 6.02832V6.02832Z"
-				fill="white"
-			/>
-			<path
-				d="M7.74933 59.3916C7.15094 59.3935 6.66678 60.169 6.66797 61.1238C6.66916 62.076 7.15262 62.8474 7.74933 62.8493H89.011C89.6095 62.8474 90.0936 62.0718 90.0924 61.117C90.0912 60.1649 89.6078 59.3935 89.011 59.3916H7.74933Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M7.74933 69.4102C7.15094 69.412 6.66678 70.1876 6.66797 71.1424C6.66916 72.0945 7.15262 72.8659 7.74933 72.8678H89.011C89.6095 72.8659 90.0936 72.0904 90.0924 71.1356C90.0912 70.1834 89.6078 69.412 89.011 69.4102H7.74933Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M7.74933 79.3066C7.15094 79.3085 6.66678 80.0841 6.66797 81.0389C6.66916 81.991 7.15262 82.7624 7.74933 82.7643H59.9095C60.5079 82.7624 60.992 81.9868 60.9908 81.0321C60.9896 80.0799 60.5062 79.3085 59.9095 79.3066H7.74933Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M1.90234 189.916C1.9297 189.854 1.96094 189.794 1.9893 189.733C2.03944 189.217 1.90234 189.916 1.90234 189.916Z"
-				fill="#F2F2F2"
-			/>
-			<path
-				d="M16.6668 182.123C15.6377 182.122 14.6099 182.197 13.5916 182.345L13.4447 182.367C10.1861 182.888 7.23013 184.578 5.13213 187.121C3.03413 189.663 1.93843 192.883 2.05083 196.174L2.08978 197.413C2.11546 198.196 2.14281 199.037 2.16535 199.971C2.16805 200.188 2.25657 200.395 2.41165 200.548C2.56674 200.7 2.77585 200.785 2.99352 200.785H167.72C179.335 200.663 190.907 200.51 202.113 200.329C204.223 200.336 206.33 200.147 208.405 199.765C211.52 199.128 213.681 197.866 215.014 195.905H215.015C216.672 193.474 216.724 190.412 216.624 186.953C216.42 179.968 216.217 172.631 216.015 165.316C215.837 158.868 215.659 152.438 215.482 146.282C215.372 142.629 215.127 139.405 213.245 136.94C211.205 134.275 207.484 132.924 202.185 132.924C202.121 132.924 202.057 132.924 201.993 132.924C185.387 133.026 168.934 142.894 161.051 157.48C160.143 159.159 159.297 160.957 158.479 162.696C157.315 165.306 155.996 167.844 154.53 170.297C153.765 171.543 152.892 172.719 151.921 173.812C151.857 173.889 151.783 173.97 151.706 174.048C151.529 174.248 151.343 174.44 151.163 174.612C150.167 175.618 149.049 176.497 147.835 177.226L147.719 177.294C147.631 177.348 147.536 177.402 147.441 177.452C146.78 177.819 146.093 178.136 145.386 178.401C142.381 179.546 138.964 179.82 135.23 179.216C131.688 178.606 128.274 177.404 125.133 175.66C121.676 173.771 118.44 171.417 115.31 169.14C113.936 168.14 112.514 167.106 111.094 166.126C110.827 165.941 110.564 165.761 110.298 165.581C108.564 164.413 106.991 163.448 105.491 162.631C101.957 160.658 98.0619 159.411 94.0367 158.965C89.9069 158.574 86.2675 159.311 83.2222 161.15C82.351 161.679 81.532 162.289 80.776 162.972C77.1691 166.209 74.9454 170.987 72.7952 175.607C70.1204 181.354 67.3545 187.298 61.8929 190.379C55.5907 193.937 46.3917 192.459 39.8834 189.888C37.8372 189.079 35.7936 188.149 33.817 187.25C33.0188 186.886 32.2205 186.523 31.4206 186.167C29.8497 185.466 28.5641 184.929 27.3747 184.476L26.9985 184.331C26.7892 184.252 26.5798 184.174 26.3665 184.099C25.0487 183.615 23.7055 183.204 22.3428 182.866L22.0363 182.788C21.4218 182.648 20.8473 182.532 20.2835 182.434L20.0585 182.396C18.9372 182.213 17.8029 182.122 16.6668 182.123V182.123Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M108.974 182.326C106.232 172.036 112.32 162.006 119.434 155.062C123.225 151.362 127.447 148.145 131.565 144.822C135.515 141.669 139.278 138.287 142.832 134.694C149.696 127.683 155.684 119.67 159.649 110.662C163.419 102.097 165.202 92.7666 164.319 83.4207C163.482 74.557 160.298 65.8379 154.442 59.0374C153.713 58.19 152.945 57.3777 152.139 56.6007C151.707 56.1821 151.046 56.8413 151.478 57.2606C158.017 63.5977 161.824 72.1856 163.112 81.1199C164.44 90.3336 163.071 99.7268 159.619 108.341C155.942 117.517 150.094 125.705 143.312 132.851C139.897 136.426 136.264 139.788 132.433 142.917C128.343 146.28 124.092 149.458 120.197 153.051C113.019 159.675 106.567 168.786 107.453 179.042C107.556 180.235 107.763 181.417 108.072 182.574C108.108 182.69 108.188 182.787 108.294 182.845C108.401 182.903 108.526 182.917 108.643 182.885C108.76 182.853 108.86 182.777 108.921 182.672C108.983 182.568 109.002 182.444 108.974 182.326V182.326Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M137.681 123.741C137.739 123.848 137.753 123.972 137.721 124.089C137.688 124.206 137.612 124.305 137.507 124.366C137.403 124.428 137.278 124.446 137.16 124.418C137.043 124.39 136.94 124.317 136.875 124.215C135.802 122.377 134.788 120.508 133.836 118.608C133.193 117.317 132.577 116.009 131.999 114.688C125.514 100.016 122.737 83.9786 123.911 67.9847C124.23 63.6094 124.863 59.2624 125.804 54.9772C125.998 54.108 126.205 53.2388 126.433 52.3782C126.778 52.3223 127.114 52.2491 127.446 52.1631C125.42 59.4952 124.605 67.2274 124.579 74.7919C124.549 83.3486 125.653 91.8718 127.86 100.14C130.058 108.411 133.361 116.35 137.681 123.741V123.741Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M199.093 98.4412C195.588 105.967 189.698 112.146 183.093 117.068C175.605 122.649 167.124 126.677 158.721 130.674C158.182 130.932 157.708 130.128 158.251 129.869C160.256 128.914 162.261 127.959 164.253 126.986C172.22 123.084 180.119 118.79 186.788 112.877C192.958 107.408 197.985 100.597 200.278 92.6066C202.671 84.2891 202.218 75.2961 199.645 67.0776C198.047 62.0868 195.756 57.3446 192.837 52.99C191.871 51.5313 190.849 50.1128 189.772 48.7345C188.987 47.7319 188.176 46.7494 187.34 45.787C184.606 42.6579 181.634 39.7448 178.45 37.0737C175.138 34.2217 171.472 31.8067 167.542 29.8879C163.506 27.9281 159.092 26.8624 154.604 26.764C150.363 26.7056 146.187 27.8068 142.528 29.9482C140.026 31.4353 137.779 33.3121 135.871 35.5074C135.746 35.1933 135.608 34.8835 135.453 34.5823C138.747 30.9464 142.856 28.0893 147.637 26.7339C156.471 24.2296 165.796 27.1685 173.251 32.0307C176.888 34.453 180.285 37.2165 183.395 40.2836C184.555 41.4067 185.684 42.5642 186.771 43.7561C188.082 45.1846 189.333 46.6634 190.526 48.1923C190.526 48.1923 190.535 48.1966 190.535 48.2009C190.936 48.713 191.329 49.2322 191.716 49.7586C196.756 56.6001 200.52 64.4529 202.02 72.8478C203.555 81.432 202.796 90.4852 199.093 98.4412Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M193.171 89.4222C189.67 96.948 183.781 103.127 177.171 108.049C170.01 113.381 161.944 117.301 153.908 121.126C153.541 121.302 153.17 121.474 152.804 121.651C152.745 121.681 152.68 121.698 152.614 121.701C152.548 121.704 152.482 121.693 152.42 121.668C152.335 121.643 152.259 121.594 152.202 121.526C152.144 121.459 152.109 121.375 152.099 121.287C152.089 121.199 152.106 121.11 152.147 121.032C152.188 120.953 152.252 120.889 152.33 120.846C152.64 120.696 152.955 120.549 153.265 120.403C153.8 120.145 154.33 119.891 154.865 119.637C156.024 119.086 157.181 118.528 158.335 117.963C166.298 114.065 174.201 109.766 180.866 103.854C187.04 98.3851 192.067 91.5737 194.361 83.5832C196.749 75.2658 196.297 66.2771 193.723 58.0586C192.704 54.8333 191.381 51.7113 189.773 48.7343C188.855 47.0304 187.851 45.3652 186.773 43.7559C185.141 41.3123 183.352 38.9767 181.418 36.7637C178.687 33.635 175.716 30.7232 172.532 28.0547C169.219 25.2022 165.552 22.7871 161.621 20.8689C157.586 18.9078 153.173 17.8407 148.687 17.7407C144.444 17.6823 140.266 18.7834 136.606 20.9248C133.403 22.8462 130.614 25.3839 128.402 28.3903C125.761 32.0009 123.729 36.0183 122.387 40.2835C121.19 44.0063 120.296 47.8195 119.714 51.6861C119.013 56.3479 118.66 61.0553 118.658 65.7694C118.63 74.3274 119.733 82.8517 121.939 91.1219C124.139 99.3923 127.443 107.33 131.76 114.723C131.772 114.742 131.782 114.762 131.79 114.783C131.83 114.892 131.828 115.011 131.785 115.118C131.742 115.225 131.661 115.313 131.557 115.364C131.453 115.414 131.334 115.425 131.222 115.393C131.111 115.362 131.015 115.29 130.954 115.192C129.88 113.359 128.869 111.49 127.919 109.586C120.135 93.9003 116.706 76.4191 117.99 58.9623C118.18 56.4064 118.474 53.8591 118.874 51.3203C119.154 49.5217 119.492 47.7332 119.887 45.9547C120.801 41.5862 122.257 37.3483 124.22 33.3386C125.144 31.5043 126.225 29.7524 127.449 28.102C131.023 23.2785 135.869 19.3715 141.719 17.7149C150.553 15.2063 159.874 18.1452 167.333 23.0074C170.969 25.4319 174.365 28.1952 177.478 31.2603C180.508 34.1831 183.29 37.3524 185.794 40.7353C187.545 43.107 189.127 45.5988 190.528 48.1921C190.528 48.1921 190.537 48.1964 190.537 48.2007C191.377 49.7627 192.149 51.359 192.839 52.9898C194.329 56.4681 195.422 60.1024 196.098 63.8245C197.637 72.413 196.879 81.4619 193.171 89.4222Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M164.331 92.6684C168.455 92.6427 172.442 91.19 175.613 88.558C178.841 85.8487 180.966 82.0552 181.587 77.8916C181.951 75.5377 181.834 73.1345 181.241 70.8273C181.205 70.7118 181.125 70.6149 181.019 70.5569C180.912 70.499 180.787 70.4846 180.67 70.5168C180.554 70.549 180.454 70.6252 180.392 70.7294C180.33 70.8336 180.312 70.9576 180.34 71.0754C181.339 74.9929 180.888 79.1388 179.07 82.751C177.673 85.452 175.56 87.7182 172.96 89.3025C170.361 90.8868 167.376 91.7283 164.331 91.7352C164.209 91.7394 164.095 91.7904 164.01 91.8774C163.926 91.9645 163.879 92.0808 163.879 92.2018C163.879 92.3229 163.926 92.4392 164.01 92.5262C164.095 92.6133 164.209 92.6643 164.331 92.6684V92.6684Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M129.221 145.71L126.211 140.423C126.146 140.32 126.044 140.247 125.926 140.218C125.809 140.19 125.684 140.208 125.579 140.269C125.475 140.33 125.398 140.429 125.365 140.546C125.332 140.662 125.346 140.787 125.404 140.894L128.414 146.181C128.478 146.284 128.58 146.357 128.698 146.385C128.816 146.414 128.941 146.396 129.045 146.335C129.15 146.274 129.227 146.175 129.26 146.058C129.292 145.941 129.279 145.817 129.221 145.71V145.71Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M111.648 37.8466C110.747 37.2121 109.762 36.5505 108.66 36.5769C105.992 36.641 104.554 40.5435 101.89 40.4062C100.19 40.3187 99.0624 38.5959 97.4802 37.9712C95.4203 37.1579 92.799 38.7484 92.5742 40.9479L92.8388 40.7062C100.846 42.6544 109.155 43.0375 117.308 41.8344C115.422 40.5052 113.535 39.1759 111.648 37.8466Z"
-				fill="#E6E6E6"
-			/>
-			<path
-				d="M100.623 196.594C102.11 196.594 103.316 195.39 103.316 193.906C103.316 192.421 102.11 191.218 100.623 191.218C99.1355 191.218 97.9297 192.421 97.9297 193.906C97.9297 195.39 99.1355 196.594 100.623 196.594Z"
-				fill="white"
-			/>
-			<path
-				d="M108.435 196.594C109.923 196.594 111.128 195.39 111.128 193.906C111.128 192.421 109.923 191.218 108.435 191.218C106.948 191.218 105.742 192.421 105.742 193.906C105.742 195.39 106.948 196.594 108.435 196.594Z"
-				fill="white"
-			/>
-			<path
-				d="M116.244 196.594C117.731 196.594 118.937 195.39 118.937 193.906C118.937 192.421 117.731 191.218 116.244 191.218C114.757 191.218 113.551 192.421 113.551 193.906C113.551 195.39 114.757 196.594 116.244 196.594Z"
-				fill="white"
-			/>
-			<path
-				d="M108.459 196.056C109.649 196.056 110.614 195.094 110.614 193.906C110.614 192.719 109.649 191.756 108.459 191.756C107.269 191.756 106.305 192.719 106.305 193.906C106.305 195.094 107.269 196.056 108.459 196.056Z"
-				fill="#3F3D56"
-			/>
-			<path
-				d="M234.935 194.85H231.983L230.578 183.485H234.935V194.85Z"
-				fill="#FFB6B6"
-			/>
-			<path
-				d="M236.496 199.954H234.379L234.001 197.96L233.033 199.954H227.418C227.149 199.954 226.887 199.868 226.67 199.709C226.454 199.55 226.294 199.326 226.213 199.069C226.133 198.813 226.137 198.538 226.225 198.284C226.313 198.03 226.48 197.811 226.701 197.658L231.185 194.567V192.551L235.901 192.832L236.496 199.954Z"
-				fill="#2F2E41"
-			/>
-			<path
-				d="M217.967 192.33L215.188 193.324L210.027 183.097L214.13 181.632L217.967 192.33Z"
-				fill="#FFB6B6"
-			/>
-			<path
-				d="M221.536 195.217L219.707 196.282L218.374 194.749L218.545 196.959L213.695 199.782C213.463 199.918 213.193 199.976 212.925 199.947C212.658 199.919 212.406 199.805 212.207 199.624C212.009 199.443 211.873 199.203 211.821 198.94C211.769 198.676 211.802 198.403 211.916 198.16L214.229 193.235L213.211 191.493L217.426 189.364L221.536 195.217Z"
-				fill="#2F2E41"
-			/>
-			<path
-				d="M235.494 187.906H235.458L234.831 167.483C235.237 166.702 235.443 165.832 235.431 164.951C235.419 164.071 235.188 163.207 234.761 162.437L234.671 162.275L234.904 161.197C235.203 159.813 235.066 158.37 234.511 157.066L233.925 138.016C236.017 124.488 226.214 113.896 226.214 113.896H210.528L207.914 126.658L199.545 158.589C199.174 159.152 198.943 159.795 198.871 160.465C198.8 161.135 198.89 161.812 199.134 162.44L211.02 185.908L210.929 185.955C210.755 186.052 210.625 186.211 210.566 186.401C210.507 186.591 210.524 186.796 210.612 186.974C210.768 187.423 211.161 187.695 211.491 187.582L216.125 185.243C216.299 185.146 216.428 184.986 216.487 184.796C216.546 184.607 216.53 184.401 216.441 184.223C216.286 183.774 215.892 183.502 215.562 183.616L215.026 183.887L211.44 166.245L211.313 162.645L211.574 158.562L219.286 141.078L223.861 163.666L230.603 188.133C230.474 188.25 230.384 188.402 230.343 188.571C230.303 188.74 230.316 188.917 230.378 189.079C230.441 189.241 230.552 189.38 230.695 189.478C230.839 189.575 231.009 189.628 231.183 189.627H235.494C235.723 189.627 235.942 189.536 236.104 189.375C236.265 189.214 236.356 188.995 236.356 188.766C236.356 188.538 236.265 188.319 236.104 188.158C235.942 187.997 235.723 187.906 235.494 187.906Z"
-				fill="#2F2E41"
-			/>
-			<path
-				d="M227.966 104.861L227.548 109.526C227.548 109.526 227.367 113.398 226.794 114.255C226.225 115.106 210.695 115.214 210.695 115.214C210.695 115.214 209.669 109.693 208.785 104.861H227.966Z"
-				fill="#FFB6B6"
-			/>
-			<path
-				d="M220.19 75.7993C224.597 75.7993 228.17 72.2339 228.17 67.8357C228.17 63.4375 224.597 59.8721 220.19 59.8721C215.783 59.8721 212.211 63.4375 212.211 67.8357C212.211 72.2339 215.783 75.7993 220.19 75.7993Z"
-				fill="#FFB6B6"
-			/>
-			<path
-				d="M224.282 77.3223L217.877 78.0742C217.607 78.1059 217.354 78.2209 217.152 78.4032C216.951 78.5855 216.812 78.8259 216.753 79.0911L215.735 83.7423L209.386 91.2042C209.386 91.2042 207.106 95.4704 207.961 100.305C208.816 105.141 209.192 108.733 209.192 108.733C209.192 108.733 226.222 115.106 226.792 114.253C227.362 113.4 227.547 109.524 227.547 109.524L229.827 84.211C229.827 84.211 227.262 79.9448 225.837 79.9448C224.918 79.9138 225.036 77.8482 224.282 77.3223Z"
-				fill="#3858E9"
-				className="admin-theme-color"
-			/>
-			<path
-				opacity="0.2"
-				d="M221.46 93.6777L218.61 114.724L215.621 114.88L221.46 93.6777Z"
-				fill="black"
-			/>
-			<path
-				d="M209.021 110.29C209.919 110.29 210.647 109.419 210.647 108.343C210.647 107.267 209.919 106.396 209.021 106.396C208.123 106.396 207.395 107.267 207.395 108.343C207.395 109.419 208.123 110.29 209.021 110.29Z"
-				fill="#6C63FF"
-			/>
-			<path
-				d="M220.165 134.35C220.504 134.013 220.765 133.607 220.929 133.159C221.094 132.711 221.158 132.232 221.117 131.757C221.076 131.281 220.931 130.82 220.692 130.407C220.454 129.993 220.127 129.637 219.736 129.363L225.074 103.578L219.315 105.392L215.02 130.337C214.602 131.024 214.452 131.839 214.597 132.63C214.742 133.42 215.172 134.13 215.806 134.624C216.441 135.119 217.235 135.364 218.038 135.314C218.841 135.263 219.598 134.92 220.165 134.35V134.35Z"
-				fill="#FFB6B6"
-			/>
-			<path
-				d="M224.411 80.6384C224.411 80.6384 228.249 78.9804 230.579 83.1547C232.909 87.3289 229.546 101.837 229.074 104.192C228.602 106.546 222.131 117.77 222.131 117.77L215.664 116.479L224.411 80.6384Z"
-				fill="#3858E9"
-				className="admin-theme-color"
-			/>
-			<path
-				d="M216.561 60.2225C219.328 58.3234 221.764 58.0341 223.766 58.5727C224.025 58.1722 224.389 57.8498 224.818 57.64C226.379 53.7146 231.129 51.3571 235.206 52.5031C239.309 53.6565 242.14 58.1926 241.368 62.3765C240.89 64.97 239.254 67.2157 238.596 69.7697C237.323 74.7138 240.429 80.3773 245.288 81.971C240.688 82.893 235.623 80.0883 233.973 75.7041C233.171 73.5746 233.123 71.2496 233.021 68.9771C232.919 66.7045 232.735 64.3637 231.704 62.3354C231.012 60.9442 229.863 59.8318 228.449 59.1839C228.576 59.5748 228.607 59.9901 228.541 60.3957C228.475 60.8012 228.314 61.1853 228.07 61.5162C229.149 62.8652 229.736 64.324 229.736 65.1977C231.977 69.2862 228.772 72.7981 224.676 75.035C223.042 75.9319 221.155 76.2602 219.313 75.968L219.142 75.2379L218.91 75.8956L218.134 78.1007C217.24 78.5324 216.354 79.0057 215.475 79.5205C215.809 77.9558 216.079 76.394 216.265 74.8669C216.522 72.7885 215.625 69.6944 214.978 67.8127C214.577 66.653 214.371 65.435 214.369 64.2082V64.1545L213.739 66.1741L211.445 65.1976C211.872 62.755 211.445 59.982 216.561 60.2225Z"
-				fill="#2F2E41"
-			/>
-			<path
-				d="M264 200.488C263.999 200.623 263.945 200.753 263.849 200.849C263.753 200.945 263.623 200.999 263.487 201H166.357C166.221 201 166.09 200.946 165.994 200.85C165.898 200.754 165.844 200.623 165.844 200.488C165.844 200.352 165.898 200.222 165.994 200.126C166.09 200.03 166.221 199.976 166.357 199.976H263.487C263.554 199.975 263.621 199.988 263.683 200.014C263.746 200.04 263.802 200.078 263.85 200.125C263.898 200.173 263.935 200.229 263.961 200.291C263.987 200.354 264 200.42 264 200.488V200.488Z"
-				fill="#CCCCCC"
-			/>
-		</g>
-		<defs>
-			<clipPath id="clip0">
-				<rect width="264" height="201" fill="white" />
-			</clipPath>
-		</defs>
-	</svg>
-);
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/setup_complete.svg b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/setup_complete.svg
deleted file mode 100644
index 4be1cdecd22..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/setup_complete.svg
+++ /dev/null
@@ -1,111 +0,0 @@
-<svg width="148" height="101" viewBox="0 0 148 101" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M144.539 40.4651C144.28 40.2653 143.976 40.1317 143.653 40.0756C143.314 39.9973 142.967 39.9482 142.622 39.8936L138.152 39.2474C137.7 39.1634 137.24 39.139 136.783 39.1746C136.553 39.1935 136.329 39.2579 136.125 39.3641C135.921 39.4704 135.739 39.6163 135.591 39.7935C135.458 39.9583 135.385 40.1638 135.384 40.3759C135.409 40.5894 135.479 40.7953 135.588 40.9802C135.631 41.0667 135.668 41.1561 135.699 41.2478C135.741 41.4537 135.795 41.6572 135.858 41.8576C135.878 41.901 135.904 41.9414 135.935 41.9777C135.935 41.988 135.935 41.9984 135.935 42.0087C135.886 42.2599 136.044 42.522 135.973 42.7641C135.911 42.9716 135.709 43.0972 135.582 43.2701C135.498 43.3927 135.451 43.5377 135.447 43.6869C135.444 43.8361 135.485 43.983 135.564 44.1092C135.7 44.3203 135.947 44.4641 136.018 44.7062C136.111 45.0248 135.86 45.3324 135.637 45.5781C135.226 46.0305 134.846 46.5103 134.5 47.0143C134.403 47.1382 134.34 47.2858 134.319 47.442C134.299 47.7587 134.602 48.0372 134.549 48.3521C134.507 48.5997 134.266 48.7507 134.057 48.8982C133.285 49.4078 132.666 50.2269 132.605 51.1534C132.406 49.6793 131.797 48.2913 130.847 47.1489C130.587 46.8359 130.302 46.521 130.195 46.1242C130.155 45.9658 130.148 45.7965 130.093 45.6436C129.912 45.1613 129.334 44.9538 129.082 44.5096C128.9 44.1966 128.9 43.7943 128.675 43.5194C128.45 43.2446 128.096 43.1827 127.902 42.917C127.805 42.7369 127.722 42.5495 127.655 42.3563C127.573 42.1988 127.459 42.061 127.319 41.9522C127.292 41.9308 127.264 41.9107 127.235 41.8922C127.266 41.8651 127.29 41.832 127.306 41.795C127.323 41.758 127.332 41.718 127.332 41.6774C127.332 41.4644 127.121 41.3243 126.938 41.2187C126.702 41.084 126.471 40.9384 126.246 40.7873C126.491 40.6727 126.704 40.498 126.865 40.2795C127.067 39.9534 127.15 39.5678 127.101 39.1873C127.089 38.8803 126.974 38.5862 126.776 38.3519C126.662 38.2299 126.518 38.1425 126.398 38.0279C126.088 37.7239 125.983 37.2743 125.854 36.8593C125.683 36.3132 125.416 35.7399 124.919 35.4504C124.679 35.3103 124.399 35.2448 124.165 35.0973C123.931 34.9499 123.735 34.6714 123.816 34.4038C123.871 34.2218 124.04 34.0962 124.154 33.9415C124.291 33.7414 124.343 33.4955 124.3 33.2569C124.257 33.0184 124.121 32.8066 123.924 32.6673C123.789 32.5818 123.624 32.5072 123.597 32.3506C123.492 32.3232 123.396 32.2667 123.322 32.1875C123.247 32.1083 123.197 32.0096 123.175 31.9028C123.135 31.6888 123.135 31.4689 123.175 31.2548C123.223 30.9163 123.269 30.5789 123.315 30.2428C123.395 30.2762 123.481 30.2933 123.568 30.2933C123.654 30.2933 123.74 30.2762 123.82 30.2428C123.977 30.4984 124.16 30.7375 124.365 30.9563C124.918 31.6109 125.348 32.3601 125.636 33.1679C125.739 33.4591 125.845 33.7849 126.113 33.9397C126.206 33.9924 126.311 34.0198 126.402 34.0762C126.514 34.1544 126.61 34.2532 126.685 34.3674C126.903 34.6568 127.121 34.9444 127.337 35.2338L127.348 35.2775C127.354 35.3031 127.364 35.3277 127.377 35.3503C127.417 35.3957 127.473 35.4243 127.533 35.4304C128.201 35.5851 128.951 35.7271 129.53 35.3612C130.053 35.0336 130.282 34.3856 130.725 33.9524C131.039 33.6448 131.484 33.4063 131.573 32.9731C131.467 32.9403 131.363 32.9021 131.261 32.8585C131.352 32.7674 131.442 32.6619 131.566 32.5417C131.745 32.3657 131.907 32.1724 132.049 31.9647C132.202 31.7085 132.324 31.4347 132.412 31.1493C132.762 30.1494 133.113 29.1489 133.465 28.1477C133.632 27.6745 133.799 27.1976 134.01 26.7371C134.228 26.2383 134.486 25.7596 134.723 25.27C135.337 23.9966 135.811 22.66 136.136 21.2837C136.194 21.096 136.213 20.8985 136.192 20.7031C136.142 20.3882 135.904 20.1406 135.677 19.9167C135.449 19.6691 135.188 19.453 134.903 19.2742C134.76 19.1849 134.601 19.1251 134.434 19.0983C134.268 19.0714 134.098 19.078 133.934 19.1177C133.469 19.2542 133.176 19.7311 133.069 20.2098C132.962 20.6885 133.002 21.1818 132.957 21.666C132.891 22.3668 132.652 23.0439 132.594 23.7465C132.563 24.1524 132.594 24.5637 132.545 24.9697C132.455 25.5009 132.271 26.0115 132 26.4768C131.411 27.5865 130.614 28.5717 129.652 29.3782C129.541 29.471 129.427 29.5602 129.318 29.6603C129.318 29.5821 129.331 29.502 129.342 29.4237C129.263 29.4443 129.185 29.4717 129.111 29.5056C129.12 29.4137 129.111 29.3209 129.084 29.2326C128.939 28.7976 128.292 28.6865 128.176 28.2442C128.157 28.1348 128.146 28.024 128.145 27.9129C128.107 27.5252 127.844 27.1976 127.753 26.8208C127.669 26.4732 127.733 26.0927 127.571 25.7705C127.434 25.5691 127.271 25.3857 127.088 25.2245C126.87 24.9747 126.713 24.6774 126.629 24.3562C126.605 24.2671 126.584 24.1742 126.558 24.085C126.586 23.8831 126.563 23.6774 126.493 23.4862C126.328 23.0748 125.901 22.8109 125.747 22.3941C125.627 22.0701 125.679 21.666 125.452 21.4148C125.332 21.2948 125.184 21.2055 125.022 21.1545C124.191 20.8301 123.319 20.6236 122.431 20.5411C121.933 20.4956 121.385 20.4701 121.029 20.1188C120.613 19.7111 120.593 18.9775 120.107 18.6626C119.678 18.3841 119.072 18.5898 118.74 18.9812C118.69 19.0387 118.644 19.0995 118.602 19.1632C118.541 18.9192 118.528 18.6658 118.563 18.4169C118.563 18.355 118.576 18.2913 118.582 18.2349C119.401 17.9663 120.099 17.414 120.55 16.6768C120.55 16.6768 120.55 16.6768 120.55 16.6877L120.572 16.7441C120.624 16.877 120.708 17.0044 120.831 17.019C120.913 17.018 120.993 16.9891 121.056 16.9371C121.166 16.8607 121.267 16.7729 121.358 16.6749C121.404 16.624 121.447 16.5712 121.489 16.5166C121.572 16.4029 121.644 16.2809 121.703 16.1525C121.793 15.9594 121.854 15.7539 121.884 15.5428C121.917 15.3316 121.921 15.115 121.957 14.9039C121.991 14.7404 122.035 14.5793 122.09 14.4215C122.108 14.3687 122.126 14.3159 122.142 14.2632C122.159 14.2104 122.182 14.1394 122.2 14.0811C122.314 13.7068 122.375 13.3184 122.382 12.9271C122.382 12.8616 122.382 12.7961 122.382 12.7305C122.375 12.4752 122.318 12.2237 122.213 11.9909C122.108 11.758 121.958 11.5485 121.772 11.3745C121.46 11.1178 121.046 11.0104 120.817 10.6628C120.668 10.4298 120.635 10.1295 120.548 9.85643C120.454 9.52968 120.27 9.23592 120.018 9.00846C119.766 8.78101 119.455 8.62895 119.121 8.56954C118.719 8.52531 118.315 8.63664 117.992 8.8808V8.8808L117.966 8.90082C117.786 9.03865 117.633 9.20904 117.516 9.4032C117.276 9.33695 117.056 9.21183 116.877 9.03915C116.695 8.86987 116.555 8.65691 116.372 8.49309C116.201 8.33575 115.99 8.22741 115.763 8.17939C115.535 8.13136 115.299 8.14541 115.079 8.22006C114.852 8.31112 114.65 8.45477 114.49 8.63923C114.329 8.8237 114.214 9.04372 114.155 9.28124C114.055 9.6562 114.073 10.0876 113.864 10.4007C113.703 10.6446 113.438 10.7647 113.252 10.9868C113.137 11.1274 113.059 11.2943 113.024 11.4728V11.4728C113.002 11.5726 112.991 11.6746 112.993 11.7768V11.7768C112.993 11.8223 112.993 11.8678 113.004 11.9114C113.004 11.9114 113.004 11.926 113.004 11.9333C113.01 11.9832 113.02 12.0325 113.035 12.0807V12.0807C113.086 12.2653 113.179 12.4357 113.305 12.5795C113.425 12.7171 113.575 12.8255 113.743 12.8962C113.811 12.923 113.882 12.9455 113.953 12.9635L114.169 13.0127L114.246 13.0309C113.985 13.5217 113.84 14.0659 113.823 14.6217C113.805 15.1775 113.915 15.7299 114.144 16.2363C114.144 16.2872 114.131 16.3382 114.126 16.3892C114.096 17.1059 114.128 17.8239 114.22 18.5352C114.246 18.8173 114.26 19.1286 114.088 19.3525C114.009 19.4405 113.921 19.5193 113.824 19.5873C113.922 19.4599 114.022 19.3343 114.124 19.2087C113.868 18.9502 113.463 18.9175 113.1 18.9429C112.397 18.9956 111.715 19.2045 111.103 19.5545C110.696 19.7893 110.278 20.1006 109.813 20.046C109.539 20.015 109.269 19.864 109.002 19.9368C108.852 19.9983 108.712 20.0817 108.586 20.1843C108.487 20.2557 108.367 20.2928 108.245 20.2899C107.96 19.9386 107.518 19.7001 107.177 19.4144C106.789 19.0677 106.433 18.6856 106.115 18.2731C105.527 17.5614 104.94 16.8479 104.363 16.1289C103.876 15.5246 103.377 14.8711 103.291 14.0975C103.283 14.0208 103.278 13.9436 103.279 13.8664C103.29 13.4988 103.337 13.1331 103.417 12.7742C103.438 12.6876 103.438 12.5969 103.417 12.5103C103.362 12.3283 103.153 12.2609 102.974 12.2209C102.997 12.0807 103.014 11.9369 103.023 11.8004C103.124 10.235 103.014 8.64417 103.344 7.11155C103.469 6.5218 103.674 5.92477 104.098 5.49702C104.76 4.82536 105.87 4.66336 106.378 3.86793C106.803 3.20537 106.634 2.26796 106.1 1.68367C105.566 1.09938 104.744 0.860937 103.961 0.89006C103.742 0.882505 103.525 0.940812 103.339 1.05752C103.164 1.21259 103.034 1.411 102.961 1.63271L102.182 3.53119C101.956 4.02546 101.766 4.53519 101.612 5.05653C101.394 5.85378 101.345 6.69472 101.172 7.49925C101.172 8.11812 100.775 8.8899 100.557 9.45962C100.314 10.1003 100.05 10.7338 99.8306 11.3872C99.7761 11.551 99.5855 12.037 99.4675 12.4794C99.4228 12.5054 99.3814 12.5365 99.344 12.5722C99.2492 12.694 99.163 12.8223 99.0862 12.9563C98.9209 13.1747 98.6522 13.2912 98.4706 13.5023C98.289 13.7135 98.2509 14.1012 98.5033 14.2067C98.5545 14.224 98.6075 14.2356 98.6613 14.2413C98.6943 14.2441 98.7271 14.2496 98.7593 14.2577C99.0317 14.3342 99.1388 14.6782 99.0989 14.9621C99.0589 15.2461 98.9173 15.5082 98.8937 15.7921C98.8447 16.2945 99.1388 16.7623 99.4221 17.1846C99.7153 17.6424 100.039 18.0796 100.392 18.4933C100.648 18.7809 100.936 19.0394 101.194 19.3161C102.177 20.3281 102.957 21.5113 103.84 22.6107C104.157 23.0256 104.518 23.4052 104.916 23.7428C105.177 23.9468 105.449 24.1346 105.732 24.3053L107.25 25.27C107.422 25.3965 107.617 25.4885 107.823 25.5412C107.891 25.5503 107.959 25.5503 108.027 25.5412C108.036 25.5867 108.043 25.6304 108.054 25.6759C108.172 26.1528 108.432 26.586 108.461 27.072C108.49 27.558 108.446 28.0549 108.481 28.5464C108.513 28.9996 108.613 29.4565 108.639 29.9024C108.69 30.7616 108.479 31.6098 108.276 32.4507C107.969 33.6812 107.783 34.9371 107.186 36.0529C107.019 36.3605 106.823 36.6736 106.823 37.0249C106.823 37.0668 106.823 37.1105 106.834 37.1523L106.562 37.3071C106.482 37.3526 106.402 37.3981 106.329 37.4454C105.984 37.6711 105.616 37.9205 105.474 38.31C105.36 38.6249 105.412 38.9853 105.274 39.2911C105.268 39.3048 105.26 39.3182 105.252 39.3311C105.107 39.6151 104.818 39.8262 104.753 40.1375C104.704 40.3759 104.798 40.6289 104.753 40.8656C104.753 40.8656 104.753 40.8656 104.753 40.8747C104.712 40.9935 104.679 41.1152 104.655 41.2387C104.653 41.2791 104.657 41.3195 104.666 41.3589C104.7 41.4968 104.777 41.6207 104.884 41.7138C104.949 41.7767 105.02 41.8334 105.096 41.8831C105.174 41.934 105.254 41.9814 105.336 42.0251L105.383 42.0505C105.452 42.0869 105.521 42.1215 105.592 42.1543L105.639 42.1743C105.721 42.2107 105.804 42.2435 105.888 42.2726L105.946 42.2908C106.011 42.3126 106.079 42.3327 106.146 42.349L106.191 42.3636L106.233 42.3727L106.414 42.4109L106.482 42.4237C106.562 42.437 106.643 42.4479 106.727 42.4564H106.799C106.861 42.4564 106.921 42.4655 106.981 42.4674H107.066C107.13 42.4674 107.192 42.4674 107.248 42.4674H107.313C107.399 42.4674 107.484 42.4546 107.569 42.4437H107.596C107.673 42.4328 107.749 42.42 107.825 42.4037L107.883 42.3909C107.954 42.3745 108.025 42.3581 108.096 42.3363L108.134 42.3254C108.219 42.2999 108.305 42.2726 108.388 42.2398C108.677 42.1208 108.957 41.9815 109.227 41.823C109.409 41.7229 109.59 41.621 109.772 41.5281C109.906 41.4601 110.045 41.3993 110.186 41.3461C110.529 41.199 110.903 41.1366 111.275 41.1641C111.459 41.1892 111.641 41.2263 111.82 41.2751C111.82 41.2951 111.82 41.3152 111.82 41.3352C111.968 42.2089 112.113 43.0826 112.257 43.9563C112.495 43.7847 112.747 43.6332 113.009 43.5031C112.96 43.635 112.928 43.7726 112.913 43.9126C112.902 44.0209 112.902 44.1301 112.913 44.2384C112.929 44.4114 112.966 44.6025 112.862 44.739C112.799 44.8227 112.681 44.87 112.646 44.9647C112.621 45.0615 112.615 45.1622 112.628 45.2614C112.62 45.3745 112.573 45.4812 112.493 45.5621C112.414 45.6429 112.308 45.6925 112.196 45.7019C112.248 45.8484 112.249 46.0082 112.199 46.1555C112.149 46.3028 112.052 46.429 111.922 46.5137C111.846 46.5503 111.775 46.5968 111.711 46.652C111.649 46.7325 111.607 46.8268 111.589 46.9269C111.349 47.8283 110.856 48.6415 110.168 49.2695C109.909 49.4729 109.674 49.7035 109.465 49.9575C109.336 50.1542 109.229 50.3649 109.147 50.5855C108.663 51.7723 108.171 52.9597 107.673 54.1477C107.397 54.812 107.128 55.4873 107.041 56.2027C106.823 58.1649 105.08 59.8286 105.407 61.7762C105.473 62.2627 105.668 62.7224 105.973 63.1068C106.336 63.5454 106.881 63.7966 107.426 64.0005C108.826 64.5465 110.302 64.8451 111.773 65.1454L114.082 65.6205C114.535 65.725 114.995 65.798 115.459 65.8389C116.016 65.8771 116.588 65.8243 117.131 65.9663C117.467 66.0537 117.788 66.2157 118.135 66.2339C118.433 66.2503 118.8 66.1866 118.976 66.4305C119.152 66.6744 119.016 66.9966 119.183 67.2132C119.451 67.5572 120.107 67.2132 120.399 67.5372C120.479 67.6616 120.54 67.7971 120.581 67.9394C120.625 68.0274 120.687 68.1054 120.762 68.1688C120.78 68.2715 120.787 68.3758 120.784 68.48C120.746 68.9027 120.658 69.3194 120.523 69.7214C120.305 70.4604 120.087 71.2 119.871 71.9402C119.788 72.2017 119.727 72.4696 119.689 72.7411C119.676 72.8731 119.676 73.006 119.689 73.1379C119.727 73.5402 119.958 73.9552 120.341 74.0863C120.638 74.165 120.954 74.1259 121.224 73.9771C121.483 73.8411 121.727 73.6763 121.95 73.4856C122.352 73.1807 122.705 72.8161 122.998 72.4044C123.905 71.0429 123.611 69.2008 124.249 67.6955C124.672 66.6908 125.496 65.8753 125.77 64.8159C125.834 64.6144 125.842 64.399 125.792 64.1934C125.678 63.8294 125.291 63.6219 124.929 63.4908H124.913C124.616 63.3849 124.313 63.2979 124.005 63.2305C123.929 63.2141 123.851 63.2014 123.773 63.1887C123.6 63.0478 123.463 62.8682 123.372 62.6644C123.357 62.5561 123.329 62.4502 123.286 62.3495C123.257 62.3062 123.219 62.2703 123.173 62.245C123.128 62.2197 123.077 62.2056 123.025 62.2039C122.843 62.1857 122.6 62.2513 122.402 62.2367C121.997 62.2076 121.728 61.8089 121.365 61.6251C121.002 61.4413 120.608 61.4868 120.221 61.5141C120.083 61.533 119.942 61.5244 119.807 61.4886C119.646 61.4141 119.499 61.3126 119.371 61.1882C119.148 61.0139 118.887 60.8941 118.61 60.8382C118.332 60.7822 118.045 60.7918 117.772 60.8661C117.598 60.9364 117.414 60.9782 117.227 60.9898C116.873 60.9698 116.622 60.6531 116.361 60.4128C115.646 59.7557 114.627 59.5828 113.759 59.1514C113.626 59.1019 113.515 59.0063 113.447 58.882C113.347 58.6345 113.572 58.3869 113.775 58.2177L115.268 56.9745C116.902 55.6129 118.945 54.5882 119.704 52.5914C119.783 52.3237 119.906 52.0709 120.067 51.8433C120.126 51.7738 120.193 51.7126 120.268 51.6613C120.599 51.4468 120.999 51.3685 121.385 51.4428C121.856 51.5485 122.302 51.7437 122.7 52.018C123.35 52.4124 123.982 52.8371 124.597 53.2922C125.206 53.7285 125.786 54.2053 126.331 54.7192C127.284 55.6293 128.078 56.7087 128.966 57.6898C129.854 58.6709 130.869 59.5865 132.102 60.0561C133.334 60.5257 134.825 60.5057 135.884 59.7175C137.106 58.8074 137.498 57.1801 137.807 55.6876C138.487 55.0287 138.693 54.0257 139.025 53.1393C139.234 52.5768 139.501 52.0471 139.726 51.4865C139.995 50.8276 140.205 50.1468 140.416 49.4679C140.654 48.7861 140.816 48.0797 140.899 47.3619C140.986 46.2279 140.683 45.0211 141 43.9563C141.42 43.8635 141.801 43.6268 142.213 43.4885C142.827 43.2865 143.484 43.3192 144.134 43.3229H144.176C144.4 43.3468 144.626 43.2935 144.815 43.1718C145.033 42.9898 145.068 42.6785 145.079 42.3964C145.104 41.6992 145.06 40.9165 144.539 40.4651ZM118.231 9.41593C118.081 9.45317 117.926 9.46426 117.772 9.4487L118.231 9.41593Z" fill="url(#paint0_linear)"/>
-<path d="M118.945 20.9303C118.726 21.1175 118.468 21.2548 118.19 21.3326L116.903 21.7949C116.204 22.0461 115.474 22.2992 114.737 22.2081C114.324 22.1572 112.558 21.8969 112.291 21.5747C111.884 21.076 113.309 20.3424 113.796 19.922C113.906 19.8425 114.009 19.7522 114.101 19.6526C114.283 19.4305 114.259 19.1192 114.234 18.8389C114.141 18.1288 114.11 17.4121 114.139 16.6965C114.153 16.526 114.178 16.3564 114.212 16.1887C114.393 15.3514 115.171 15.6572 115.784 15.8793C116.523 16.1198 117.237 16.43 117.918 16.8057C118.125 16.9129 118.305 17.066 118.444 17.2535C118.713 17.6613 118.606 18.1964 118.562 18.7097C118.524 19.1083 118.526 19.4906 118.775 19.78C118.9 19.8906 119.015 20.0125 119.118 20.144C119.176 20.2765 119.191 20.4241 119.16 20.5654C119.129 20.7067 119.054 20.8345 118.945 20.9303Z" fill="#BE6F72"/>
-<path d="M101.163 7.81254C101.345 7.00619 101.385 6.17436 101.603 5.37528C101.757 4.85573 101.947 4.34781 102.173 3.8554L102.974 1.98241C103.047 1.76124 103.177 1.56343 103.351 1.40904C103.538 1.29314 103.755 1.2349 103.974 1.24158C104.757 1.21246 105.579 1.45636 106.113 2.03337C106.647 2.61038 106.816 3.54415 106.391 4.20488C105.883 5.00032 104.773 5.1605 104.11 5.83034C103.687 6.25809 103.482 6.8533 103.357 7.44122C103.026 8.9702 103.137 10.5556 103.036 12.1174C103.003 12.6033 102.908 13.1585 102.491 13.4097C102.238 13.5337 101.958 13.5883 101.677 13.5681L100.486 13.5881C100.286 13.5881 99.562 13.7137 99.4295 13.5626C99.1971 13.2987 99.7272 11.9845 99.8235 11.6914C100.038 11.0416 100.301 10.4082 100.55 9.76927C100.766 9.19955 101.163 8.4296 101.163 7.81254Z" fill="#BE6F72"/>
-<path d="M125.759 64.9959C125.485 66.048 124.661 66.8671 124.237 67.87C123.6 69.3717 123.887 71.2083 122.986 72.5662C122.694 72.9786 122.341 73.3438 121.939 73.6492C121.716 73.8393 121.472 74.0035 121.212 74.1389C120.943 74.2877 120.627 74.3268 120.33 74.2481C119.947 74.117 119.716 73.702 119.678 73.3016C119.665 73.1703 119.665 73.0379 119.678 72.9066C119.716 72.6356 119.777 72.3683 119.86 72.1075C120.078 71.3709 120.295 70.6331 120.512 69.8941C120.647 69.4933 120.735 69.0779 120.773 68.6564C120.797 68.1977 120.506 67.6006 120.63 67.1729C120.686 66.9799 120.897 66.8089 120.993 66.6469C121.129 66.4137 121.234 66.1633 121.305 65.9024C121.454 65.3945 121.556 64.8521 121.868 64.4244C122.072 64.1707 122.31 63.947 122.576 63.76C122.772 63.5875 123.002 63.4579 123.252 63.3796C123.493 63.337 123.741 63.3488 123.978 63.4142C124.286 63.4801 124.589 63.5664 124.886 63.6726H124.902C125.265 63.8037 125.65 64.0057 125.765 64.3734C125.82 64.5774 125.818 64.7929 125.759 64.9959V64.9959Z" fill="#40464D"/>
-<path d="M145.077 42.619C145.066 42.9011 145.031 43.216 144.813 43.3926C144.624 43.5143 144.398 43.5675 144.174 43.5437H144.125C143.477 43.5437 142.818 43.5073 142.204 43.7093C141.738 43.864 141.309 44.148 140.822 44.2044C140.152 44.2808 139.522 43.9132 138.929 43.5928C138.37 43.2909 137.796 43.0175 137.209 42.7737C136.824 42.6153 136.038 42.5134 135.853 42.0911C135.789 41.8913 135.736 41.6884 135.693 41.4832C135.663 41.3914 135.626 41.302 135.582 41.2156C135.473 41.0312 135.404 40.826 135.379 40.6131C135.38 40.401 135.453 40.1955 135.586 40.0306C135.734 39.8549 135.915 39.7102 136.119 39.6049C136.324 39.4996 136.546 39.4359 136.775 39.4172C137.233 39.3816 137.693 39.4061 138.144 39.49L142.615 40.1344C142.96 40.1835 143.306 40.2327 143.646 40.3164C143.968 40.3725 144.272 40.5062 144.532 40.7059C145.06 41.1501 145.104 41.9309 145.077 42.619Z" fill="#40464D"/>
-<path d="M141.148 43.7832C140.604 44.9354 140.996 46.2987 140.898 47.5729C140.815 48.2889 140.653 48.9935 140.415 49.6734C140.204 50.3505 139.993 51.0295 139.725 51.6866C139.5 52.2326 139.233 52.7787 139.024 53.3357C138.692 54.2239 138.479 55.2232 137.806 55.884C137.497 57.3729 137.105 59.0002 135.883 59.903C134.82 60.6893 133.341 60.7166 132.101 60.2416C130.86 59.7665 129.853 58.8564 128.965 57.8753C128.077 56.8942 127.283 55.8257 126.33 54.912C125.784 54.398 125.203 53.9218 124.592 53.4867C123.978 53.039 123.345 52.6179 122.695 52.2235C122.297 51.9505 121.851 51.7559 121.38 51.6502C120.994 51.5759 120.594 51.6541 120.264 51.8686C120.189 51.9199 120.121 51.9811 120.062 52.0506C119.901 52.2774 119.778 52.5296 119.699 52.7969C118.936 54.7882 116.89 55.8112 115.256 57.169L113.763 58.4086C113.56 58.5779 113.335 58.8254 113.435 59.0712C113.503 59.1954 113.614 59.291 113.747 59.3406C114.615 59.7701 115.634 59.943 116.349 60.5983C116.611 60.8386 116.861 61.1553 117.215 61.1735C117.402 61.1625 117.586 61.1213 117.76 61.0515C118.033 60.9775 118.32 60.9678 118.597 61.0234C118.875 61.079 119.136 61.1983 119.36 61.3719C119.487 61.4962 119.634 61.5978 119.795 61.6722C119.93 61.708 120.071 61.7167 120.209 61.6977C120.596 61.6704 121.006 61.6358 121.353 61.8088C121.7 61.9817 121.985 62.3894 122.39 62.4185C122.588 62.4331 122.824 62.3676 123.013 62.3858C123.065 62.3874 123.116 62.4015 123.161 62.4268C123.207 62.4522 123.245 62.488 123.274 62.5314C123.317 62.6314 123.345 62.7367 123.36 62.8445C123.434 63.1011 123.685 63.2577 123.848 63.4688C124.099 63.7928 124.135 64.2333 124.109 64.6428C124.027 65.9234 123.458 67.1235 122.519 67.9957C122.252 68.2689 121.912 68.4586 121.54 68.5417C121.354 68.5808 121.16 68.5602 120.986 68.4828C120.812 68.4054 120.667 68.2751 120.571 68.1103C120.53 67.9686 120.469 67.8337 120.389 67.7099C120.097 67.3877 119.441 67.7299 119.173 67.3859C119.005 67.1711 119.125 66.8271 118.966 66.605C118.806 66.383 118.421 66.423 118.125 66.4103C117.778 66.3921 117.457 66.2282 117.121 66.1427C116.576 66.0007 116.006 66.0535 115.448 66.0153C114.985 65.9743 114.525 65.9013 114.072 65.7968L111.763 65.3236C110.292 65.0233 108.816 64.7193 107.416 64.1823C106.88 63.9785 106.341 63.7273 105.963 63.2904C105.659 62.9065 105.463 62.4475 105.397 61.9617C105.068 60.0195 106.811 58.3595 107.031 56.4027C107.109 55.6892 107.394 55.0157 107.663 54.3532C108.155 53.1688 108.647 51.9839 109.137 50.7983C109.216 50.5776 109.32 50.3663 109.446 50.1685C109.655 49.9151 109.89 49.685 110.148 49.4823C110.836 48.8563 111.33 48.0449 111.57 47.1451C111.588 47.045 111.63 46.9507 111.692 46.8703C111.756 46.8163 111.827 46.7704 111.902 46.7338C112.032 46.6491 112.13 46.5232 112.179 46.3763C112.229 46.2294 112.228 46.07 112.177 45.9238C112.289 45.9144 112.395 45.8648 112.474 45.784C112.553 45.7031 112.601 45.5964 112.609 45.4833C112.595 45.3847 112.602 45.2846 112.627 45.1884C112.67 45.0938 112.779 45.0464 112.843 44.9627C112.946 44.8262 112.91 44.6351 112.894 44.464C112.883 44.3556 112.883 44.2465 112.894 44.1381C112.933 43.7527 113.105 43.3931 113.38 43.1206C113.814 42.6929 114.432 42.8039 115.031 42.702C115.629 42.5727 116.212 42.3855 116.774 42.1432C118.349 41.5209 120.008 41.1363 121.696 41.0019C123.393 40.8682 125.097 41.1402 126.668 41.7955C126.896 41.8883 127.112 42.0107 127.309 42.1596C127.449 42.2676 127.563 42.4049 127.645 42.5618C127.712 42.7545 127.794 42.9414 127.892 43.1206C128.086 43.3864 128.453 43.4719 128.665 43.7231C128.878 43.9743 128.896 44.3984 129.072 44.7097C129.324 45.1538 129.909 45.3595 130.083 45.8419C130.138 45.9948 130.145 46.1622 130.185 46.3206C130.283 46.7174 130.577 47.0305 130.837 47.3435C131.789 48.4849 132.398 49.8734 132.594 51.348C132.652 50.4252 133.272 49.6079 134.047 49.0982C134.256 48.9617 134.497 48.8106 134.539 48.5631C134.592 48.25 134.288 47.9715 134.308 47.653C134.33 47.4974 134.393 47.3505 134.49 47.227C134.836 46.7243 135.216 46.2456 135.627 45.7945C135.85 45.5488 136.101 45.2485 136.008 44.9245C135.937 44.6824 135.69 44.5404 135.554 44.3293C135.475 44.2034 135.434 44.0568 135.437 43.9079C135.44 43.7589 135.487 43.6143 135.572 43.492C135.699 43.319 135.901 43.1934 135.963 42.9878C136.033 42.7457 135.875 42.4836 135.924 42.2342C135.991 42.0345 136.123 41.8632 136.298 41.7482C136.539 41.5283 136.813 41.3477 137.11 41.2131C137.589 41.031 138.123 41.0984 138.632 41.1694C139.481 41.2877 140.435 41.4697 140.914 42.1832C141.221 42.6292 141.377 43.3063 141.148 43.7832Z" fill="#65617D"/>
-<path opacity="0.1" d="M145.078 42.619C145.067 42.9011 145.033 43.216 144.815 43.3926C144.625 43.5143 144.4 43.5675 144.176 43.5437H144.127C144.201 43.165 144.661 42.9484 144.741 42.5644C144.754 42.4464 144.744 42.3269 144.709 42.2132C144.675 42.0995 144.617 41.9942 144.541 41.9036C144.152 41.3776 143.528 41.0864 142.907 40.8734C141.152 40.2705 139.273 40.1294 137.449 40.4639C136.952 40.5449 136.47 40.6937 136.014 40.9062C135.863 41.0009 135.718 41.1042 135.578 41.2156C135.469 41.0312 135.4 40.826 135.375 40.6131C135.376 40.401 135.449 40.1955 135.582 40.0306C135.73 39.8549 135.911 39.7102 136.116 39.6049C136.32 39.4996 136.543 39.4359 136.771 39.4172C137.229 39.3816 137.689 39.4061 138.14 39.49L142.611 40.1344C142.956 40.1835 143.302 40.2327 143.642 40.3164C143.964 40.3725 144.269 40.5062 144.528 40.7059C145.062 41.1501 145.105 41.9309 145.078 42.619Z" fill="black"/>
-<path opacity="0.1" d="M125.759 64.9966C125.485 66.0486 124.661 66.8677 124.237 67.8707C123.6 69.3724 123.887 71.2089 122.986 72.5668C122.694 72.9793 122.341 73.3445 121.939 73.6499C121.716 73.8399 121.472 74.0042 121.212 74.1395C120.943 74.2884 120.627 74.3275 120.33 74.2487C119.947 74.1177 119.716 73.7027 119.678 73.3022C119.665 73.1709 119.665 73.0385 119.678 72.9072L119.689 72.9363C119.847 73.3186 120.105 73.719 120.512 73.7864C120.664 73.7974 120.818 73.7767 120.962 73.7257C121.106 73.6746 121.239 73.5943 121.35 73.4897C121.95 73.0073 122.298 72.2883 122.631 71.5948C122.891 71.0947 123.096 70.5681 123.244 70.024C123.317 69.7146 123.351 69.3978 123.426 69.0884C123.771 67.5849 124.946 66.3581 125.205 64.8346C125.226 64.7298 125.231 64.6223 125.22 64.516C125.186 64.3774 125.133 64.2439 125.064 64.1192C125.001 63.9783 124.954 63.8305 124.926 63.6787C125.289 63.8098 125.674 64.0118 125.788 64.3795C125.835 64.584 125.825 64.7974 125.759 64.9966Z" fill="black"/>
-<path opacity="0.1" d="M123.018 62.3861C122.85 62.8265 122.567 63.2137 122.199 63.5074C121.682 63.9022 121.077 64.1646 120.436 64.2719C120.137 64.3482 119.824 64.3444 119.528 64.2609C119.125 64.1208 118.834 63.7422 118.422 63.633C118.128 63.5529 117.812 63.6239 117.514 63.5802C116.979 63.5056 116.563 63.096 116.131 62.7684C114.807 61.7709 113.069 61.4487 111.746 60.4512C111.687 60.415 111.638 60.3642 111.604 60.3038C111.579 60.2384 111.569 60.1679 111.577 60.0981C111.582 59.4931 111.717 58.8963 111.974 58.3489C112.185 57.967 112.436 57.6088 112.722 57.2804C113.908 55.8243 115.099 54.3572 116.519 53.1285C117.115 52.6134 117.765 52.1329 118.516 51.8999C118.934 51.7706 119.758 51.6487 120.267 51.8671C120.192 51.9185 120.124 51.9797 120.065 52.0491C119.904 52.2759 119.781 52.5281 119.702 52.7954C118.938 54.7886 116.891 55.8115 115.257 57.1694L113.765 58.409C113.561 58.5782 113.336 58.8258 113.436 59.0715C113.505 59.1958 113.615 59.2914 113.748 59.3409C114.616 59.7705 115.635 59.9434 116.35 60.5987C116.612 60.8389 116.862 61.1557 117.216 61.1739C117.403 61.1629 117.587 61.1217 117.761 61.0519C118.034 60.9778 118.321 60.9682 118.598 61.0238C118.876 61.0794 119.137 61.1986 119.361 61.3723C119.488 61.4966 119.635 61.5982 119.797 61.6726C119.931 61.7084 120.072 61.7171 120.211 61.6981C120.597 61.6708 121.008 61.6362 121.354 61.8091C121.701 61.982 121.986 62.3898 122.391 62.4189C122.593 62.4335 122.829 62.3643 123.018 62.3861Z" fill="black"/>
-<path d="M106.319 37.682C105.974 37.9041 105.608 38.1553 105.466 38.5412C105.35 38.8561 105.404 39.2165 105.264 39.5223C105.125 39.828 104.81 40.041 104.741 40.3686C104.692 40.6071 104.789 40.8583 104.741 41.0967C104.7 41.2207 104.667 41.3472 104.642 41.4753C104.623 41.7465 104.856 41.9668 105.083 42.1179C105.566 42.4329 106.116 42.63 106.689 42.6932C107.262 42.7565 107.842 42.6841 108.382 42.4819C108.867 42.2999 109.304 42.0032 109.769 41.7702C110.223 41.5085 110.741 41.3822 111.264 41.4062C111.563 41.4389 111.85 41.5481 112.15 41.5882C112.298 41.6175 112.45 41.6103 112.595 41.5672C112.74 41.524 112.872 41.4463 112.979 41.3406C113.072 41.2126 113.134 41.065 113.161 40.9093C113.413 39.91 113.299 38.8506 113.059 37.8458C112.82 36.8411 112.457 35.8745 112.2 34.8752C112.019 34.1344 111.879 33.3754 111.576 32.6746C111.273 31.9738 110.762 31.3222 110.049 31.0546C109.993 31.0269 109.929 31.0186 109.867 31.031C109.822 31.0501 109.781 31.0801 109.749 31.1183C109.185 31.718 108.759 32.4353 108.504 33.2189C108.219 34.0907 108.141 35.0154 107.879 35.8909C107.766 36.255 107.621 36.7428 107.334 37.0213C107.047 37.2998 106.644 37.4727 106.319 37.682Z" fill="#40464D"/>
-<path opacity="0.1" d="M113.163 40.9041C113.132 41.0604 113.067 41.2079 112.972 41.3355C112.865 41.4415 112.733 41.5193 112.588 41.5622C112.443 41.605 112.29 41.6116 112.142 41.5812C111.845 41.5448 111.558 41.4338 111.258 41.3992C110.736 41.375 110.217 41.5013 109.764 41.7633C109.299 41.9962 108.856 42.2857 108.375 42.4731C107.671 42.7407 106.902 42.7846 106.172 42.5987C105.785 42.5011 105.416 42.3386 105.083 42.1182C104.854 41.9689 104.623 41.7542 104.642 41.4757C104.667 41.3481 104.7 41.2223 104.741 41.0989C104.789 40.8604 104.694 40.6092 104.741 40.3708C104.81 40.0432 105.126 39.8247 105.264 39.5226C105.402 39.2204 105.35 38.8582 105.464 38.5433C105.606 38.1556 105.974 37.9062 106.319 37.6823C106.664 37.4585 107.075 37.2874 107.351 37.0161C107.386 36.9739 107.419 36.9289 107.447 36.8814C107.646 36.5737 107.792 36.2347 107.879 35.8785C108.146 35.0012 108.219 34.0783 108.502 33.2046C108.759 32.4217 109.185 31.7051 109.749 31.1059C109.779 31.0668 109.82 31.0367 109.865 31.0185C109.927 31.006 109.99 31.0137 110.047 31.0404C110.759 31.3098 111.269 31.9614 111.574 32.6622C111.879 33.363 112.008 34.1184 112.199 34.861C112.453 35.8603 112.818 36.8305 113.057 37.8334C113.297 38.8364 113.415 39.903 113.163 40.9041Z" fill="black"/>
-<path opacity="0.1" d="M118.564 18.7046C117.71 18.9766 116.786 18.9226 115.97 18.553C115.153 18.1834 114.502 17.5243 114.141 16.7024C114.155 16.5318 114.179 16.3622 114.213 16.1946C114.395 15.3573 115.172 15.6631 115.786 15.8851C116.524 16.1257 117.239 16.4359 117.919 16.8116C118.126 16.9187 118.307 17.0719 118.446 17.2594C118.714 17.6617 118.607 18.1968 118.564 18.7046Z" fill="black"/>
-<path d="M117.467 18.6939C119.473 18.6939 121.099 17.0641 121.099 15.0535C121.099 13.043 119.473 11.4131 117.467 11.4131C115.462 11.4131 113.836 13.043 113.836 15.0535C113.836 17.0641 115.462 18.6939 117.467 18.6939Z" fill="#BE6F72"/>
-<path opacity="0.1" d="M127.324 42.258C127.324 42.5602 126.916 42.6567 126.613 42.6403C125.523 42.5766 124.457 42.2762 123.379 42.3673C122.015 42.491 120.762 43.2464 119.395 43.3156C118.869 43.3429 118.333 43.2646 117.814 43.3611C117.142 43.4867 116.543 43.8962 115.858 43.9545C115.264 44.0054 114.678 43.7816 114.084 43.8052C113.669 43.83 113.264 43.9456 112.898 44.1438C112.938 43.7583 113.11 43.3987 113.385 43.1263C113.819 42.6985 114.436 42.8096 115.036 42.7076C115.633 42.5783 116.217 42.3912 116.779 42.1488C118.354 41.5265 120.013 41.1419 121.701 41.0076C123.396 40.8724 125.1 41.1425 126.671 41.7957C126.899 41.8885 127.115 42.0109 127.312 42.1597C127.322 42.1915 127.326 42.2248 127.324 42.258V42.258Z" fill="black"/>
-<path d="M115.788 21.7002L114.317 21.1542L113.696 20.9248C113.443 20.8185 113.176 20.7475 112.904 20.7137C112.192 20.6591 111.522 21.1341 111.143 21.7403C110.763 22.3464 110.62 23.069 110.498 23.7734C110.331 24.7369 110.19 25.7041 110.073 26.6749C109.948 27.5515 109.885 28.4359 109.883 29.3214C109.925 31.5749 110.4 33.7973 110.923 35.9907C111.179 36.9632 111.373 37.9512 111.502 38.9485C111.546 39.3599 111.566 39.7731 111.61 40.1863C111.657 40.6505 111.733 41.1091 111.809 41.5697L112.247 44.1853C112.792 43.7976 113.411 43.4572 114.081 43.4372C114.675 43.4154 115.263 43.6374 115.855 43.5865C116.536 43.53 117.138 43.1205 117.81 42.9949C118.33 42.8984 118.865 42.9749 119.394 42.9494C120.759 42.8802 122.014 42.123 123.375 42.001C124.456 41.9028 125.529 42.2086 126.611 42.2723C126.913 42.2905 127.321 42.194 127.321 41.89C127.321 41.6789 127.11 41.5387 126.927 41.4331C126.063 40.9114 125.24 40.3229 124.467 39.673C123.751 39.1051 123.025 38.5226 122.533 37.7545C121.347 35.907 121.754 33.4078 120.743 31.4584C119.92 29.8748 120.743 27.7997 120.743 26.0141C120.743 25.124 120.743 24.223 120.534 23.3584C120.403 22.8749 120.241 22.4005 120.047 21.9387L119.341 20.1458C119.326 20.0934 119.297 20.0461 119.257 20.0092C119.21 19.9764 119.153 19.9593 119.096 19.9601C118.672 19.9346 118.253 20.069 117.923 20.3369C117.591 20.6081 117.378 20.9976 117.051 21.2797C116.694 21.591 116.232 21.864 115.788 21.7002Z" fill="#E3E8F4"/>
-<path d="M118.159 20.6667C118.276 20.1679 118.401 19.6492 118.733 19.2596C119.065 18.8701 119.672 18.6644 120.1 18.9429C120.587 19.2596 120.607 19.9914 121.023 20.3991C121.386 20.7486 121.931 20.7759 122.425 20.8214C123.313 20.9024 124.185 21.1083 125.016 21.433C125.178 21.4833 125.325 21.5719 125.446 21.6914C125.673 21.9499 125.627 22.3467 125.74 22.6689C125.894 23.0839 126.321 23.3478 126.486 23.761C126.668 24.2197 126.486 24.733 126.334 25.2044C126.06 26.0508 125.887 26.93 125.62 27.78C125.353 28.6301 124.974 29.4674 124.349 30.1081C124.073 30.392 123.663 30.6542 123.3 30.4849L123.16 31.4951C123.119 31.7085 123.119 31.9278 123.16 32.1413C123.181 32.2481 123.232 32.3467 123.306 32.4259C123.381 32.5051 123.476 32.5617 123.581 32.589C123.608 32.7456 123.774 32.8202 123.908 32.9058C124.007 32.9738 124.092 33.0608 124.157 33.1619C124.223 33.2629 124.267 33.376 124.289 33.4945C124.31 33.6131 124.308 33.7347 124.282 33.8523C124.256 33.97 124.208 34.0813 124.139 34.1799C124.024 34.3346 123.855 34.4566 123.801 34.6404C123.719 34.9062 123.913 35.1865 124.149 35.3321C124.386 35.4777 124.663 35.5451 124.903 35.6852C125.401 35.9728 125.667 36.5389 125.838 37.0886C125.965 37.5036 126.071 37.9532 126.383 38.2554C126.503 38.37 126.646 38.4574 126.761 38.5775C126.959 38.8121 127.073 39.106 127.086 39.413C127.135 39.7935 127.052 40.1794 126.849 40.5051C126.486 41.0257 125.809 41.1804 125.215 41.4153C124.251 41.8121 123.458 42.5219 122.608 43.1263C122.262 43.4057 121.854 43.5979 121.419 43.6869C120.83 43.7651 120.251 43.5049 119.659 43.4812C119.305 43.4845 118.953 43.5309 118.61 43.6195L117.52 43.8562C117.578 43.0098 117.114 42.1615 116.854 41.3552C116.364 39.8371 116.273 38.2135 116.389 36.6226C116.505 35.0318 116.828 33.4627 117.148 31.901C117.371 30.8089 117.35 29.6676 117.693 28.6064C118.014 27.5853 118.474 26.6042 118.642 25.5412C118.918 23.8211 117.771 22.3631 118.159 20.6667Z" fill="#40464D"/>
-<path d="M126.422 24.0319C126.522 24.2168 126.593 24.4165 126.631 24.6235C126.715 24.9441 126.872 25.2407 127.09 25.4899C127.273 25.6514 127.435 25.8348 127.573 26.0359C127.74 26.3527 127.677 26.7385 127.755 27.0844C127.845 27.4612 128.109 27.7888 128.147 28.1765C128.148 28.2876 128.158 28.3984 128.178 28.5078C128.296 28.9483 128.942 29.0539 129.086 29.4943C129.182 29.7801 129.017 30.0914 129.047 30.3917C129.07 30.4846 129.075 30.5808 129.064 30.6757C129.023 30.7829 128.951 30.8755 128.857 30.9414C128.256 31.5169 127.84 32.259 127.662 33.0729C127.487 33.8823 127.395 34.7075 127.388 35.5356L126.678 34.5946C126.603 34.4804 126.507 34.3816 126.395 34.3033C126.304 34.2487 126.199 34.2214 126.106 34.1668C125.837 34.0139 125.732 33.6899 125.628 33.3987C125.341 32.5925 124.91 31.8451 124.357 31.1926C124.069 30.8522 123.733 30.51 123.669 30.0677C123.65 29.8646 123.661 29.6597 123.702 29.4598C123.883 28.2675 124.078 27.0462 124.657 25.9886C124.928 25.4935 125.278 25.0457 125.538 24.5434C125.712 24.2103 125.957 23.3438 126.422 24.0319Z" fill="#40464D"/>
-<path d="M108.51 25.1774C108.513 25.3306 108.474 25.4818 108.397 25.6142C108.328 25.6948 108.237 25.7545 108.136 25.7867C108.035 25.8188 107.927 25.8221 107.823 25.7962C107.617 25.7442 107.422 25.6527 107.25 25.5268C106.744 25.2065 106.238 24.8855 105.732 24.5639C105.449 24.3933 105.177 24.2061 104.916 24.0033C104.518 23.6663 104.157 23.2873 103.84 22.873C102.957 21.7808 102.177 20.5959 101.194 19.5966C100.927 19.3235 100.65 19.0614 100.392 18.7757C100.039 18.3626 99.7153 17.9259 99.4221 17.4687C99.1388 17.0483 98.8447 16.5823 98.8937 16.0799C98.9227 15.796 99.0589 15.5339 99.0989 15.2517C99.1388 14.9696 99.0317 14.6256 98.7593 14.5491C98.7271 14.541 98.6943 14.5355 98.6613 14.5327C98.6075 14.527 98.5545 14.5154 98.5033 14.4982C98.2509 14.3926 98.289 14.0012 98.4706 13.7956C98.6522 13.5899 98.9209 13.4752 99.0862 13.2495C99.163 13.1156 99.2492 12.9872 99.344 12.8654C99.4656 12.7609 99.6108 12.6878 99.7671 12.6525C100.814 12.3431 101.922 12.3011 102.99 12.5305C103.172 12.5706 103.379 12.6434 103.433 12.8199C103.455 12.9059 103.455 12.996 103.433 13.082C103.353 13.4409 103.307 13.8066 103.295 14.1742C103.295 14.2508 103.299 14.3274 103.308 14.4035C103.393 15.1753 103.892 15.8287 104.379 16.4312C104.956 17.1484 105.543 17.8601 106.131 18.57C106.449 18.9813 106.805 19.3622 107.193 19.7076C107.557 20.0098 108.027 20.2537 108.31 20.6414C108.541 20.9545 108.466 21.3822 108.492 21.759C108.576 22.8967 108.582 24.0388 108.51 25.1774V25.1774Z" fill="#40464D"/>
-<path d="M131.57 32.7714C131.749 32.5966 131.911 32.4046 132.053 32.198C132.206 31.9421 132.328 31.669 132.416 31.3844L133.469 28.3902C133.636 27.9169 133.803 27.4418 134.014 26.9813C134.232 26.4844 134.49 26.0057 134.728 25.5251C135.339 24.2606 135.812 22.9331 136.138 21.5662C136.196 21.3784 136.215 21.1809 136.195 20.9855C136.144 20.6706 135.906 20.4249 135.679 20.201C135.451 19.9539 135.191 19.7384 134.906 19.5603C134.762 19.4711 134.603 19.4112 134.436 19.3844C134.27 19.3575 134.1 19.3641 133.936 19.4038C133.471 19.5403 133.179 20.0172 133.072 20.4959C132.965 20.9746 133.004 21.4643 132.959 21.9521C132.894 22.651 132.654 23.3263 132.596 24.0271C132.565 24.433 132.596 24.8426 132.547 25.2467C132.458 25.7773 132.273 26.2873 132.002 26.752C131.412 27.8589 130.615 28.8415 129.654 29.6461C129.391 29.8409 129.154 30.0691 128.95 30.3251C128.779 30.5811 128.664 30.8699 128.61 31.1733C128.49 31.6352 128.542 32.1253 128.757 32.5512C129.053 33.0572 129.622 33.2793 130.165 33.3921C130.898 33.545 131.067 33.2938 131.57 32.7714Z" fill="#BE6F72"/>
-<path d="M117.489 9.77855C117.645 9.48408 117.885 9.24229 118.177 9.08335C118.47 8.92441 118.803 8.85536 119.134 8.88482C119.468 8.94409 119.778 9.09588 120.031 9.32299C120.283 9.55011 120.467 9.84348 120.561 10.1699C120.647 10.4411 120.681 10.7414 120.83 10.9744C121.055 11.3257 121.473 11.4277 121.785 11.6825C121.971 11.8561 122.122 12.0654 122.226 12.2979C122.331 12.5305 122.388 12.7817 122.395 13.0367C122.412 13.5577 122.33 14.0773 122.154 14.5675C122.079 14.7767 122.018 14.9908 121.972 15.2082C121.936 15.4194 121.932 15.6342 121.899 15.8453C121.859 16.1191 121.765 16.382 121.622 16.6187C121.478 16.8553 121.29 17.0609 121.066 17.2232C121.002 17.2753 120.923 17.3041 120.841 17.3051C120.699 17.2887 120.612 17.1231 120.559 16.9738C120.271 16.1384 120.34 15.1172 119.808 14.451C119.566 14.1823 119.273 13.964 118.947 13.8085C118.814 13.7225 118.664 13.666 118.508 13.6429C118.277 13.6553 118.056 13.7364 117.872 13.8758C117.489 14.1335 117.064 14.322 116.616 14.4328C116.392 14.4859 116.159 14.4883 115.935 14.4398C115.71 14.3913 115.499 14.2932 115.317 14.1525C115.067 13.945 114.883 13.6338 114.606 13.4718C114.328 13.3098 114.037 13.3189 113.763 13.2078C113.588 13.1333 113.433 13.0198 113.309 12.876C113.184 12.7321 113.094 12.5617 113.046 12.3777C112.997 12.1937 112.991 12.001 113.028 11.8143C113.065 11.6276 113.143 11.4518 113.258 11.3002C113.44 11.0818 113.709 10.958 113.87 10.716C114.079 10.4029 114.061 9.9733 114.161 9.59834C114.22 9.36111 114.335 9.14143 114.495 8.95751C114.656 8.77359 114.858 8.63074 115.085 8.5408C115.305 8.46591 115.541 8.45157 115.768 8.49927C115.996 8.54698 116.206 8.65498 116.378 8.81201C116.559 8.97583 116.705 9.18698 116.883 9.35808C117.058 9.52666 117.273 9.64832 117.508 9.71193C117.743 9.77553 117.99 9.77904 118.226 9.72212" fill="#40464D"/>
-<path opacity="0.1" d="M120.474 36.5701C120.369 36.6645 120.294 36.7886 120.259 36.9262C120.225 37.0639 120.233 37.2087 120.282 37.3419C120.322 37.4274 122.196 37.0652 122.393 37.0379C122.887 36.9669 123.753 37.0015 124.086 36.5483C124.678 35.7456 122.844 35.9239 122.508 35.9531C121.869 36.0077 120.961 36.095 120.474 36.5701Z" fill="black"/>
-<path d="M103.428 13.0893C103.348 13.4482 103.302 13.8139 103.29 14.1814C102.746 14.2925 102.179 14.1105 101.656 13.9284L100.155 13.4151C100.063 13.3566 99.9531 13.3351 99.8466 13.3551C99.74 13.375 99.645 13.4349 99.5809 13.5225C99.3394 13.7737 99.0071 14.2506 98.673 14.5327C98.6192 14.527 98.5663 14.5154 98.515 14.4982C98.2626 14.3926 98.3008 14.0012 98.4823 13.7956C98.6639 13.5899 98.9326 13.4752 99.0979 13.2495C99.1747 13.1156 99.2609 12.9872 99.3557 12.8654C99.4773 12.7609 99.6225 12.6878 99.7788 12.6525C100.826 12.3431 101.934 12.3011 103.002 12.5305C103.183 12.5706 103.39 12.6434 103.445 12.8199C103.462 12.9096 103.457 13.0024 103.428 13.0893Z" fill="#40464D"/>
-<path opacity="0.1" d="M103.428 13.0893C103.348 13.4482 103.302 13.8139 103.29 14.1814C102.746 14.2925 102.179 14.1105 101.656 13.9284L100.155 13.4151C100.063 13.3566 99.9531 13.3351 99.8466 13.3551C99.74 13.375 99.645 13.4349 99.5809 13.5225C99.3394 13.7737 99.0071 14.2506 98.673 14.5327C98.6192 14.527 98.5663 14.5154 98.515 14.4982C98.2626 14.3926 98.3008 14.0012 98.4823 13.7956C98.6639 13.5899 98.9326 13.4752 99.0979 13.2495C99.1747 13.1156 99.2609 12.9872 99.3557 12.8654C99.4773 12.7609 99.6225 12.6878 99.7788 12.6525C100.826 12.3431 101.934 12.3011 103.002 12.5305C103.183 12.5706 103.39 12.6434 103.445 12.8199C103.462 12.9096 103.457 13.0024 103.428 13.0893Z" fill="black"/>
-<path opacity="0.1" d="M117.162 47.6463C117.424 47.7337 117.707 47.8611 117.796 48.1232L115.694 47.588L114.604 47.3095C114.412 47.2604 113.722 47.204 113.595 47.0529C113.413 46.8308 114.058 46.9837 114.174 47.0001C114.526 47.0529 114.878 47.1075 115.229 47.1712C115.89 47.2895 116.525 47.4843 117.162 47.6463Z" fill="black"/>
-<path opacity="0.1" d="M117.979 49.512C117.798 49.39 117.276 49.4046 117.053 49.3518C116.726 49.2735 116.405 49.1698 116.084 49.0697C115.432 48.8567 114.785 48.6146 114.115 48.4581C113.992 48.4308 113.571 48.4235 113.591 48.2669C113.611 48.1104 114.012 48.0558 114.112 48.0485C114.705 48.0048 115.446 48.2833 115.998 48.4817C116.702 48.7343 117.368 49.0809 117.979 49.512V49.512Z" fill="black"/>
-<path opacity="0.1" d="M116.646 45.9816C115.979 45.7996 115.375 45.3846 114.688 45.3045C114.509 45.3113 114.333 45.2574 114.189 45.1516C114.108 45.0721 114.052 44.971 114.027 44.8604C114.487 44.8367 115.021 45.0315 115.438 45.2153C115.668 45.3141 115.889 45.4323 116.099 45.5684C116.252 45.6613 116.48 45.9288 116.646 45.9816Z" fill="black"/>
-<path d="M129.352 29.6846C129.24 30.4413 129.403 31.2134 129.811 31.8596C130.22 32.5057 130.847 32.9826 131.578 33.203C131.489 33.6344 131.044 33.8729 130.73 34.1805C130.287 34.6119 130.058 35.2581 129.536 35.5857C128.953 35.9497 128.203 35.8078 127.538 35.6549C127.478 35.6481 127.422 35.6189 127.382 35.573C127.368 35.5511 127.359 35.5271 127.353 35.502C127.133 34.6956 126.99 33.8347 127.215 33.0265C127.397 32.3384 127.832 31.7523 128.181 31.1444C128.53 30.5364 128.562 29.8848 129.352 29.6846Z" fill="#40464D"/>
-<path d="M113.116 19.2472C112.414 19.2985 111.731 19.5068 111.119 19.857C110.712 20.0899 110.295 20.403 109.83 20.3466C109.556 20.3157 109.285 20.1646 109.018 20.2374C108.868 20.2982 108.728 20.3817 108.603 20.4849C108.539 20.5356 108.464 20.569 108.383 20.5817C108.303 20.5945 108.221 20.5862 108.145 20.5577L107.963 23.0769C107.894 24.0343 107.827 25.0118 108.056 25.9456C108.174 26.4225 108.434 26.8557 108.463 27.3398C108.492 27.824 108.448 28.3209 108.483 28.8106C108.515 29.2638 108.615 29.7098 108.641 30.163C108.692 31.0185 108.481 31.8667 108.278 32.6986C107.971 33.9254 107.785 35.1795 107.188 36.2898C107.021 36.5974 106.825 36.9105 106.825 37.26C106.825 37.3037 106.825 37.3456 106.836 37.3874C106.654 37.4875 106.485 37.5822 106.331 37.6805C105.986 37.9044 105.618 38.1537 105.476 38.5414C105.361 38.8563 105.414 39.2167 105.276 39.5207C105.138 39.8247 104.822 40.0413 104.753 40.3689C104.704 40.6074 104.799 40.8586 104.753 41.097C104.712 41.2204 104.679 41.3462 104.653 41.4738C104.635 41.7468 104.866 41.9671 105.095 42.1163C105.428 42.3368 105.797 42.4992 106.184 42.5969L107.268 38.283C108.256 36.4511 109.079 34.534 109.725 32.5548C109.91 31.9078 110.147 31.2771 110.435 30.669C110.64 30.325 110.822 29.9674 110.979 29.5987C111.145 29.14 111.161 28.6431 111.241 28.1589C111.336 27.5938 111.478 27.0379 111.668 26.4971C111.864 25.9128 112.091 25.3303 112.131 24.7169C112.19 23.8396 111.873 22.9131 112.21 22.1013C112.354 21.7974 112.54 21.516 112.764 21.2658C113.233 20.6906 113.659 20.0881 114.128 19.5129C113.885 19.2526 113.48 19.2253 113.116 19.2472Z" fill="#40464D"/>
-<g opacity="0.1">
-<path opacity="0.1" d="M118.233 9.17969L118.006 9.19607L117.98 9.21427C118.065 9.2108 118.15 9.19922 118.233 9.17969V9.17969Z" fill="black"/>
-<path opacity="0.1" d="M122.388 12.958C122.35 13.3198 122.272 13.6764 122.156 14.021C122.081 14.2301 122.02 14.4442 121.974 14.6617C121.938 14.8728 121.934 15.0876 121.901 15.2987C121.861 15.5725 121.767 15.8355 121.624 16.0721C121.48 16.3087 121.291 16.5143 121.068 16.6766C121.004 16.7287 120.925 16.7576 120.843 16.7586C120.701 16.7422 120.614 16.5765 120.561 16.4273C120.273 15.5918 120.342 14.5707 119.81 13.9045C119.568 13.6357 119.275 13.4174 118.949 13.2619C118.816 13.1759 118.666 13.1194 118.51 13.0963C118.279 13.1087 118.058 13.1898 117.874 13.3293C117.491 13.587 117.066 13.7755 116.618 13.8863C116.394 13.9394 116.161 13.9417 115.937 13.8932C115.712 13.8447 115.501 13.7466 115.319 13.6059C115.069 13.3984 114.885 13.0872 114.608 12.9252C114.33 12.7632 114.039 12.7723 113.765 12.6613C113.594 12.5879 113.441 12.4769 113.319 12.3363C113.196 12.1958 113.107 12.0294 113.057 11.8494C113.051 11.8267 113.046 11.8036 113.042 11.7803C112.997 11.9835 113.002 12.1947 113.057 12.3955C113.107 12.5754 113.196 12.7419 113.319 12.8824C113.441 13.0229 113.594 13.134 113.765 13.2073C114.039 13.3184 114.348 13.3202 114.608 13.4713C114.867 13.6223 115.069 13.9445 115.319 14.152C115.501 14.2927 115.712 14.3908 115.937 14.4393C116.161 14.4878 116.394 14.4854 116.618 14.4323C117.066 14.3215 117.491 14.133 117.874 13.8753C118.058 13.7359 118.279 13.6548 118.51 13.6423C118.666 13.6655 118.816 13.722 118.949 13.808C119.271 13.9665 119.559 14.1866 119.797 14.456C120.329 15.1222 120.26 16.1433 120.549 16.9788C120.601 17.1299 120.688 17.2937 120.83 17.3101C120.917 17.3105 121.002 17.2795 121.068 17.2227C121.292 17.0599 121.482 16.8536 121.626 16.6159C121.769 16.3783 121.863 16.1142 121.903 15.8393C121.936 15.6282 121.939 15.4134 121.976 15.2023C122.022 14.9848 122.082 14.7707 122.157 14.5616C122.334 14.0713 122.416 13.5518 122.399 13.0308C122.395 13.0089 122.392 12.9834 122.388 12.958Z" fill="black"/>
-</g>
-<path d="M110.898 27.5635L110.775 29.2253C110.756 29.451 110.326 34.8243 107.152 41.104C104.429 46.4901 99.1286 53.5052 89.1221 57.4477C88.3413 57.7572 87.5309 58.046 86.6908 58.3142L85.7539 55.3654C88.1061 54.6233 90.3718 53.6299 92.512 52.4021C97.6124 49.4497 101.578 45.2359 104.343 39.8135C105.811 36.9265 106.856 33.8431 107.448 30.6578H96.0636V27.5635H110.898Z" fill="#3858E9"/>
-<path opacity="0.1" d="M87.8988 57.4498C97.9035 53.5072 103.205 46.494 105.927 41.1079C109.101 34.8282 109.533 29.4586 109.55 29.2292L109.673 27.5674H110.944L110.821 29.2292C110.804 29.4549 110.372 34.8282 107.198 41.1079C104.475 46.494 99.1745 53.5072 89.1698 57.4498C88.3891 57.7593 87.578 58.0487 86.7367 58.3181L86.6133 57.9304C87.0515 57.7738 87.48 57.6136 87.8988 57.4498Z" fill="white"/>
-<path d="M67.8669 55.3654L66.93 58.3142C66.0887 58.0448 65.2776 57.7553 64.4969 57.4459C54.4922 53.5033 49.1903 46.4901 46.4685 41.104C43.2946 34.8243 42.8625 29.4547 42.8461 29.2253L42.7227 27.5635H57.5499V30.6578H46.1635C46.7587 33.8435 47.8074 36.9269 49.2774 39.8135C52.0428 45.2359 56.0065 49.4497 61.1069 52.4003C63.2474 53.6293 65.5138 54.6235 67.8669 55.3654V55.3654Z" fill="#3858E9"/>
-<path opacity="0.1" d="M65.721 57.4498C55.7163 53.5072 50.4144 46.494 47.6926 41.1079C44.5187 34.8282 44.0866 29.4586 44.0703 29.2292L43.9468 27.5674H42.6758L42.7992 29.2292C42.8156 29.4549 43.2477 34.8282 46.4216 41.1079C49.1452 46.494 54.4453 53.5072 64.45 57.4498C65.2308 57.7593 66.0418 58.0487 66.8831 58.3181L67.0066 57.9304C66.5696 57.7738 66.1411 57.6136 65.721 57.4498Z" fill="white"/>
-<path d="M93.937 83.8701V100.556H59.6797V83.8701L60.7691 82.4139C71.8705 78.4641 74.1202 68.1635 74.5686 64.088C74.6354 63.5249 74.6736 62.9587 74.683 62.3916H78.9191C78.9286 62.9587 78.9668 63.5249 79.0335 64.088C79.4893 68.1635 81.739 78.4677 92.8331 82.4139L93.937 83.8701Z" fill="#3858E9"/>
-<path opacity="0.1" d="M93.937 83.8701H59.6797V85.9634H93.937V83.8701Z" fill="black"/>
-<path opacity="0.1" d="M62.5849 82.4139C73.6862 78.4641 75.9359 68.1635 76.3844 64.088C76.4511 63.5249 76.4893 62.9587 76.4988 62.3916H74.6831C74.6736 62.9587 74.6354 63.5249 74.5687 64.088C74.1129 68.1635 71.8632 78.4677 60.7691 82.4139L59.6797 83.8701V100.556H61.4954V83.8701L62.5849 82.4139Z" fill="white"/>
-<path opacity="0.1" d="M54.4766 27.5635H57.5488V30.6578H54.7489C54.6388 29.6385 54.548 28.6071 54.4766 27.5635Z" fill="black"/>
-<path opacity="0.1" d="M67.8654 55.3655L66.9285 58.3143C66.0872 58.0449 65.2762 57.7555 64.4954 57.446C63.2111 55.8737 62.0762 54.1845 61.1055 52.4004C63.2459 53.6294 65.5124 54.6236 67.8654 55.3655Z" fill="black"/>
-<path opacity="0.1" d="M85.75 55.3657C88.1022 54.6236 90.3679 53.6301 92.5081 52.4023C91.5369 54.1867 90.402 55.8765 89.1182 57.4498C88.3374 57.7592 87.527 58.048 86.6869 58.3162L85.75 55.3657Z" fill="black"/>
-<path opacity="0.1" d="M99.1407 27.5635C99.0693 28.6071 98.9785 29.6385 98.8683 30.6578H96.0703V27.5635H99.1407Z" fill="black"/>
-<path opacity="0.1" d="M79.043 64.088C77.5684 64.3744 76.0527 64.3744 74.5781 64.088C74.6449 63.5249 74.6831 62.9587 74.6925 62.3916H78.9286C78.9381 62.9587 78.9763 63.5249 79.043 64.088V64.088Z" fill="black"/>
-<path d="M54.8398 22.4375C54.9179 45.3831 64.7229 63.9384 76.8102 63.9384C88.8975 63.9384 98.7006 45.3831 98.7805 22.4375H54.8398Z" fill="#3858E9"/>
-<path opacity="0.1" d="M58.7437 22.4375H54.8398C54.9179 45.3831 64.7228 63.9384 76.8101 63.9384C77.4642 63.9372 78.1171 63.8818 78.7621 63.7727C67.5881 61.9015 58.8181 44.1344 58.7437 22.4375Z" fill="white"/>
-<path d="M88.4614 90.2568H65.1602V96.2635H88.4614V90.2568Z" fill="#40464D"/>
-<path opacity="0.1" d="M66.2496 91.0759H88.4614V90.2568H65.1602V96.2635H66.2496V91.0759Z" fill="white"/>
-<path d="M42.4129 44.5912C41.9935 44.4511 39.5241 42.4925 39.3371 41.6061C39.15 40.7196 40.6426 32.4613 40.6426 32.4613C40.6426 32.4613 40.5046 32.4613 40.2794 32.434V32.3012L40.5863 21.4527C40.5863 21.4527 41.8446 14.1718 39.4678 14.596C37.091 15.0201 38.5817 21.4527 38.5817 21.4527C38.5817 21.4527 38.3112 24.7182 38.1205 25.6974C37.9389 26.6421 37.1073 30.4901 37.6738 31.6859C37.6946 31.7284 37.7176 31.7697 37.7428 31.8097V31.8097C37.7428 31.8097 37.8373 35.9143 36.8114 36.4749C35.8327 37.0082 35.426 39.693 35.3915 39.9333L35.3388 39.9115C35.0466 39.7282 34.7901 39.4932 34.5817 39.218C34.5599 39.1907 34.5435 39.1615 34.5236 39.1324C35.1916 38.379 35.5516 37.4007 35.5318 36.3929C35.5119 35.3851 35.1136 34.4218 34.4164 33.6954C34.0923 33.3579 33.7119 33.0795 33.2925 32.8727C33.2803 32.5249 33.1982 32.1832 33.051 31.868C32.5789 30.8559 29.9643 29.5326 28.1068 29.5017C27.2498 29.4762 26.5471 29.7201 26.291 30.3918C26.1603 30.7321 26.2003 31.1198 26.1458 31.473C26.0368 32.2011 25.5702 32.7708 24.971 33.224C24.7291 32.9532 24.4675 32.7008 24.1884 32.4686C23.582 32.0027 22.3727 30.4664 22.3727 30.4664C22.3727 30.4664 18.5978 26.5475 18.3182 25.4735C18.0386 24.3996 14.2673 17.9506 13.4284 19.0737C12.5896 20.1968 16.3173 25.0913 16.3173 25.0913C16.3173 25.0913 17.0254 26.8696 17.5701 27.4703C18.1148 28.071 22.291 34.1505 22.291 34.1505L22.4907 34.5655C21.6083 35.0315 20.8021 35.6249 20.517 36.5495C20.0994 37.9111 21.0127 39.2799 21.6446 40.554C22.8757 43.0404 23.0518 46.2112 21.463 48.4829C20.0395 50.4887 17.5701 51.4425 15.2587 52.2762C16.375 53.1549 17.7618 53.6164 19.1807 53.5813C18.6468 55.1321 16.7548 55.6454 15.1425 55.933C15.9886 56.7484 17.1997 57.0451 18.3618 57.2253C18.9309 57.3224 19.5076 57.3681 20.0849 57.3619H20.2265L20.3681 57.3509C20.5649 57.3378 20.7608 57.3129 20.9546 57.2763C21.7935 57.1052 22.6087 56.6465 23.0373 55.9039C23.4004 55.2686 23.5275 54.4022 24.1866 54.0836C24.3582 54.006 24.5432 53.9621 24.7313 53.9544H24.7114C24.8348 53.9544 24.9619 53.9544 25.0854 53.9544L27.8326 53.9817C27.947 53.9817 28.065 53.9817 28.183 53.9817C28.9584 53.9635 29.7863 53.8288 30.1803 53.1863C30.3424 52.8742 30.4277 52.5279 30.4291 52.1761C30.4872 51.3042 30.4291 50.4068 30.4527 49.5277C30.6869 51.1276 30.932 53.6213 30.3492 54.5423C29.8757 55.2402 29.3017 55.864 28.646 56.3935C28.4811 56.5324 28.3303 56.6872 28.1957 56.8558C28.1068 56.9195 28.0541 56.9541 28.0541 56.9541L27.9978 57.1234C27.7909 57.438 27.6409 57.7868 27.5548 58.1536C27.5231 58.2479 27.5114 58.3477 27.5203 58.4467C27.5838 58.5759 27.0664 59.1092 27.2171 59.3331C25.9243 60.853 25.6791 63.1556 25.6791 63.1556L23.3187 66.7487C22.1058 69.9432 20.2901 70.2708 20.2901 70.2708C20.2901 70.2708 16.0249 67.4021 15.9087 67.262C15.7925 67.1218 14.162 66.421 14.162 66.421C13.9697 66.0831 13.6762 65.8143 13.3231 65.6529C12.7639 65.4199 12.7167 64.5608 12.7167 64.5608C12.6477 62.5313 11.4584 62.3765 11.4584 62.3765C10.4997 62.2946 9.76792 62.4657 9.20504 62.7788L9.03437 62.7915C8.21002 62.8589 7.21864 62.9335 6.1292 63.0063C3.09875 63.2066 2.3779 65.1742 2.3779 65.1742C2.3779 65.1742 2.00568 65.5947 2.49411 66.0497C2.98254 66.5048 6.10923 66.0497 6.24177 66.0388C6.00349 66.0647 5.76251 66.048 5.53001 65.9897C6.02207 65.9715 6.69934 65.9532 7.27674 65.9532H7.41655C7.3802 66.2601 7.36262 66.5689 7.36389 66.8779C7.36389 67.4604 8.97081 67.8335 8.97081 67.8335L13.8642 72.202C13.8642 72.202 16.94 73.5799 18.8974 75.5622C20.8548 77.5444 22.5851 75.8334 22.5851 75.8334C24.6569 75.3201 30.6179 68.0956 30.6234 68.0884C30.6234 68.2995 30.7487 75.3255 30.9865 76.7362C30.996 76.8078 31.0136 76.878 31.0392 76.9455C31.3188 77.5516 30.9448 79.208 30.7832 79.907C30.6801 80.492 30.6405 81.0864 30.6651 81.6799C30.6651 81.6799 28.43 90.2349 28.6152 90.9866C28.8004 91.7384 27.4041 95.2314 27.4041 95.2314V98.1437L27.6474 98.131C27.6157 98.1779 27.5867 98.2265 27.5602 98.2766L27.5439 98.3075C27.5439 98.3075 29.0346 98.6333 30.0369 98.5405C31.0392 98.4477 32.7605 99.3141 32.7605 99.3141C32.7605 99.3141 33.3433 99.5908 35.1373 99.7073C36.9312 99.8238 36.9312 98.9137 36.9312 98.9137C36.726 97.6741 33.8917 97.2591 33.8045 97.2463C33.5758 97.1026 33.3615 96.946 33.1854 96.8113L33.1491 96.7822C33.1609 96.7549 33.1712 96.7269 33.1799 96.6985C33.4831 95.4607 31.8054 94.9238 31.8054 94.9238V94.6216C32.8949 94.061 33.1109 90.213 33.1109 90.213C33.1109 90.213 34.7451 85.455 34.9739 84.6614C35.2026 83.8678 34.9739 82.6792 34.9739 82.6792L35.1373 81.6526C35.1373 81.6526 35.4877 80.9536 35.4877 80.8135C35.5331 80.4582 35.6694 80.1209 35.8835 79.8342C36.1396 79.5302 35.6039 78.8076 35.6039 78.8076L36.0706 77.5953V76.2648L37.16 71.4376C37.16 71.4376 38.3021 65.8149 37.9063 63.9747C37.5104 62.1344 38.3729 61.1989 38.3729 61.1989C38.2952 61.2398 38.2151 61.2763 38.1332 61.3081C38.2423 61.0554 38.3362 60.7965 38.4147 60.5327L40.8659 60.8366V60.873H41.7502C41.7502 60.873 41.4705 57.4146 41.4705 56.0204C41.4705 54.6261 42.4129 49.6223 42.4129 49.6223C42.4129 49.6223 42.8323 44.7314 42.4129 44.5912ZM31.5312 40.554C31.5312 40.6905 31.5185 40.8325 31.5094 40.9781L31.4604 41.0527L31.3696 40.9763L31.2589 41.1492L31.2262 41.1656C30.9865 41.0418 30.8631 40.3338 30.6906 40.4867L30.667 40.5067C30.6288 40.463 30.5907 40.4503 30.5507 40.4867L30.5144 40.5176C30.5144 40.4648 30.5144 40.4102 30.5144 40.3556C30.8466 40.4413 31.1882 40.4847 31.5312 40.4848C31.5331 40.5085 31.5312 40.5322 31.5312 40.554ZM39.6839 56.6592H39.7365L39.6494 56.8886C39.6603 56.8121 39.6712 56.7375 39.6839 56.6592V56.6592ZM30.7341 97.9362L30.4 97.8525L30.5816 97.8215L30.7505 97.9326L30.7705 97.9471L30.7341 97.9362ZM34.1477 97.4466C34.0369 97.3883 33.9244 97.321 33.8154 97.2518C33.8517 97.2718 33.9952 97.3465 34.1477 97.4466V97.4466Z" fill="url(#paint1_linear)"/>
-<path d="M40.8894 53.2207L38.6905 58.9653H39.2244L37.1562 60.618L40.8894 61.084V53.2207Z" fill="#F86D70"/>
-<path opacity="0.1" d="M40.8894 53.2207L38.6905 58.9653L38.1367 58.816L37.1562 60.618L40.8894 61.084V53.2207Z" fill="black"/>
-<path d="M37.4414 56.8959H40.8895L42.155 46.457H37.4414V56.8959Z" fill="#F86D70"/>
-<path opacity="0.1" d="M37.4414 56.8959H40.8895L42.155 46.457H37.4414V56.8959Z" fill="black"/>
-<path d="M30.7065 48.9296L31.451 48.804L33.1614 48.5128C33.1614 48.5128 38.2981 47.3515 39.3585 47.2569C40.0008 47.1718 40.6273 46.9927 41.2178 46.7253C41.4956 46.6052 41.6717 46.5142 41.6717 46.5142L39.8215 43.1268L36.9508 40.9935C36.9508 40.9935 35.1351 40.6058 34.367 39.5464C34.1956 39.3185 34.084 39.0511 34.0424 38.7687C34.0009 38.4863 34.0307 38.1979 34.1292 37.9301C34.5976 36.4739 31.3311 39.3225 31.3311 39.3225C31.3311 39.3225 31.362 40.0051 31.3311 40.8752C31.3311 41.0463 31.3148 41.2247 31.3021 41.4067C31.3021 41.5268 31.2857 41.647 31.273 41.7707C31.1931 42.6353 31.0297 43.5254 30.7065 44.0569C29.9167 45.3566 30.7065 48.9296 30.7065 48.9296Z" fill="#FBBEBE"/>
-<path opacity="0.1" d="M31.332 40.9477H31.4047C31.5354 40.9477 31.6407 40.6692 31.7678 40.6564C32.7901 40.5581 33.7233 40.3433 34.3716 39.6171C34.2006 39.3893 34.0893 39.1222 34.0477 38.8401C34.0062 38.5581 34.0357 38.2702 34.1337 38.0025C34.6021 36.5464 31.3357 39.3932 31.3357 39.3932C31.3357 39.3932 31.3702 40.0776 31.332 40.9477Z" fill="black"/>
-<path d="M27.3555 36.8191C27.3552 37.3432 27.458 37.8621 27.6579 38.3463C27.8579 38.8305 28.151 39.2704 28.5207 39.641C28.8903 40.0115 29.3292 40.3054 29.8122 40.5058C30.2951 40.7062 30.8128 40.8093 31.3356 40.809C31.4663 40.809 31.5952 40.809 31.7241 40.7908C32.491 40.7154 33.2196 40.4184 33.8214 39.936C34.4232 39.4535 34.8724 38.8063 35.1143 38.0729C35.3563 37.3395 35.3807 36.5514 35.1845 35.8044C34.9884 35.0573 34.5801 34.3834 34.0093 33.8645C33.4385 33.3455 32.7297 33.0039 31.9689 32.8809C31.2082 32.758 30.4282 32.8591 29.7236 33.172C29.019 33.4848 28.4202 33.996 27.9999 34.6434C27.5795 35.2908 27.3556 36.0466 27.3555 36.8191Z" fill="#FBBEBE"/>
-<path d="M26.1348 30.7637C26.0041 31.1023 26.044 31.4809 25.9914 31.8395C25.7971 33.1337 24.4843 33.9091 23.2968 34.4515C22.1093 34.9939 20.7693 35.6364 20.3917 36.8869C19.9777 38.2394 20.8819 39.5954 21.5102 40.8641C22.734 43.336 22.9083 46.4886 21.3286 48.7493C19.925 50.7515 17.4792 51.7016 15.1769 52.5353C16.285 53.4092 17.6622 53.8687 19.0716 53.8349C18.5433 55.3767 16.664 55.8881 15.0625 56.1721C15.9032 56.9839 17.107 57.2788 18.26 57.4572C19.1007 57.5882 19.9632 57.6738 20.802 57.5045C21.6409 57.3352 22.4362 56.8783 22.8683 56.1393C23.2315 55.5077 23.3549 54.6467 24.0104 54.3282C24.3063 54.2115 24.625 54.1647 24.9419 54.1917L27.6655 54.2208C28.5134 54.2208 29.5175 54.1553 29.9551 53.429C30.1165 53.1188 30.2012 52.7742 30.202 52.4243C30.3201 50.6332 29.9769 48.7402 30.7123 47.1056C30.9338 46.6123 29.5121 45.8315 29.661 45.3091C30.173 43.5125 30.3019 42.0982 30.2965 40.2288C30.2965 38.7818 31.2352 37.5349 32.0105 36.3136C32.7858 35.0922 33.434 33.5505 32.8221 32.2399C32.1322 30.7783 26.9501 28.6541 26.1348 30.7637Z" fill="#40464D"/>
-<path d="M29.7617 97.413L30.4553 97.8735L30.5625 97.9445L30.5824 97.9572L31.405 98.5033L33.326 98.8273L35.0146 98.7108C35.0146 98.7108 35.5012 97.6915 34.7368 97.7151C34.492 97.7025 34.2533 97.6334 34.0396 97.5131L33.9343 97.4603C33.8235 97.402 33.7127 97.3365 33.6038 97.2673C33.3768 97.1235 33.1626 96.967 32.9901 96.8341C32.7359 96.6375 32.567 96.4883 32.567 96.4883L29.7617 97.413Z" fill="#FBBEBE"/>
-<path opacity="0.1" d="M30.4609 97.8731L30.5681 97.9441L30.588 97.9568L31.4106 98.5029L33.3316 98.8269L35.0202 98.7104C35.0202 98.7104 35.5068 97.6911 34.7424 97.7147C34.4976 97.7022 34.259 97.633 34.0452 97.5127C34.1795 97.6183 34.2921 97.733 34.303 97.8294C34.3339 98.0897 33.0538 98.5575 33.0538 98.5575L31.249 98.0788C31.249 98.0788 30.9421 97.9914 30.5227 97.8822L30.4827 97.8713L30.4609 97.8731Z" fill="black"/>
-<path d="M27.375 98.3172C27.375 98.3172 28.8548 98.6412 29.8498 98.5483C30.8449 98.4555 32.5589 99.3147 32.5589 99.3147C32.5589 99.3147 33.1381 99.5877 34.9194 99.7042C36.7006 99.8207 36.7006 98.9142 36.7006 98.9142C36.4972 97.6819 33.6828 97.276 33.5957 97.2578C33.6302 97.276 33.7773 97.3506 33.9261 97.4508C34.1259 97.5818 34.342 97.7529 34.3583 97.8912C34.3892 98.1497 33.1091 98.6193 33.1091 98.6193L31.3042 98.1424C31.3042 98.1424 30.9974 98.0532 30.5779 97.944H30.538C29.9161 97.7742 29.2842 97.6435 28.646 97.5527C27.8689 97.469 27.4712 98.1315 27.3895 98.2808C27.3836 98.2924 27.3787 98.3046 27.375 98.3172V98.3172Z" fill="#40464D"/>
-<path d="M4.05078 65.5844L4.83699 66.1887C4.83699 66.1887 5.06577 66.1778 5.40713 66.1669H5.51608C6.00451 66.1487 6.67814 66.1305 7.2501 66.1305C7.61983 66.1138 7.99029 66.1345 8.35587 66.1924C8.74807 66.3307 9.44531 63.9426 9.44531 63.9426L8.65729 63.7606L8.39582 63.6987L8.21425 63.655L7.5733 63.5039L5.63047 63.726L4.26504 64.607L4.05078 65.5844Z" fill="#FBBEBE"/>
-<path opacity="0.1" d="M4.05078 65.5844L4.83699 66.1887C4.83699 66.1887 5.06577 66.1778 5.40713 66.1669C5.25049 66.1063 5.12133 65.9904 5.04398 65.8411C4.53558 64.4268 7.05763 63.8224 7.05763 63.8224L8.2324 63.7715L8.46119 63.7606H8.64276L8.38129 63.6987L8.19972 63.655L7.55877 63.5039L5.61594 63.726L4.25051 64.607L4.05078 65.5844Z" fill="black"/>
-<path d="M2.50162 66.2231C2.97734 66.6636 6.09313 66.2231 6.22386 66.2122C5.9874 66.2389 5.74806 66.2223 5.51755 66.1631C5.40342 66.1426 5.29529 66.0968 5.20106 66.0291C5.10682 65.9614 5.02885 65.8735 4.97283 65.7717C4.46442 64.3556 6.98647 63.7531 6.98647 63.7531L8.16125 63.7021L8.38821 63.6912L11.2444 63.5674L11.3824 62.7793C11.3824 62.7793 10.4545 62.8667 8.9983 62.9832C8.1794 63.0505 7.18257 63.1251 6.10584 63.1961C3.09718 63.3963 2.38178 65.3531 2.38178 65.3531C2.38178 65.3531 2.01682 65.7717 2.50162 66.2231Z" fill="#40464D"/>
-<path d="M37.444 32.0571C37.4634 32.1003 37.4864 32.1417 37.513 32.1808L38.2066 33.2002L40.0115 33.3822L40.0314 32.665L40.3347 21.8748C40.3347 21.8748 41.5839 14.6376 39.2234 15.0544C36.863 15.4713 38.3446 21.8748 38.3446 21.8748C38.3446 21.8748 38.0759 25.122 37.8871 26.0977C37.7037 27.0406 36.8812 30.8739 37.444 32.0571Z" fill="#FBBEBE"/>
-<path d="M33.3945 58.858L33.9084 59.739L35.0577 61.7102C35.0577 61.7102 37.1422 62.4765 37.676 61.8923C37.9684 61.5737 38.2843 60.4616 38.5058 59.526C38.6874 58.7688 38.809 58.1299 38.809 58.1299L33.3945 58.858Z" fill="#FBBEBE"/>
-<path opacity="0.1" d="M33.3945 58.8586L33.9084 59.7396C33.9406 59.7118 33.9698 59.6807 33.9955 59.6468C34.5766 58.9041 37.1349 59.4884 38.5058 59.5358C38.6874 58.7785 38.809 58.1396 38.809 58.1396L33.3945 58.8586Z" fill="black"/>
-<path opacity="0.1" d="M7.25 66.1267C7.61973 66.11 7.9902 66.1307 8.35578 66.1886C8.74797 66.3269 9.44521 63.9388 9.44521 63.9388L8.39572 63.6912L11.2519 63.5674L11.3899 62.7793C11.3899 62.7793 10.462 62.8667 9.00581 62.9832C8.70491 63.1569 8.43642 63.3817 8.21234 63.6475L8.16876 63.7021C7.56049 64.4502 7.33534 65.415 7.25 66.1267Z" fill="black"/>
-<path opacity="0.1" d="M29.7617 97.4124L30.5625 97.9439C31.7572 97.7273 32.8485 97.3869 32.9774 96.8518C32.978 96.8433 32.978 96.8348 32.9774 96.8263C32.7232 96.6297 32.5543 96.4805 32.5543 96.4805L29.7617 97.4124Z" fill="black"/>
-<path opacity="0.1" d="M27.3906 98.2858C28.4457 98.2331 29.4969 98.1201 30.5391 97.9472C29.9167 97.7761 29.2842 97.6442 28.6453 97.5522C27.87 97.4685 27.4723 98.131 27.3906 98.2858Z" fill="black"/>
-<path d="M7.33594 67.0455C7.33594 67.6261 8.93196 67.9974 8.93196 67.9974L13.7927 72.335C13.7927 72.335 16.8467 73.7038 18.7896 75.6751C20.7324 77.6464 22.4464 75.9536 22.4464 75.9536C24.5055 75.4439 30.4356 68.2523 30.4356 68.2523C30.4356 68.2523 30.5736 76.4651 30.8514 77.0676C31.1292 77.6701 30.7588 79.3173 30.5972 80.0145C30.4953 80.5959 30.4563 81.1867 30.481 81.7765C30.481 81.7765 28.2604 90.2896 28.4456 91.0322C28.6308 91.7749 27.2418 95.2551 27.2418 95.2551V98.1547C27.2418 98.1547 32.6799 97.9454 32.9795 96.7168C33.2791 95.4881 31.6159 94.953 31.6159 94.953V94.6508C32.7053 94.0938 32.9105 90.2677 32.9105 90.2677C32.9105 90.2677 34.5319 85.5352 34.7625 84.747C34.9931 83.9589 34.7625 82.7739 34.7625 82.7739L34.9241 81.7546C34.9241 81.7546 35.2709 81.0575 35.2709 80.9191C35.3163 80.5659 35.452 80.2304 35.6649 79.9453C35.9191 79.6432 35.3871 78.9242 35.3871 78.9242L35.8501 77.7174V76.3959L36.9396 71.5942C36.9396 71.5942 38.0744 66.0025 37.6804 64.1695C37.2864 62.3366 38.1434 61.4101 38.1434 61.4101C36.2859 62.3857 35.349 60.2142 35.0421 59.2804C34.9641 59.0402 34.9259 58.88 34.9259 58.88C34.9259 58.88 32.3748 57.9371 29.9999 58.1628C29.5175 58.202 29.0422 58.303 28.5854 58.4632C25.9472 59.4151 25.5314 63.3577 25.5314 63.3577L23.1945 66.9308C21.9907 70.1089 20.1859 70.4329 20.1859 70.4329C20.1859 70.4329 15.9516 67.5806 15.8281 67.4405C15.7046 67.3003 14.0923 66.605 14.0923 66.605C13.9016 66.2686 13.61 66.0011 13.2588 65.8405C12.7032 65.6075 12.6578 64.7484 12.6578 64.7484C12.5888 62.7297 11.4086 62.5641 11.4086 62.5641C7.31234 62.2219 7.33594 66.4666 7.33594 67.0455Z" fill="#40464D"/>
-<path d="M30.8961 55.7041H33.3945V47.9336H30.8961V55.7041Z" fill="#F86D70"/>
-<path opacity="0.1" d="M30.8961 55.7041H33.3945V47.9336H30.8961V55.7041Z" fill="black"/>
-<path opacity="0.1" d="M37.4417 32.041C37.4413 32.0465 37.4413 32.0519 37.4417 32.0574C37.461 32.1006 37.4841 32.142 37.5107 32.1812L38.2043 33.2005L40.0092 33.3825L40.0291 32.6653C39.4663 32.6217 38.1843 32.4669 37.4417 32.041Z" fill="black"/>
-<path d="M37.5123 32.1816C37.5123 32.1816 37.605 36.2626 36.5863 36.8195C35.5677 37.3765 35.1719 40.278 35.1719 40.278C35.1719 40.278 38.2586 42.3129 38.9468 43.2085C39.6349 44.104 41.2146 46.2373 40.8896 46.747C40.5646 47.2566 41.6776 49.5774 41.6776 49.5774C41.6776 49.5774 39.6404 53.753 40.1034 55.3311C40.5664 56.9092 40.6118 61.083 40.6118 61.083H41.4924C41.4924 61.083 41.2146 57.6501 41.2146 56.2576C41.2146 54.8651 42.1388 49.9014 42.1388 49.9014C42.1388 49.9014 42.5564 45.0305 42.1388 44.8922C41.7212 44.7539 39.27 42.8044 39.0848 41.9216C38.8996 41.0388 40.3812 32.8205 40.3812 32.8205C40.3812 32.8205 38.4838 32.7386 37.5123 32.1816Z" fill="#F86D70"/>
-<path opacity="0.1" d="M30.8477 47.2122C30.9321 47.7801 31.1384 48.3228 31.4523 48.8031L33.1627 48.5119C33.1627 48.5119 38.2994 47.3506 39.3598 47.2559C40.0022 47.1709 40.6286 46.9918 41.2191 46.7244C40.8121 45.2787 40.0177 43.9724 38.9222 42.9475L38.2704 42.3413C37.3098 41.4473 36.1966 40.734 34.9839 40.2354C35.0601 40.2991 40.4492 44.9115 39.269 45.8161C38.0888 46.7208 34.9113 44.5183 34.9113 44.5183L31.298 41.4057L31.1672 41.2929L30.9584 41.6187C31.0647 41.6625 31.1683 41.7124 31.2689 41.768C32.5004 42.4456 33.4143 43.5842 33.8109 44.9351C34.5536 47.4379 30.8477 47.2122 30.8477 47.2122Z" fill="black"/>
-<path d="M29.7344 58.811C29.7344 58.811 33.1588 60.7131 33.9904 59.6464C34.172 59.4116 34.5551 59.3097 35.0327 59.2824C34.9546 59.0421 34.9165 58.8819 34.9165 58.8819C34.9165 58.8819 32.3654 57.9391 29.9904 58.1648C29.8342 58.5579 29.7344 58.811 29.7344 58.811Z" fill="#444053"/>
-<path d="M31.3104 41.2969L35.0545 44.526C35.0545 44.526 38.2193 46.7357 39.4122 45.8238C40.6051 44.9119 35.1253 40.2412 35.1253 40.2412C36.3354 40.7413 37.4475 41.4525 38.4099 42.3417L39.0618 42.9479C40.7758 44.5406 41.1626 44.5406 41.2207 46.8813C41.2352 47.4584 41.0391 48.2866 40.8884 48.4358C40.3328 48.9819 39.9442 52.9481 40.0296 53.4123C40.1149 53.8764 38.9946 57.8827 39.3577 58.9967C39.7209 60.1107 34.8184 58.4397 33.9886 59.5082C33.1588 60.5766 29.7344 58.6727 29.7344 58.6727C29.7344 58.6727 31.6318 53.8 32.0948 53.476C32.5578 53.152 33.1134 50.6455 32.0948 49.4861C31.0762 48.3266 30.9854 47.2126 30.9854 47.2126C30.9854 47.2126 34.6895 47.442 33.9469 44.9392C33.7379 44.2137 33.3755 43.542 32.8842 42.9697C32.3929 42.3974 31.7842 41.938 31.0998 41.6228L31.3104 41.2969Z" fill="#E8E8F0"/>
-<path opacity="0.1" d="M36.3082 49.5098C36.3082 49.5098 34.872 52.2237 33.0145 52.9281C32.9546 52.95 32.8965 52.97 32.8329 52.9882C30.8937 53.5798 36.4535 50.3507 36.3082 49.5098Z" fill="black"/>
-<path d="M16.2246 25.499C16.2246 25.499 16.9182 27.2628 17.4738 27.8653C18.0294 28.4678 22.1475 34.5 22.1475 34.5L22.4961 35.2281L22.7957 35.8487L25.434 35.5702L25.6156 34.5036L25.5139 34.3798C25.2488 34.0613 24.5261 33.2058 24.0413 32.8326C23.4403 32.3703 22.2365 30.8395 22.2365 30.8395C22.2365 30.8395 18.4888 26.9406 18.211 25.874C17.9332 24.8073 14.1837 18.4111 13.3521 19.5178C12.5205 20.6245 16.2246 25.499 16.2246 25.499Z" fill="#FBBEBE"/>
-<g opacity="0.1">
-<path opacity="0.1" d="M23.8793 54.1913C23.5626 54.1638 23.2438 54.2099 22.9478 54.326C22.2941 54.6445 22.1707 55.5055 21.8075 56.1371C21.3827 56.8761 20.5728 57.333 19.7394 57.5023C19.5738 57.5345 19.4065 57.5576 19.2383 57.5714C19.7691 57.6232 20.3045 57.5999 20.8289 57.5023C21.6623 57.333 22.4721 56.8761 22.897 56.1371C23.2601 55.5055 23.3836 54.6445 24.0372 54.326C24.2089 54.2486 24.3939 54.2053 24.582 54.1986L23.8793 54.1913Z" fill="black"/>
-<path opacity="0.1" d="M30.3272 40.2283C30.3272 38.7812 31.2659 37.5344 32.0394 36.313C32.8129 35.0917 33.4629 33.55 32.851 32.2394C32.3281 31.12 29.176 29.6183 27.3566 29.915C29.1379 30.1462 31.3331 31.322 31.7616 32.2394C32.3735 33.55 31.7235 35.0917 30.95 36.313C30.1765 37.5344 29.2341 38.7812 29.2377 40.2283C29.2377 42.0959 29.1125 43.5047 28.6004 45.3085C28.4533 45.8273 29.8714 46.6118 29.6535 47.1033C28.9164 48.7414 29.2613 50.6308 29.1433 52.4219C29.1409 52.7719 29.0556 53.1162 28.8946 53.4267C28.5314 54.0255 27.787 54.1802 27.0625 54.213H27.6962C28.5423 54.213 29.5464 54.1475 29.984 53.4212C30.1451 53.1107 30.2303 52.7664 30.2328 52.4165C30.3508 50.6254 30.0058 48.7342 30.743 47.0978C30.9645 46.6063 29.5428 45.8236 29.6899 45.3031C30.2019 43.512 30.3308 42.0959 30.3272 40.2283Z" fill="black"/>
-</g>
-<path opacity="0.1" d="M22.4961 35.2252L22.7957 35.8459L25.4339 35.5674L25.6155 34.5007L25.5138 34.377C25.2324 34.5153 23.1243 35.5328 22.4961 35.2252Z" fill="black"/>
-<path opacity="0.1" d="M32.2352 42.2013C32.2352 42.2013 31.587 41.182 31.2166 41.4587C30.8462 41.7353 30.7027 40.6232 30.4903 40.8089C30.2778 40.9945 29.6587 41.5115 29.4008 40.7888C29.1993 40.2136 27.0059 36.575 26.1162 35.1116C25.8874 34.733 25.744 34.5 25.744 34.5C25.744 34.5 23.2455 35.7523 22.6445 35.3355V36.2165L23.1529 36.2638L25.8765 41.3604C25.8765 41.3604 26.7335 42.7274 26.6754 43.2043C26.6173 43.6811 27.774 45.7689 27.9592 45.9073C28.1444 46.0456 30.138 48.3664 30.138 48.3664C30.138 48.3664 31.1567 53.3774 30.276 54.7699C29.3954 56.1624 27.8702 57.1817 27.8702 57.1817C27.8702 57.1817 27.4108 58.5268 27.478 58.667C27.5452 58.8071 26.9442 59.4096 27.222 59.5953C27.4998 59.7809 27.8702 61.0787 27.8702 61.0787C27.8702 61.0787 29.1666 58.991 29.8675 58.667C30.5684 58.343 31.4653 54.0727 31.4653 54.0727C31.4653 54.0727 31.7213 51.5572 31.7413 49.9336C31.7613 48.3099 31.6796 42.2013 32.2352 42.2013Z" fill="black"/>
-<path d="M32.0946 42.2013C32.0946 42.2013 31.4482 41.182 31.0778 41.4587C30.7074 41.7353 30.5621 40.6232 30.3515 40.8089C30.1409 40.9945 29.5217 41.5115 29.262 40.7888C29.0587 40.2136 26.8653 36.575 25.9774 35.1116L25.6052 34.5C25.6052 34.5 23.1067 35.7523 22.5039 35.3355V36.2165L23.0141 36.2638L25.7377 41.3604C25.7377 41.3604 26.5966 42.7274 26.5366 43.2043C26.4767 43.6811 27.6261 45.7689 27.8204 45.9073C28.0146 46.0456 29.9992 48.3664 29.9992 48.3664C29.9992 48.3664 31.0179 53.3774 30.139 54.7699C29.6748 55.4693 29.1101 56.0961 28.4631 56.6301C27.9197 57.0795 27.5372 57.6943 27.3737 58.3812C27.3422 58.4748 27.331 58.5741 27.341 58.6724C27.4082 58.8107 26.8072 59.4151 27.085 59.6007C27.3628 59.7864 27.7368 61.0897 27.7368 61.0897C27.7368 61.0897 29.0333 59.0019 29.7341 58.6779C30.435 58.3539 31.3338 54.0837 31.3338 54.0837C31.3338 54.0837 31.588 51.5681 31.6098 49.9445C31.6316 48.3209 31.5499 42.2013 32.0946 42.2013Z" fill="#F86D70"/>
-<path opacity="0.1" d="M25.7535 63.3125C25.7535 63.3125 27.6981 63.6765 28.4771 64.239C29.256 64.8014 25.5156 63.358 25.5156 63.358L25.7535 63.3125Z" fill="black"/>
-<path opacity="0.1" d="M30.4297 68.2529C30.4297 68.2529 32.4579 69.9476 32.0947 71.4783C31.7316 73.0091 30.7947 76.8607 30.7947 76.8607L30.4297 68.2529Z" fill="black"/>
-<path opacity="0.1" d="M12.6931 64.9941C12.6931 64.9941 9.83514 65.3072 10.0203 65.6785C10.2056 66.0499 12.6931 65.3363 12.6931 65.3363V64.9941Z" fill="black"/>
-<path opacity="0.1" d="M34.6378 79.0863C34.6378 79.0863 34.8194 79.3174 33.759 79.0863C32.6987 78.8551 33.4812 78.1416 33.4812 78.1416L34.6378 79.0863Z" fill="black"/>
-<path opacity="0.1" d="M34.2743 82.2883C34.2743 82.2883 32.8217 82.5195 32.0428 82.2883C31.2638 82.0571 34.2743 82.2883 34.2743 82.2883Z" fill="black"/>
-<path opacity="0.1" d="M31.2886 94.8152C31.2886 94.8152 31.0344 94.5367 29.7615 95.0464C28.4887 95.556 27.9803 95.5797 27.6099 95.4104C27.2395 95.2411 31.2886 94.8152 31.2886 94.8152Z" fill="black"/>
-<path opacity="0.1" d="M32.6994 64.5996L30.8945 67.117C30.8945 67.117 31.8659 64.9127 32.6994 64.5996Z" fill="black"/>
-<path opacity="0.1" d="M29.1899 41.459C29.1899 41.459 29.1118 42.2945 27.9479 42.6203C26.784 42.9461 26.5625 43.21 26.5625 43.21" fill="black"/>
-<path opacity="0.1" d="M26.1667 35.4033C26.1667 35.4033 24.6306 36.4955 23.0273 36.2643Z" fill="black"/>
-<path opacity="0.1" d="M27.3359 58.7879C27.3359 58.7879 27.7844 59.0701 28.8611 57.8359Z" fill="black"/>
-<path opacity="0.1" d="M38.5181 45.702C38.5616 45.4763 38.4055 45.2669 38.2584 45.0904L37.957 44.7263C37.8981 44.6518 37.8318 44.5835 37.7591 44.5225C37.5775 44.3823 37.3451 44.3404 37.1562 44.2148" fill="black"/>
-<defs>
-<linearGradient id="paint0_linear" x1="121.703" y1="74.1354" x2="121.703" y2="0.908262" gradientUnits="userSpaceOnUse">
-<stop stop-color="#808080" stop-opacity="0.25"/>
-<stop offset="0.54" stop-color="#808080" stop-opacity="0.12"/>
-<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="7210.83" y1="45594" x2="16179" y2="45594" gradientUnits="userSpaceOnUse">
-<stop stop-color="#808080" stop-opacity="0.25"/>
-<stop offset="0.54" stop-color="#808080" stop-opacity="0.12"/>
-<stop offset="1" stop-color="#808080" stop-opacity="0.1"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/shipping.js b/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/shipping.js
deleted file mode 100644
index 9be69a2ae76..00000000000
--- a/plugins/woocommerce-admin/client/two-column-tasks/headers/illustrations/shipping.js
+++ /dev/null
@@ -1,112 +0,0 @@
-export default ( props ) => (
-	<svg
-		width="319"
-		height="217"
-		viewBox="0 0 319 217"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-		{ ...props }
-	>
-		<path
-			d="M303.807 95.8838H192.41V211.953H303.807V95.8838Z"
-			fill="#EDEDED"
-		/>
-		<path
-			d="M197.476 151.395V100.93H204.335L237.984 101.844L236.484 109.341V151.395H197.476Z"
-			fill="#DCDCDE"
-		/>
-		<path
-			d="M258.238 176.628H237.984V211.953H258.238V176.628Z"
-			fill="#DCDCDE"
-		/>
-		<path
-			d="M111.398 151.396H35.4453V211.954H111.398V151.396Z"
-			fill="#EDEDED"
-		/>
-		<path
-			d="M75.9551 191.768H65.8281V211.954H75.9551V191.768Z"
-			fill="#DCDCDE"
-		/>
-		<path
-			d="M222.528 113.809C219.616 118.926 199.099 110.396 199.099 110.396L159.9 94.5368L150.424 87.4899L144.387 83.0002L157.795 79.2297L158.171 79.4105L167.514 83.8926L203.347 105.393C203.347 105.393 230.126 100.462 222.528 113.809Z"
-			fill="#A0616A"
-		/>
-		<path
-			d="M122.973 55.6564C122.973 55.6564 117.727 57.6765 117.119 63.3366C116.511 68.9968 116.461 100.93 116.461 100.93C116.461 100.93 130.169 93.376 137.54 93.2214C144.91 93.0668 162.032 81.1638 162.032 81.1638C162.032 81.1638 129.772 53.2715 122.973 55.6564Z"
-			fill="#D0CDE1"
-		/>
-		<path
-			opacity="0.1"
-			d="M122.973 55.6564C122.973 55.6564 117.727 57.6765 117.119 63.3366C116.511 68.9968 116.461 100.93 116.461 100.93C116.461 100.93 130.169 93.376 137.54 93.2214C144.91 93.0668 162.032 81.1638 162.032 81.1638C162.032 81.1638 129.772 53.2715 122.973 55.6564Z"
-			fill="black"
-		/>
-		<path
-			d="M172.316 161.488L163.455 162.25C163.455 162.25 163.183 182.258 162.031 187.387L177.222 201.86L174.057 189.673L172.316 161.488Z"
-			fill="#A0616A"
-		/>
-		<path
-			d="M180.921 202.093L180.921 202.093L180.921 202.093C180.19 201.837 180.29 201.697 180.29 201.697V200.971L162.322 186.721C162.148 187.359 161.955 187.779 161.743 187.905C161.084 188.296 160.142 189.574 159.204 191.053C158.112 192.786 157.413 194.732 157.154 196.757C156.895 198.782 157.082 200.839 157.703 202.786V202.786L156.969 215.126H159.907L160.641 203.875H164.314C164.314 203.875 170.558 211.86 172.394 214.763C174.23 217.667 182.31 218.393 190.39 212.948C197.217 208.348 184.903 203.489 180.921 202.093Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-		/>
-		<path
-			d="M79.3748 112.163C79.3748 112.163 60.8013 135.862 78.6167 150.322C86.4559 156.685 93.3411 168.725 98.5939 180.214C102.715 189.274 108.663 197.265 116.018 203.621C123.374 209.977 131.956 214.544 141.16 217H141.16C141.16 217 204.462 138.673 182.856 116.581C161.25 94.4892 102.876 113.77 102.876 113.77L79.3748 112.163Z"
-			fill="#3858E9"
-			className="admin-theme-color"
-		/>
-		<path
-			d="M130.258 94.6927C130.343 99.7355 129.364 105.272 124.925 106.467C116.379 108.764 115.602 107.616 115.602 107.616C115.602 107.616 114.049 110.296 114.437 113.359C114.826 116.422 110.747 113.934 110.747 113.934C110.747 113.934 69.3796 119.103 70.9333 113.359C72.487 107.616 87.2472 87.7047 87.2472 87.7047C87.2472 87.7047 111.33 54.392 116.379 55.5408C116.55 55.579 116.725 55.625 116.907 55.6748C122.05 57.1528 130.778 63.6736 131.528 66.2621C132.305 68.9424 129.197 85.7901 129.197 85.7901C129.83 88.7189 130.185 91.6992 130.258 94.6927V94.6927Z"
-			fill="#DCDCDE"
-		/>
-		<path
-			d="M190.88 141.011C186.186 144.037 183.297 122.479 183.297 122.479L149.353 100.92L141.633 92.6028L136.715 87.3039L149.714 85.791L150.036 86.0255L158.02 91.8426L187.991 118.318C187.991 118.318 195.574 137.986 190.88 141.011Z"
-			fill="#A0616A"
-		/>
-		<path
-			opacity="0.1"
-			d="M129.167 84.4699C129.807 87.2861 130.166 90.1519 130.24 93.0303C127.493 93.4979 125.014 93.6673 123.273 93.3064C116.2 91.8337 101.27 95.8838 101.27 95.8838C101.27 95.8838 109.128 66.0604 111.093 60.9057C111.56 59.6776 112.307 58.5593 113.281 57.628C114.256 56.6968 115.434 55.9747 116.735 55.5117C121.937 56.9329 130.766 63.2032 131.524 65.6922C132.31 68.2695 129.167 84.4699 129.167 84.4699Z"
-			fill="black"
-		/>
-		<path
-			d="M130.726 50.5665C122.423 46.6042 118.879 36.6086 122.811 28.2408C126.742 19.873 136.66 16.3017 144.963 20.264C153.265 24.2264 156.809 34.2219 152.877 42.5897C148.946 50.9575 139.028 54.5288 130.726 50.5665Z"
-			fill="#2F2E41"
-		/>
-		<path
-			opacity="0.1"
-			d="M151.905 88.0327C151.905 88.0327 147.138 89.5402 141.641 90.8375L136.715 86.9118L149.735 85.791L150.057 85.9647C151.222 87.2509 151.905 88.0327 151.905 88.0327Z"
-			fill="black"
-		/>
-		<path
-			d="M141.777 47.1626L135.841 70.6515L121.523 58.2889C121.523 58.2889 128.857 48.811 128.857 46.3385C128.857 43.866 141.777 47.1626 141.777 47.1626Z"
-			fill="#A0616A"
-		/>
-		<path
-			d="M122.638 55.5237C122.638 55.5237 117.451 56.2509 115.598 61.3413C113.746 66.4318 106.336 95.8838 106.336 95.8838C106.336 95.8838 120.415 91.8841 127.084 93.3385C133.753 94.793 151.907 87.5209 151.907 87.5209C151.907 87.5209 129.307 54.7965 122.638 55.5237Z"
-			fill="#DCDCDE"
-		/>
-		<path
-			d="M134.843 54.2261C128.427 51.1643 125.689 43.4405 128.727 36.9745C131.765 30.5084 139.429 27.7488 145.844 30.8106C152.26 33.8724 154.998 41.5962 151.96 48.0623C148.922 54.5283 141.258 57.2879 134.843 54.2261Z"
-			fill="#9F616A"
-		/>
-		<path
-			d="M127.255 47.2335C121.217 44.3518 118.64 37.0823 121.499 30.9966C124.358 24.9109 131.571 22.3136 137.61 25.1953C143.648 28.077 146.225 35.3465 143.366 41.4322C140.507 47.5178 133.294 50.1152 127.255 47.2335Z"
-			fill="#2F2E41"
-		/>
-		<path
-			d="M119.465 25.1773C113.887 22.5154 111.506 15.8002 114.147 10.1787C116.789 4.55707 123.452 2.15781 129.029 4.81976C134.607 7.48171 136.988 14.1968 134.347 19.8184C131.705 25.44 125.042 27.8393 119.465 25.1773Z"
-			fill="#2F2E41"
-		/>
-		<path
-			d="M111.919 19.5324C112.788 21.1015 114.019 22.4438 115.508 23.4469C116.996 24.45 118.7 25.0849 120.477 25.2983C122.253 25.5117 124.05 25.2975 125.718 24.6736C127.386 24.0498 128.875 23.0343 130.062 21.7123C129.238 23.0112 128.151 24.1224 126.87 24.9757C125.59 25.829 124.143 26.4059 122.622 26.6699C121.1 26.9339 119.537 26.8794 118.032 26.5096C116.526 26.1399 115.11 25.4631 113.873 24.5219C112.636 23.5806 111.605 22.3955 110.845 21.0412C110.085 19.6869 109.613 18.193 109.458 16.6536C109.304 15.1143 109.47 13.563 109.946 12.0977C110.423 10.6324 111.199 9.28499 112.226 8.14044C111.156 9.82614 110.563 11.7733 110.509 13.7777C110.455 15.7821 110.942 17.7699 111.919 19.5324Z"
-			fill="#2F2E41"
-		/>
-		<path
-			d="M140.065 44.9118C134.781 42.3903 132.092 36.9545 134.057 32.7707C136.023 28.5868 141.9 27.2391 147.183 29.7606C152.467 32.2821 155.156 37.7179 153.191 41.9018C151.225 46.0857 145.348 47.4333 140.065 44.9118Z"
-			fill="#2F2E41"
-		/>
-		<path
-			d="M140.824 48.6449C139.691 48.1046 139.498 46.1249 140.392 44.2231C141.285 42.3213 142.927 41.2177 144.059 41.758C145.192 42.2983 145.385 44.278 144.492 46.1798C143.598 48.0816 141.956 49.1852 140.824 48.6449Z"
-			fill="#A0616A"
-		/>
-	</svg>
-);

From fbdc08eb3603a86e388255ec698801a88b7464c6 Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Fri, 29 Apr 2022 11:11:30 -0300
Subject: [PATCH 263/327] Some minor changes to tasks height for each task list
 to match design

---
 .../client/two-column-tasks/sectioned-task-list.scss          | 4 ++++
 plugins/woocommerce-admin/client/two-column-tasks/style.scss  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
index 379d0ed8ca9..e00c01ba343 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/sectioned-task-list.scss
@@ -62,6 +62,7 @@
 	ul li.woocommerce-task-list__item {
 		padding-top: $gap;
 		padding-bottom: $gap;
+		min-height: 72px;
 
 		&.is-disabled {
 			pointer-events: none;
@@ -72,6 +73,9 @@
 		.woocommerce-task__icon {
 			border-color: $gray-300;
 		}
+		.woocommerce-task-list__item-expandable-content {
+			line-height: $gap;
+		}
 	}
 
 	.woocommerce-task-list__item.complete .woocommerce-task__icon {
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/style.scss b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
index 740b00f4d0b..9a023b87a37 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/style.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
@@ -170,7 +170,7 @@
 			width: 100%;
 			border-right: 1px solid #e0e0e0;
 			border-top: none;
-			padding: 25px;
+			padding: $gap $gap-large;
 		}
 		li:last-child {
 			border-right: none;

From 98838fe8b49a79586b8cf05bc0369231dcec9a1f Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 28 Apr 2022 10:47:06 -0700
Subject: [PATCH 264/327] Adding slotfill support to task experiment one,
 fixing odd behavior around link clicks

---
 .../client/two-column-tasks/style.scss        |   1 +
 .../task-list-item-two-column.tsx             | 114 ++++++++++++++++++
 .../two-column-tasks/task-list-item.tsx       |   4 +-
 .../client/two-column-tasks/task-list.tsx     |  66 ++--------
 4 files changed, 128 insertions(+), 57 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/style.scss b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
index b0f3420fd3e..b810a07af1d 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/style.scss
+++ b/plugins/woocommerce-admin/client/two-column-tasks/style.scss
@@ -176,6 +176,7 @@
 			position: absolute;
 			width: 100%;
 			height: 100%;
+			pointer-events: none;
 		}
 	}
 	.woocommerce-task-list__item:not(.complete) .woocommerce-task__icon {
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
new file mode 100644
index 00000000000..c735b3ad0b5
--- /dev/null
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
@@ -0,0 +1,114 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { OPTIONS_STORE_NAME, TaskType } from '@woocommerce/data';
+import { TaskItem, useSlot } from '@woocommerce/experimental';
+import { useCallback } from '@wordpress/element';
+import { useDispatch } from '@wordpress/data';
+
+import { WooOnboardingTaskListItem } from '@woocommerce/onboarding';
+import classnames from 'classnames';
+
+export type TaskListItemProps = {
+	task: TaskType;
+	activeTaskId: string;
+	taskIndex: number;
+	goToTask: () => void;
+	trackClick: () => void;
+};
+
+export const TaskListItemTwoColumn: React.FC< TaskListItemProps > = ( {
+	task,
+	activeTaskId,
+	taskIndex,
+	goToTask,
+	trackClick,
+} ) => {
+	const { createNotice } = useDispatch( 'core/notices' );
+	const { dismissTask, undoDismissTask } = useDispatch( OPTIONS_STORE_NAME );
+
+	const {
+		id: taskId,
+		title,
+		content,
+		time,
+		actionLabel,
+		isComplete,
+		additionalInfo,
+		isDismissable,
+	} = task;
+
+	const slot = useSlot( `woocommerce_onboarding_task_list_item_${ taskId }` );
+	const hasFills = Boolean( slot?.fills?.length );
+
+	const onDismissTask = ( onDismiss?: () => void ) => {
+		dismissTask( taskId );
+		createNotice( 'success', __( 'Task dismissed' ), {
+			actions: [
+				{
+					label: __( 'Undo', 'woocommerce' ),
+					onClick: () => undoDismissTask( taskId ),
+				},
+			],
+		} );
+
+		if ( onDismiss ) {
+			onDismiss();
+		}
+	};
+
+	const DefaultTaskItem = useCallback(
+		( props ) => {
+			const className = classnames(
+				'woocommerce-task-list__item index-' + taskIndex,
+				{
+					complete: isComplete,
+					'is-active': taskId === activeTaskId,
+				}
+			);
+
+			const onClickActions = () => {
+				if ( props.onClick ) {
+					trackClick();
+					return props.onClick();
+				}
+				goToTask();
+			};
+			return (
+				<TaskItem
+					key={ taskId }
+					className={ className }
+					title={ title }
+					completed={ isComplete }
+					additionalInfo={ additionalInfo }
+					content={ content }
+					onClick={ ( e: React.ChangeEvent ) => {
+						if ( e.target.tagName === 'A' ) {
+							return;
+						}
+						onClickActions();
+					} }
+					onDismiss={
+						isDismissable ? () => onDismissTask() : undefined
+					}
+					action={ () => {} }
+					actionLabel={ actionLabel }
+				/>
+			);
+		},
+		[ taskId, title, content, time, actionLabel, isComplete, activeTaskId ]
+	);
+
+	return hasFills ? (
+		<WooOnboardingTaskListItem.Slot
+			id={ taskId }
+			fillProps={ {
+				defaultTaskItem: DefaultTaskItem,
+				isComplete,
+			} }
+		/>
+	) : (
+		<DefaultTaskItem />
+	);
+};
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
index 25a3d2bf56f..e7655a7033a 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
@@ -123,8 +123,8 @@ export const TaskListItem: React.FC< TaskListItemProps > = ( {
 					action={ () => {} }
 					actionLabel={ task.actionLabel }
 					{ ...props }
-					onClick={ () => {
-						if ( task.isDisabled ) {
+					onClick={ ( e: React.ChangeEvent ) => {
+						if ( task.isDisabled || e.target.tagName === 'A' ) {
 							return;
 						}
 						onClickActions();
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
index 5c14ab1c3f5..10d78958ea0 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list.tsx
@@ -20,7 +20,7 @@ import {
 	TaskListType,
 } from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
-import { List, TaskItem } from '@woocommerce/experimental';
+import { List } from '@woocommerce/experimental';
 import classnames from 'classnames';
 import { History } from 'history';
 
@@ -32,6 +32,7 @@ import taskHeaders from './task-headers';
 import DismissModal from './dismiss-modal';
 import TaskListCompleted from './completed';
 import { ProgressHeader } from '~/task-lists/progress-header';
+import { TaskListItemTwoColumn } from './task-list-item-two-column';
 
 export type TaskListProps = TaskListType & {
 	eventName?: string;
@@ -53,10 +54,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 	displayProgressHeader,
 } ) => {
 	const listEventPrefix = eventName ? eventName + '_' : eventPrefix;
-	const { createNotice } = useDispatch( 'core/notices' );
-	const { updateOptions, dismissTask, undoDismissTask } = useDispatch(
-		OPTIONS_STORE_NAME
-	);
+	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
 	const { profileItems } = useSelect( ( select ) => {
 		const { getProfileItems } = select( ONBOARDING_STORE_NAME );
 		return {
@@ -105,23 +103,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 		( task ) => ! task.isComplete && ! task.isDismissed
 	);
 
-	const onDismissTask = ( taskId: string, onDismiss?: () => void ) => {
-		dismissTask( taskId );
-		createNotice( 'success', __( 'Task dismissed' ), {
-			actions: [
-				{
-					label: __( 'Undo', 'woocommerce' ),
-					onClick: () => undoDismissTask( taskId ),
-				},
-			],
-		} );
-
-		if ( onDismiss ) {
-			onDismiss();
-		}
-	};
-
-	const hideTasks = ( event: string ) => {
+	const hideTasks = () => {
 		hideTaskList( id );
 	};
 
@@ -153,7 +135,7 @@ export const TaskList: React.FC< TaskListProps > = ( {
 										setShowDismissModal( true );
 										onToggle();
 									} else {
-										hideTasks( 'remove_card' );
+										hideTasks();
 									}
 								} }
 							>
@@ -234,15 +216,6 @@ export const TaskList: React.FC< TaskListProps > = ( {
 		}
 	};
 
-	const onTaskSelected = ( task: TaskType ) => {
-		if ( task.id === 'woocommerce-payments' ) {
-			// With WCPay, we have to show the header content for user to read t&c first.
-			showTaskHeader( task );
-		} else {
-			goToTask( task );
-		}
-	};
-
 	useEffect( () => {
 		if ( selectedHeaderCard ) {
 			showTaskHeader( selectedHeaderCard );
@@ -299,31 +272,14 @@ export const TaskList: React.FC< TaskListProps > = ( {
 					</div>
 					<List animation="custom">
 						{ visibleTasks.map( ( task, index ) => {
-							++index;
-							const className = classnames(
-								'woocommerce-task-list__item index-' + index,
-								{
-									complete: task.isComplete,
-									'is-active': task.id === activeTaskId,
-								}
-							);
 							return (
-								<TaskItem
+								<TaskListItemTwoColumn
 									key={ task.id }
-									className={ className }
-									title={ task.title }
-									completed={ task.isComplete }
-									content={ task.content }
-									onClick={ () => {
-										onTaskSelected( task );
-									} }
-									onDismiss={
-										task.isDismissable
-											? () => onDismissTask( task.id )
-											: undefined
-									}
-									action={ () => {} }
-									actionLabel={ task.actionLabel }
+									taskIndex={ ++index }
+									activeTaskId={ activeTaskId }
+									task={ task }
+									goToTask={ () => goToTask( task ) }
+									trackClick={ () => trackClick( task ) }
 								/>
 							);
 						} ) }

From a7f457c4888e9ccd31bae6dcd2de82519600ecd5 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 28 Apr 2022 10:47:58 -0700
Subject: [PATCH 265/327] Fixing test

---
 .../client/two-column-tasks/test/task-list.test.tsx              | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx b/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx
index 49fb4a1772c..7b392e02d0a 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/test/task-list.test.tsx
@@ -15,6 +15,7 @@ jest.mock( '@woocommerce/tracks', () => ( {
 } ) );
 jest.mock( '@woocommerce/experimental', () => ( {
 	TaskItem: ( props: { title: string } ) => <div>{ props.title }</div>,
+	useSlot: jest.fn(),
 	List: jest.fn().mockImplementation( ( { children } ) => children ),
 } ) );
 jest.mock( '@woocommerce/components', () => ( {

From a42047607ac43843506c55bfc58119860b3610d1 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 28 Apr 2022 10:49:14 -0700
Subject: [PATCH 266/327] Adding changelog

---
 plugins/woocommerce/changelog/add-32762 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-32762

diff --git a/plugins/woocommerce/changelog/add-32762 b/plugins/woocommerce/changelog/add-32762
new file mode 100644
index 00000000000..2111cdea6d7
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-32762
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Add legal messaging on WCPay task and fix click behavior

From d58b436265be39354694c3a860b0d4477c1b9da5 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 28 Apr 2022 12:23:58 -0700
Subject: [PATCH 267/327] Removing excess content in wcpay task on experiment

---
 .../client/two-column-tasks/task-list-item-two-column.tsx       | 2 +-
 .../client/two-column-tasks/task-list-item.tsx                  | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
index c735b3ad0b5..3147ccb1b8a 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
@@ -84,7 +84,7 @@ export const TaskListItemTwoColumn: React.FC< TaskListItemProps > = ( {
 					additionalInfo={ additionalInfo }
 					content={ content }
 					onClick={ ( e: React.ChangeEvent ) => {
-						if ( e.target.tagName === 'A' ) {
+						if ( e.target?.tagName === 'A' ) {
 							return;
 						}
 						onClickActions();
diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
index e7655a7033a..a0c11932810 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
@@ -118,7 +118,6 @@ export const TaskListItem: React.FC< TaskListItemProps > = ( {
 					completed={ task.isComplete }
 					expanded={ ! task.isComplete }
 					additionalInfo={ task.additionalInfo }
-					content={ task.content }
 					onDismiss={ task.isDismissable && onDismiss }
 					action={ () => {} }
 					actionLabel={ task.actionLabel }

From d0d2de10bf4f211c1df91dd8c8ca093394025f13 Mon Sep 17 00:00:00 2001
From: Joel T <joel.thiessen@automattic.com>
Date: Thu, 28 Apr 2022 14:37:01 -0700
Subject: [PATCH 268/327] Fixing typescript error

---
 .../client/two-column-tasks/task-list-item-two-column.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
index 3147ccb1b8a..9f436d7bb3d 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item-two-column.tsx
@@ -83,8 +83,8 @@ export const TaskListItemTwoColumn: React.FC< TaskListItemProps > = ( {
 					completed={ isComplete }
 					additionalInfo={ additionalInfo }
 					content={ content }
-					onClick={ ( e: React.ChangeEvent ) => {
-						if ( e.target?.tagName === 'A' ) {
+					onClick={ ( e: React.MouseEvent< HTMLButtonElement > ) => {
+						if ( ( e.target as HTMLElement ).tagName === 'A' ) {
 							return;
 						}
 						onClickActions();

From 96a8b5b226bc2bc9a55ce1d7091d8f6c16ae34a2 Mon Sep 17 00:00:00 2001
From: Lourens Schep <lourensschep@gmail.com>
Date: Fri, 29 Apr 2022 11:26:57 -0300
Subject: [PATCH 269/327] Fix type definition in TaskItem prop

---
 packages/js/experimental/CHANGELOG.md                           | 1 +
 .../js/experimental/src/experimental-list/task-item/index.tsx   | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/js/experimental/CHANGELOG.md b/packages/js/experimental/CHANGELOG.md
index 824278ada63..23f8d6dbe5f 100644
--- a/packages/js/experimental/CHANGELOG.md
+++ b/packages/js/experimental/CHANGELOG.md
@@ -1,5 +1,6 @@
 # Unreleased
 
+-   Update TaskItem props type definition.
 -   Fix setup task list style conflict #32704
 -   Update dependency `@wordpress/icons` to ^8.1.0
 -   Added Typescript type declarations. #32615
diff --git a/packages/js/experimental/src/experimental-list/task-item/index.tsx b/packages/js/experimental/src/experimental-list/task-item/index.tsx
index 8aa2864d296..78625ef9e0e 100644
--- a/packages/js/experimental/src/experimental-list/task-item/index.tsx
+++ b/packages/js/experimental/src/experimental-list/task-item/index.tsx
@@ -39,7 +39,7 @@ type ActionArgs = {
 type TaskItemProps = {
 	title: string;
 	completed: boolean;
-	onClick: () => void;
+	onClick: React.MouseEventHandler< HTMLElement >;
 	onCollapse?: () => void;
 	onDelete?: () => void;
 	onDismiss?: () => void;

From 06dd122939b4fa30cf63bac89deffcd781739c1b Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Fri, 29 Apr 2022 12:40:01 -0300
Subject: [PATCH 270/327] Fix progress header title

---
 .../progress-header/progress-header.tsx       | 57 ++++++++-----------
 1 file changed, 25 insertions(+), 32 deletions(-)

diff --git a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
index a80319ecc40..bc8288ebad7 100644
--- a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
+++ b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
@@ -20,40 +20,33 @@ type ProgressHeaderProps = {
 export const ProgressHeader: React.FC< ProgressHeaderProps > = ( {
 	taskListId,
 } ) => {
-	const {
-		loading,
-		tasksCount,
-		completedCount,
-		hasVisitedTasks,
-		disabledCompletedCount,
-	} = useSelect( ( select ) => {
-		const taskList = select( ONBOARDING_STORE_NAME ).getTaskList(
-			taskListId
-		);
-		const finishedResolution = select(
-			ONBOARDING_STORE_NAME
-		).hasFinishedResolution( 'getTaskList', [ taskListId ] );
-		const visibleTasks = getVisibleTasks( taskList?.tasks || [] );
+	const { loading, tasksCount, completedCount, hasVisitedTasks } = useSelect(
+		( select ) => {
+			const taskList = select( ONBOARDING_STORE_NAME ).getTaskList(
+				taskListId
+			);
+			const finishedResolution = select(
+				ONBOARDING_STORE_NAME
+			).hasFinishedResolution( 'getTaskList', [ taskListId ] );
+			const visibleTasks = getVisibleTasks( taskList?.tasks || [] );
 
-		return {
-			loading: ! finishedResolution,
-			tasksCount: visibleTasks?.length,
-			completedCount: visibleTasks?.filter( ( task ) => task.isComplete )
-				.length,
-			disabledCompletedCount: visibleTasks?.filter(
-				( task ) => task.isComplete && task.isDisabled
-			).length,
-			hasVisitedTasks:
-				visibleTasks?.filter( ( task ) => task.isVisited ).length > 0,
-		};
-	} );
+			return {
+				loading: ! finishedResolution,
+				tasksCount: visibleTasks?.length,
+				completedCount: visibleTasks?.filter(
+					( task ) => task.isComplete
+				).length,
+				hasVisitedTasks:
+					visibleTasks?.filter(
+						( task ) =>
+							task.isVisited && task.id !== 'store_details'
+					).length > 0,
+			};
+		}
+	);
 
 	const progressTitle = useMemo( () => {
-		if (
-			( ! hasVisitedTasks &&
-				completedCount < 2 + disabledCompletedCount ) ||
-			completedCount === tasksCount
-		) {
+		if ( ! hasVisitedTasks || completedCount === tasksCount ) {
 			const siteTitle = getSetting( 'siteTitle' );
 			return siteTitle
 				? sprintf(
@@ -70,7 +63,7 @@ export const ProgressHeader: React.FC< ProgressHeaderProps > = ( {
 			return __( 'You are on the right track', 'woocommerce' );
 		}
 		return __( 'You are almost there', 'woocommerce' );
-	}, [ completedCount, hasVisitedTasks ] );
+	}, [ completedCount, hasVisitedTasks, tasksCount ] );
 
 	if ( loading ) {
 		return null;

From 6a9bb8ab49441b7f011fae0268970672113a1822 Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Tue, 26 Apr 2022 14:51:26 -0300
Subject: [PATCH 271/327] Fix default title

---
 .../client/task-lists/progress-header/progress-header.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
index bc8288ebad7..2209df90a12 100644
--- a/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
+++ b/plugins/woocommerce-admin/client/task-lists/progress-header/progress-header.tsx
@@ -54,7 +54,7 @@ export const ProgressHeader: React.FC< ProgressHeaderProps > = ( {
 						__( 'Welcome to %s', 'woocommerce' ),
 						siteTitle
 				  )
-				: __( 'Welcome', 'woocommerce' );
+				: __( 'Welcome to your store', 'woocommerce' );
 		}
 		if ( completedCount > 0 && completedCount < 4 ) {
 			return __( "Let's get you started", 'woocommerce' ) + '   🚀';

From b8a8e9d272c0cd93d9b735391416d04106cffe48 Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Tue, 26 Apr 2022 15:31:55 -0300
Subject: [PATCH 272/327] Add changelog

---
 plugins/woocommerce/changelog/fix-32720_progress-header-title | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32720_progress-header-title

diff --git a/plugins/woocommerce/changelog/fix-32720_progress-header-title b/plugins/woocommerce/changelog/fix-32720_progress-header-title
new file mode 100644
index 00000000000..2cbb7e6f01e
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32720_progress-header-title
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix progress header title #32786

From 23c829efeac82874a0bb02fb9fbd9d53156ea75b Mon Sep 17 00:00:00 2001
From: Fernando Marichal <contacto@fernandomarichal.com>
Date: Fri, 29 Apr 2022 16:31:26 -0300
Subject: [PATCH 273/327] Fix sectioned task list

---
 .../two-column-tasks/task-list-item.tsx       | 37 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
index 25a3d2bf56f..e56e7143389 100644
--- a/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
+++ b/plugins/woocommerce-admin/client/two-column-tasks/task-list-item.tsx
@@ -7,7 +7,12 @@ import {
 	getNewPath,
 	updateQueryString,
 } from '@woocommerce/navigation';
-import { OPTIONS_STORE_NAME, TaskType } from '@woocommerce/data';
+import {
+	ONBOARDING_STORE_NAME,
+	OPTIONS_STORE_NAME,
+	TaskType,
+	useUserPreferences,
+} from '@woocommerce/data';
 import { recordEvent } from '@woocommerce/tracks';
 import { TaskItem, useSlot } from '@woocommerce/experimental';
 import { useCallback } from '@wordpress/element';
@@ -32,16 +37,46 @@ export const TaskListItem: React.FC< TaskListItemProps > = ( {
 		snoozeTask,
 		undoSnoozeTask,
 	} = useDispatch( OPTIONS_STORE_NAME );
+	const { visitedTask } = useDispatch( ONBOARDING_STORE_NAME );
 
 	const slot = useSlot(
 		`woocommerce_onboarding_task_list_item_${ task.id }`
 	);
 	const hasFills = Boolean( slot?.fills?.length );
 
+	const userPreferences = useUserPreferences();
+
+	const getTaskStartedCount = () => {
+		const trackedStartedTasks =
+			userPreferences.task_list_tracked_started_tasks;
+		if ( ! trackedStartedTasks || ! trackedStartedTasks[ task.id ] ) {
+			return 0;
+		}
+		return trackedStartedTasks[ task.id ];
+	};
+
+	const updateTrackStartedCount = () => {
+		const newCount = getTaskStartedCount() + 1;
+		const trackedStartedTasks =
+			userPreferences.task_list_tracked_started_tasks || {};
+
+		visitedTask( task.id );
+		userPreferences.updateUserPreferences( {
+			task_list_tracked_started_tasks: {
+				...( trackedStartedTasks || {} ),
+				[ task.id ]: newCount,
+			},
+		} );
+	};
+
 	const trackClick = () => {
 		recordEvent( `${ eventPrefix }click`, {
 			task_name: task.id,
 		} );
+
+		if ( ! task.isComplete ) {
+			updateTrackStartedCount();
+		}
 	};
 
 	const onTaskSelected = () => {

From 422018eb78e3807701c380617e66dda6131b4897 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Fri, 29 Apr 2022 14:42:04 -0700
Subject: [PATCH 274/327] Refactor useProductTypeListItems to accept product
 types

---
 .../client/tasks/fills/experimental-products/index.tsx      | 4 ++--
 .../experimental-products/use-product-types-list-items.tsx  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
index e599489202d..3b999605034 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/index.tsx
@@ -14,7 +14,7 @@ import { Icon, chevronDown, chevronUp } from '@wordpress/icons';
  */
 import './index.scss';
 import { getAdminSetting } from '~/utils/admin-settings';
-import { getSurfacedProductTypeKeys } from './utils';
+import { getSurfacedProductTypeKeys, getProductTypes } from './utils';
 import useProductTypeListItems from './use-product-types-list-items';
 import Stack from './stack';
 import Footer from './footer';
@@ -50,7 +50,7 @@ const ViewControlButton: React.FC< {
 export const Products = () => {
 	const [ isExpanded, setIsExpanded ] = useState< boolean >( false );
 
-	const productTypes = useProductTypeListItems();
+	const productTypes = useProductTypeListItems( getProductTypes() );
 	const surfacedProductTypeKeys = getSurfacedProductTypeKeys(
 		getOnboardingProductType()
 	);
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx
index 52291c7a67b..6f319d8e67b 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/use-product-types-list-items.tsx
@@ -6,15 +6,15 @@ import { useMemo } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import { getProductTypes } from './utils';
 import useCreateProductByType from './use-create-product-by-type';
+import { ProductType } from './constants';
 
-const useProductTypeListItems = () => {
+const useProductTypeListItems = ( _productTypes: ProductType[] ) => {
 	const { createProductByType } = useCreateProductByType();
 
 	const productTypes = useMemo(
 		() =>
-			getProductTypes().map( ( productType ) => ( {
+			_productTypes.map( ( productType ) => ( {
 				...productType,
 				onClick: () => createProductByType( productType.key ),
 			} ) ),

From 0c3a142e899424b0bffa54c9eec3a9efe4f5d954 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Fri, 29 Apr 2022 15:51:46 -0700
Subject: [PATCH 275/327] Convert svg to react component

---
 .../fills/experimental-products/constants.tsx | 12 +++----
 .../icon/lightbulb_24px.js                    | 33 +++++++++++++++++++
 .../experimental-products/icon/link_24px.js   | 32 ++++++++++++++++++
 .../icon/widgets_24px.js                      | 33 +++++++++++++++++++
 4 files changed, 104 insertions(+), 6 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.js
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.js
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.js

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
index a08ed2474ef..d12ac2767c9 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/constants.tsx
@@ -11,9 +11,9 @@ import { Icon, chevronRight } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import Link from './icon/link_24px.svg';
-import Widget from './icon/widgets_24px.svg';
-import LightBulb from './icon/lightbulb_24px.svg';
+import Link from './icon/link_24px.js';
+import Widget from './icon/widgets_24px.js';
+import LightBulb from './icon/lightbulb_24px.js';
 
 export const productTypes = Object.freeze( [
 	{
@@ -60,14 +60,14 @@ export const productTypes = Object.freeze( [
 		key: 'grouped' as const,
 		title: __( 'Grouped product', 'woocommerce' ),
 		content: __( 'A collection of related products.', 'woocommerce' ),
-		before: <img src={ Widget } alt="Widget" />,
+		before: <Widget />,
 		after: <Icon icon={ chevronRight } />,
 	},
 	{
 		key: 'external' as const,
 		title: __( 'External product', 'woocommerce' ),
 		content: __( 'Link a product to an external website.', 'woocommerce' ),
-		before: <img src={ Link } alt="Link" />,
+		before: <Link />,
 		after: <Icon icon={ chevronRight } />,
 	},
 ] );
@@ -78,7 +78,7 @@ export const LoadSampleProductType = {
 	content: __(
 		'Load sample products and see what they look like in your store.'
 	),
-	before: <img src={ LightBulb } alt="Light Bulb" />,
+	before: <LightBulb />,
 	after: <Icon icon={ chevronRight } />,
 	className: 'woocommerce-products-list__item-load-sample-product',
 };
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.js b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.js
new file mode 100644
index 00000000000..31097cf795c
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.js
@@ -0,0 +1,33 @@
+const Lightbulb = () => {
+	return (
+		<svg
+			width="25"
+			height="24"
+			viewBox="0 0 25 24"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<mask
+				id="mask0_1133_132689"
+				style={ { maskType: 'alpha' } }
+				maskUnits="userSpaceOnUse"
+				x="5"
+				y="2"
+				width="15"
+				height="20"
+			>
+				<path
+					fillRule="evenodd"
+					clipRule="evenodd"
+					d="M12.5 2C8.64 2 5.5 5.14 5.5 9C5.5 11.38 6.69 13.47 8.5 14.74V17C8.5 17.55 8.95 18 9.5 18H15.5C16.05 18 16.5 17.55 16.5 17V14.74C18.31 13.47 19.5 11.38 19.5 9C19.5 5.14 16.36 2 12.5 2ZM9.5 21C9.5 21.55 9.95 22 10.5 22H14.5C15.05 22 15.5 21.55 15.5 21V20H9.5V21ZM14.5 13.7L15.35 13.1C16.7 12.16 17.5 10.63 17.5 9C17.5 6.24 15.26 4 12.5 4C9.74 4 7.5 6.24 7.5 9C7.5 10.63 8.3 12.16 9.65 13.1L10.5 13.7V16H14.5V13.7Z"
+					fill="white"
+				/>
+			</mask>
+			<g mask="url(#mask0_1133_132689)">
+				<rect x="0.5" width="24" height="24" fill="#757575" />
+			</g>
+		</svg>
+	);
+};
+
+export default Lightbulb;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.js b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.js
new file mode 100644
index 00000000000..b306d1abccb
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.js
@@ -0,0 +1,32 @@
+const Link = () => {
+	return (
+		<svg
+			width="25"
+			height="24"
+			viewBox="0 0 25 24"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<mask
+				id="mask0_1133_132681"
+				style={ { maskType: 'alpha' } }
+				maskUnits="userSpaceOnUse"
+				x="2"
+				y="7"
+				width="21"
+				height="10"
+			>
+				<path
+					fillRule="evenodd"
+					clipRule="evenodd"
+					d="M11.5 15H7.5C5.85 15 4.5 13.65 4.5 12C4.5 10.35 5.85 9 7.5 9H11.5V7H7.5C4.74 7 2.5 9.24 2.5 12C2.5 14.76 4.74 17 7.5 17H11.5V15ZM17.5 7H13.5V9H17.5C19.15 9 20.5 10.35 20.5 12C20.5 13.65 19.15 15 17.5 15H13.5V17H17.5C20.26 17 22.5 14.76 22.5 12C22.5 9.24 20.26 7 17.5 7ZM16.5 11H8.5V13H16.5V11Z"
+					fill="white"
+				/>
+			</mask>
+			<g mask="url(#mask0_1133_132681)">
+				<rect x="0.5" width="24" height="24" fill="#007CBA" />
+			</g>
+		</svg>
+	);
+};
+export default Link;
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.js b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.js
new file mode 100644
index 00000000000..76673834c8a
--- /dev/null
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.js
@@ -0,0 +1,33 @@
+const Widget = () => {
+	return (
+		<svg
+			width="25"
+			height="24"
+			viewBox="0 0 25 24"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<mask
+				id="mask0_1133_132667"
+				style={ { maskType: 'alpha' } }
+				maskUnits="userSpaceOnUse"
+				x="2"
+				y="2"
+				width="21"
+				height="20"
+			>
+				<path
+					fillRule="evenodd"
+					clipRule="evenodd"
+					d="M16.5 2.34497L10.84 7.99497V3.65497H2.84003V11.655H10.84V7.99497L16.5 13.655H12.84V21.655H20.84V13.655H16.5L22.16 7.99497L16.5 2.34497ZM19.33 8.00497L16.5 5.17497L13.67 8.00497L16.5 10.835L19.33 8.00497ZM8.84003 9.65497V5.65497H4.84003V9.65497H8.84003ZM18.84 15.655V19.655H14.84V15.655H18.84ZM8.84003 19.655V15.655H4.84003V19.655H8.84003ZM2.84003 13.655H10.84V21.655H2.84003V13.655Z"
+					fill="white"
+				/>
+			</mask>
+			<g mask="url(#mask0_1133_132667)">
+				<rect x="0.5" width="24" height="24" fill="#007CBA" />
+			</g>
+		</svg>
+	);
+};
+
+export default Widget;

From 0958641c85e60f4de0ad517775521106a337d17f Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Fri, 29 Apr 2022 15:53:07 -0700
Subject: [PATCH 276/327] Update svg fill

---
 .../experimental-import-products/index.tsx      | 11 +++++++++--
 .../experimental-import-products/style.scss     | 17 +++++++++++++++--
 .../icon/lightbulb_24px.svg                     |  8 --------
 .../experimental-products/icon/link_24px.svg    |  8 --------
 .../experimental-products/icon/widgets_24px.svg |  8 --------
 5 files changed, 24 insertions(+), 28 deletions(-)
 delete mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg
 delete mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg
 delete mode 100644 plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index 642e7627052..27d539810bc 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -7,7 +7,7 @@ import { __ } from '@wordpress/i18n';
 import { Icon, chevronUp, chevronDown } from '@wordpress/icons';
 import { Button } from '@wordpress/components';
 import { useState } from '@wordpress/element';
-
+import { find } from 'lodash';
 /**
  * Internal dependencies
  */
@@ -16,10 +16,17 @@ import { importTypes } from './importTypes';
 import './style.scss';
 import useProductTypeListItems from '../experimental-products/use-product-types-list-items';
 import Stacks from '../experimental-products/stack';
+import { getProductTypes } from '../experimental-products/utils';
 
 const Products = () => {
 	const [ showStacks, setStackVisibility ] = useState< boolean >( false );
-	const StacksComponent = <Stacks items={ useProductTypeListItems() } />;
+	const StacksComponent = (
+		<Stacks
+			items={ useProductTypeListItems(
+				getProductTypes( [ 'subscription' ] )
+			) }
+		/>
+	);
 	return (
 		<div className="woocommerce-task-import-products">
 			<h1>{ __( 'Import your products', 'woocommerce' ) }</h1>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
index 75db0d6522a..f2d0e3cf835 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
@@ -15,13 +15,14 @@
 }
 
 .woocommerce-task-import-products {
-	max-width: 574px;
+	max-width: 544px;
 	margin: auto;
 
 	h1 {
 		text-align: center;
 		padding: 0 0 32px 0;
 	}
+
 	button {
 		color: var(--wp-admin-theme-color);
 		&:focus:not(:disabled) {
@@ -29,10 +30,22 @@
 			box-shadow: none;
 		}
 	}
+
 	.woocommerce-task-import-products-stacks {
 		display: flex;
 		flex-wrap: wrap;
 		justify-content: center;
-		padding: 12px;
+		padding: 25px 0 12px 0;
+
+		.woocommerce-list__item-before {
+			border: 0;
+			background: none;
+			svg {
+				fill: #bbb;
+				rect {
+					fill: #bbb;
+				}
+			}
+		}
 	}
 }
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg
deleted file mode 100644
index ddba5a742ef..00000000000
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/lightbulb_24px.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1133_132689" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="2" width="15" height="20">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 2C8.64 2 5.5 5.14 5.5 9C5.5 11.38 6.69 13.47 8.5 14.74V17C8.5 17.55 8.95 18 9.5 18H15.5C16.05 18 16.5 17.55 16.5 17V14.74C18.31 13.47 19.5 11.38 19.5 9C19.5 5.14 16.36 2 12.5 2ZM9.5 21C9.5 21.55 9.95 22 10.5 22H14.5C15.05 22 15.5 21.55 15.5 21V20H9.5V21ZM14.5 13.7L15.35 13.1C16.7 12.16 17.5 10.63 17.5 9C17.5 6.24 15.26 4 12.5 4C9.74 4 7.5 6.24 7.5 9C7.5 10.63 8.3 12.16 9.65 13.1L10.5 13.7V16H14.5V13.7Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_1133_132689)">
-<rect x="0.5" width="24" height="24" fill="#757575"/>
-</g>
-</svg>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg
deleted file mode 100644
index 4212c9877e7..00000000000
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/link_24px.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1133_132681" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="7" width="21" height="10">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 15H7.5C5.85 15 4.5 13.65 4.5 12C4.5 10.35 5.85 9 7.5 9H11.5V7H7.5C4.74 7 2.5 9.24 2.5 12C2.5 14.76 4.74 17 7.5 17H11.5V15ZM17.5 7H13.5V9H17.5C19.15 9 20.5 10.35 20.5 12C20.5 13.65 19.15 15 17.5 15H13.5V17H17.5C20.26 17 22.5 14.76 22.5 12C22.5 9.24 20.26 7 17.5 7ZM16.5 11H8.5V13H16.5V11Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_1133_132681)">
-<rect x="0.5" width="24" height="24" fill="#007CBA"/>
-</g>
-</svg>
diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg b/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg
deleted file mode 100644
index d8421e726dd..00000000000
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-products/icon/widgets_24px.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1133_132667" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 2.34497L10.84 7.99497V3.65497H2.84003V11.655H10.84V7.99497L16.5 13.655H12.84V21.655H20.84V13.655H16.5L22.16 7.99497L16.5 2.34497ZM19.33 8.00497L16.5 5.17497L13.67 8.00497L16.5 10.835L19.33 8.00497ZM8.84003 9.65497V5.65497H4.84003V9.65497H8.84003ZM18.84 15.655V19.655H14.84V15.655H18.84ZM8.84003 19.655V15.655H4.84003V19.655H8.84003ZM2.84003 13.655H10.84V21.655H2.84003V13.655Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_1133_132667)">
-<rect x="0.5" width="24" height="24" fill="#007CBA"/>
-</g>
-</svg>

From 4ee252b549fb30f909adda730c1f8ee379e8c06d Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Fri, 29 Apr 2022 15:53:45 -0700
Subject: [PATCH 277/327] Style fix

---
 .../client/tasks/fills/experimental-import-products/cards.scss  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
index bdbb92d316b..46da606e21c 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -32,7 +32,7 @@
 			justify-content: center;
 		}
 
-		&:not( .transitions-disabled ) {
+		&:not(.transitions-disabled) {
 			&.woocommerce-list__item-enter {
 				transform: none;
 				transition: none;

From bc634512affe79e3598c30ec3ec49eda5a695487 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Fri, 29 Apr 2022 16:01:05 -0700
Subject: [PATCH 278/327] Remove unnecessary style

---
 .../client/tasks/fills/experimental-import-products/cards.scss   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
index 46da606e21c..57a3ee23dbe 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -10,7 +10,6 @@
 		grid-row-gap: 24px;
 		justify-content: start;
 	}
-	display: inline-block;
 
 	.woocommerce-list__item {
 		float: left;

From d61668cb5e54816f7a8a42f79a0d133c0f6feea3 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Fri, 29 Apr 2022 16:08:40 -0700
Subject: [PATCH 279/327] Add changelog

---
 .../changelog/add-32143-add-experimental-import-products      | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-32143-add-experimental-import-products

diff --git a/plugins/woocommerce/changelog/add-32143-add-experimental-import-products b/plugins/woocommerce/changelog/add-32143-add-experimental-import-products
new file mode 100644
index 00000000000..ac2b36ceb8e
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-32143-add-experimental-import-products
@@ -0,0 +1,4 @@
+Significance: patch
+Type: add
+
+Add experimental import product task, which replaces the default add products task when selling elsewhere is selected during the OBW.
\ No newline at end of file

From c50de996fa17c813575dfdf25763aa22c85b9bee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=A9stor=20Soriano?= <konamiman@konamiman.com>
Date: Mon, 2 May 2022 11:01:27 +0200
Subject: [PATCH 280/327] Add changelog file

---
 .../changelog/add-support-select2-for-log_file-dropdown       | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/add-support-select2-for-log_file-dropdown

diff --git a/plugins/woocommerce/changelog/add-support-select2-for-log_file-dropdown b/plugins/woocommerce/changelog/add-support-select2-for-log_file-dropdown
new file mode 100644
index 00000000000..0f5629430d4
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-support-select2-for-log_file-dropdown
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add support for select2 for the log files dropdown

From 69dc8fe777637a287da57e15db910a4cc474a2d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=A9stor=20Soriano?= <konamiman@konamiman.com>
Date: Mon, 2 May 2022 11:15:19 +0200
Subject: [PATCH 281/327] Add changelog file

---
 ...igured-decimal-separator-for-product-weight-and-dimensions | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/use-configured-decimal-separator-for-product-weight-and-dimensions

diff --git a/plugins/woocommerce/changelog/use-configured-decimal-separator-for-product-weight-and-dimensions b/plugins/woocommerce/changelog/use-configured-decimal-separator-for-product-weight-and-dimensions
new file mode 100644
index 00000000000..6abab5dce2e
--- /dev/null
+++ b/plugins/woocommerce/changelog/use-configured-decimal-separator-for-product-weight-and-dimensions
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Use the configured decimal separator to format product weight and dimensions

From 4597c47f63b62027c5acaa931da2ddf0e9a73fda Mon Sep 17 00:00:00 2001
From: Luigi <gigitux@gmail.com>
Date: Mon, 2 May 2022 11:21:10 +0200
Subject: [PATCH 282/327] create BlocksUtil file - refactor

---
 .../includes/blocks/class-wc-blocks-utils.php | 66 ----------------
 .../woocommerce/includes/class-wc-tracker.php |  5 +-
 .../src/Internal/Utilities/BlocksUtil.php     | 75 +++++++++++++++++++
 3 files changed, 78 insertions(+), 68 deletions(-)
 create mode 100644 plugins/woocommerce/src/Internal/Utilities/BlocksUtil.php

diff --git a/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php b/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
index b9eb7b08539..4ecb4c212e5 100644
--- a/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
+++ b/plugins/woocommerce/includes/blocks/class-wc-blocks-utils.php
@@ -59,29 +59,6 @@ class WC_Blocks_Utils {
 		);
 	}
 
-	/**
-	 * Get all instances of the specified block on a specific template part.
-	 *
-	 * @param string $block_name The name (id) of a block, e.g. `woocommerce/mini-cart`.
-	 * @param string $template_part_slug The woo page to search, e.g. `header`.
-	 * @return array Array of blocks as returned by parse_blocks().
-	 */
-	public static function get_block_from_template_part( $block_name, $template_part_slug ) {
-		$template = get_block_template( get_stylesheet() . '//' . $template_part_slug, 'wp_template_part' );
-		$blocks   = parse_blocks( $template->content );
-
-		$flatten_blocks = self::flatten_blocks( $blocks );
-
-		return array_values(
-			array_filter(
-				$flatten_blocks,
-				function ( $block ) use ( $block_name ) {
-					return ( $block_name === $block['blockName'] );
-				}
-			)
-		);
-	}
-
 	/**
 	 * Check if a given page contains a particular block.
 	 *
@@ -104,47 +81,4 @@ class WC_Blocks_Utils {
 
 		return false;
 	}
-
-	/**
-	 * Return blocks with their inner blocks flattened.
-	 *
-	 * @param array $blocks Array of blocks as returned by parse_blocks().
-	 * @return array All blocks.
-	 */
-	public static function flatten_blocks( $blocks ) {
-		return array_reduce(
-			$blocks,
-			function( $carry, $block ) {
-				array_push( $carry, array_diff_key( $block, array_flip( array( 'innerBlocks' ) ) ) );
-				if ( isset( $block['innerBlocks'] ) ) {
-					$inner_blocks = self::flatten_blocks( $block['innerBlocks'] );
-					return array_merge( $carry, $inner_blocks );
-				}
-
-				return $carry;
-			},
-			array()
-		);
-	}
-
-	/**
-	 * Get all instances of the specified block from the widget area.
-	 *
-	 * @param array $block_name The name (id) of a block, e.g. `woocommerce/mini-cart`.
-	 * @return array Array of blocks as returned by parse_blocks().
-	 */
-	public static function get_blocks_from_widget_area( $block_name ) {
-		return array_reduce(
-			get_option( 'widget_block' ),
-			function ( $acc, $block ) use ( $block_name ) {
-				$parsed_blocks = ! empty( $block ) && is_array( $block ) ? parse_blocks( $block['content'] ) : array();
-				if ( ! empty( $parsed_blocks ) && $block_name === $parsed_blocks[0]['blockName'] ) {
-					array_push( $acc, $parsed_blocks[0] );
-					return $acc;
-				}
-				return $acc;
-			},
-			array()
-		);
-	}
 }
diff --git a/plugins/woocommerce/includes/class-wc-tracker.php b/plugins/woocommerce/includes/class-wc-tracker.php
index 24f77fef403..20371efd7d4 100644
--- a/plugins/woocommerce/includes/class-wc-tracker.php
+++ b/plugins/woocommerce/includes/class-wc-tracker.php
@@ -11,6 +11,7 @@
  */
 
 use Automattic\Jetpack\Constants;
+use Automattic\WooCommerce\Internal\Utilities\BlocksUtil;
 
 defined( 'ABSPATH' ) || exit;
 
@@ -784,9 +785,9 @@ class WC_Tracker {
 	 *
 	 * @return array
 	 */
-	public static function get_mini_cart_info() {
+	private static function get_mini_cart_info() {
 		$mini_cart_block_name = 'woocommerce/mini-cart';
-		$mini_cart_block_data = wc_current_theme_is_fse_theme() ? WC_Blocks_Utils::get_block_from_template_part( $mini_cart_block_name, 'header' ) : WC_Blocks_Utils::get_blocks_from_widget_area( $mini_cart_block_name );
+		$mini_cart_block_data = wc_current_theme_is_fse_theme() ? BlocksUtil::get_block_from_template_part( $mini_cart_block_name, 'header' ) : BlocksUtil::get_blocks_from_widget_area( $mini_cart_block_name );
 		return array(
 			'mini_cart_used'             => empty( $mini_cart_block_data[0] ) ? 'No' : 'Yes',
 			'mini_cart_block_attributes' => empty( $mini_cart_block_data[0] ) ? array() : $mini_cart_block_data[0]['attrs'],
diff --git a/plugins/woocommerce/src/Internal/Utilities/BlocksUtil.php b/plugins/woocommerce/src/Internal/Utilities/BlocksUtil.php
new file mode 100644
index 00000000000..65fbbcefbd8
--- /dev/null
+++ b/plugins/woocommerce/src/Internal/Utilities/BlocksUtil.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace Automattic\WooCommerce\Internal\Utilities;
+
+/**
+ * Helper functions for working with blocks.
+ */
+class BlocksUtil {
+
+	/**
+	 * Return blocks with their inner blocks flattened.
+	 *
+	 * @param array $blocks Array of blocks as returned by parse_blocks().
+	 * @return array All blocks.
+	 */
+	public static function flatten_blocks( $blocks ) {
+		return array_reduce(
+			$blocks,
+			function( $carry, $block ) {
+				array_push( $carry, array_diff_key( $block, array_flip( array( 'innerBlocks' ) ) ) );
+				if ( isset( $block['innerBlocks'] ) ) {
+					$inner_blocks = self::flatten_blocks( $block['innerBlocks'] );
+					return array_merge( $carry, $inner_blocks );
+				}
+
+				return $carry;
+			},
+			array()
+		);
+	}
+
+	/**
+	 * Get all instances of the specified block from the widget area.
+	 *
+	 * @param array $block_name The name (id) of a block, e.g. `woocommerce/mini-cart`.
+	 * @return array Array of blocks as returned by parse_blocks().
+	 */
+	public static function get_blocks_from_widget_area( $block_name ) {
+		return array_reduce(
+			get_option( 'widget_block' ),
+			function ( $acc, $block ) use ( $block_name ) {
+				$parsed_blocks = ! empty( $block ) && is_array( $block ) ? parse_blocks( $block['content'] ) : array();
+				if ( ! empty( $parsed_blocks ) && $block_name === $parsed_blocks[0]['blockName'] ) {
+					array_push( $acc, $parsed_blocks[0] );
+					return $acc;
+				}
+				return $acc;
+			},
+			array()
+		);
+	}
+
+	/**
+	 * Get all instances of the specified block on a specific template part.
+	 *
+	 * @param string $block_name The name (id) of a block, e.g. `woocommerce/mini-cart`.
+	 * @param string $template_part_slug The woo page to search, e.g. `header`.
+	 * @return array Array of blocks as returned by parse_blocks().
+	 */
+	public static function get_block_from_template_part( $block_name, $template_part_slug ) {
+		$template = get_block_template( get_stylesheet() . '//' . $template_part_slug, 'wp_template_part' );
+		$blocks   = parse_blocks( $template->content );
+
+		$flatten_blocks = self::flatten_blocks( $blocks );
+
+		return array_values(
+			array_filter(
+				$flatten_blocks,
+				function ( $block ) use ( $block_name ) {
+					return ( $block_name === $block['blockName'] );
+				}
+			)
+		);
+	}
+}

From c1dcab572558941ef443f80a122c2ff4c73b9814 Mon Sep 17 00:00:00 2001
From: "Jorge A. Torres" <jorge.torres@automattic.com>
Date: Thu, 14 Apr 2022 15:09:55 -0300
Subject: [PATCH 283/327] Properly escape tax class filter in legacy v3 REST
 API /taxes endpoint

---
 .../woocommerce/includes/legacy/api/v3/class-wc-api-taxes.php   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/includes/legacy/api/v3/class-wc-api-taxes.php b/plugins/woocommerce/includes/legacy/api/v3/class-wc-api-taxes.php
index d5a96ccf994..0e9a0b77697 100644
--- a/plugins/woocommerce/includes/legacy/api/v3/class-wc-api-taxes.php
+++ b/plugins/woocommerce/includes/legacy/api/v3/class-wc-api-taxes.php
@@ -411,7 +411,7 @@ class WC_API_Taxes extends WC_API_Resource {
 
 		// Filter by tax class
 		if ( ! empty( $args['tax_rate_class'] ) ) {
-			$tax_rate_class = 'standard' !== $args['tax_rate_class'] ? sanitize_title( $args['tax_rate_class'] ) : '';
+			$tax_rate_class = esc_sql( 'standard' !== $args['tax_rate_class'] ? sanitize_title( $args['tax_rate_class'] ) : '' );
 			$query .= " AND tax_rate_class = '$tax_rate_class'";
 		}
 

From f2e4a686f1241ae703bf61fcb869cb1dd36cf902 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Mon, 2 May 2022 09:39:40 -0700
Subject: [PATCH 284/327] Lock pnpm to specific version

---
 .github/workflows/build-release-zip-file.yml | 2 +-
 .github/workflows/build-release.yml          | 2 +-
 .github/workflows/ci.yml                     | 2 +-
 .github/workflows/mirrors.yml                | 2 +-
 .github/workflows/nightly-builds.yml         | 2 +-
 .github/workflows/pr-build-and-e2e-tests.yml | 6 +++---
 .github/workflows/pr-code-coverage.yml       | 2 +-
 .github/workflows/pr-code-sniff.yml          | 2 +-
 .github/workflows/pr-lint-test-js.yml        | 2 +-
 .github/workflows/pr-smoke-test.yml          | 2 +-
 .github/workflows/pr-unit-tests.yml          | 2 +-
 .github/workflows/smoke-test-daily.yml       | 8 ++++----
 .github/workflows/smoke-test-release.yml     | 6 +++---
 13 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index 79663bb7993..2ecf1fcd546 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -15,7 +15,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/build-release.yml b/.github/workflows/build-release.yml
index f8b9b160c71..542a6481ad7 100644
--- a/.github/workflows/build-release.yml
+++ b/.github/workflows/build-release.yml
@@ -11,7 +11,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 887a9dd1905..cd757d12121 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -64,7 +64,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/mirrors.yml b/.github/workflows/mirrors.yml
index 316c5ee1ebd..d0ec251f493 100644
--- a/.github/workflows/mirrors.yml
+++ b/.github/workflows/mirrors.yml
@@ -12,7 +12,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/nightly-builds.yml b/.github/workflows/nightly-builds.yml
index 766e09c8fea..40b47b545eb 100644
--- a/.github/workflows/nightly-builds.yml
+++ b/.github/workflows/nightly-builds.yml
@@ -18,7 +18,7 @@ jobs:
           ref: ${{ matrix.build }}
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 82bbafbe639..2891378b238 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -23,7 +23,7 @@ jobs:
                 key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm
+              run: npm install -g pnpm@6.24.2
 
             - name: Install dependencies
               run: pnpm install
@@ -74,7 +74,7 @@ jobs:
                 key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm
+              run: npm install -g pnpm@6.24.2
 
             - name: Install dependencies
               run: pnpm install
@@ -125,7 +125,7 @@ jobs:
                 key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm
+              run: npm install -g pnpm@6.24.2
 
             - name: Install dependencies
               run: pnpm install
diff --git a/.github/workflows/pr-code-coverage.yml b/.github/workflows/pr-code-coverage.yml
index c683295a36d..fac85dc2119 100644
--- a/.github/workflows/pr-code-coverage.yml
+++ b/.github/workflows/pr-code-coverage.yml
@@ -50,7 +50,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/pr-code-sniff.yml b/.github/workflows/pr-code-sniff.yml
index 583499f8c65..f78a415644f 100644
--- a/.github/workflows/pr-code-sniff.yml
+++ b/.github/workflows/pr-code-sniff.yml
@@ -40,7 +40,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/pr-lint-test-js.yml b/.github/workflows/pr-lint-test-js.yml
index b13f9c9d4ab..8fe884d58a0 100644
--- a/.github/workflows/pr-lint-test-js.yml
+++ b/.github/workflows/pr-lint-test-js.yml
@@ -30,7 +30,7 @@ jobs:
           key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index f2e65c43b7a..0a06f95af05 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -37,7 +37,7 @@ jobs:
                 key: ${{ runner.os }}-smoke-test-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm
+              run: npm install -g pnpm@6.24.2
 
             - name: Install dependencies
               run: pnpm install
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 95057adbbc9..3923756087f 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -62,7 +62,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm
+        run: npm install -g pnpm@6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index f5d5085421a..95acf379340 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -22,7 +22,7 @@ jobs:
             - name: Install prerequisites.
               working-directory: package/woocommerce/plugins/woocommerce
               run: |
-                  npm install -g pnpm
+                  npm install -g pnpm@6.24.2
                   pnpm install
                   pnpm nx composer-install-no-dev woocommerce
                   pnpm nx build-assets woocommerce
@@ -59,7 +59,7 @@ jobs:
               uses: actions/checkout@v3
 
             - name: Install PNPM
-              run: npm install -g pnpm
+              run: npm install -g pnpm@6.24.2
 
             - name: Build zip
               run: pnpm nx build-zip woocommerce
@@ -109,7 +109,7 @@ jobs:
             - name: Install PNPM and install dependencies
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm
+                  npm install -g pnpm@6.24.2
                   pnpm install
 
             - name: Load docker images and start containers.
@@ -134,7 +134,7 @@ jobs:
             - name: Install dependencies again
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm
+                  npm install -g pnpm@6.24.2
                   pnpm install
 
             - name: Run tests command.
diff --git a/.github/workflows/smoke-test-release.yml b/.github/workflows/smoke-test-release.yml
index c06fe653d89..9fc6fd4803d 100644
--- a/.github/workflows/smoke-test-release.yml
+++ b/.github/workflows/smoke-test-release.yml
@@ -26,7 +26,7 @@ jobs:
             - name: Install prerequisites.
               working-directory: package/woocommerce/plugins/woocommerce
               run: |
-                  npm install -g pnpm
+                  npm install -g pnpm@6.24.2
                   pnpm install
                   pnpm nx composer-install-no-dev woocommerce
                   pnpm nx build-assets woocommerce
@@ -88,7 +88,7 @@ jobs:
             - name: Install PNPM and install dependencies
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm
+                  npm install -g pnpm@6.24.2
                   pnpm install
 
             - name: Load docker images and start containers.
@@ -163,7 +163,7 @@ jobs:
             - name: Install PNPM and install dependencies
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm
+                  npm install -g pnpm@6.24.2
                   pnpm install
 
             - name: Load docker images and start containers.

From 3994c9ac4ff0e5a7fc19295a86b5b6482b2f099e Mon Sep 17 00:00:00 2001
From: Christopher Allford <6451942+ObliviousHarmony@users.noreply.github.com>
Date: Mon, 2 May 2022 09:48:54 -0700
Subject: [PATCH 285/327] Added `version` to `composer.json`

In order for the Jetpack Autoloader to consistently
apply a version to class files, we will define it in our
plugin's `composer.json` file.
---
 plugins/woocommerce/composer.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/woocommerce/composer.json b/plugins/woocommerce/composer.json
index c39e2bd193c..a4a965a33b0 100644
--- a/plugins/woocommerce/composer.json
+++ b/plugins/woocommerce/composer.json
@@ -2,6 +2,7 @@
 	"name": "woocommerce/woocommerce",
 	"description": "An eCommerce toolkit that helps you sell anything. Beautifully.",
 	"homepage": "https://woocommerce.com/",
+	"version": "6.6.0",
 	"type": "wordpress-plugin",
 	"license": "GPL-3.0-or-later",
 	"prefer-stable": true,

From 45a036f35ba011af315267babfd9de449f62c9d7 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Mon, 2 May 2022 10:08:52 -0700
Subject: [PATCH 286/327] Match minor and patch

---
 .github/workflows/build-release-zip-file.yml | 2 +-
 .github/workflows/build-release.yml          | 2 +-
 .github/workflows/ci.yml                     | 2 +-
 .github/workflows/mirrors.yml                | 2 +-
 .github/workflows/nightly-builds.yml         | 2 +-
 .github/workflows/pr-build-and-e2e-tests.yml | 6 +++---
 .github/workflows/pr-code-coverage.yml       | 2 +-
 .github/workflows/pr-code-sniff.yml          | 2 +-
 .github/workflows/pr-lint-test-js.yml        | 2 +-
 .github/workflows/pr-smoke-test.yml          | 2 +-
 .github/workflows/pr-unit-tests.yml          | 2 +-
 .github/workflows/smoke-test-daily.yml       | 8 ++++----
 .github/workflows/smoke-test-release.yml     | 6 +++---
 13 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index 2ecf1fcd546..a39b55fb18b 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -15,7 +15,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/build-release.yml b/.github/workflows/build-release.yml
index 542a6481ad7..cd03f96c248 100644
--- a/.github/workflows/build-release.yml
+++ b/.github/workflows/build-release.yml
@@ -11,7 +11,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index cd757d12121..6d5140ff55f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -64,7 +64,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/mirrors.yml b/.github/workflows/mirrors.yml
index d0ec251f493..7c54dbc01dd 100644
--- a/.github/workflows/mirrors.yml
+++ b/.github/workflows/mirrors.yml
@@ -12,7 +12,7 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/nightly-builds.yml b/.github/workflows/nightly-builds.yml
index 40b47b545eb..a0e3b25f6d2 100644
--- a/.github/workflows/nightly-builds.yml
+++ b/.github/workflows/nightly-builds.yml
@@ -18,7 +18,7 @@ jobs:
           ref: ${{ matrix.build }}
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Build zip
         run: pnpm nx build-zip woocommerce
diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index 2891378b238..c25881341a6 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -23,7 +23,7 @@ jobs:
                 key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm@6.24.2
+              run: npm install -g pnpm@^6.24.2
 
             - name: Install dependencies
               run: pnpm install
@@ -74,7 +74,7 @@ jobs:
                 key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm@6.24.2
+              run: npm install -g pnpm@^6.24.2
 
             - name: Install dependencies
               run: pnpm install
@@ -125,7 +125,7 @@ jobs:
                 key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm@6.24.2
+              run: npm install -g pnpm@^6.24.2
 
             - name: Install dependencies
               run: pnpm install
diff --git a/.github/workflows/pr-code-coverage.yml b/.github/workflows/pr-code-coverage.yml
index fac85dc2119..628eb33b83d 100644
--- a/.github/workflows/pr-code-coverage.yml
+++ b/.github/workflows/pr-code-coverage.yml
@@ -50,7 +50,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/pr-code-sniff.yml b/.github/workflows/pr-code-sniff.yml
index f78a415644f..7831ee80e43 100644
--- a/.github/workflows/pr-code-sniff.yml
+++ b/.github/workflows/pr-code-sniff.yml
@@ -40,7 +40,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/pr-lint-test-js.yml b/.github/workflows/pr-lint-test-js.yml
index 8fe884d58a0..ab086f3cc51 100644
--- a/.github/workflows/pr-lint-test-js.yml
+++ b/.github/workflows/pr-lint-test-js.yml
@@ -30,7 +30,7 @@ jobs:
           key: ${{ runner.os }}-npm-${{ hashFiles('**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index 0a06f95af05..ae623d180dc 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -37,7 +37,7 @@ jobs:
                 key: ${{ runner.os }}-smoke-test-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
             - name: Install PNPM
-              run: npm install -g pnpm@6.24.2
+              run: npm install -g pnpm@^6.24.2
 
             - name: Install dependencies
               run: pnpm install
diff --git a/.github/workflows/pr-unit-tests.yml b/.github/workflows/pr-unit-tests.yml
index 3923756087f..3055f6b74d9 100644
--- a/.github/workflows/pr-unit-tests.yml
+++ b/.github/workflows/pr-unit-tests.yml
@@ -62,7 +62,7 @@ jobs:
           key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
 
       - name: Install PNPM
-        run: npm install -g pnpm@6.24.2
+        run: npm install -g pnpm@^6.24.2
 
       - name: Install dependencies
         run: pnpm install
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index 95acf379340..4e2bf372dc2 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -22,7 +22,7 @@ jobs:
             - name: Install prerequisites.
               working-directory: package/woocommerce/plugins/woocommerce
               run: |
-                  npm install -g pnpm@6.24.2
+                  npm install -g pnpm@^6.24.2
                   pnpm install
                   pnpm nx composer-install-no-dev woocommerce
                   pnpm nx build-assets woocommerce
@@ -59,7 +59,7 @@ jobs:
               uses: actions/checkout@v3
 
             - name: Install PNPM
-              run: npm install -g pnpm@6.24.2
+              run: npm install -g pnpm@^6.24.2
 
             - name: Build zip
               run: pnpm nx build-zip woocommerce
@@ -109,7 +109,7 @@ jobs:
             - name: Install PNPM and install dependencies
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm@6.24.2
+                  npm install -g pnpm@^6.24.2
                   pnpm install
 
             - name: Load docker images and start containers.
@@ -134,7 +134,7 @@ jobs:
             - name: Install dependencies again
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm@6.24.2
+                  npm install -g pnpm@^6.24.2
                   pnpm install
 
             - name: Run tests command.
diff --git a/.github/workflows/smoke-test-release.yml b/.github/workflows/smoke-test-release.yml
index 9fc6fd4803d..fb3eb2f02b1 100644
--- a/.github/workflows/smoke-test-release.yml
+++ b/.github/workflows/smoke-test-release.yml
@@ -26,7 +26,7 @@ jobs:
             - name: Install prerequisites.
               working-directory: package/woocommerce/plugins/woocommerce
               run: |
-                  npm install -g pnpm@6.24.2
+                  npm install -g pnpm@^6.24.2
                   pnpm install
                   pnpm nx composer-install-no-dev woocommerce
                   pnpm nx build-assets woocommerce
@@ -88,7 +88,7 @@ jobs:
             - name: Install PNPM and install dependencies
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm@6.24.2
+                  npm install -g pnpm@^6.24.2
                   pnpm install
 
             - name: Load docker images and start containers.
@@ -163,7 +163,7 @@ jobs:
             - name: Install PNPM and install dependencies
               working-directory: package/woocommerce
               run: |
-                  npm install -g pnpm@6.24.2
+                  npm install -g pnpm@^6.24.2
                   pnpm install
 
             - name: Load docker images and start containers.

From 1d52eef313c7f004d7aaee25959a64f26b0200ad Mon Sep 17 00:00:00 2001
From: Corey McKrill <916023+coreymckrill@users.noreply.github.com>
Date: Mon, 2 May 2022 10:50:30 -0700
Subject: [PATCH 287/327] REST: Add product image URL to order line items
 (#32710)

Add a new property to the line item schema, `image` that contains `id` and `src` properties for the full size of the main product image.

Fixes #27364
---
 .../fix-27364-api-order-lineitem-image        |  4 +++
 .../class-wc-rest-orders-v2-controller.php    | 34 +++++++++++++++++--
 .../rest-api/Tests/Version2/orders.php        |  6 +++-
 .../rest-api/Tests/Version3/orders.php        |  6 +++-
 4 files changed, 45 insertions(+), 5 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-27364-api-order-lineitem-image

diff --git a/plugins/woocommerce/changelog/fix-27364-api-order-lineitem-image b/plugins/woocommerce/changelog/fix-27364-api-order-lineitem-image
new file mode 100644
index 00000000000..2a5334b4527
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-27364-api-order-lineitem-image
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add an 'image_src' field to product line items returned by the orders endpoint (v2 and v3). This contains the URL of the main product image.
diff --git a/plugins/woocommerce/includes/rest-api/Controllers/Version2/class-wc-rest-orders-v2-controller.php b/plugins/woocommerce/includes/rest-api/Controllers/Version2/class-wc-rest-orders-v2-controller.php
index 8bda913c60a..4acd85a2e85 100644
--- a/plugins/woocommerce/includes/rest-api/Controllers/Version2/class-wc-rest-orders-v2-controller.php
+++ b/plugins/woocommerce/includes/rest-api/Controllers/Version2/class-wc-rest-orders-v2-controller.php
@@ -214,10 +214,16 @@ class WC_REST_Orders_V2_Controller extends WC_REST_CRUD_Controller {
 			}
 		}
 
-		// Add SKU and PRICE to products.
+		// Add SKU, PRICE, and IMAGE to products.
 		if ( is_callable( array( $item, 'get_product' ) ) ) {
-			$data['sku']   = $item->get_product() ? $item->get_product()->get_sku() : null;
-			$data['price'] = $item->get_quantity() ? $item->get_total() / $item->get_quantity() : 0;
+			$data['sku']       = $item->get_product() ? $item->get_product()->get_sku() : null;
+			$data['price']     = $item->get_quantity() ? $item->get_total() / $item->get_quantity() : 0;
+
+			$image_id = $item->get_product() ? $item->get_product()->get_image_id() : 0;
+			$data['image'] = array(
+				'id'  => $image_id,
+				'src' => $image_id ? wp_get_attachment_image_url( $image_id, 'full' ) : '',
+			);
 		}
 
 		// Add parent_name if the product is a variation.
@@ -1487,6 +1493,28 @@ class WC_REST_Orders_V2_Controller extends WC_REST_CRUD_Controller {
 								'context'     => array( 'view', 'edit' ),
 								'readonly'    => true,
 							),
+							'image'        => array(
+								'description' => __( 'Properties of the main product image.', 'woocommerce' ),
+								'type'        => 'object',
+								'context'     => array( 'view', 'edit' ),
+								'readonly'    => true,
+								'properties'  => array(
+									'type'       => 'object',
+									'properties' => array(
+										'id'                => array(
+											'description' => __( 'Image ID.', 'woocommerce' ),
+											'type'        => 'integer',
+											'context'     => array( 'view', 'edit' ),
+										),
+										'src'               => array(
+											'description' => __( 'Image URL.', 'woocommerce' ),
+											'type'        => 'string',
+											'format'      => 'uri',
+											'context'     => array( 'view', 'edit' ),
+										),
+									),
+								),
+							),
 						),
 					),
 				),
diff --git a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version2/orders.php b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version2/orders.php
index ead32b074f4..0983cd63414 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version2/orders.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version2/orders.php
@@ -545,6 +545,10 @@ class WC_Tests_API_Orders_V2 extends WC_REST_Unit_Test_Case {
 			'sku'          => null,
 			'price'        => 4,
 			'parent_name'  => null,
+			'image'        => array(
+				'id'  => 0,
+				'src' => '',
+			),
 		);
 
 		$this->assertEquals( 200, $response->get_status() );
@@ -785,7 +789,7 @@ class WC_Tests_API_Orders_V2 extends WC_REST_Unit_Test_Case {
 		$data = $response->get_data();
 
 		$line_item_properties = $data['schema']['properties']['line_items']['items']['properties'];
-		$this->assertEquals( 15, count( $line_item_properties ) );
+		$this->assertEquals( 16, count( $line_item_properties ) );
 		$this->assertArrayHasKey( 'id', $line_item_properties );
 		$this->assertArrayHasKey( 'meta_data', $line_item_properties );
 		$this->assertArrayHasKey( 'parent_name', $line_item_properties );
diff --git a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version3/orders.php b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version3/orders.php
index 794c313757f..3211cd2a26d 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version3/orders.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/rest-api/Tests/Version3/orders.php
@@ -657,6 +657,10 @@ class WC_Tests_API_Orders extends WC_REST_Unit_Test_Case {
 			'sku'          => null,
 			'price'        => 4,
 			'parent_name'  => null,
+			'image'        => array(
+				'id'  => 0,
+				'src' => '',
+			),
 		);
 
 		$this->assertEquals( 200, $response->get_status() );
@@ -1155,7 +1159,7 @@ class WC_Tests_API_Orders extends WC_REST_Unit_Test_Case {
 		$data = $response->get_data();
 
 		$line_item_properties = $data['schema']['properties']['line_items']['items']['properties'];
-		$this->assertEquals( 15, count( $line_item_properties ) );
+		$this->assertEquals( 16, count( $line_item_properties ) );
 		$this->assertArrayHasKey( 'id', $line_item_properties );
 		$this->assertArrayHasKey( 'meta_data', $line_item_properties );
 		$this->assertArrayHasKey( 'parent_name', $line_item_properties );

From 377b643720ba8a6ca68c677a7819c5ed447b7e02 Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 15 Apr 2022 14:42:56 -0700
Subject: [PATCH 288/327] Removed `prepare` Scripts

Thanks to our build orchestration tooling, there is
no reason for us to build all of the packages on
`install`. In cases where `prepare` was used to
build before packaging, this changes it to
`prepack` so it will run only under the correct
circumstances.
---
 nx.json                                  |   9 +-
 packages/js/admin-e2e-tests/package.json |   1 -
 packages/js/admin-e2e-tests/project.json |   6 --
 packages/js/api/package.json             | 120 +++++++++++------------
 packages/js/api/project.json             |   6 --
 packages/js/e2e-core-tests/package.json  |   2 +-
 packages/js/e2e-core-tests/project.json  |   6 --
 packages/js/e2e-environment/package.json |   4 +-
 packages/js/e2e-environment/project.json |   6 --
 packages/js/e2e-utils/package.json       |   2 +-
 packages/js/e2e-utils/project.json       |   6 --
 11 files changed, 65 insertions(+), 103 deletions(-)

diff --git a/nx.json b/nx.json
index fa1ac820d8b..f4cf052df4c 100644
--- a/nx.json
+++ b/nx.json
@@ -9,8 +9,7 @@
           "build",
           "test",
           "lint",
-          "package",
-          "prepare"
+          "package"
         ]
       }
     }
@@ -22,12 +21,6 @@
         "projects": "dependencies"
       }
     ],
-    "prepare": [
-      {
-        "target": "prepare",
-        "projects": "dependencies"
-      }
-    ],
     "package": [
       {
         "target": "package",
diff --git a/packages/js/admin-e2e-tests/package.json b/packages/js/admin-e2e-tests/package.json
index 7ddb4a89f3a..aea3c4be449 100644
--- a/packages/js/admin-e2e-tests/package.json
+++ b/packages/js/admin-e2e-tests/package.json
@@ -50,7 +50,6 @@
 		"access": "public"
 	},
 	"scripts": {
-		"prepare": "pnpm run build",
 		"build": "tsc --build",
 		"start": "tsc --build --watch",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
diff --git a/packages/js/admin-e2e-tests/project.json b/packages/js/admin-e2e-tests/project.json
index be3b68c506c..6146d8472d2 100644
--- a/packages/js/admin-e2e-tests/project.json
+++ b/packages/js/admin-e2e-tests/project.json
@@ -33,12 +33,6 @@
 		 "options": {
 		   "script": "clean"
 		 }
-	   },
-	   "prepare": {
-		 "executor": "@nrwl/workspace:run-script",
-		 "options": {
-		   "script": "prepare"
-		 }
 	   }
      }
  }
diff --git a/packages/js/api/package.json b/packages/js/api/package.json
index 9594310ca2f..24283608cdc 100644
--- a/packages/js/api/package.json
+++ b/packages/js/api/package.json
@@ -1,62 +1,62 @@
 {
-	"name": "@woocommerce/api",
-	"version": "0.2.0",
-	"author": "Automattic",
-	"description": "A simple interface for interacting with a WooCommerce installation.",
-	"homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/api/README.md",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/woocommerce/woocommerce.git"
-	},
-	"keywords": [
-		"woocommerce",
-		"e2e"
-	],
-	"license": "GPL-3.0+",
-	"main": "dist/index.js",
-	"types": "dist/index.d.ts",
-	"files": [
-		"/dist/",
-		"!*.ts.map",
-		"!*.tsbuildinfo",
-		"!/dist/**/__tests__/",
-		"!/dist/**/__mocks__/",
-		"!/dist/**/__snapshops__/",
-		"!/dist/**/__test_data__/"
-	],
-	"sideEffects": false,
-	"scripts": {
-		"clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
-		"compile": "tsc -b",
-		"build": "pnpm run clean && npm run compile",
-		"prepare": "pnpm run build",
-		"lint": "eslint src",
-		"lint:fix": "eslint src --fix",
-		"test": "jest"
-	},
-	"dependencies": {
-		"axios": "^0.24.0",
-		"create-hmac": "1.1.7",
-		"oauth-1.0a": "2.2.6"
-	},
-	"devDependencies": {
-		"@types/create-hmac": "1.1.0",
-		"@types/jest": "^27.0.2",
-		"@types/node": "13.13.5",
-		"@typescript-eslint/eslint-plugin": "^5.3.1",
-		"@typescript-eslint/parser": "^5.3.1",
-		"axios-mock-adapter": "^1.20.0",
-		"eslint": "^8.2.0",
-		"jest": "^25",
-		"ts-jest": "^25",
-		"typescript": "^4.4.4"
-	},
-	"publishConfig": {
-		"access": "public"
-	},
-	"lint-staged": {
-		"*.(t|j)s?(x)": [
-			"pnpm lint:fix"
-		]
-	}
+  "name": "@woocommerce/api",
+  "version": "0.2.0",
+  "author": "Automattic",
+  "description": "A simple interface for interacting with a WooCommerce installation.",
+  "homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/api/README.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/woocommerce/woocommerce.git"
+  },
+  "keywords": [
+    "woocommerce",
+    "e2e"
+  ],
+  "license": "GPL-3.0+",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist/",
+    "!*.ts.map",
+    "!*.tsbuildinfo",
+    "!/dist/**/__tests__/",
+    "!/dist/**/__mocks__/",
+    "!/dist/**/__snapshops__/",
+    "!/dist/**/__test_data__/"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
+    "compile": "tsc -b",
+    "build": "pnpm run clean && npm run compile",
+    "prepack": "pnpm run build",
+    "lint": "eslint src",
+	"lint:fix": "eslint src --fix",
+    "test": "jest"
+  },
+  "dependencies": {
+    "axios": "^0.24.0",
+    "create-hmac": "1.1.7",
+    "oauth-1.0a": "2.2.6"
+  },
+  "devDependencies": {
+    "@types/create-hmac": "1.1.0",
+    "@types/jest": "^27.0.2",
+    "@types/node": "13.13.5",
+    "@typescript-eslint/eslint-plugin": "^5.3.1",
+    "@typescript-eslint/parser": "^5.3.1",
+    "axios-mock-adapter": "^1.20.0",
+    "eslint": "^8.2.0",
+    "jest": "^25",
+    "ts-jest": "^25",
+    "typescript": "^4.4.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+	"*.(t|j)s?(x)": [
+		"eslint --fix"
+	]
+  }
 }
diff --git a/packages/js/api/project.json b/packages/js/api/project.json
index e4022469b78..5458accc4b3 100644
--- a/packages/js/api/project.json
+++ b/packages/js/api/project.json
@@ -28,12 +28,6 @@
 				"script": "compile"
 			}
 		},
-		"prepare": {
-			"executor": "@nrwl/workspace:run-script",
-			"options": {
-				"script": "prepare"
-			}
-		},
 		"lint": {
 			"executor": "@nrwl/workspace:run-script",
 			"options": {
diff --git a/packages/js/e2e-core-tests/package.json b/packages/js/e2e-core-tests/package.json
index ee3708d3cae..fb37110be11 100644
--- a/packages/js/e2e-core-tests/package.json
+++ b/packages/js/e2e-core-tests/package.json
@@ -45,7 +45,7 @@
     "access": "public"
   },
   "scripts": {
-	"prepare": "pnpm run build",
+	"prepack": "pnpm run build",
 	"clean": "rm -rf ./build ./build-module",
   "compile": "e2e-builds",
 	"build": "./bin/build.sh && pnpm run clean && pnpm run compile"
diff --git a/packages/js/e2e-core-tests/project.json b/packages/js/e2e-core-tests/project.json
index ccff2f7a31e..e9eaf02e426 100644
--- a/packages/js/e2e-core-tests/project.json
+++ b/packages/js/e2e-core-tests/project.json
@@ -28,12 +28,6 @@
 		  "script": "compile"
 		}
 	  },
-	  "prepare": {
-		"executor": "@nrwl/workspace:run-script",
-		"options": {
-		  "script": "prepare"
-		}
-	  },
 	  "lint": {
 		"executor": "@nrwl/workspace:run-script",
 		"options": {
diff --git a/packages/js/e2e-environment/package.json b/packages/js/e2e-environment/package.json
index 1ecb668744b..287f7bc6403 100644
--- a/packages/js/e2e-environment/package.json
+++ b/packages/js/e2e-environment/package.json
@@ -65,9 +65,9 @@
     "clean": "rm -rf ./build ./build-module",
     "compile": "e2e-builds",
     "build": "pnpm run clean && pnpm run compile",
-    "prepare": "pnpm run build",
+    "prepack": "pnpm run build",
     "docker:up": "./bin/docker-compose.sh up",
-	"docker:wait": "bash ./bin/wait-for-build.sh",
+	  "docker:wait": "bash ./bin/wait-for-build.sh",
     "docker:down": "./bin/docker-compose.sh down",
     "docker:clear-all": "docker rmi --force $(docker images -q)",
     "docker:ssh": "docker exec -it $(node utils/get-app-name.js)_wordpress-www /bin/bash",
diff --git a/packages/js/e2e-environment/project.json b/packages/js/e2e-environment/project.json
index f7c92c4ef90..0c0ea3961a9 100644
--- a/packages/js/e2e-environment/project.json
+++ b/packages/js/e2e-environment/project.json
@@ -34,12 +34,6 @@
 				"script": "compile"
 			}
 		},
-		"prepare": {
-			"executor": "@nrwl/workspace:run-script",
-			"options": {
-				"script": "prepare"
-			}
-		},
 		"docker-up": {
 			"executor": "@nrwl/workspace:run-script",
 			"options": {
diff --git a/packages/js/e2e-utils/package.json b/packages/js/e2e-utils/package.json
index 2e0d9763070..6cbb4b678c0 100644
--- a/packages/js/e2e-utils/package.json
+++ b/packages/js/e2e-utils/package.json
@@ -44,7 +44,7 @@
     "clean": "rm -rf ./build ./build-module",
     "compile": "e2e-builds",
     "build": "pnpm run clean && pnpm run compile",
-    "prepare": "pnpm run build",
+    "prepack": "pnpm run build",
     "lint": "eslint src"
   }
 }
diff --git a/packages/js/e2e-utils/project.json b/packages/js/e2e-utils/project.json
index cd77a6997cb..0b6e0a2bbce 100644
--- a/packages/js/e2e-utils/project.json
+++ b/packages/js/e2e-utils/project.json
@@ -28,12 +28,6 @@
 				"script": "compile"
 			}
 		},
-		"prepare": {
-			"executor": "@nrwl/workspace:run-script",
-			"options": {
-				"script": "prepare"
-			}
-		},
 		"lint": {
 			"executor": "@nrwl/workspace:run-script",
 			"options": {

From 8862efb5706b8f27a5ad61b43281670d672b47b6 Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 15 Apr 2022 14:54:23 -0700
Subject: [PATCH 289/327] Run `composer install` On `pnpm install`

This commit adds a `postinstall` script for
the WooCommerce and WooCommerce Beta
Tester plugins. This makes it easier to get
started since `pnpm install` will ensure all
dependencies in every project are ready.
---
 plugins/woocommerce-beta-tester/package.json | 1 +
 plugins/woocommerce/package.json             | 1 +
 2 files changed, 2 insertions(+)

diff --git a/plugins/woocommerce-beta-tester/package.json b/plugins/woocommerce-beta-tester/package.json
index fd1f8cce0a7..074bb79623d 100644
--- a/plugins/woocommerce-beta-tester/package.json
+++ b/plugins/woocommerce-beta-tester/package.json
@@ -23,6 +23,7 @@
 		}
 	},
 	"scripts": {
+    "postinstall": "composer install",
 		"build": "pnpm run uglify",
 		"build:zip": "./bin/build-zip.sh",
 		"build:dev": "pnpm run lint:js && pnpm run uglify",
diff --git a/plugins/woocommerce/package.json b/plugins/woocommerce/package.json
index c6b1af4efa6..2d8c52b99b9 100644
--- a/plugins/woocommerce/package.json
+++ b/plugins/woocommerce/package.json
@@ -14,6 +14,7 @@
 	},
 	"scripts": {
 		"preinstall": "npx only-allow pnpm",
+		"postinstall": "composer install",
 		"build": "WC_ADMIN_PHASE=core pnpm run build:feature-config && pnpm nx build woocommerce-admin && pnpm nx build woocommerce-legacy-assets",
 		"build:feature-config": "php bin/generate-feature-config.php",
 		"build:zip": "./bin/build-zip.sh",

From bd0ff96960f94f9c35add15b36050ce672853ea6 Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Thu, 21 Apr 2022 14:35:46 -0700
Subject: [PATCH 290/327] Fixed WooCommerce Beta Tester PHPUnit

Like Core's `composer.json`, we need to override
the platform in order to get a consistent version
for dependencies out of Composer.
---
 plugins/woocommerce-beta-tester/composer.json |    5 +-
 plugins/woocommerce-beta-tester/composer.lock | 1055 +++++------------
 2 files changed, 294 insertions(+), 766 deletions(-)

diff --git a/plugins/woocommerce-beta-tester/composer.json b/plugins/woocommerce-beta-tester/composer.json
index 3e0f870d65e..53cdba20d5f 100644
--- a/plugins/woocommerce-beta-tester/composer.json
+++ b/plugins/woocommerce-beta-tester/composer.json
@@ -10,7 +10,7 @@
     "composer/installers": "~1.7"
   },
   "require-dev": {
-    "phpunit/phpunit": "6.5.14",
+    "phpunit/phpunit": "^6.5 || ^7.5",
     "woocommerce/woocommerce-sniffs": "^0.1.2",
     "automattic/jetpack-changelogger": "3.0.2"
   },
@@ -52,6 +52,9 @@
 		}
   },
   "config": {
+    "platform": {
+      "php": "7.2"
+		},
     "allow-plugins": {
       "composer/installers": true,
       "dealerdirect/phpcodesniffer-composer-installer": true
diff --git a/plugins/woocommerce-beta-tester/composer.lock b/plugins/woocommerce-beta-tester/composer.lock
index ab564f5f477..c729e151e91 100644
--- a/plugins/woocommerce-beta-tester/composer.lock
+++ b/plugins/woocommerce-beta-tester/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "5d67ce680e077bcd75b6d052c32f9bf1",
+    "content-hash": "f74a0530eae4251d7c797d825a699393",
     "packages": [
         {
             "name": "composer/installers",
@@ -211,6 +211,9 @@
                 "GPL-2.0-or-later"
             ],
             "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "support": {
+                "source": "https://github.com/Automattic/jetpack-changelogger/tree/v3.0.2"
+            },
             "time": "2021-11-02T14:06:49+00:00"
         },
         {
@@ -419,22 +422,22 @@
         },
         {
             "name": "phar-io/manifest",
-            "version": "1.0.1",
+            "version": "1.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phar-io/manifest.git",
-                "reference": "2df402786ab5368a0169091f61a7c1e0eb6852d0"
+                "reference": "7761fcacf03b4d4f16e7ccb606d4879ca431fcf4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phar-io/manifest/zipball/2df402786ab5368a0169091f61a7c1e0eb6852d0",
-                "reference": "2df402786ab5368a0169091f61a7c1e0eb6852d0",
+                "url": "https://api.github.com/repos/phar-io/manifest/zipball/7761fcacf03b4d4f16e7ccb606d4879ca431fcf4",
+                "reference": "7761fcacf03b4d4f16e7ccb606d4879ca431fcf4",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-phar": "*",
-                "phar-io/version": "^1.0.1",
+                "phar-io/version": "^2.0",
                 "php": "^5.6 || ^7.0"
             },
             "type": "library",
@@ -474,20 +477,20 @@
                 "issues": "https://github.com/phar-io/manifest/issues",
                 "source": "https://github.com/phar-io/manifest/tree/master"
             },
-            "time": "2017-03-05T18:14:27+00:00"
+            "time": "2018-07-08T19:23:20+00:00"
         },
         {
             "name": "phar-io/version",
-            "version": "1.0.1",
+            "version": "2.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phar-io/version.git",
-                "reference": "a70c0ced4be299a63d32fa96d9281d03e94041df"
+                "reference": "45a2ec53a73c70ce41d55cedef9063630abaf1b6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phar-io/version/zipball/a70c0ced4be299a63d32fa96d9281d03e94041df",
-                "reference": "a70c0ced4be299a63d32fa96d9281d03e94041df",
+                "url": "https://api.github.com/repos/phar-io/version/zipball/45a2ec53a73c70ce41d55cedef9063630abaf1b6",
+                "reference": "45a2ec53a73c70ce41d55cedef9063630abaf1b6",
                 "shasum": ""
             },
             "require": {
@@ -525,7 +528,7 @@
                 "issues": "https://github.com/phar-io/version/issues",
                 "source": "https://github.com/phar-io/version/tree/master"
             },
-            "time": "2017-03-05T17:38:23+00:00"
+            "time": "2018-07-08T19:19:57+00:00"
         },
         {
             "name": "phpcompatibility/php-compatibility",
@@ -853,37 +856,41 @@
                 }
             ],
             "description": "A PSR-5 based resolver of Class names, Types and Structural Element Names",
+            "support": {
+                "issues": "https://github.com/phpDocumentor/TypeResolver/issues",
+                "source": "https://github.com/phpDocumentor/TypeResolver/tree/1.6.1"
+            },
             "time": "2022-03-15T21:29:03+00:00"
         },
         {
             "name": "phpspec/prophecy",
-            "version": "v1.10.3",
+            "version": "v1.15.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpspec/prophecy.git",
-                "reference": "451c3cd1418cf640de218914901e51b064abb093"
+                "reference": "bbcd7380b0ebf3961ee21409db7b38bc31d69a13"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/phpspec/prophecy/zipball/451c3cd1418cf640de218914901e51b064abb093",
-                "reference": "451c3cd1418cf640de218914901e51b064abb093",
+                "url": "https://api.github.com/repos/phpspec/prophecy/zipball/bbcd7380b0ebf3961ee21409db7b38bc31d69a13",
+                "reference": "bbcd7380b0ebf3961ee21409db7b38bc31d69a13",
                 "shasum": ""
             },
             "require": {
-                "doctrine/instantiator": "^1.0.2",
-                "php": "^5.3|^7.0",
-                "phpdocumentor/reflection-docblock": "^2.0|^3.0.2|^4.0|^5.0",
-                "sebastian/comparator": "^1.2.3|^2.0|^3.0|^4.0",
-                "sebastian/recursion-context": "^1.0|^2.0|^3.0|^4.0"
+                "doctrine/instantiator": "^1.2",
+                "php": "^7.2 || ~8.0, <8.2",
+                "phpdocumentor/reflection-docblock": "^5.2",
+                "sebastian/comparator": "^3.0 || ^4.0",
+                "sebastian/recursion-context": "^3.0 || ^4.0"
             },
             "require-dev": {
-                "phpspec/phpspec": "^2.5 || ^3.2",
-                "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.5 || ^7.1"
+                "phpspec/phpspec": "^6.0 || ^7.0",
+                "phpunit/phpunit": "^8.0 || ^9.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "1.10.x-dev"
+                    "dev-master": "1.x-dev"
                 }
             },
             "autoload": {
@@ -918,46 +925,46 @@
             ],
             "support": {
                 "issues": "https://github.com/phpspec/prophecy/issues",
-                "source": "https://github.com/phpspec/prophecy/tree/v1.10.3"
+                "source": "https://github.com/phpspec/prophecy/tree/v1.15.0"
             },
-            "time": "2020-03-05T15:02:03+00:00"
+            "time": "2021-12-08T12:19:24+00:00"
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "5.3.2",
+            "version": "6.1.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "c89677919c5dd6d3b3852f230a663118762218ac"
+                "reference": "807e6013b00af69b6c5d9ceb4282d0393dbb9d8d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/c89677919c5dd6d3b3852f230a663118762218ac",
-                "reference": "c89677919c5dd6d3b3852f230a663118762218ac",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/807e6013b00af69b6c5d9ceb4282d0393dbb9d8d",
+                "reference": "807e6013b00af69b6c5d9ceb4282d0393dbb9d8d",
                 "shasum": ""
             },
             "require": {
                 "ext-dom": "*",
                 "ext-xmlwriter": "*",
-                "php": "^7.0",
-                "phpunit/php-file-iterator": "^1.4.2",
+                "php": "^7.1",
+                "phpunit/php-file-iterator": "^2.0",
                 "phpunit/php-text-template": "^1.2.1",
-                "phpunit/php-token-stream": "^2.0.1",
+                "phpunit/php-token-stream": "^3.0",
                 "sebastian/code-unit-reverse-lookup": "^1.0.1",
-                "sebastian/environment": "^3.0",
+                "sebastian/environment": "^3.1 || ^4.0",
                 "sebastian/version": "^2.0.1",
                 "theseer/tokenizer": "^1.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^6.0"
+                "phpunit/phpunit": "^7.0"
             },
             "suggest": {
-                "ext-xdebug": "^2.5.5"
+                "ext-xdebug": "^2.6.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "5.3.x-dev"
+                    "dev-master": "6.1-dev"
                 }
             },
             "autoload": {
@@ -985,31 +992,34 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/5.3"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/master"
             },
-            "time": "2018-04-06T15:36:58+00:00"
+            "time": "2018-10-31T16:06:48+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
-            "version": "1.4.5",
+            "version": "2.0.5",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
-                "reference": "730b01bc3e867237eaac355e06a36b85dd93a8b4"
+                "reference": "42c5ba5220e6904cbfe8b1a1bda7c0cfdc8c12f5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/730b01bc3e867237eaac355e06a36b85dd93a8b4",
-                "reference": "730b01bc3e867237eaac355e06a36b85dd93a8b4",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/42c5ba5220e6904cbfe8b1a1bda7c0cfdc8c12f5",
+                "reference": "42c5ba5220e6904cbfe8b1a1bda7c0cfdc8c12f5",
                 "shasum": ""
             },
             "require": {
-                "php": ">=5.3.3"
+                "php": ">=7.1"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^8.5"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "1.4.x-dev"
+                    "dev-master": "2.0.x-dev"
                 }
             },
             "autoload": {
@@ -1024,7 +1034,7 @@
             "authors": [
                 {
                     "name": "Sebastian Bergmann",
-                    "email": "sb@sebastian-bergmann.de",
+                    "email": "sebastian@phpunit.de",
                     "role": "lead"
                 }
             ],
@@ -1035,11 +1045,16 @@
                 "iterator"
             ],
             "support": {
-                "irc": "irc://irc.freenode.net/phpunit",
                 "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
-                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/1.4.5"
+                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/2.0.5"
             },
-            "time": "2017-11-27T13:52:08+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2021-12-02T12:42:26+00:00"
         },
         {
             "name": "phpunit/php-text-template",
@@ -1088,28 +1103,28 @@
         },
         {
             "name": "phpunit/php-timer",
-            "version": "1.0.9",
+            "version": "2.1.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-timer.git",
-                "reference": "3dcf38ca72b158baf0bc245e9184d3fdffa9c46f"
+                "reference": "2454ae1765516d20c4ffe103d85a58a9a3bd5662"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/3dcf38ca72b158baf0bc245e9184d3fdffa9c46f",
-                "reference": "3dcf38ca72b158baf0bc245e9184d3fdffa9c46f",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-timer/zipball/2454ae1765516d20c4ffe103d85a58a9a3bd5662",
+                "reference": "2454ae1765516d20c4ffe103d85a58a9a3bd5662",
                 "shasum": ""
             },
             "require": {
-                "php": "^5.3.3 || ^7.0"
+                "php": ">=7.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^4.8.35 || ^5.7 || ^6.0"
+                "phpunit/phpunit": "^8.5"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "1.0-dev"
+                    "dev-master": "2.1-dev"
                 }
             },
             "autoload": {
@@ -1124,7 +1139,7 @@
             "authors": [
                 {
                     "name": "Sebastian Bergmann",
-                    "email": "sb@sebastian-bergmann.de",
+                    "email": "sebastian@phpunit.de",
                     "role": "lead"
                 }
             ],
@@ -1135,35 +1150,41 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-timer/issues",
-                "source": "https://github.com/sebastianbergmann/php-timer/tree/master"
+                "source": "https://github.com/sebastianbergmann/php-timer/tree/2.1.3"
             },
-            "time": "2017-02-26T11:10:40+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-11-30T08:20:02+00:00"
         },
         {
             "name": "phpunit/php-token-stream",
-            "version": "2.0.2",
+            "version": "3.1.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-token-stream.git",
-                "reference": "791198a2c6254db10131eecfe8c06670700904db"
+                "reference": "9c1da83261628cb24b6a6df371b6e312b3954768"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-token-stream/zipball/791198a2c6254db10131eecfe8c06670700904db",
-                "reference": "791198a2c6254db10131eecfe8c06670700904db",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-token-stream/zipball/9c1da83261628cb24b6a6df371b6e312b3954768",
+                "reference": "9c1da83261628cb24b6a6df371b6e312b3954768",
                 "shasum": ""
             },
             "require": {
                 "ext-tokenizer": "*",
-                "php": "^7.0"
+                "php": ">=7.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^6.2.4"
+                "phpunit/phpunit": "^7.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "2.0-dev"
+                    "dev-master": "3.1-dev"
                 }
             },
             "autoload": {
@@ -1188,60 +1209,66 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-token-stream/issues",
-                "source": "https://github.com/sebastianbergmann/php-token-stream/tree/master"
+                "source": "https://github.com/sebastianbergmann/php-token-stream/tree/3.1.3"
             },
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
             "abandoned": true,
-            "time": "2017-11-27T05:48:46+00:00"
+            "time": "2021-07-26T12:15:06+00:00"
         },
         {
             "name": "phpunit/phpunit",
-            "version": "6.5.14",
+            "version": "7.5.20",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "bac23fe7ff13dbdb461481f706f0e9fe746334b7"
+                "reference": "9467db479d1b0487c99733bb1e7944d32deded2c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/bac23fe7ff13dbdb461481f706f0e9fe746334b7",
-                "reference": "bac23fe7ff13dbdb461481f706f0e9fe746334b7",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/9467db479d1b0487c99733bb1e7944d32deded2c",
+                "reference": "9467db479d1b0487c99733bb1e7944d32deded2c",
                 "shasum": ""
             },
             "require": {
+                "doctrine/instantiator": "^1.1",
                 "ext-dom": "*",
                 "ext-json": "*",
                 "ext-libxml": "*",
                 "ext-mbstring": "*",
                 "ext-xml": "*",
-                "myclabs/deep-copy": "^1.6.1",
-                "phar-io/manifest": "^1.0.1",
-                "phar-io/version": "^1.0",
-                "php": "^7.0",
+                "myclabs/deep-copy": "^1.7",
+                "phar-io/manifest": "^1.0.2",
+                "phar-io/version": "^2.0",
+                "php": "^7.1",
                 "phpspec/prophecy": "^1.7",
-                "phpunit/php-code-coverage": "^5.3",
-                "phpunit/php-file-iterator": "^1.4.3",
+                "phpunit/php-code-coverage": "^6.0.7",
+                "phpunit/php-file-iterator": "^2.0.1",
                 "phpunit/php-text-template": "^1.2.1",
-                "phpunit/php-timer": "^1.0.9",
-                "phpunit/phpunit-mock-objects": "^5.0.9",
-                "sebastian/comparator": "^2.1",
-                "sebastian/diff": "^2.0",
-                "sebastian/environment": "^3.1",
+                "phpunit/php-timer": "^2.1",
+                "sebastian/comparator": "^3.0",
+                "sebastian/diff": "^3.0",
+                "sebastian/environment": "^4.0",
                 "sebastian/exporter": "^3.1",
                 "sebastian/global-state": "^2.0",
                 "sebastian/object-enumerator": "^3.0.3",
-                "sebastian/resource-operations": "^1.0",
+                "sebastian/resource-operations": "^2.0",
                 "sebastian/version": "^2.0.1"
             },
             "conflict": {
-                "phpdocumentor/reflection-docblock": "3.0.2",
-                "phpunit/dbunit": "<3.0"
+                "phpunit/phpunit-mock-objects": "*"
             },
             "require-dev": {
                 "ext-pdo": "*"
             },
             "suggest": {
+                "ext-soap": "*",
                 "ext-xdebug": "*",
-                "phpunit/php-invoker": "^1.1"
+                "phpunit/php-invoker": "^2.0"
             },
             "bin": [
                 "phpunit"
@@ -1249,7 +1276,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "6.5.x-dev"
+                    "dev-master": "7.5-dev"
                 }
             },
             "autoload": {
@@ -1277,95 +1304,36 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/6.5.14"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/7.5.20"
             },
-            "time": "2019-02-01T05:22:47+00:00"
+            "time": "2020-01-08T08:45:45+00:00"
         },
         {
-            "name": "phpunit/phpunit-mock-objects",
-            "version": "5.0.10",
+            "name": "psr/log",
+            "version": "1.1.4",
             "source": {
                 "type": "git",
-                "url": "https://github.com/sebastianbergmann/phpunit-mock-objects.git",
-                "reference": "cd1cf05c553ecfec36b170070573e540b67d3f1f"
+                "url": "https://github.com/php-fig/log.git",
+                "reference": "d49695b909c3b7628b6289db5479a1c204601f11"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit-mock-objects/zipball/cd1cf05c553ecfec36b170070573e540b67d3f1f",
-                "reference": "cd1cf05c553ecfec36b170070573e540b67d3f1f",
+                "url": "https://api.github.com/repos/php-fig/log/zipball/d49695b909c3b7628b6289db5479a1c204601f11",
+                "reference": "d49695b909c3b7628b6289db5479a1c204601f11",
                 "shasum": ""
             },
             "require": {
-                "doctrine/instantiator": "^1.0.5",
-                "php": "^7.0",
-                "phpunit/php-text-template": "^1.2.1",
-                "sebastian/exporter": "^3.1"
-            },
-            "conflict": {
-                "phpunit/phpunit": "<6.0"
-            },
-            "require-dev": {
-                "phpunit/phpunit": "^6.5.11"
-            },
-            "suggest": {
-                "ext-soap": "*"
+                "php": ">=5.3.0"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "5.0.x-dev"
+                    "dev-master": "1.1.x-dev"
                 }
             },
-            "autoload": {
-                "classmap": [
-                    "src/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de",
-                    "role": "lead"
-                }
-            ],
-            "description": "Mock Object library for PHPUnit",
-            "homepage": "https://github.com/sebastianbergmann/phpunit-mock-objects/",
-            "keywords": [
-                "mock",
-                "xunit"
-            ],
-            "support": {
-                "issues": "https://github.com/sebastianbergmann/phpunit-mock-objects/issues",
-                "source": "https://github.com/sebastianbergmann/phpunit-mock-objects/tree/5.0.10"
-            },
-            "abandoned": true,
-            "time": "2018-08-09T05:50:03+00:00"
-        },
-        {
-            "name": "psr/container",
-            "version": "1.1.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/php-fig/container.git",
-                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
-                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2.0"
-            },
-            "type": "library",
             "autoload": {
                 "psr-4": {
-                    "Psr\\Container\\": "src/"
+                    "Psr\\Log\\": "Psr/Log/"
                 }
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -1378,16 +1346,17 @@
                     "homepage": "https://www.php-fig.org/"
                 }
             ],
-            "description": "Common Container Interface (PHP FIG PSR-11)",
-            "homepage": "https://github.com/php-fig/container",
+            "description": "Common interface for logging libraries",
+            "homepage": "https://github.com/php-fig/log",
             "keywords": [
-                "PSR-11",
-                "container",
-                "container-interface",
-                "container-interop",
-                "psr"
+                "log",
+                "psr",
+                "psr-3"
             ],
-            "time": "2021-03-05T17:36:06+00:00"
+            "support": {
+                "source": "https://github.com/php-fig/log/tree/1.1.4"
+            },
+            "time": "2021-05-03T11:20:27+00:00"
         },
         {
             "name": "sebastian/code-unit-reverse-lookup",
@@ -1446,30 +1415,30 @@
         },
         {
             "name": "sebastian/comparator",
-            "version": "2.1.3",
+            "version": "3.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/comparator.git",
-                "reference": "34369daee48eafb2651bea869b4b15d75ccc35f9"
+                "reference": "1071dfcef776a57013124ff35e1fc41ccd294758"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/34369daee48eafb2651bea869b4b15d75ccc35f9",
-                "reference": "34369daee48eafb2651bea869b4b15d75ccc35f9",
+                "url": "https://api.github.com/repos/sebastianbergmann/comparator/zipball/1071dfcef776a57013124ff35e1fc41ccd294758",
+                "reference": "1071dfcef776a57013124ff35e1fc41ccd294758",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.0",
-                "sebastian/diff": "^2.0 || ^3.0",
+                "php": ">=7.1",
+                "sebastian/diff": "^3.0",
                 "sebastian/exporter": "^3.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^6.4"
+                "phpunit/phpunit": "^8.5"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "2.1.x-dev"
+                    "dev-master": "3.0-dev"
                 }
             },
             "autoload": {
@@ -1482,6 +1451,10 @@
                 "BSD-3-Clause"
             ],
             "authors": [
+                {
+                    "name": "Sebastian Bergmann",
+                    "email": "sebastian@phpunit.de"
+                },
                 {
                     "name": "Jeff Welch",
                     "email": "whatthejeff@gmail.com"
@@ -1493,10 +1466,6 @@
                 {
                     "name": "Bernhard Schussek",
                     "email": "bschussek@2bepublished.at"
-                },
-                {
-                    "name": "Sebastian Bergmann",
-                    "email": "sebastian@phpunit.de"
                 }
             ],
             "description": "Provides the functionality to compare PHP values for equality",
@@ -1508,34 +1477,41 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/comparator/issues",
-                "source": "https://github.com/sebastianbergmann/comparator/tree/master"
+                "source": "https://github.com/sebastianbergmann/comparator/tree/3.0.3"
             },
-            "time": "2018-02-01T13:46:46+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-11-30T08:04:30+00:00"
         },
         {
             "name": "sebastian/diff",
-            "version": "2.0.1",
+            "version": "3.0.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/diff.git",
-                "reference": "347c1d8b49c5c3ee30c7040ea6fc446790e6bddd"
+                "reference": "14f72dd46eaf2f2293cbe79c93cc0bc43161a211"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/347c1d8b49c5c3ee30c7040ea6fc446790e6bddd",
-                "reference": "347c1d8b49c5c3ee30c7040ea6fc446790e6bddd",
+                "url": "https://api.github.com/repos/sebastianbergmann/diff/zipball/14f72dd46eaf2f2293cbe79c93cc0bc43161a211",
+                "reference": "14f72dd46eaf2f2293cbe79c93cc0bc43161a211",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.0"
+                "php": ">=7.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^6.2"
+                "phpunit/phpunit": "^7.5 || ^8.0",
+                "symfony/process": "^2 || ^3.3 || ^4"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "2.0-dev"
+                    "dev-master": "3.0-dev"
                 }
             },
             "autoload": {
@@ -1548,50 +1524,62 @@
                 "BSD-3-Clause"
             ],
             "authors": [
-                {
-                    "name": "Kore Nordmann",
-                    "email": "mail@kore-nordmann.de"
-                },
                 {
                     "name": "Sebastian Bergmann",
                     "email": "sebastian@phpunit.de"
+                },
+                {
+                    "name": "Kore Nordmann",
+                    "email": "mail@kore-nordmann.de"
                 }
             ],
             "description": "Diff implementation",
             "homepage": "https://github.com/sebastianbergmann/diff",
             "keywords": [
-                "diff"
+                "diff",
+                "udiff",
+                "unidiff",
+                "unified diff"
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/diff/issues",
-                "source": "https://github.com/sebastianbergmann/diff/tree/master"
+                "source": "https://github.com/sebastianbergmann/diff/tree/3.0.3"
             },
-            "time": "2017-08-03T08:09:46+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-11-30T07:59:04+00:00"
         },
         {
             "name": "sebastian/environment",
-            "version": "3.1.0",
+            "version": "4.2.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/environment.git",
-                "reference": "cd0871b3975fb7fc44d11314fd1ee20925fce4f5"
+                "reference": "d47bbbad83711771f167c72d4e3f25f7fcc1f8b0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/cd0871b3975fb7fc44d11314fd1ee20925fce4f5",
-                "reference": "cd0871b3975fb7fc44d11314fd1ee20925fce4f5",
+                "url": "https://api.github.com/repos/sebastianbergmann/environment/zipball/d47bbbad83711771f167c72d4e3f25f7fcc1f8b0",
+                "reference": "d47bbbad83711771f167c72d4e3f25f7fcc1f8b0",
                 "shasum": ""
             },
             "require": {
-                "php": "^7.0"
+                "php": ">=7.1"
             },
             "require-dev": {
-                "phpunit/phpunit": "^6.1"
+                "phpunit/phpunit": "^7.5"
+            },
+            "suggest": {
+                "ext-posix": "*"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "3.1.x-dev"
+                    "dev-master": "4.2-dev"
                 }
             },
             "autoload": {
@@ -1618,9 +1606,15 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/environment/issues",
-                "source": "https://github.com/sebastianbergmann/environment/tree/master"
+                "source": "https://github.com/sebastianbergmann/environment/tree/4.2.4"
             },
-            "time": "2017-07-01T08:51:00+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-11-30T07:53:42+00:00"
         },
         {
             "name": "sebastian/exporter",
@@ -1931,25 +1925,25 @@
         },
         {
             "name": "sebastian/resource-operations",
-            "version": "1.0.0",
+            "version": "2.0.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/resource-operations.git",
-                "reference": "ce990bb21759f94aeafd30209e8cfcdfa8bc3f52"
+                "reference": "31d35ca87926450c44eae7e2611d45a7a65ea8b3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/resource-operations/zipball/ce990bb21759f94aeafd30209e8cfcdfa8bc3f52",
-                "reference": "ce990bb21759f94aeafd30209e8cfcdfa8bc3f52",
+                "url": "https://api.github.com/repos/sebastianbergmann/resource-operations/zipball/31d35ca87926450c44eae7e2611d45a7a65ea8b3",
+                "reference": "31d35ca87926450c44eae7e2611d45a7a65ea8b3",
                 "shasum": ""
             },
             "require": {
-                "php": ">=5.6.0"
+                "php": ">=7.1"
             },
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-master": "1.0.x-dev"
+                    "dev-master": "2.0-dev"
                 }
             },
             "autoload": {
@@ -1971,9 +1965,15 @@
             "homepage": "https://www.github.com/sebastianbergmann/resource-operations",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/resource-operations/issues",
-                "source": "https://github.com/sebastianbergmann/resource-operations/tree/master"
+                "source": "https://github.com/sebastianbergmann/resource-operations/tree/2.0.2"
             },
-            "time": "2015-07-28T20:34:47+00:00"
+            "funding": [
+                {
+                    "url": "https://github.com/sebastianbergmann",
+                    "type": "github"
+                }
+            ],
+            "time": "2020-11-30T07:30:19+00:00"
         },
         {
             "name": "sebastian/version",
@@ -2080,46 +2080,37 @@
         },
         {
             "name": "symfony/console",
-            "version": "v5.4.7",
+            "version": "v3.4.47",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "900275254f0a1a2afff1ab0e11abd5587a10e1d6"
+                "reference": "a10b1da6fc93080c180bba7219b5ff5b7518fe81"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/900275254f0a1a2afff1ab0e11abd5587a10e1d6",
-                "reference": "900275254f0a1a2afff1ab0e11abd5587a10e1d6",
+                "url": "https://api.github.com/repos/symfony/console/zipball/a10b1da6fc93080c180bba7219b5ff5b7518fe81",
+                "reference": "a10b1da6fc93080c180bba7219b5ff5b7518fe81",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.2.5",
-                "symfony/deprecation-contracts": "^2.1|^3",
-                "symfony/polyfill-mbstring": "~1.0",
-                "symfony/polyfill-php73": "^1.9",
-                "symfony/polyfill-php80": "^1.16",
-                "symfony/service-contracts": "^1.1|^2|^3",
-                "symfony/string": "^5.1|^6.0"
+                "php": "^5.5.9|>=7.0.8",
+                "symfony/debug": "~2.8|~3.0|~4.0",
+                "symfony/polyfill-mbstring": "~1.0"
             },
             "conflict": {
-                "psr/log": ">=3",
-                "symfony/dependency-injection": "<4.4",
-                "symfony/dotenv": "<5.1",
-                "symfony/event-dispatcher": "<4.4",
-                "symfony/lock": "<4.4",
-                "symfony/process": "<4.4"
+                "symfony/dependency-injection": "<3.4",
+                "symfony/process": "<3.3"
             },
             "provide": {
-                "psr/log-implementation": "1.0|2.0"
+                "psr/log-implementation": "1.0"
             },
             "require-dev": {
-                "psr/log": "^1|^2",
-                "symfony/config": "^4.4|^5.0|^6.0",
-                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
-                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
-                "symfony/lock": "^4.4|^5.0|^6.0",
-                "symfony/process": "^4.4|^5.0|^6.0",
-                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+                "psr/log": "~1.0",
+                "symfony/config": "~3.3|~4.0",
+                "symfony/dependency-injection": "~3.4|~4.0",
+                "symfony/event-dispatcher": "~2.8|~3.0|~4.0",
+                "symfony/lock": "~3.4|~4.0",
+                "symfony/process": "~3.3|~4.0"
             },
             "suggest": {
                 "psr/log": "For using the console logger",
@@ -2150,14 +2141,11 @@
                     "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "description": "Symfony Console Component",
             "homepage": "https://symfony.com",
-            "keywords": [
-                "cli",
-                "command line",
-                "console",
-                "terminal"
-            ],
+            "support": {
+                "source": "https://github.com/symfony/console/tree/v3.4.47"
+            },
             "funding": [
                 {
                     "url": "https://symfony.com/sponsor",
@@ -2172,38 +2160,39 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-03-31T17:09:19+00:00"
+            "time": "2020-10-24T10:57:07+00:00"
         },
         {
-            "name": "symfony/deprecation-contracts",
-            "version": "v2.5.1",
+            "name": "symfony/debug",
+            "version": "v4.4.37",
             "source": {
                 "type": "git",
-                "url": "https://github.com/symfony/deprecation-contracts.git",
-                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+                "url": "https://github.com/symfony/debug.git",
+                "reference": "5de6c6e7f52b364840e53851c126be4d71e60470"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
-                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "url": "https://api.github.com/repos/symfony/debug/zipball/5de6c6e7f52b364840e53851c126be4d71e60470",
+                "reference": "5de6c6e7f52b364840e53851c126be4d71e60470",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.1"
+                "php": ">=7.1.3",
+                "psr/log": "^1|^2|^3"
+            },
+            "conflict": {
+                "symfony/http-kernel": "<3.4"
+            },
+            "require-dev": {
+                "symfony/http-kernel": "^3.4|^4.0|^5.0"
             },
             "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "2.5-dev"
-                },
-                "thanks": {
-                    "name": "symfony/contracts",
-                    "url": "https://github.com/symfony/contracts"
-                }
-            },
             "autoload": {
-                "files": [
-                    "function.php"
+                "psr-4": {
+                    "Symfony\\Component\\Debug\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
                 ]
             },
             "notification-url": "https://packagist.org/downloads/",
@@ -2212,16 +2201,19 @@
             ],
             "authors": [
                 {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
                 },
                 {
                     "name": "Symfony Community",
                     "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "A generic function and convention to trigger deprecation notices",
+            "description": "Provides tools to ease debugging PHP code",
             "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/debug/tree/v4.4.37"
+            },
             "funding": [
                 {
                     "url": "https://symfony.com/sponsor",
@@ -2236,7 +2228,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-01-02T09:53:40+00:00"
+            "time": "2022-01-02T09:41:36+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
@@ -2320,165 +2312,6 @@
             ],
             "time": "2021-10-20T20:35:02+00:00"
         },
-        {
-            "name": "symfony/polyfill-intl-grapheme",
-            "version": "v1.25.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
-                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
-                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1"
-            },
-            "suggest": {
-                "ext-intl": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "1.23-dev"
-                },
-                "thanks": {
-                    "name": "symfony/polyfill",
-                    "url": "https://github.com/symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for intl's grapheme_* functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "grapheme",
-                "intl",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2021-11-23T21:10:46+00:00"
-        },
-        {
-            "name": "symfony/polyfill-intl-normalizer",
-            "version": "v1.25.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
-                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
-                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1"
-            },
-            "suggest": {
-                "ext-intl": "For best performance"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "1.23-dev"
-                },
-                "thanks": {
-                    "name": "symfony/polyfill",
-                    "url": "https://github.com/symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill for intl's Normalizer class and related functions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "intl",
-                "normalizer",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2021-02-19T12:13:01+00:00"
-        },
         {
             "name": "symfony/polyfill-mbstring",
             "version": "v1.25.0",
@@ -2543,6 +2376,9 @@
                 "portable",
                 "shim"
             ],
+            "support": {
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.25.0"
+            },
             "funding": [
                 {
                     "url": "https://symfony.com/sponsor",
@@ -2559,179 +2395,22 @@
             ],
             "time": "2021-11-30T18:21:41+00:00"
         },
-        {
-            "name": "symfony/polyfill-php73",
-            "version": "v1.25.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php73.git",
-                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
-                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "1.23-dev"
-                },
-                "thanks": {
-                    "name": "symfony/polyfill",
-                    "url": "https://github.com/symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php73\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2021-06-05T21:20:04+00:00"
-        },
-        {
-            "name": "symfony/polyfill-php80",
-            "version": "v1.25.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/polyfill-php80.git",
-                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
-                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.1"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "1.23-dev"
-                },
-                "thanks": {
-                    "name": "symfony/polyfill",
-                    "url": "https://github.com/symfony/polyfill"
-                }
-            },
-            "autoload": {
-                "files": [
-                    "bootstrap.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Polyfill\\Php80\\": ""
-                },
-                "classmap": [
-                    "Resources/stubs"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Ion Bazan",
-                    "email": "ion.bazan@gmail.com"
-                },
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "compatibility",
-                "polyfill",
-                "portable",
-                "shim"
-            ],
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2022-03-04T08:16:47+00:00"
-        },
         {
             "name": "symfony/process",
-            "version": "v5.4.7",
+            "version": "v3.4.47",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "38a44b2517b470a436e1c944bf9b9ba3961137fb"
+                "reference": "b8648cf1d5af12a44a51d07ef9bf980921f15fca"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/38a44b2517b470a436e1c944bf9b9ba3961137fb",
-                "reference": "38a44b2517b470a436e1c944bf9b9ba3961137fb",
+                "url": "https://api.github.com/repos/symfony/process/zipball/b8648cf1d5af12a44a51d07ef9bf980921f15fca",
+                "reference": "b8648cf1d5af12a44a51d07ef9bf980921f15fca",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.2.5",
-                "symfony/polyfill-php80": "^1.16"
+                "php": "^5.5.9|>=7.0.8"
             },
             "type": "library",
             "autoload": {
@@ -2756,8 +2435,11 @@
                     "homepage": "https://symfony.com/contributors"
                 }
             ],
-            "description": "Executes commands in sub-processes",
+            "description": "Symfony Process Component",
             "homepage": "https://symfony.com",
+            "support": {
+                "source": "https://github.com/symfony/process/tree/v3.4.47"
+            },
             "funding": [
                 {
                     "url": "https://symfony.com/sponsor",
@@ -2772,170 +2454,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-03-18T16:18:52+00:00"
-        },
-        {
-            "name": "symfony/service-contracts",
-            "version": "v2.5.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/service-contracts.git",
-                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
-                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2.5",
-                "psr/container": "^1.1",
-                "symfony/deprecation-contracts": "^2.1|^3"
-            },
-            "conflict": {
-                "ext-psr": "<1.1|>=2"
-            },
-            "suggest": {
-                "symfony/service-implementation": ""
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-main": "2.5-dev"
-                },
-                "thanks": {
-                    "name": "symfony/contracts",
-                    "url": "https://github.com/symfony/contracts"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "Symfony\\Contracts\\Service\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Generic abstractions related to writing services",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "abstractions",
-                "contracts",
-                "decoupling",
-                "interfaces",
-                "interoperability",
-                "standards"
-            ],
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2022-03-13T20:07:29+00:00"
-        },
-        {
-            "name": "symfony/string",
-            "version": "v5.4.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/symfony/string.git",
-                "reference": "92043b7d8383e48104e411bc9434b260dbeb5a10"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/92043b7d8383e48104e411bc9434b260dbeb5a10",
-                "reference": "92043b7d8383e48104e411bc9434b260dbeb5a10",
-                "shasum": ""
-            },
-            "require": {
-                "php": ">=7.2.5",
-                "symfony/polyfill-ctype": "~1.8",
-                "symfony/polyfill-intl-grapheme": "~1.0",
-                "symfony/polyfill-intl-normalizer": "~1.0",
-                "symfony/polyfill-mbstring": "~1.0",
-                "symfony/polyfill-php80": "~1.15"
-            },
-            "conflict": {
-                "symfony/translation-contracts": ">=3.0"
-            },
-            "require-dev": {
-                "symfony/error-handler": "^4.4|^5.0|^6.0",
-                "symfony/http-client": "^4.4|^5.0|^6.0",
-                "symfony/translation-contracts": "^1.1|^2",
-                "symfony/var-exporter": "^4.4|^5.0|^6.0"
-            },
-            "type": "library",
-            "autoload": {
-                "files": [
-                    "Resources/functions.php"
-                ],
-                "psr-4": {
-                    "Symfony\\Component\\String\\": ""
-                },
-                "exclude-from-classmap": [
-                    "/Tests/"
-                ]
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Nicolas Grekas",
-                    "email": "p@tchwork.com"
-                },
-                {
-                    "name": "Symfony Community",
-                    "homepage": "https://symfony.com/contributors"
-                }
-            ],
-            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
-            "homepage": "https://symfony.com",
-            "keywords": [
-                "grapheme",
-                "i18n",
-                "string",
-                "unicode",
-                "utf-8",
-                "utf8"
-            ],
-            "funding": [
-                {
-                    "url": "https://symfony.com/sponsor",
-                    "type": "custom"
-                },
-                {
-                    "url": "https://github.com/fabpot",
-                    "type": "github"
-                },
-                {
-                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
-                    "type": "tidelift"
-                }
-            ],
-            "time": "2022-01-02T09:53:40+00:00"
+            "time": "2020-10-24T10:57:07+00:00"
         },
         {
             "name": "theseer/tokenizer",
@@ -3047,28 +2566,28 @@
         },
         {
             "name": "wikimedia/at-ease",
-            "version": "v2.1.0",
+            "version": "v2.0.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/wikimedia/at-ease.git",
-                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+                "reference": "013ac61929797839c80a111a3f1a4710d8248e7a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
-                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/013ac61929797839c80a111a3f1a4710d8248e7a",
+                "reference": "013ac61929797839c80a111a3f1a4710d8248e7a",
                 "shasum": ""
             },
             "require": {
-                "php": ">=7.2.9"
+                "php": ">=5.6.99"
             },
             "require-dev": {
-                "mediawiki/mediawiki-codesniffer": "35.0.0",
-                "mediawiki/minus-x": "1.1.1",
-                "ockcyp/covers-validator": "1.3.3",
-                "php-parallel-lint/php-console-highlighter": "0.5.0",
-                "php-parallel-lint/php-parallel-lint": "1.2.0",
-                "phpunit/phpunit": "^8.5"
+                "jakub-onderka/php-console-highlighter": "0.3.2",
+                "jakub-onderka/php-parallel-lint": "1.0.0",
+                "mediawiki/mediawiki-codesniffer": "22.0.0",
+                "mediawiki/minus-x": "0.3.1",
+                "ockcyp/covers-validator": "0.5.1 || 0.6.1",
+                "phpunit/phpunit": "4.8.36 || ^6.5"
             },
             "type": "library",
             "autoload": {
@@ -3095,7 +2614,10 @@
             ],
             "description": "Safe replacement to @ for suppressing warnings.",
             "homepage": "https://www.mediawiki.org/wiki/at-ease",
-            "time": "2021-02-27T15:53:37+00:00"
+            "support": {
+                "source": "https://github.com/wikimedia/at-ease/tree/master"
+            },
+            "time": "2018-10-10T15:39:06+00:00"
         },
         {
             "name": "woocommerce/woocommerce-sniffs",
@@ -3200,5 +2722,8 @@
     "prefer-lowest": false,
     "platform": [],
     "platform-dev": [],
-    "plugin-api-version": "1.1.0"
+    "platform-overrides": {
+        "php": "7.2"
+    },
+    "plugin-api-version": "2.3.0"
 }

From 000f14be4a4d170a92c27ac0939e4168e3e0713d Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 29 Apr 2022 11:56:39 -0700
Subject: [PATCH 291/327] Fixed Tabs

---
 packages/js/api/package.json                  | 120 +++++++++---------
 packages/js/e2e-environment/package.json      |   2 +-
 plugins/woocommerce-beta-tester/composer.json |  92 +++++++-------
 plugins/woocommerce-beta-tester/package.json  |   2 +-
 4 files changed, 108 insertions(+), 108 deletions(-)

diff --git a/packages/js/api/package.json b/packages/js/api/package.json
index 24283608cdc..635ca90ee02 100644
--- a/packages/js/api/package.json
+++ b/packages/js/api/package.json
@@ -1,62 +1,62 @@
 {
-  "name": "@woocommerce/api",
-  "version": "0.2.0",
-  "author": "Automattic",
-  "description": "A simple interface for interacting with a WooCommerce installation.",
-  "homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/api/README.md",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "keywords": [
-    "woocommerce",
-    "e2e"
-  ],
-  "license": "GPL-3.0+",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "/dist/",
-    "!*.ts.map",
-    "!*.tsbuildinfo",
-    "!/dist/**/__tests__/",
-    "!/dist/**/__mocks__/",
-    "!/dist/**/__snapshops__/",
-    "!/dist/**/__test_data__/"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
-    "compile": "tsc -b",
-    "build": "pnpm run clean && npm run compile",
-    "prepack": "pnpm run build",
-    "lint": "eslint src",
-	"lint:fix": "eslint src --fix",
-    "test": "jest"
-  },
-  "dependencies": {
-    "axios": "^0.24.0",
-    "create-hmac": "1.1.7",
-    "oauth-1.0a": "2.2.6"
-  },
-  "devDependencies": {
-    "@types/create-hmac": "1.1.0",
-    "@types/jest": "^27.0.2",
-    "@types/node": "13.13.5",
-    "@typescript-eslint/eslint-plugin": "^5.3.1",
-    "@typescript-eslint/parser": "^5.3.1",
-    "axios-mock-adapter": "^1.20.0",
-    "eslint": "^8.2.0",
-    "jest": "^25",
-    "ts-jest": "^25",
-    "typescript": "^4.4.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-	"*.(t|j)s?(x)": [
-		"eslint --fix"
-	]
-  }
+	"name": "@woocommerce/api",
+	"version": "0.2.0",
+	"author": "Automattic",
+	"description": "A simple interface for interacting with a WooCommerce installation.",
+	"homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/api/README.md",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"keywords": [
+		"woocommerce",
+		"e2e"
+	],
+	"license": "GPL-3.0+",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"/dist/",
+		"!*.ts.map",
+		"!*.tsbuildinfo",
+		"!/dist/**/__tests__/",
+		"!/dist/**/__mocks__/",
+		"!/dist/**/__snapshops__/",
+		"!/dist/**/__test_data__/"
+	],
+	"sideEffects": false,
+	"scripts": {
+		"clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
+		"compile": "tsc -b",
+		"build": "pnpm run clean && npm run compile",
+		"prepack": "pnpm run build",
+		"lint": "eslint src",
+		"lint:fix": "eslint src --fix",
+		"test": "jest"
+	},
+	"dependencies": {
+		"axios": "^0.24.0",
+		"create-hmac": "1.1.7",
+		"oauth-1.0a": "2.2.6"
+	},
+	"devDependencies": {
+		"@types/create-hmac": "1.1.0",
+		"@types/jest": "^27.0.2",
+		"@types/node": "13.13.5",
+		"@typescript-eslint/eslint-plugin": "^5.3.1",
+		"@typescript-eslint/parser": "^5.3.1",
+		"axios-mock-adapter": "^1.20.0",
+		"eslint": "^8.2.0",
+		"jest": "^25",
+		"ts-jest": "^25",
+		"typescript": "^4.4.4"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"pnpm lint:fix"
+		]
+	}
 }
diff --git a/packages/js/e2e-environment/package.json b/packages/js/e2e-environment/package.json
index 287f7bc6403..dc54e84414f 100644
--- a/packages/js/e2e-environment/package.json
+++ b/packages/js/e2e-environment/package.json
@@ -67,7 +67,7 @@
     "build": "pnpm run clean && pnpm run compile",
     "prepack": "pnpm run build",
     "docker:up": "./bin/docker-compose.sh up",
-	  "docker:wait": "bash ./bin/wait-for-build.sh",
+	"docker:wait": "bash ./bin/wait-for-build.sh",
     "docker:down": "./bin/docker-compose.sh down",
     "docker:clear-all": "docker rmi --force $(docker images -q)",
     "docker:ssh": "docker exec -it $(node utils/get-app-name.js)_wordpress-www /bin/bash",
diff --git a/plugins/woocommerce-beta-tester/composer.json b/plugins/woocommerce-beta-tester/composer.json
index 53cdba20d5f..d019fa7d79a 100644
--- a/plugins/woocommerce-beta-tester/composer.json
+++ b/plugins/woocommerce-beta-tester/composer.json
@@ -1,40 +1,40 @@
 {
-  "name": "woocommerce/woocommerce-beta-tester",
-  "description": "Run the beta versions of WooCommerce.",
-  "homepage": "https://woocommerce.com/",
-  "type": "wordpress-plugin",
-  "license": "GPL-3.0-or-later",
-  "prefer-stable": true,
-  "minimum-stability": "dev",
-  "require": {
-    "composer/installers": "~1.7"
-  },
-  "require-dev": {
-    "phpunit/phpunit": "^6.5 || ^7.5",
-    "woocommerce/woocommerce-sniffs": "^0.1.2",
-    "automattic/jetpack-changelogger": "3.0.2"
-  },
-  "scripts": {
-    "test": [
-      "phpunit"
-    ],
-    "phpcs": [
-      "phpcs -s -p"
-    ],
-    "phpcs-pre-commit": [
-      "phpcs -s -p -n"
-    ],
-    "phpcbf": [
-      "phpcbf -p"
-    ]
-  },
-  "extra": {
-    "scripts-description": {
-      "test": "Run unit tests",
-      "phpcs": "Analyze code against the WordPress coding standards with PHP_CodeSniffer",
-      "phpcbf": "Fix coding standards warnings/errors automatically with PHP Code Beautifier"
-    },
-    "changelogger": {
+	"name": "woocommerce/woocommerce-beta-tester",
+	"description": "Run the beta versions of WooCommerce.",
+	"homepage": "https://woocommerce.com/",
+	"type": "wordpress-plugin",
+	"license": "GPL-3.0-or-later",
+	"prefer-stable": true,
+	"minimum-stability": "dev",
+	"require": {
+		"composer/installers": "~1.7"
+	},
+	"require-dev": {
+		"phpunit/phpunit": "^6.5 || ^7.5",
+		"woocommerce/woocommerce-sniffs": "^0.1.2",
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"scripts": {
+		"test": [
+			"phpunit"
+		],
+		"phpcs": [
+			"phpcs -s -p"
+		],
+		"phpcs-pre-commit": [
+			"phpcs -s -p -n"
+		],
+		"phpcbf": [
+			"phpcbf -p"
+		]
+	},
+	"extra": {
+		"scripts-description": {
+			"test": "Run unit tests",
+			"phpcs": "Analyze code against the WordPress coding standards with PHP_CodeSniffer",
+			"phpcbf": "Fix coding standards warnings/errors automatically with PHP Code Beautifier"
+		},
+		"changelogger": {
 			"formatter": {
 				"filename": "../../tools/changelogger/PluginFormatter.php"
 			},
@@ -50,14 +50,14 @@
 			"versioning": "wordpress",
 			"changelog": "NEXT_CHANGELOG.md"
 		}
-  },
-  "config": {
-    "platform": {
-      "php": "7.2"
+	},
+	"config": {
+		"platform": {
+			"php": "7.2"
 		},
-    "allow-plugins": {
-      "composer/installers": true,
-      "dealerdirect/phpcodesniffer-composer-installer": true
-    }
-  }
-}
+		"allow-plugins": {
+			"composer/installers": true,
+			"dealerdirect/phpcodesniffer-composer-installer": true
+		}
+	}
+}
\ No newline at end of file
diff --git a/plugins/woocommerce-beta-tester/package.json b/plugins/woocommerce-beta-tester/package.json
index 074bb79623d..2c67bd94e0c 100644
--- a/plugins/woocommerce-beta-tester/package.json
+++ b/plugins/woocommerce-beta-tester/package.json
@@ -23,7 +23,7 @@
 		}
 	},
 	"scripts": {
-    "postinstall": "composer install",
+    	"postinstall": "composer install",
 		"build": "pnpm run uglify",
 		"build:zip": "./bin/build-zip.sh",
 		"build:dev": "pnpm run lint:js && pnpm run uglify",

From 21eee1ab14fc2d784c37430f1100267ca7d47e21 Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 29 Apr 2022 13:24:05 -0700
Subject: [PATCH 292/327] Added Changelog

---
 .../woocommerce/changelog/refactor-standardize-postinstall   | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/refactor-standardize-postinstall

diff --git a/plugins/woocommerce/changelog/refactor-standardize-postinstall b/plugins/woocommerce/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..ef95c5bd214
--- /dev/null
+++ b/plugins/woocommerce/changelog/refactor-standardize-postinstall
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: Tooling change
+
+

From 84334c149beae3b04263682cb5ccfb6068a04995 Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 29 Apr 2022 13:31:19 -0700
Subject: [PATCH 293/327] Fixed Linting Errors

---
 .github/workflows/pr-lint-test-js.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/pr-lint-test-js.yml b/.github/workflows/pr-lint-test-js.yml
index ab086f3cc51..bec3b6e506b 100644
--- a/.github/workflows/pr-lint-test-js.yml
+++ b/.github/workflows/pr-lint-test-js.yml
@@ -37,6 +37,7 @@ jobs:
 
       - name: Lint
         run: |
+          pnpm nx build woocommerce-admin
           pnpm nx lint woocommerce-admin
           pnpm nx lint:js-packages woocommerce-admin
 

From 7dc9c203f8f8ef14d41dbaf7e16744cbfd5d0511 Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 29 Apr 2022 15:04:41 -0700
Subject: [PATCH 294/327] Added Missing `postinstall` Scripts

---
 packages/js/api-core-tests/package.json  |  81 +++++------
 packages/js/api/package.json             |   1 +
 packages/js/e2e-core-tests/package.json  |  91 ++++++------
 packages/js/e2e-environment/package.json | 167 ++++++++++++-----------
 packages/js/e2e-utils/package.json       |  97 ++++++-------
 5 files changed, 221 insertions(+), 216 deletions(-)

diff --git a/packages/js/api-core-tests/package.json b/packages/js/api-core-tests/package.json
index f83420e77d3..379b2b82f3a 100644
--- a/packages/js/api-core-tests/package.json
+++ b/packages/js/api-core-tests/package.json
@@ -1,42 +1,43 @@
 {
-  "name": "@woocommerce/api-core-tests",
-  "version": "0.1.0",
-  "description": "API tests for WooCommerce",
-  "main": "index.js",
-  "scripts": {
-    "test": "jest",
-    "test:api": "jest --group=api",
-    "test:hello": "jest --group=hello",
-    "make:collection": "node utils/api-collection/build-collection.js",
-	"report": "allure generate --clean && allure serve"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/woocommerce/woocommerce.git"
-  },
-  "license": "GPL-3.0+",
-  "bugs": {
-    "url": "https://github.com/woocommerce/woocommerce/issues"
-  },
-  "homepage": "https://github.com/woocommerce/woocommerce#readme",
-  "dependencies": {
-    "allure-commandline": "^2.17.2",
-    "dotenv": "^10.0.0",
-    "jest": "^25.1.0",
-    "jest-allure": "^0.1.3",
-    "jest-runner-groups": "^2.1.0",
-    "postman-collection": "^4.1.0",
-    "supertest": "^6.1.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "bin": {
-    "wc-api-tests": "bin/wc-api-tests.sh"
-  },
-  "lint-staged": {
-	"*.(t|j)s?(x)": [
-		"eslint --fix"
-	]
-  }
+	"name": "@woocommerce/api-core-tests",
+	"version": "0.1.0",
+	"description": "API tests for WooCommerce",
+	"main": "index.js",
+	"scripts": {
+		"postinstall": "composer install",
+		"test": "jest",
+		"test:api": "jest --group=api",
+		"test:hello": "jest --group=hello",
+		"make:collection": "node utils/api-collection/build-collection.js",
+		"report": "allure generate --clean && allure serve"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/woocommerce/woocommerce.git"
+	},
+	"license": "GPL-3.0+",
+	"bugs": {
+		"url": "https://github.com/woocommerce/woocommerce/issues"
+	},
+	"homepage": "https://github.com/woocommerce/woocommerce#readme",
+	"dependencies": {
+		"allure-commandline": "^2.17.2",
+		"dotenv": "^10.0.0",
+		"jest": "^25.1.0",
+		"jest-allure": "^0.1.3",
+		"jest-runner-groups": "^2.1.0",
+		"postman-collection": "^4.1.0",
+		"supertest": "^6.1.4"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"bin": {
+		"wc-api-tests": "bin/wc-api-tests.sh"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"eslint --fix"
+		]
+	}
 }
diff --git a/packages/js/api/package.json b/packages/js/api/package.json
index 635ca90ee02..ae4d62ab58c 100644
--- a/packages/js/api/package.json
+++ b/packages/js/api/package.json
@@ -26,6 +26,7 @@
 	],
 	"sideEffects": false,
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "rm -rf ./dist ./tsconfig.tsbuildinfo",
 		"compile": "tsc -b",
 		"build": "pnpm run clean && npm run compile",
diff --git a/packages/js/e2e-core-tests/package.json b/packages/js/e2e-core-tests/package.json
index fb37110be11..10ddf9fa9a1 100644
--- a/packages/js/e2e-core-tests/package.json
+++ b/packages/js/e2e-core-tests/package.json
@@ -1,29 +1,29 @@
 {
-  "name": "@woocommerce/e2e-core-tests",
-  "version": "0.2.0",
-  "description": "End-To-End (E2E) tests for WooCommerce",
-  "homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/e2e-core-tests/README.md",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "license": "GPL-3.0+",
-  "main": "build/index.js",
-  "module": "build-module/index.js",
-  "files": [
-	"build",
-	"build-module",
-	"test-data",
-	"core-tests-root.js",
-	"installFiles",
-	"CHANGELOG.md"
-  ],
-  "dependencies": {
-    "@jest/globals": "^26.4.2",
-    "@wordpress/deprecated": "^3.2.3",
-    "config": "3.3.3"
-  },
-  "devDependencies": {
+	"name": "@woocommerce/e2e-core-tests",
+	"version": "0.2.0",
+	"description": "End-To-End (E2E) tests for WooCommerce",
+	"homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/e2e-core-tests/README.md",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"license": "GPL-3.0+",
+	"main": "build/index.js",
+	"module": "build-module/index.js",
+	"files": [
+		"build",
+		"build-module",
+		"test-data",
+		"core-tests-root.js",
+		"installFiles",
+		"CHANGELOG.md"
+	],
+	"dependencies": {
+		"@jest/globals": "^26.4.2",
+		"@wordpress/deprecated": "^3.2.3",
+		"config": "3.3.3"
+	},
+	"devDependencies": {
 	"@babel/cli": "7.12.8",
 	"@babel/core": "7.12.9",
 	"@babel/plugin-proposal-async-generator-functions": "^7.16.4",
@@ -32,27 +32,28 @@
 	"@babel/plugin-transform-runtime": "^7.16.4",
 	"@babel/polyfill": "7.12.1",
 	"@babel/preset-env": "7.12.7",
-  "@woocommerce/e2e-builds": "workspace:*",
+	"@woocommerce/e2e-builds": "workspace:*",
 	"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
 	"@wordpress/babel-preset-default": "3.0.2",
 	"@wordpress/browserslist-config": "^4.1.0"
-  },
-  "peerDependencies": {
-    "@woocommerce/api": "^0.2.0",
-    "@woocommerce/e2e-utils": "^0.1.6"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-	"prepack": "pnpm run build",
-	"clean": "rm -rf ./build ./build-module",
-  "compile": "e2e-builds",
-	"build": "./bin/build.sh && pnpm run clean && pnpm run compile"
-  },
-  "lint-staged": {
-	"*.(t|j)s?(x)": [
-		"eslint --fix"
-	]
-  }
+	},
+	"peerDependencies": {
+		"@woocommerce/api": "^0.2.0",
+		"@woocommerce/e2e-utils": "^0.1.6"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"postinstall": "composer install",
+		"prepack": "pnpm run build",
+		"clean": "rm -rf ./build ./build-module",
+		"compile": "e2e-builds",
+		"build": "./bin/build.sh && pnpm run clean && pnpm run compile"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"eslint --fix"
+		]
+	}
 }
diff --git a/packages/js/e2e-environment/package.json b/packages/js/e2e-environment/package.json
index dc54e84414f..38df8fe81d1 100644
--- a/packages/js/e2e-environment/package.json
+++ b/packages/js/e2e-environment/package.json
@@ -1,87 +1,88 @@
 {
-  "name": "@woocommerce/e2e-environment",
-  "version": "0.3.0",
-  "description": "WooCommerce End to End Testing Environment Configuration.",
-  "author": "Automattic",
-  "license": "GPL-3.0-or-later",
-  "keywords": [
-    "wordpress",
-    "woocommerce",
-    "e2e",
-    "puppeteer"
-  ],
-  "homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/e2e-environment/README.md",
-  "bugs": {
-    "url": "https://github.com/woocommerce/woocommerce/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "main": "index.js",
-  "module": "build-module/index.js",
-  "dependencies": {
-    "@automattic/puppeteer-utils": "github:Automattic/puppeteer-utils#0f3ec50",
-    "@jest/test-sequencer": "^25.5.4",
-    "@slack/web-api": "^6.1.0",
-    "@woocommerce/api": "^0.2.0",
-    "@wordpress/e2e-test-utils": "^4.16.1",
-    "@wordpress/jest-preset-default": "^7.1.3",
-    "app-root-path": "^3.0.0",
-    "commander": "4.1.1",
+	"name": "@woocommerce/e2e-environment",
+	"version": "0.3.0",
+	"description": "WooCommerce End to End Testing Environment Configuration.",
+	"author": "Automattic",
+	"license": "GPL-3.0-or-later",
+	"keywords": [
+		"wordpress",
+		"woocommerce",
+		"e2e",
+		"puppeteer"
+	],
+	"homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/e2e-environment/README.md",
+	"bugs": {
+		"url": "https://github.com/woocommerce/woocommerce/issues"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"main": "index.js",
+	"module": "build-module/index.js",
+	"dependencies": {
+		"@automattic/puppeteer-utils": "github:Automattic/puppeteer-utils#0f3ec50",
+		"@jest/test-sequencer": "^25.5.4",
+		"@slack/web-api": "^6.1.0",
+		"@woocommerce/api": "^0.2.0",
+		"@wordpress/e2e-test-utils": "^4.16.1",
+		"@wordpress/jest-preset-default": "^7.1.3",
+		"app-root-path": "^3.0.0",
+		"commander": "4.1.1",
 	"config": "3.3.3",
-    "jest": "^25.1.0",
+		"jest": "^25.1.0",
 	"jest-circus": "25.1.0",
-    "jest-each": "25.5.0",
-    "jest-puppeteer": "^4.4.0",
-    "node-stream-zip": "^1.13.6",
-    "puppeteer": "2.1.1",
-    "readline-sync": "^1.4.10",
-    "request": "^2.88.2",
-    "sprintf-js": "^1.1.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.12.8",
-    "@babel/core": "7.12.9",
-    "@babel/plugin-proposal-async-generator-functions": "^7.16.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.16.0",
-    "@babel/plugin-transform-react-jsx": "^7.16.0",
-    "@babel/plugin-transform-runtime": "^7.16.4",
-    "@babel/polyfill": "7.12.1",
-    "@babel/preset-env": "7.12.7",
-    "@woocommerce/e2e-builds": "workspace:*",
-    "@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
-    "@wordpress/babel-preset-default": "3.0.2",
-    "@wordpress/browserslist-config": "^4.1.0",
-    "@wordpress/eslint-plugin": "7.3.0",
-    "eslint": "^8.1.0",
-    "ndb": "^1.1.5",
-    "semver": "^7.3.2"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "clean": "rm -rf ./build ./build-module",
-    "compile": "e2e-builds",
-    "build": "pnpm run clean && pnpm run compile",
-    "prepack": "pnpm run build",
-    "docker:up": "./bin/docker-compose.sh up",
-	"docker:wait": "bash ./bin/wait-for-build.sh",
-    "docker:down": "./bin/docker-compose.sh down",
-    "docker:clear-all": "docker rmi --force $(docker images -q)",
-    "docker:ssh": "docker exec -it $(node utils/get-app-name.js)_wordpress-www /bin/bash",
-    "test:e2e": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js",
-    "test:e2e-debug": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js --dev --debug",
-    "test:e2e-dev": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js --dev",
-    "lint": "eslint src"
-  },
-  "bin": {
-    "wc-e2e": "bin/wc-e2e.sh"
-  },
-  "lint-staged": {
-	"*.(t|j)s?(x)": [
-		"eslint --fix"
-	]
-  }
+		"jest-each": "25.5.0",
+		"jest-puppeteer": "^4.4.0",
+		"node-stream-zip": "^1.13.6",
+		"puppeteer": "2.1.1",
+		"readline-sync": "^1.4.10",
+		"request": "^2.88.2",
+		"sprintf-js": "^1.1.2"
+	},
+	"devDependencies": {
+		"@babel/cli": "7.12.8",
+		"@babel/core": "7.12.9",
+		"@babel/plugin-proposal-async-generator-functions": "^7.16.4",
+		"@babel/plugin-proposal-object-rest-spread": "^7.16.0",
+		"@babel/plugin-transform-react-jsx": "^7.16.0",
+		"@babel/plugin-transform-runtime": "^7.16.4",
+		"@babel/polyfill": "7.12.1",
+		"@babel/preset-env": "7.12.7",
+		"@woocommerce/e2e-builds": "workspace:*",
+		"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
+		"@wordpress/babel-preset-default": "3.0.2",
+		"@wordpress/browserslist-config": "^4.1.0",
+		"@wordpress/eslint-plugin": "7.3.0",
+		"eslint": "^8.1.0",
+		"ndb": "^1.1.5",
+		"semver": "^7.3.2"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"postinstall": "composer install",
+		"clean": "rm -rf ./build ./build-module",
+		"compile": "e2e-builds",
+		"build": "pnpm run clean && pnpm run compile",
+		"prepack": "pnpm run build",
+		"docker:up": "./bin/docker-compose.sh up",
+		"docker:wait": "bash ./bin/wait-for-build.sh",
+		"docker:down": "./bin/docker-compose.sh down",
+		"docker:clear-all": "docker rmi --force $(docker images -q)",
+		"docker:ssh": "docker exec -it $(node utils/get-app-name.js)_wordpress-www /bin/bash",
+		"test:e2e": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js",
+		"test:e2e-debug": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js --dev --debug",
+		"test:e2e-dev": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js --dev",
+		"lint": "eslint src"
+	},
+	"bin": {
+		"wc-e2e": "bin/wc-e2e.sh"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"eslint --fix"
+		]
+	}
 }
diff --git a/packages/js/e2e-utils/package.json b/packages/js/e2e-utils/package.json
index 6cbb4b678c0..b4aa1afcffe 100644
--- a/packages/js/e2e-utils/package.json
+++ b/packages/js/e2e-utils/package.json
@@ -1,50 +1,51 @@
 {
-  "name": "@woocommerce/e2e-utils",
-  "version": "0.2.0",
-  "description": "End-To-End (E2E) test utils for WooCommerce",
-  "homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/e2e-utils/README.md",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/woocommerce/woocommerce.git"
-  },
-  "license": "GPL-3.0+",
-  "main": "build/index.js",
-  "module": "build-module/index.js",
-  "dependencies": {
-    "@automattic/puppeteer-utils": "github:Automattic/puppeteer-utils#0f3ec50",
-    "@wordpress/deprecated": "^3.2.3",
-    "@wordpress/e2e-test-utils": "^4.16.1",
-    "config": "3.3.3",
-    "fishery": "^1.2.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.12.8",
-    "@babel/core": "7.12.9",
-    "@babel/plugin-proposal-async-generator-functions": "^7.16.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.16.0",
-    "@babel/plugin-transform-react-jsx": "^7.16.0",
-    "@babel/plugin-transform-runtime": "^7.16.4",
-    "@babel/polyfill": "7.12.1",
-    "@babel/preset-env": "7.12.7",
-    "@typescript-eslint/eslint-plugin": "^5.3.0",
-    "@typescript-eslint/parser": "^5.3.0",
-    "@woocommerce/e2e-builds": "workspace:*",
-    "@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
-    "@wordpress/babel-preset-default": "3.0.2",
-    "@wordpress/browserslist-config": "^4.1.0",
-    "eslint": "^8.1.0"
-  },
-  "peerDependencies": {
-    "@woocommerce/api": "^0.2.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "clean": "rm -rf ./build ./build-module",
-    "compile": "e2e-builds",
-    "build": "pnpm run clean && pnpm run compile",
-    "prepack": "pnpm run build",
-    "lint": "eslint src"
-  }
+	"name": "@woocommerce/e2e-utils",
+	"version": "0.2.0",
+	"description": "End-To-End (E2E) test utils for WooCommerce",
+	"homepage": "https://github.com/woocommerce/woocommerce/tree/trunk/packages/js/e2e-utils/README.md",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/woocommerce/woocommerce.git"
+	},
+	"license": "GPL-3.0+",
+	"main": "build/index.js",
+	"module": "build-module/index.js",
+	"dependencies": {
+		"@automattic/puppeteer-utils": "github:Automattic/puppeteer-utils#0f3ec50",
+		"@wordpress/deprecated": "^3.2.3",
+		"@wordpress/e2e-test-utils": "^4.16.1",
+		"config": "3.3.3",
+		"fishery": "^1.2.0"
+	},
+	"devDependencies": {
+		"@babel/cli": "7.12.8",
+		"@babel/core": "7.12.9",
+		"@babel/plugin-proposal-async-generator-functions": "^7.16.4",
+		"@babel/plugin-proposal-object-rest-spread": "^7.16.0",
+		"@babel/plugin-transform-react-jsx": "^7.16.0",
+		"@babel/plugin-transform-runtime": "^7.16.4",
+		"@babel/polyfill": "7.12.1",
+		"@babel/preset-env": "7.12.7",
+		"@typescript-eslint/eslint-plugin": "^5.3.0",
+		"@typescript-eslint/parser": "^5.3.0",
+		"@woocommerce/e2e-builds": "workspace:*",
+		"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
+		"@wordpress/babel-preset-default": "3.0.2",
+		"@wordpress/browserslist-config": "^4.1.0",
+		"eslint": "^8.1.0"
+	},
+	"peerDependencies": {
+		"@woocommerce/api": "^0.2.0"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"postinstall": "composer install",
+		"clean": "rm -rf ./build ./build-module",
+		"compile": "e2e-builds",
+		"build": "pnpm run clean && pnpm run compile",
+		"prepack": "pnpm run build",
+		"lint": "eslint src"
+	}
 }

From 9a22c62505bcc219ee7732ddbb54edf3c305352d Mon Sep 17 00:00:00 2001
From: Christopher Allford <christopher.allford@automattic.com>
Date: Fri, 29 Apr 2022 15:07:34 -0700
Subject: [PATCH 295/327] Added Changelogs

---
 packages/js/admin-e2e-tests/project.json                   | 7 -------
 .../changelog/refactor-standardize-postinstall             | 5 +++++
 packages/js/api/changelog/refactor-standardize-postinstall | 5 +++++
 .../changelog/refactor-standardize-postinstall             | 5 +++++
 .../changelog/refactor-standardize-postinstall             | 5 +++++
 .../e2e-utils/changelog/refactor-standardize-postinstall   | 5 +++++
 .../changelog/refactor-standardize-postinstall             | 4 ++++
 7 files changed, 29 insertions(+), 7 deletions(-)
 create mode 100644 packages/js/api-core-tests/changelog/refactor-standardize-postinstall
 create mode 100644 packages/js/api/changelog/refactor-standardize-postinstall
 create mode 100644 packages/js/e2e-core-tests/changelog/refactor-standardize-postinstall
 create mode 100644 packages/js/e2e-environment/changelog/refactor-standardize-postinstall
 create mode 100644 packages/js/e2e-utils/changelog/refactor-standardize-postinstall
 create mode 100644 plugins/woocommerce-beta-tester/changelog/refactor-standardize-postinstall

diff --git a/packages/js/admin-e2e-tests/project.json b/packages/js/admin-e2e-tests/project.json
index 6146d8472d2..3ef05e0a0ca 100644
--- a/packages/js/admin-e2e-tests/project.json
+++ b/packages/js/admin-e2e-tests/project.json
@@ -3,13 +3,6 @@
      "sourceRoot": "packages/js/admin-e2e-tests/src",
      "projectType": "library",
      "targets": {
-         "changelog": {
-             "executor": "./tools/executors/changelogger:changelog",
-             "options": {
-                 "action": "add",
-                 "cwd": "packages/js/admin-e2e-tests"
-             }
-         },
          "build": {
              "executor": "@nrwl/workspace:run-script",
              "options": {
diff --git a/packages/js/api-core-tests/changelog/refactor-standardize-postinstall b/packages/js/api-core-tests/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..9efab9063ad
--- /dev/null
+++ b/packages/js/api-core-tests/changelog/refactor-standardize-postinstall
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: This is only updating monorepo infrastructure.
+
+
diff --git a/packages/js/api/changelog/refactor-standardize-postinstall b/packages/js/api/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..916dd7dbaa3
--- /dev/null
+++ b/packages/js/api/changelog/refactor-standardize-postinstall
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: This is only updating monorepo infrastructure commands.
+
+
diff --git a/packages/js/e2e-core-tests/changelog/refactor-standardize-postinstall b/packages/js/e2e-core-tests/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..9efab9063ad
--- /dev/null
+++ b/packages/js/e2e-core-tests/changelog/refactor-standardize-postinstall
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: This is only updating monorepo infrastructure.
+
+
diff --git a/packages/js/e2e-environment/changelog/refactor-standardize-postinstall b/packages/js/e2e-environment/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..9efab9063ad
--- /dev/null
+++ b/packages/js/e2e-environment/changelog/refactor-standardize-postinstall
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: This is only updating monorepo infrastructure.
+
+
diff --git a/packages/js/e2e-utils/changelog/refactor-standardize-postinstall b/packages/js/e2e-utils/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..9efab9063ad
--- /dev/null
+++ b/packages/js/e2e-utils/changelog/refactor-standardize-postinstall
@@ -0,0 +1,5 @@
+Significance: patch
+Type: dev
+Comment: This is only updating monorepo infrastructure.
+
+
diff --git a/plugins/woocommerce-beta-tester/changelog/refactor-standardize-postinstall b/plugins/woocommerce-beta-tester/changelog/refactor-standardize-postinstall
new file mode 100644
index 00000000000..a1fa604527d
--- /dev/null
+++ b/plugins/woocommerce-beta-tester/changelog/refactor-standardize-postinstall
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+This is only updating monorepo infrastructure.

From d3423a5c8f4944d23f3774c882efef3df9e5b09f Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Mon, 2 May 2022 15:46:46 -0700
Subject: [PATCH 296/327] Remove gitignored file.

---
 .../js/e2e-environment/config/default.json    | 208 ------------------
 1 file changed, 208 deletions(-)
 delete mode 100644 packages/js/e2e-environment/config/default.json

diff --git a/packages/js/e2e-environment/config/default.json b/packages/js/e2e-environment/config/default.json
deleted file mode 100644
index cf613320940..00000000000
--- a/packages/js/e2e-environment/config/default.json
+++ /dev/null
@@ -1,208 +0,0 @@
-{
-  "url": "http://localhost:8084/",
-  "appName": "woocommerce_e2e",
-  "users": {
-	"admin": {
-	  "username": "admin",
-	  "password": "password"
-	},
-	"customer": {
-	  "username": "customer",
-	  "password": "password"
-	}
-  },
-  "products": {
-	"simple": {
-	  "name": "Simple product"
-	},
-	"variable": {
-	  "name": "Variable Product with Three Attributes",
-	  "defaultAttributes": [
-		{
-		  "id": 0,
-		  "name": "Size",
-		  "option": "Medium"
-		},
-		{
-		  "id": 0,
-		  "name": "Colour",
-		  "option": "Blue"
-		}
-	  ],
-	  "attributes": [
-		{
-		  "id": 0,
-		  "name": "Colour",
-		  "isVisibleOnProductPage": true,
-		  "isForVariations": true,
-		  "options": [
-			"Red",
-			"Green",
-			"Blue"
-		  ],
-		  "sortOrder": 0
-		},
-		{
-		  "id": 0,
-		  "name": "Size",
-		  "isVisibleOnProductPage": true,
-		  "isForVariations": true,
-		  "options": [
-			"Small",
-			"Medium",
-			"Large"
-		  ],
-		  "sortOrder": 0
-		},
-		{
-		  "id": 0,
-		  "name": "Logo",
-		  "isVisibleOnProductPage": true,
-		  "isForVariations": true,
-		  "options": [
-			"Woo",
-			"WordPress"
-		  ],
-		  "sortOrder": 0
-		}
-	  ]
-	},
-	"variations": [
-	  {
-		"regularPrice": "19.99",
-		"attributes": [
-		  {
-			"name": "Size",
-			"option": "Large"
-		  },
-		  {
-			"name": "Colour",
-			"option": "Red"
-		  }
-		]
-	  },
-	  {
-		"regularPrice": "18.99",
-		"attributes": [
-		  {
-			"name": "Size",
-			"option": "Medium"
-		  },
-		  {
-			"name": "Colour",
-			"option": "Green"
-		  }
-		]
-	  },
-	  {
-		"regularPrice": "17.99",
-		"attributes": [
-		  {
-			"name": "Size",
-			"option": "Small"
-		  },
-		  {
-			"name": "Colour",
-			"option": "Blue"
-		  }
-		]
-	  }
-	],
-	"grouped": {
-	  "name": "Grouped Product with Three Children",
-	  "groupedProducts": [
-		{
-		  "name": "Base Unit",
-		  "regularPrice": "29.99"
-		},
-		{
-		  "name": "Add-on A",
-		  "regularPrice": "11.95"
-		},
-		{
-		  "name": "Add-on B",
-		  "regularPrice": "18.97"
-		}
-	  ]
-	},
-	"external": {
-	  "name": "External product",
-	  "regularPrice": "24.99",
-	  "buttonText": "Buy now",
-	  "externalUrl": "https://wordpress.org/plugins/woocommerce"
-	}
-  },
-  "coupons": {
-	"percentage": {
-	  "code": "20percent",
-	  "discountType": "percent",
-	  "amount": "20.00"
-	}
-  },
-  "addresses": {
-	"admin": {
-	  "store": {
-		"email": "admin@woocommercecoree2etestsuite.com",
-		"firstname": "John",
-		"lastname": "Doe",
-		"company": "Automattic",
-		"country": "United States (US)",
-		"addressfirstline": "addr 1",
-		"addresssecondline": "addr 2",
-		"countryandstate": "United States (US) — California",
-		"city": "San Francisco",
-		"state": "CA",
-		"postcode": "94107"
-	  }
-	},
-	"customer": {
-	  "billing": {
-		"firstname": "John",
-		"lastname": "Doe",
-		"company": "Automattic",
-		"country": "United States (US)",
-		"addressfirstline": "addr 1",
-		"addresssecondline": "addr 2",
-		"city": "San Francisco",
-		"state": "CA",
-		"postcode": "94107",
-		"phone": "123456789",
-		"email": "john.doe@example.com"
-	  },
-	  "shipping": {
-		"firstname": "John",
-		"lastname": "Doe",
-		"company": "Automattic",
-		"country": "United States (US)",
-		"addressfirstline": "addr 1",
-		"addresssecondline": "addr 2",
-		"city": "San Francisco",
-		"state": "CA",
-		"postcode": "94107"
-	  }
-	}
-  },
-  "orders": {
-	"basicPaidOrder": {
-	  "paymentMethod": "cod",
-	  "status": "processing",
-	  "billing": {
-		"firstName": "John",
-		"lastName": "Doe",
-		"email": "john.doe@example.com"
-	  }
-	}
-  },
-  "onboardingwizard": {
-	"industry": "Test industry",
-	"numberofproducts": "1 - 10",
-	"sellingelsewhere": "No"
-  },
-  "settings": {
-	"shipping": {
-	  "zonename": "United States",
-	  "zoneregions": "United States (US)",
-	  "shippingmethod": "Free shipping"
-	}
-  }
-}

From c4a1fff36705df5f8511f2f8f08fef3d29aaab0d Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Mon, 2 May 2022 15:56:38 -0700
Subject: [PATCH 297/327] Add changelog

---
 packages/js/e2e-environment/changelog/pr-32851 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 packages/js/e2e-environment/changelog/pr-32851

diff --git a/packages/js/e2e-environment/changelog/pr-32851 b/packages/js/e2e-environment/changelog/pr-32851
new file mode 100644
index 00000000000..81b646abd77
--- /dev/null
+++ b/packages/js/e2e-environment/changelog/pr-32851
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Remove default.json from e2e-enviroment default config as it is not needed.

From a67c547b8e8eb62eb531329ffe9cfab60a10c41a Mon Sep 17 00:00:00 2001
From: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
Date: Mon, 2 May 2022 12:07:08 +0800
Subject: [PATCH 298/327] Update path to email template for analytics report

The path was recently changed with the merge of the Admin feature plugin into Core.
---
 plugins/woocommerce/src/Admin/ReportCSVEmail.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce/src/Admin/ReportCSVEmail.php b/plugins/woocommerce/src/Admin/ReportCSVEmail.php
index 40b9657301c..75ce24fd0e5 100644
--- a/plugins/woocommerce/src/Admin/ReportCSVEmail.php
+++ b/plugins/woocommerce/src/Admin/ReportCSVEmail.php
@@ -25,7 +25,7 @@ class ReportCSVEmail extends \WC_Email {
 	 */
 	public function __construct() {
 		$this->id             = 'admin_report_export_download';
-		$this->template_base  = dirname( __DIR__ ) . '/includes/emails/';
+		$this->template_base  = WC()->plugin_path() . '/includes/react-admin/emails/';
 		$this->template_html  = 'html-admin-report-export-download.php';
 		$this->template_plain = 'plain-admin-report-export-download.php';
 		$this->report_labels  = array(

From b35413d2ba90fae99f1a2640029519c1ce7d167f Mon Sep 17 00:00:00 2001
From: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
Date: Mon, 2 May 2022 13:03:31 +0800
Subject: [PATCH 299/327] Add changelog entry

---
 plugins/woocommerce/changelog/fix-email-template--path | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-email-template--path

diff --git a/plugins/woocommerce/changelog/fix-email-template--path b/plugins/woocommerce/changelog/fix-email-template--path
new file mode 100644
index 00000000000..56678ccdd76
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-email-template--path
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Update path to email template for analytics report.

From 1ed5445635100f7ad19b7a30c51138b076bde493 Mon Sep 17 00:00:00 2001
From: Roy Ho <roykho77@gmail.com>
Date: Mon, 2 May 2022 16:48:20 -0700
Subject: [PATCH 300/327] Update workflows to run build zip script (#32825)

---
 .github/workflows/build-release-zip-file.yml | 18 +++++++++++++++++-
 .github/workflows/build-release.yml          | 18 +++++++++++++++++-
 .github/workflows/mirrors.yml                | 18 +++++++++++++++++-
 .github/workflows/nightly-builds.yml         | 18 +++++++++++++++++-
 .github/workflows/pr-smoke-test.yml          |  2 ++
 .github/workflows/smoke-test-daily.yml       | 18 +++++++++++++++++-
 6 files changed, 87 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index a39b55fb18b..339b08c9cf9 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -14,11 +14,27 @@ jobs:
       - name: Checkout code.
         uses: actions/checkout@v3
 
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
+        with:
+          path: |
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/**/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
+
       - name: Install PNPM
         run: npm install -g pnpm@^6.24.2
 
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '7.4'
+
       - name: Build zip
-        run: pnpm nx build-zip woocommerce
+        working-directory: plugins/woocommerce
+        run: bash bin/build-zip.sh
 
       - name: Upload the zip file as an artifact
         uses: actions/upload-artifact@v3
diff --git a/.github/workflows/build-release.yml b/.github/workflows/build-release.yml
index cd03f96c248..ed21891b410 100644
--- a/.github/workflows/build-release.yml
+++ b/.github/workflows/build-release.yml
@@ -10,11 +10,27 @@ jobs:
       - name: Checkout code.
         uses: actions/checkout@v3
 
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
+        with:
+          path: |
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/**/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
+
       - name: Install PNPM
         run: npm install -g pnpm@^6.24.2
 
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '7.4'
+
       - name: Build zip
-        run: pnpm nx build-zip woocommerce
+        working-directory: plugins/woocommerce
+        run: bash bin/build-zip.sh
 
       - name: Upload release asset
         uses: actions/upload-release-asset@v1
diff --git a/.github/workflows/mirrors.yml b/.github/workflows/mirrors.yml
index 7c54dbc01dd..c5745873999 100644
--- a/.github/workflows/mirrors.yml
+++ b/.github/workflows/mirrors.yml
@@ -11,11 +11,27 @@ jobs:
       - name: Checkout code.
         uses: actions/checkout@v3
 
+      - name: Cache modules
+        uses: actions/cache@v3
+        id: cache-deps
+        with:
+          path: |
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/**/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
+
       - name: Install PNPM
         run: npm install -g pnpm@^6.24.2
 
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '7.4'
+
       - name: Build zip
-        run: pnpm nx build-zip woocommerce
+        working-directory: plugins/woocommerce
+        run: bash bin/build-zip.sh
 
       - name: Upload the zip file as an artifact
         uses: actions/upload-artifact@v3
diff --git a/.github/workflows/nightly-builds.yml b/.github/workflows/nightly-builds.yml
index a0e3b25f6d2..2ed78fa33d3 100644
--- a/.github/workflows/nightly-builds.yml
+++ b/.github/workflows/nightly-builds.yml
@@ -17,11 +17,27 @@ jobs:
         with:
           ref: ${{ matrix.build }}
 
+      - name: Get cached composer and pnpm directories
+        uses: actions/cache@v3
+        id: cache-deps
+        with:
+          path: |
+            ~/.pnpm-store
+            plugins/woocommerce/packages
+            plugins/woocommerce/**/vendor
+          key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
+
       - name: Install PNPM
         run: npm install -g pnpm@^6.24.2
 
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '7.4'
+
       - name: Build zip
-        run: pnpm nx build-zip woocommerce
+        working-directory: plugins/woocommerce
+        run: bash bin/build-zip.sh
 
       - name: Deploy nightly build
         uses: WebFreak001/deploy-nightly@v1.1.0
diff --git a/.github/workflows/pr-smoke-test.yml b/.github/workflows/pr-smoke-test.yml
index ae623d180dc..bd6af1329c1 100644
--- a/.github/workflows/pr-smoke-test.yml
+++ b/.github/workflows/pr-smoke-test.yml
@@ -40,9 +40,11 @@ jobs:
               run: npm install -g pnpm@^6.24.2
 
             - name: Install dependencies
+              working-directory: package/woocommerce/plugins/woocommerce
               run: pnpm install
 
             - name: Install Composer dependencies
+              working-directory: package/woocommerce/plugins/woocommerce
               if: steps.cache-deps.outputs.cache-hit != 'true'
               run: pnpm nx composer-install-no-dev woocommerce
 
diff --git a/.github/workflows/smoke-test-daily.yml b/.github/workflows/smoke-test-daily.yml
index 4e2bf372dc2..242425f15df 100644
--- a/.github/workflows/smoke-test-daily.yml
+++ b/.github/workflows/smoke-test-daily.yml
@@ -58,11 +58,27 @@ jobs:
             - name: Checkout code
               uses: actions/checkout@v3
 
+            - name: Get cached composer and pnpm directories
+              uses: actions/cache@v3
+              id: cache-deps
+              with:
+                path: |
+                  ~/.pnpm-store
+                  plugins/woocommerce/packages
+                  plugins/woocommerce/**/vendor
+                key: ${{ runner.os }}-npm-composer-${{ hashFiles('**/composer.lock', '**/pnpm-lock.yaml') }}
+
             - name: Install PNPM
               run: npm install -g pnpm@^6.24.2
 
+            - name: Setup PHP
+              uses: shivammathur/setup-php@v2
+              with:
+                php-version: '7.4'
+
             - name: Build zip
-              run: pnpm nx build-zip woocommerce
+              working-directory: plugins/woocommerce
+              run: bash bin/build-zip.sh
 
             - name: Upload PR zip
               uses: actions/upload-artifact@v3

From a1aff10f5f8d9c49396d69c4bafdf3225aec2d4c Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Tue, 3 May 2022 14:10:18 +1000
Subject: [PATCH 301/327] Display an error message when WC Payments fails to
 install

---
 .../client/subscriptions/index.tsx            | 74 ++++++++++++++-----
 .../client/subscriptions/style.scss           |  6 +-
 2 files changed, 61 insertions(+), 19 deletions(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index e5b88c7672f..efed216fe5d 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -3,7 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { createInterpolateElement, useState } from '@wordpress/element';
-import { Button } from '@wordpress/components';
+import { Button, Notice } from '@wordpress/components';
 import { PLUGINS_STORE_NAME } from '@woocommerce/data';
 import { useDispatch } from '@wordpress/data';
 import { recordEvent } from '@woocommerce/tracks';
@@ -28,6 +28,37 @@ const {
 	onboardingUrl,
 } = window.wcWcpaySubscriptions;
 
+const ErrorNotice = ( { isError }: { isError: boolean } ) => {
+	if ( ! isError ) {
+		return null;
+	}
+
+	return (
+		<Notice
+			className="wcpay-empty-subscriptions__error"
+			status="error"
+			isDismissible={ false }
+		>
+			{ createInterpolateElement(
+				__(
+					'WooCommerce Payments failed to install. To continue with WooCommerce Payments built-in subscriptions functionality, please install <a>WooCommerce Payments</a> manually.',
+					'woocommerce-payments'
+				),
+				{
+					a: (
+						// eslint-disable-next-line jsx-a11y/anchor-has-content
+						<a
+							href="https://woocommerce.com/payments"
+							target="_blank"
+							rel="noreferrer"
+						/>
+					),
+				}
+			) }
+		</Notice>
+	);
+};
+
 const TOS = () => (
 	<p className="wcpay-empty-subscriptions__tos">
 		{ createInterpolateElement(
@@ -49,7 +80,8 @@ const TOS = () => (
 	</p>
 );
 
-const GetStartedButton = () => {
+// eslint-disable-next-line @typescript-eslint/ban-types
+const GetStartedButton = ( { setIsError }: { setIsError: Function } ) => {
 	const [ isGettingStarted, setIsGettingStarted ] = useState( false );
 	const { installAndActivatePlugins } = useDispatch( PLUGINS_STORE_NAME );
 
@@ -72,11 +104,12 @@ const GetStartedButton = () => {
 							 * Navigate to either newSubscriptionProductUrl or onboardingUrl
 							 * depending on the which treatment the user is assigned to.
 							 */
+							// eslint-disable-next-line no-console
 							console.log( 'It was a success!' );
 						} )
-						.catch( ( error ) => {
-							// TODO: Handle erorr.
-							console.log( 'Oh no, there was an error!' );
+						.catch( () => {
+							setIsGettingStarted( false );
+							setIsError( true );
 						} );
 				} }
 			>
@@ -86,18 +119,23 @@ const GetStartedButton = () => {
 	);
 };
 
-const SubscriptionsPage = () => (
-	<div className="wcpay-empty-subscriptions__container">
-		<img src={ unconnectedImage } alt="" />
-		<p className="wcpay-empty-subscriptions__description">
-			{ __(
-				'Track recurring revenue and manage active subscriptions directly from your store’s dashboard — powered by WooCommerce Payments.',
-				'woocommerce-payments'
-			) }
-		</p>
-		<TOS />
-		<GetStartedButton />
-	</div>
-);
+const SubscriptionsPage = () => {
+	const [ isError, setIsError ] = useState( false );
+
+	return (
+		<div className="wcpay-empty-subscriptions__container">
+			<ErrorNotice isError={ isError } />
+			<img src={ unconnectedImage } alt="" />
+			<p className="wcpay-empty-subscriptions__description">
+				{ __(
+					'Track recurring revenue and manage active subscriptions directly from your store’s dashboard — powered by WooCommerce Payments.',
+					'woocommerce-payments'
+				) }
+			</p>
+			<TOS />
+			<GetStartedButton setIsError={ setIsError } />
+		</div>
+	);
+};
 
 export default SubscriptionsPage;
diff --git a/plugins/woocommerce-admin/client/subscriptions/style.scss b/plugins/woocommerce-admin/client/subscriptions/style.scss
index 5f8ddb0dd40..f03a7f32c68 100644
--- a/plugins/woocommerce-admin/client/subscriptions/style.scss
+++ b/plugins/woocommerce-admin/client/subscriptions/style.scss
@@ -6,7 +6,7 @@
 	padding: 48px 0;
 	position: static;
 	height: 344px;
-	left: calc( 50% - 1240px / 2 );
+	left: calc(50% - 1240px / 2);
 	top: 271px;
 	flex: none;
 	order: 1;
@@ -28,4 +28,8 @@
 	.wcpay-empty-subscriptions__button_container {
 		margin: 8px 0;
 	}
+
+	.wcpay-empty-subscriptions__error {
+		margin: 15px 0;
+	}
 }

From 6b7fd14c0975d73b9b510eea4fb5688a736320c5 Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Tue, 3 May 2022 16:18:46 +1000
Subject: [PATCH 302/327] Direct the user to the wp.org wcpayments page for a
 more direct install path

---
 plugins/woocommerce-admin/client/subscriptions/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index efed216fe5d..3c5fda6355a 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -48,7 +48,7 @@ const ErrorNotice = ( { isError }: { isError: boolean } ) => {
 					a: (
 						// eslint-disable-next-line jsx-a11y/anchor-has-content
 						<a
-							href="https://woocommerce.com/payments"
+							href="https://wordpress.org/plugins/woocommerce-payments/"
 							target="_blank"
 							rel="noreferrer"
 						/>

From b15cfd3a2de2dd87f60a953a96c4801188da976b Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Tue, 3 May 2022 16:47:14 +1000
Subject: [PATCH 303/327] Reword the error message to be more action -> outcome
 structure

---
 plugins/woocommerce-admin/client/subscriptions/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index 3c5fda6355a..e7237e4fda7 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -41,7 +41,7 @@ const ErrorNotice = ( { isError }: { isError: boolean } ) => {
 		>
 			{ createInterpolateElement(
 				__(
-					'WooCommerce Payments failed to install. To continue with WooCommerce Payments built-in subscriptions functionality, please install <a>WooCommerce Payments</a> manually.',
+					'Installing WooCommerce Payments failed. To continue with WooCommerce Payments built-in subscriptions functionality, please install <a>WooCommerce Payments</a> manually.',
 					'woocommerce-payments'
 				),
 				{

From 6c8ee08f19e539d3386dea5262be03fb746500fb Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 3 May 2022 14:54:23 +0800
Subject: [PATCH 304/327] Add a safeguard for ExPlat assignment requests to
 make sure a user either has an anon_id defined and not empty

---
 packages/js/explat/src/assignment.ts          |  6 ++++++
 .../js/explat/src/test/assignment-test.js     |  8 ++++++++
 .../react-admin/class-experimental-abtest.php |  4 ++++
 .../class-experimental-abtest-test.php        | 19 ++++++++++++++++---
 4 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/packages/js/explat/src/assignment.ts b/packages/js/explat/src/assignment.ts
index 2edef45ea1e..8631f86ceb7 100644
--- a/packages/js/explat/src/assignment.ts
+++ b/packages/js/explat/src/assignment.ts
@@ -52,6 +52,12 @@ export const fetchExperimentAssignment = async ( {
 			`Tracking is disabled, can't fetch experimentAssignment`
 		);
 	}
+	if ( ! anonId ) {
+		throw new Error(
+			`Can't fetch experiment assignment without an anonId or auth, please initialize anonId first or use fetchExperimentAssignmentWithAuth instead.`
+		);
+	}
+
 	return await window.fetch(
 		`https://public-api.wordpress.com/wpcom/v2/experiments/${ EXPLAT_VERSION }/assignments/woocommerce?${ getRequestQueryString(
 			{
diff --git a/packages/js/explat/src/test/assignment-test.js b/packages/js/explat/src/test/assignment-test.js
index 156622a51d0..4811d038a80 100644
--- a/packages/js/explat/src/test/assignment-test.js
+++ b/packages/js/explat/src/test/assignment-test.js
@@ -41,6 +41,14 @@ describe( 'fetchExperimentAssignment', () => {
 			'https://public-api.wordpress.com/wpcom/v2/experiments/0.1.0/assignments/woocommerce?anon_id=abc&test=test'
 		);
 	} );
+
+	it( 'should throw error when anonId is empty', async () => {
+		const fetchPromise = fetchExperimentAssignment( {
+			experimentId: '123',
+			anonId: null,
+		} );
+		await expect( fetchPromise ).rejects.toThrowError();
+	} );
 } );
 
 describe( 'fetchExperimentAssignmentWithAuth', () => {
diff --git a/plugins/woocommerce/includes/react-admin/class-experimental-abtest.php b/plugins/woocommerce/includes/react-admin/class-experimental-abtest.php
index 7a399fe6064..b452ce4ab44 100644
--- a/plugins/woocommerce/includes/react-admin/class-experimental-abtest.php
+++ b/plugins/woocommerce/includes/react-admin/class-experimental-abtest.php
@@ -122,6 +122,10 @@ final class Experimental_Abtest {
 
 		// Request as anonymous user.
 		if ( ! isset( $response ) ) {
+			if ( ! isset( $args['anon_id'] ) || empty( $args['anon_id'] ) ) {
+				return new \WP_Error( 'invalid_anon_id', 'anon_id must be an none empty string.' );
+			}
+
 			$url      = add_query_arg(
 				$args,
 				sprintf(
diff --git a/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/includes/class-experimental-abtest-test.php b/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/includes/class-experimental-abtest-test.php
index 07cfc0e20d9..0deb534ee2a 100644
--- a/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/includes/class-experimental-abtest-test.php
+++ b/plugins/woocommerce/tests/legacy/unit-tests/woocommerce-admin/includes/class-experimental-abtest-test.php
@@ -61,9 +61,9 @@ class Experimental_Abtest_Test extends WC_Unit_Test_Case {
 		);
 	}
 
-		/**
-		 * Tests retrieve the test variation when consent is false
-		 */
+	/**
+	 * Tests retrieve the test variation when consent is false
+	 */
 	public function test_get_variation() {
 		delete_transient( 'abtest_variation_control' );
 		add_filter(
@@ -90,4 +90,17 @@ class Experimental_Abtest_Test extends WC_Unit_Test_Case {
 			'treatment'
 		);
 	}
+
+
+	/**
+	 * Tests return request_assignment wp error when anon_id is empty
+	 */
+	public function test_request_assignment_returns_wp_error_when_anon_id_is_empty() {
+		$exp = new Experimental_Abtest( '', 'platform', true );
+
+		$this->assertEquals(
+			is_wp_error( $exp->request_assignment( 'test_experiment_name' ) ),
+			true
+		);
+	}
 }

From 2c97db867ea636441cff3f415cc58f71d12bdb04 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 3 May 2022 15:40:50 +0800
Subject: [PATCH 305/327] Update woo.explat to check fetchExperimentAssignment
 params

---
 packages/js/explat/src/assignment.ts          | 76 +++++++++++++------
 .../js/explat/src/test/assignment-test.js     | 26 +++++--
 2 files changed, 74 insertions(+), 28 deletions(-)

diff --git a/packages/js/explat/src/assignment.ts b/packages/js/explat/src/assignment.ts
index 8631f86ceb7..cc711703e07 100644
--- a/packages/js/explat/src/assignment.ts
+++ b/packages/js/explat/src/assignment.ts
@@ -7,13 +7,30 @@ import apiFetch from '@wordpress/api-fetch';
 
 const EXPLAT_VERSION = '0.1.0';
 
-const getRequestQueryString = ( {
+type QueryParams = {
+	[ key: string ]: unknown;
+} & {
+	experiment_name: string;
+	anon_id: string | null;
+	woo_country_code: string;
+};
+
+const isValidQueryParams = (
+	queryParams: unknown
+): queryParams is QueryParams => {
+	return (
+		( queryParams as QueryParams ).hasOwnProperty( 'experiment_name' ) &&
+		( queryParams as QueryParams ).hasOwnProperty( 'woo_country_code' )
+	);
+};
+
+const getRequestQueryParams = ( {
 	experimentName,
 	anonId,
 }: {
 	experimentName: string;
 	anonId: string | null;
-} ): string => {
+} ): QueryParams => {
 	/**
 	 * List of URL query parameters to be sent to the server.
 	 *
@@ -27,17 +44,29 @@ const getRequestQueryString = ( {
 	 * 	return args;
 	 * });
 	 */
-	return stringify(
-		applyFilters( 'woocommerce_explat_request_args', {
-			experiment_name: experimentName,
-			anon_id: anonId ?? undefined,
-			woo_country_code:
-				window.wcSettings?.preloadSettings?.general
-					?.woocommerce_default_country ||
-				window.wcSettings?.admin?.preloadSettings?.general
-					?.woocommerce_default_country,
-		} )
-	);
+	const queryParams = applyFilters( 'woocommerce_explat_request_args', {
+		experiment_name: experimentName,
+		anon_id: anonId ?? undefined,
+		woo_country_code:
+			window.wcSettings?.preloadSettings?.general
+				?.woocommerce_default_country ||
+			window.wcSettings?.admin?.preloadSettings?.general
+				?.woocommerce_default_country,
+	} );
+
+	if ( ! isValidQueryParams( queryParams ) ) {
+		throw new Error(
+			`Invalid query Params: ${ JSON.stringify( queryParams ) }`
+		);
+	}
+
+	// Make sure test name is a valid one.
+	if ( ! /^[A-Za-z0-9_]+$/.test( queryParams.experiment_name ) ) {
+		throw new Error(
+			`Invalid A/B test name: ${ queryParams.experiment_name }`
+		);
+	}
+	return queryParams;
 };
 
 export const fetchExperimentAssignment = async ( {
@@ -52,18 +81,17 @@ export const fetchExperimentAssignment = async ( {
 			`Tracking is disabled, can't fetch experimentAssignment`
 		);
 	}
-	if ( ! anonId ) {
+
+	const queryParams = getRequestQueryParams( { experimentName, anonId } );
+	if ( ! queryParams.anon_id ) {
 		throw new Error(
 			`Can't fetch experiment assignment without an anonId or auth, please initialize anonId first or use fetchExperimentAssignmentWithAuth instead.`
 		);
 	}
 
 	return await window.fetch(
-		`https://public-api.wordpress.com/wpcom/v2/experiments/${ EXPLAT_VERSION }/assignments/woocommerce?${ getRequestQueryString(
-			{
-				experimentName,
-				anonId,
-			}
+		`https://public-api.wordpress.com/wpcom/v2/experiments/${ EXPLAT_VERSION }/assignments/woocommerce?${ stringify(
+			queryParams
 		) }`
 	);
 };
@@ -82,9 +110,11 @@ export const fetchExperimentAssignmentWithAuth = async ( {
 	}
 	// Use apiFetch to send request with credentials and nonce to our backend api to get the assignment with a user token via Jetpack.
 	return await apiFetch( {
-		path: `/wc-admin/experiments/assignment?${ getRequestQueryString( {
-			experimentName,
-			anonId,
-		} ) }`,
+		path: `/wc-admin/experiments/assignment?${ stringify(
+			getRequestQueryParams( {
+				experimentName,
+				anonId,
+			} )
+		) }`,
 	} );
 };
diff --git a/packages/js/explat/src/test/assignment-test.js b/packages/js/explat/src/test/assignment-test.js
index 4811d038a80..aeb0c1722c4 100644
--- a/packages/js/explat/src/test/assignment-test.js
+++ b/packages/js/explat/src/test/assignment-test.js
@@ -32,19 +32,35 @@ describe( 'fetchExperimentAssignment', () => {
 		);
 
 		const fetchPromise = fetchExperimentAssignment( {
-			experimentId: '123',
+			experimentName: '123',
 			anonId: 'abc',
 		} );
 		Promise.resolve( fetchPromise );
 
 		expect( fetchMock ).toHaveBeenCalledWith(
-			'https://public-api.wordpress.com/wpcom/v2/experiments/0.1.0/assignments/woocommerce?anon_id=abc&test=test'
+			'https://public-api.wordpress.com/wpcom/v2/experiments/0.1.0/assignments/woocommerce?experiment_name=123&anon_id=abc&test=test'
 		);
 	} );
 
 	it( 'should throw error when anonId is empty', async () => {
 		const fetchPromise = fetchExperimentAssignment( {
-			experimentId: '123',
+			experimentName: '123',
+			anonId: null,
+		} );
+		await expect( fetchPromise ).rejects.toThrowError();
+	} );
+
+	it( 'should throw error when experiment_name is empty', async () => {
+		const fetchPromise = fetchExperimentAssignment( {
+			experimentName: '',
+			anonId: null,
+		} );
+		await expect( fetchPromise ).rejects.toThrowError();
+	} );
+
+	it( 'should throw error when experiment_name is invalid', async () => {
+		const fetchPromise = fetchExperimentAssignment( {
+			experimentName: '',
 			anonId: null,
 		} );
 		await expect( fetchPromise ).rejects.toThrowError();
@@ -64,13 +80,13 @@ describe( 'fetchExperimentAssignmentWithAuth', () => {
 		);
 
 		const fetchPromise = fetchExperimentAssignmentWithAuth( {
-			experimentId: '123',
+			experimentName: '123',
 			anonId: 'abc',
 		} );
 		Promise.resolve( fetchPromise );
 
 		expect( fetchMock ).toHaveBeenCalledWith(
-			'/wc-admin/experiments/assignment?anon_id=abc&test=test&_locale=user',
+			'/wc-admin/experiments/assignment?experiment_name=123&anon_id=abc&test=test&_locale=user',
 			{
 				body: undefined,
 				credentials: 'include',

From f1d911d68053128e1213432fca095d8037f94523 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Tue, 3 May 2022 15:59:27 +0800
Subject: [PATCH 306/327] Add changelog

---
 .../woocommerce/changelog/update-32716-explat-api-requests    | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/update-32716-explat-api-requests

diff --git a/plugins/woocommerce/changelog/update-32716-explat-api-requests b/plugins/woocommerce/changelog/update-32716-explat-api-requests
new file mode 100644
index 00000000000..2d5fc3e555b
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-32716-explat-api-requests
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Add safeguards to ensure ExPlat API requests are valid

From 65aebd1e442d09e3a376a7a709680d3e69fe1a35 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 3 May 2022 14:04:03 -0700
Subject: [PATCH 307/327] Use prevent double zip script

---
 .github/workflows/build-release-zip-file.yml | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/build-release-zip-file.yml b/.github/workflows/build-release-zip-file.yml
index 339b08c9cf9..7cea9a7854c 100644
--- a/.github/workflows/build-release-zip-file.yml
+++ b/.github/workflows/build-release-zip-file.yml
@@ -36,11 +36,14 @@ jobs:
         working-directory: plugins/woocommerce
         run: bash bin/build-zip.sh
 
+      - name: Unzip the file (prevents double zip problem)
+        run: unzip plugins/woocommerce/woocommerce.zip -d zipfile
+
       - name: Upload the zip file as an artifact
         uses: actions/upload-artifact@v3
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           name: woocommerce
-          path: plugins/woocommerce/woocommerce.zip
+          path: zipfile
           retention-days: 7

From a632ca67fd631e00ee315516828e145a6eec4cc9 Mon Sep 17 00:00:00 2001
From: roykho <roykho77@gmail.com>
Date: Tue, 3 May 2022 14:04:52 -0700
Subject: [PATCH 308/327] Lock build script php version environment for
 consistency

---
 .github/workflows/pr-build-and-e2e-tests.yml | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/.github/workflows/pr-build-and-e2e-tests.yml b/.github/workflows/pr-build-and-e2e-tests.yml
index c25881341a6..9daa6932f15 100644
--- a/.github/workflows/pr-build-and-e2e-tests.yml
+++ b/.github/workflows/pr-build-and-e2e-tests.yml
@@ -32,6 +32,11 @@ jobs:
               if: steps.cache-deps.outputs.cache-hit != 'true'
               run: pnpm nx composer-install-no-dev woocommerce
 
+            - name: Setup PHP
+              uses: shivammathur/setup-php@v2
+              with:
+                php-version: '7.4'
+
             - name: Run build
               run: pnpm nx build woocommerce
 
@@ -83,6 +88,11 @@ jobs:
               if: steps.cache-deps.outputs.cache-hit != 'true'
               run: pnpm nx composer-install woocommerce
 
+            - name: Setup PHP
+              uses: shivammathur/setup-php@v2
+              with:
+                php-version: '7.4'
+
             - name: Run build
               run: pnpm nx build woocommerce
 
@@ -134,6 +144,11 @@ jobs:
               if: steps.cache-deps.outputs.cache-hit != 'true'
               run: pnpm nx composer-install woocommerce
 
+            - name: Setup PHP
+              uses: shivammathur/setup-php@v2
+              with:
+                php-version: '7.4'
+
             - name: Run build
               run: pnpm nx build woocommerce
 

From 84fe952ba81cae7fd016963b8f422e1721053419 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 3 May 2022 15:54:18 -0700
Subject: [PATCH 309/327] Add link to the card

---
 .../tasks/fills/experimental-import-products/importTypes.tsx     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
index aa21ce4ea65..ad44ab8eb0a 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/importTypes.tsx
@@ -24,6 +24,7 @@ export const importTypes = [
 	{
 		key: 'from-cart2cart' as const,
 		title: __( 'FROM CART2CART', 'woocommerce' ),
+		href: 'https://woocommerce.com/products/cart2cart/?utm_medium=product',
 		content: interpolateComponents( {
 			mixedString: __(
 				'Migrate all store data like products, customers, and orders in no time with this 3rd party plugin. {{link}}Learn more{{/link}}',

From d0b500a3f4820ecc2bd94649591749b045d0041d Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 3 May 2022 15:55:02 -0700
Subject: [PATCH 310/327] Import Stacks before CardList to fix the order error

---
 .../client/tasks/fills/experimental-import-products/index.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
index 27d539810bc..323fedece34 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/index.tsx
@@ -11,11 +11,11 @@ import { find } from 'lodash';
 /**
  * Internal dependencies
  */
+import Stacks from '../experimental-products/stack';
 import CardList from './CardList';
 import { importTypes } from './importTypes';
 import './style.scss';
 import useProductTypeListItems from '../experimental-products/use-product-types-list-items';
-import Stacks from '../experimental-products/stack';
 import { getProductTypes } from '../experimental-products/utils';
 
 const Products = () => {

From 0a75c8d6be04246888e83c91b962d830972f58c2 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 3 May 2022 15:55:15 -0700
Subject: [PATCH 311/327] Adjust text color

---
 .../tasks/fills/experimental-import-products/style.scss   | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
index f2d0e3cf835..b19ad968dbc 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/style.scss
@@ -36,6 +36,14 @@
 		flex-wrap: wrap;
 		justify-content: center;
 		padding: 25px 0 12px 0;
+		.woocommerce-list__item {
+			.woocommerce-list__item-title {
+				color: #1e1e1e;
+			}
+			.woocommerce-list__item-content {
+				color: #757575;
+			}
+		}
 
 		.woocommerce-list__item-before {
 			border: 0;

From 49f5f788bb96f347e1bccf3ea508780b2c52183f Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Wed, 4 May 2022 11:15:56 +1000
Subject: [PATCH 312/327] Replace translation domains from woocommerce-payments
 to woocommerce

---
 plugins/woocommerce-admin/client/subscriptions/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index e7237e4fda7..2df5a4b6965 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -42,7 +42,7 @@ const ErrorNotice = ( { isError }: { isError: boolean } ) => {
 			{ createInterpolateElement(
 				__(
 					'Installing WooCommerce Payments failed. To continue with WooCommerce Payments built-in subscriptions functionality, please install <a>WooCommerce Payments</a> manually.',
-					'woocommerce-payments'
+					'woocommerce'
 				),
 				{
 					a: (
@@ -64,7 +64,7 @@ const TOS = () => (
 		{ createInterpolateElement(
 			__(
 				'By clicking "Get started", you agree to the <a>Terms of Service</a>',
-				'woocommerce-payments'
+				'woocommerce'
 			),
 			{
 				a: (
@@ -113,7 +113,7 @@ const GetStartedButton = ( { setIsError }: { setIsError: Function } ) => {
 						} );
 				} }
 			>
-				{ __( 'Get started', 'woocommerce-payments' ) }
+				{ __( 'Get started', 'woocommerce' ) }
 			</Button>
 		</div>
 	);
@@ -129,7 +129,7 @@ const SubscriptionsPage = () => {
 			<p className="wcpay-empty-subscriptions__description">
 				{ __(
 					'Track recurring revenue and manage active subscriptions directly from your store’s dashboard — powered by WooCommerce Payments.',
-					'woocommerce-payments'
+					'woocommerce'
 				) }
 			</p>
 			<TOS />

From 8219510fc5dc050e758c499cd257d68ebfbde589 Mon Sep 17 00:00:00 2001
From: moon <moon.kyong@automattic.com>
Date: Tue, 3 May 2022 18:57:23 -0700
Subject: [PATCH 313/327] Style update

---
 .../client/tasks/fills/experimental-import-products/cards.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
index 57a3ee23dbe..14c0f1c22a1 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
+++ b/plugins/woocommerce-admin/client/tasks/fills/experimental-import-products/cards.scss
@@ -23,6 +23,9 @@
 		&:hover {
 			background-color: #fff;
 			border: 1.5px solid #007cba;
+			.woocommerce-list__item-title {
+				color: #1e1e1e;
+			}
 		}
 
 		.woocommerce-list__item-inner {

From 6553de469b8f9671a1e6aa24f28ccf1e3205e263 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Wed, 4 May 2022 14:09:21 +1200
Subject: [PATCH 314/327] Test Failures: Check WP version 5.9 before adding
 mini_cart_block to WC Tracker (#32862)

---
 .../woocommerce/changelog/fix-mini_cart_block-tests-failing | 4 ++++
 plugins/woocommerce/includes/class-wc-tracker.php           | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 plugins/woocommerce/changelog/fix-mini_cart_block-tests-failing

diff --git a/plugins/woocommerce/changelog/fix-mini_cart_block-tests-failing b/plugins/woocommerce/changelog/fix-mini_cart_block-tests-failing
new file mode 100644
index 00000000000..24d8e4b9d0d
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-mini_cart_block-tests-failing
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Check WP version 5.9 before adding mini_cart_block to WC Tracker
diff --git a/plugins/woocommerce/includes/class-wc-tracker.php b/plugins/woocommerce/includes/class-wc-tracker.php
index 20371efd7d4..eb94cc10b93 100644
--- a/plugins/woocommerce/includes/class-wc-tracker.php
+++ b/plugins/woocommerce/includes/class-wc-tracker.php
@@ -167,8 +167,10 @@ class WC_Tracker {
 		// Cart & checkout tech (blocks or shortcodes).
 		$data['cart_checkout'] = self::get_cart_checkout_info();
 
-		// Mini Cart block.
-		$data['mini_cart_block'] = self::get_mini_cart_info();
+		// Mini Cart block, which only exists since wp 5.9.
+		if ( version_compare( get_bloginfo( 'version' ), '5.9', '>=' ) ) {
+			$data['mini_cart_block'] = self::get_mini_cart_info();
+		}
 
 		// WooCommerce Admin info.
 		$data['wc_admin_disabled'] = apply_filters( 'woocommerce_admin_disabled', false ) ? 'yes' : 'no';

From 2e58f8c3525360b256012894a37693e992ec76cf Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 4 May 2022 16:50:10 +0800
Subject: [PATCH 315/327] Add an empty woocommerce-admin.php for backward
 compatibility

---
 plugins/woocommerce/.gitignore                                   | 1 +
 .../woocommerce/packages/woocommerce-admin/woocommerce-admin.php | 0
 2 files changed, 1 insertion(+)
 create mode 100644 plugins/woocommerce/packages/woocommerce-admin/woocommerce-admin.php

diff --git a/plugins/woocommerce/.gitignore b/plugins/woocommerce/.gitignore
index 49787443657..10e6f930274 100644
--- a/plugins/woocommerce/.gitignore
+++ b/plugins/woocommerce/.gitignore
@@ -27,6 +27,7 @@ tests/cli/vendor
 # Packages
 /packages/*
 !/packages/README.md
+!/packages/woocommerce-admin/woocommerce-admin.php
 
 # Language files
 i18n/languages/woocommerce.pot
diff --git a/plugins/woocommerce/packages/woocommerce-admin/woocommerce-admin.php b/plugins/woocommerce/packages/woocommerce-admin/woocommerce-admin.php
new file mode 100644
index 00000000000..e69de29bb2d

From e3e6dbd72031a0c9a4af48fc165b78dcc4e02d0c Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Wed, 4 May 2022 16:05:00 +0800
Subject: [PATCH 316/327] Add changelog

---
 plugins/woocommerce/changelog/fix-32733-database-errors | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-32733-database-errors

diff --git a/plugins/woocommerce/changelog/fix-32733-database-errors b/plugins/woocommerce/changelog/fix-32733-database-errors
new file mode 100644
index 00000000000..17a57cee8ed
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-32733-database-errors
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix database errors after deleting WC Admin standalone plugin while WC 6.5 is active

From 8cba910dece5ec7f5c5ba6e79cf1afafc83e3be6 Mon Sep 17 00:00:00 2001
From: vedanshujain <vedanshu.jain.2012@gmail.com>
Date: Wed, 4 May 2022 16:41:26 +0530
Subject: [PATCH 317/327] Add changelog.

---
 plugins/woocommerce/changelog/pr-32747 | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/pr-32747

diff --git a/plugins/woocommerce/changelog/pr-32747 b/plugins/woocommerce/changelog/pr-32747
new file mode 100644
index 00000000000..a91bbff2d41
--- /dev/null
+++ b/plugins/woocommerce/changelog/pr-32747
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Add check for $wp_query before calling is_cart to prevent doing_it_wrong notice.

From 489ebf2cc6b6c81396de4850ef3c32f4481ac6b6 Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 5 May 2022 15:02:50 +1200
Subject: [PATCH 318/327] Standardize linting: e2e js packages (#32794)

---
 packages/js/api-core-tests/.eslintrc.js       |    3 +
 packages/js/api-core-tests/changelog/.gitkeep |    0
 .../changelog/fix-standardize-lint-e2e        |    4 +
 packages/js/api-core-tests/data/order.js      |    8 +-
 .../js/api-core-tests/data/product-list.js    |  651 +++----
 .../data/shared/batch-update.js               |   10 +-
 .../data/shared/error-response.js             |    2 +-
 .../js/api-core-tests/data/shared/index.js    |    9 +-
 .../js/api-core-tests/data/shipping-method.js |    6 +-
 .../js/api-core-tests/data/shipping-zone.js   |    2 +-
 .../js/api-core-tests/endpoints/coupons.js    |   27 +-
 .../js/api-core-tests/endpoints/products.js   |   26 +-
 .../js/api-core-tests/endpoints/refunds.js    |    2 +-
 packages/js/api-core-tests/package.json       |    8 +-
 .../api-core-tests/tests/hello/hello.test.js  |   16 +-
 .../tests/orders/orders.test.js               |   45 +-
 .../tests/products/product-list.test.js       | 1587 +++++++++--------
 .../utils/api-collection/build-collection.js  |   85 +-
 packages/js/api-core-tests/utils/request.js   |   24 +-
 packages/js/e2e-builds/.eslintrc.js           |    1 -
 packages/js/e2e-builds/changelog/.gitkeep     |    0
 .../changelog/fix-standardize-lint-e2e        |    4 +
 packages/js/e2e-builds/package.json           |   57 +-
 packages/js/e2e-core-tests/.eslintrc.js       |    3 +
 .../changelog/fix-standardize-lint-e2e        |    4 +
 packages/js/e2e-core-tests/package.json       |   34 +-
 .../specs/activate-and-setup/activate.test.js |   36 +-
 .../onboarding-tasklist.test.js               |   91 +-
 .../specs/activate-and-setup/setup.test.js    |   80 +-
 .../src/specs/api/variable-product.test.js    |  102 +-
 packages/js/e2e-core-tests/src/specs/index.js |   22 +-
 .../wp-admin-analytics-page-loads.test.js     |   74 +-
 .../merchant/wp-admin-coupon-new.test.js      |   43 +-
 .../wp-admin-extensions-connect-wccom.test.js |   44 +-
 .../wp-admin-order-apply-coupon.test.js       |  102 +-
 ...-admin-order-customer-payment-page.test.js |   95 +-
 .../merchant/wp-admin-order-edit.test.js      |  115 +-
 .../merchant/wp-admin-order-emails.test.js    |   44 +-
 .../specs/merchant/wp-admin-order-new.test.js |  192 +-
 .../wp-admin-order-refund-restock.test.js     |    2 +-
 .../merchant/wp-admin-order-refund.test.js    |  117 +-
 .../merchant/wp-admin-order-searching.test.js |   68 +-
 .../wp-admin-order-status-filters.test.js     |   83 +-
 .../merchant/wp-admin-page-loads.test.js      |    8 +-
 .../wp-admin-product-edit-details.test.js     |   42 +-
 .../wp-admin-product-import-csv.test.js       |    4 +-
 .../merchant/wp-admin-product-new.test.js     |  236 ++-
 .../merchant/wp-admin-product-search.test.js  |   76 +-
 .../wp-admin-settings-general.test.js         |  130 +-
 .../wp-admin-settings-product.test.js         |  139 +-
 ...wp-admin-settings-shipping-classes.test.js |   54 +-
 .../wp-admin-settings-shipping-zones.test.js  |  139 +-
 .../merchant/wp-admin-settings-tax.test.js    |  257 ++-
 .../front-end-cart-calculate-shipping.test.js |  160 +-
 .../shopper/front-end-cart-coupons.test.js    |   77 +-
 .../front-end-cart-redirection.test.js        |   48 +-
 .../src/specs/shopper/front-end-cart.test.js  |   84 +-
 .../front-end-checkout-coupons.test.js        |   80 +-
 .../front-end-checkout-create-account.test.js |   39 +-
 .../front-end-checkout-login-account.test.js  |   56 +-
 .../specs/shopper/front-end-checkout.test.js  |  219 ++-
 ...ront-end-my-account-create-account.test.js |   33 +-
 .../front-end-my-account-pay-order.test.js    |   41 +-
 .../shopper/front-end-my-account.test.js      |   85 +-
 .../front-end-order-email-receiving.test.js   |   31 +-
 ...ont-end-product-browse-search-sort.test.js |  130 +-
 .../shopper/front-end-single-product.test.js  |  144 +-
 ...front-end-variable-product-updates.test.js |  163 +-
 .../e2e-core-tests/src/specs/utils/coupons.js |   12 +-
 packages/js/e2e-environment/.eslintrc.js      |    4 +-
 .../changelog/fix-standardize-lint-e2e        |    4 +
 packages/js/e2e-environment/package.json      |   13 +-
 .../e2e-environment/src/setup/jest.failure.js |    4 +-
 .../js/e2e-environment/src/slack/reporter.js  |    4 +-
 .../changelog/fix-standardize-lint-e2e        |    4 +
 packages/js/e2e-utils/package.json            |   10 +-
 packages/js/e2e-utils/src/components.js       |   50 +-
 packages/js/e2e-utils/src/flows/merchant.js   |    2 +-
 packages/js/e2e-utils/src/flows/utils.js      |    6 +-
 .../js/e2e-utils/src/flows/with-rest-api.js   |   38 +-
 packages/js/e2e-utils/src/page-utils.js       |   32 +-
 packages/js/e2e-utils/src/pages/admin-edit.js |    6 +-
 pnpm-lock.yaml                                |  209 +--
 83 files changed, 3844 insertions(+), 2957 deletions(-)
 create mode 100644 packages/js/api-core-tests/.eslintrc.js
 create mode 100644 packages/js/api-core-tests/changelog/.gitkeep
 create mode 100644 packages/js/api-core-tests/changelog/fix-standardize-lint-e2e
 create mode 100644 packages/js/e2e-builds/changelog/.gitkeep
 create mode 100644 packages/js/e2e-builds/changelog/fix-standardize-lint-e2e
 create mode 100644 packages/js/e2e-core-tests/.eslintrc.js
 create mode 100644 packages/js/e2e-core-tests/changelog/fix-standardize-lint-e2e
 create mode 100644 packages/js/e2e-environment/changelog/fix-standardize-lint-e2e
 create mode 100644 packages/js/e2e-utils/changelog/fix-standardize-lint-e2e

diff --git a/packages/js/api-core-tests/.eslintrc.js b/packages/js/api-core-tests/.eslintrc.js
new file mode 100644
index 00000000000..b84ca0f93ff
--- /dev/null
+++ b/packages/js/api-core-tests/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
+};
diff --git a/packages/js/api-core-tests/changelog/.gitkeep b/packages/js/api-core-tests/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/api-core-tests/changelog/fix-standardize-lint-e2e b/packages/js/api-core-tests/changelog/fix-standardize-lint-e2e
new file mode 100644
index 00000000000..72f3afe233e
--- /dev/null
+++ b/packages/js/api-core-tests/changelog/fix-standardize-lint-e2e
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize linting: Ensure e2e packages are lintable
diff --git a/packages/js/api-core-tests/data/order.js b/packages/js/api-core-tests/data/order.js
index b3cbb0e6d8b..901ec3489d8 100644
--- a/packages/js/api-core-tests/data/order.js
+++ b/packages/js/api-core-tests/data/order.js
@@ -1,4 +1,4 @@
-const { customerBilling, customerShipping } = require('./shared');
+const { customerBilling, customerShipping } = require( './shared' );
 
 /**
  * A basic order.
@@ -53,10 +53,10 @@ const couponLines = {
 /**
  * Builds an example order request.
  *
- * @returns {Object} Sample Order payload.
+ * @return {Object} Sample Order payload.
  */
 const getOrderExample = () => {
-	let orderExample = {
+	const orderExample = {
 		id: 0,
 		payment_method: 'cod',
 		payment_method_title: 'Cash on Delivery',
@@ -73,7 +73,7 @@ const getOrderExample = () => {
 		coupon_lines: [ couponLines ],
 	};
 	return orderExample;
-}
+};
 
 module.exports = {
 	order,
diff --git a/packages/js/api-core-tests/data/product-list.js b/packages/js/api-core-tests/data/product-list.js
index 0264b39a094..27c123273a4 100644
--- a/packages/js/api-core-tests/data/product-list.js
+++ b/packages/js/api-core-tests/data/product-list.js
@@ -6,40 +6,53 @@ const {
 	postRequest,
 	putRequest,
 	deleteRequest,
-} = require('../utils/request');
+} = require( '../utils/request' );
 
 const getProducts = ( params = {} ) => getRequest( 'products', params );
 
 const createProduct = ( data ) => postRequest( 'products', data );
-const createProductVariations = ( parentId, variations ) => postRequest(
-	`products/${ parentId }/variations/batch`,
-	{
+const createProductVariations = ( parentId, variations ) =>
+	postRequest( `products/${ parentId }/variations/batch`, {
 		create: variations,
-	}
-)
-const createProducts = ( products ) => postRequest( 'products/batch', { create: products } );
-const createProductCategory = ( data ) => postRequest( 'products/categories', data );
-const createProductAttribute = ( name ) => postRequest( 'products/attributes', { name } );
-const createProductAttributeTerms = ( parentId, termNames ) => postRequest(
-	`products/attributes/${ parentId }/terms/batch`,
-	{
-		create: termNames.map( name => ( { name } ) )
-	}
-);
-const createProductReview = ( productId, review ) => postRequest( 'products/reviews', {
-	product_id: productId,
-	...review,
-} );
-const updateProductReview = ( reviewId, data = {} ) => putRequest( `products/reviews/${ reviewId }`, data );
+	} );
+const createProducts = ( products ) =>
+	postRequest( 'products/batch', { create: products } );
+const createProductCategory = ( data ) =>
+	postRequest( 'products/categories', data );
+const createProductAttribute = ( name ) =>
+	postRequest( 'products/attributes', { name } );
+const createProductAttributeTerms = ( parentId, termNames ) =>
+	postRequest( `products/attributes/${ parentId }/terms/batch`, {
+		create: termNames.map( ( name ) => ( { name } ) ),
+	} );
+const createProductReview = ( productId, review ) =>
+	postRequest( 'products/reviews', {
+		product_id: productId,
+		...review,
+	} );
+const updateProductReview = ( reviewId, data = {} ) =>
+	putRequest( `products/reviews/${ reviewId }`, data );
 const createProductTag = ( name ) => postRequest( 'products/tags', { name } );
-const createShippingClass = ( name ) => postRequest( 'products/shipping_classes', { name } );
+const createShippingClass = ( name ) =>
+	postRequest( 'products/shipping_classes', { name } );
 const createTaxClass = ( name ) => postRequest( 'taxes/classes', { name } );
 
 const createSampleCategories = async () => {
-	const { body: clothing } = await createProductCategory( { name: 'Clothing' } );
-	const { body: accessories } = await createProductCategory( { name: 'Accessories', parent: clothing.id } );
-	const { body: hoodies } = await createProductCategory( { name: 'Hoodies', parent: clothing.id } );
-	const { body: tshirts } = await createProductCategory( { name: 'Tshirts', parent: clothing.id } );
+	const { body: clothing } = await createProductCategory( {
+		name: 'Clothing',
+	} );
+	const { body: accessories } = await createProductCategory( {
+		name: 'Accessories',
+		parent: clothing.id,
+	} );
+	const { body: hoodies } = await createProductCategory( {
+		name: 'Hoodies',
+		parent: clothing.id,
+	} );
+	const { body: tshirts } = await createProductCategory( {
+		name: 'Tshirts',
+		parent: clothing.id,
+	} );
 	const { body: decor } = await createProductCategory( { name: 'Decor' } );
 	const { body: music } = await createProductCategory( { name: 'Music' } );
 
@@ -56,8 +69,18 @@ const createSampleCategories = async () => {
 const createSampleAttributes = async () => {
 	const { body: color } = await createProductAttribute( 'Color' );
 	const { body: size } = await createProductAttribute( 'Size' );
-	const { body: colors } = await createProductAttributeTerms( color.id, [ 'Blue', 'Gray', 'Green', 'Red', 'Yellow' ] );
-	const { body: sizes } = await createProductAttributeTerms( size.id, [ 'Large', 'Medium', 'Small' ] );
+	const { body: colors } = await createProductAttributeTerms( color.id, [
+		'Blue',
+		'Gray',
+		'Green',
+		'Red',
+		'Yellow',
+	] );
+	const { body: sizes } = await createProductAttributeTerms( size.id, [
+		'Large',
+		'Medium',
+		'Small',
+	] );
 
 	return {
 		color,
@@ -73,7 +96,7 @@ const createSampleTags = async () => {
 	return {
 		cool,
 	};
-}
+};
 
 const createSampleShippingClasses = async () => {
 	const { body: freight } = await createShippingClass( 'Freight' );
@@ -81,7 +104,7 @@ const createSampleShippingClasses = async () => {
 	return {
 		freight,
 	};
-}
+};
 
 const createSampleTaxClasses = async () => {
 	const { body: reducedRate } = await createTaxClass( 'Reduced Rate' );
@@ -89,15 +112,16 @@ const createSampleTaxClasses = async () => {
 	return {
 		reducedRate,
 	};
-}
+};
 
 const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
-	const description = '<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. '
-		+ 'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. '
-		+ 'Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n';
+	const description =
+		'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. ' +
+		'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. ' +
+		'Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n';
 
-	const { body: simpleProducts } = await createProducts( [ 
-		{ 
+	const { body: simpleProducts } = await createProducts( [
+		{
 			name: 'Beanie with Logo',
 			date_created_gmt: '2021-09-01T15:50:20',
 			type: 'simple',
@@ -145,23 +169,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.accessories.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Red' ] 
-				} 
+					options: [ 'Red' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 62, 63, 61, 60 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'T-Shirt with Logo',
 			date_created_gmt: '2021-09-02T15:50:20',
 			type: 'simple',
@@ -209,23 +233,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.tshirts.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Gray' ] 
-				} 
+					options: [ 'Gray' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 59, 67, 66, 56 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Single',
 			date_created_gmt: '2021-09-03T15:50:19',
 			type: 'simple',
@@ -245,12 +269,13 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			total_sales: 0,
 			virtual: true,
 			downloadable: true,
-			downloads: [ 
-				{ 
+			downloads: [
+				{
 					id: '2579cf07-8b08-4c25-888a-b6258dd1f035',
 					name: 'Single',
-					file: 'https://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2017/08/single.jpg' 
-				} 
+					file:
+						'https://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2017/08/single.jpg',
+				},
 			],
 			download_limit: 1,
 			download_expiry: 1,
@@ -285,9 +310,9 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 68 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Album',
 			date_created_gmt: '2021-09-04T15:50:19',
 			type: 'simple',
@@ -307,17 +332,19 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			total_sales: 0,
 			virtual: true,
 			downloadable: true,
-			downloads: [ 
-				{ 
+			downloads: [
+				{
 					id: 'cc10249f-1de2-44d4-93d3-9f88ae629f76',
 					name: 'Single 1',
-					file: 'https://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2017/08/single.jpg' 
+					file:
+						'https://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2017/08/single.jpg',
 				},
-				{ 
+				{
 					id: 'aea8ef69-ccdc-4d83-8e21-3c395ebb9411',
 					name: 'Single 2',
-					file: 'https://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2017/08/album.jpg' 
-				} 
+					file:
+						'https://demo.woothemes.com/woocommerce/wp-content/uploads/sites/56/2017/08/album.jpg',
+				},
 			],
 			download_limit: 1,
 			download_expiry: 1,
@@ -352,9 +379,9 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 69 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Polo',
 			date_created_gmt: '2021-09-05T15:50:19',
 			type: 'simple',
@@ -402,23 +429,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.tshirts.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Blue' ] 
-				} 
+					options: [ 'Blue' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 59, 56, 66, 76 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Long Sleeve Tee',
 			date_created_gmt: '2021-09-06T15:50:19',
 			type: 'simple',
@@ -466,23 +493,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.tshirts.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Green' ] 
-				} 
+					options: [ 'Green' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 59, 56, 76, 67 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Hoodie with Zipper',
 			date_created_gmt: '2021-09-07T15:50:19',
 			type: 'simple',
@@ -536,9 +563,9 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 57, 58 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Hoodie with Pocket',
 			date_created_gmt: '2021-09-08T15:50:19',
 			type: 'simple',
@@ -586,23 +613,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.hoodies.id } ],
 			tags: [ { id: tags.cool.id } ],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Gray' ] 
-				} 
+					options: [ 'Gray' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 65, 57, 58 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Sunglasses',
 			date_created_gmt: '2021-09-09T15:50:19',
 			type: 'simple',
@@ -656,9 +683,9 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 60, 62, 77, 61 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Cap',
 			date_created_gmt: '2021-09-10T15:50:19',
 			type: 'simple',
@@ -706,23 +733,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.accessories.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Yellow' ] 
-				} 
+					options: [ 'Yellow' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 60, 77, 61, 63 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Belt',
 			date_created_gmt: '2021-09-12T15:50:19',
 			type: 'simple',
@@ -776,9 +803,9 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 63, 77, 62, 60 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'Beanie',
 			date_created_gmt: '2021-09-13T15:50:19',
 			type: 'simple',
@@ -826,23 +853,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.accessories.id } ],
 			tags: [ { id: tags.cool.id } ],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Red' ] 
-				} 
+					options: [ 'Red' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 63, 62, 61, 77 ],
-			stock_status: 'instock' 
+			stock_status: 'instock',
 		},
-		{ 
+		{
 			name: 'T-Shirt',
 			date_created_gmt: '2021-09-14T15:50:19',
 			type: 'simple',
@@ -890,23 +917,23 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.tshirts.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Gray' ] 
-				} 
+					options: [ 'Gray' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 67, 76, 56, 66 ],
-			stock_status: 'onbackorder' 
+			stock_status: 'onbackorder',
 		},
-		{ 
+		{
 			name: 'Hoodie with Logo',
 			date_created_gmt: '2021-09-15T15:50:19',
 			type: 'simple',
@@ -954,22 +981,22 @@ const createSampleSimpleProducts = async ( categories, attributes, tags ) => {
 			purchase_note: '',
 			categories: [ { id: categories.hoodies.id } ],
 			tags: [],
-			attributes: [ 
-				{ 
+			attributes: [
+				{
 					id: attributes.color.id,
 					position: 0,
 					visible: true,
 					variation: false,
-					options: [ 'Blue' ] 
-				} 
+					options: [ 'Blue' ],
+				},
 			],
 			default_attributes: [],
 			variations: [],
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [ 57, 65 ],
-			stock_status: 'instock' 
-		} 
+			stock_status: 'instock',
+		},
 	] );
 
 	return simpleProducts.create;
@@ -985,9 +1012,9 @@ const createSampleExternalProducts = async ( categories ) => {
 			featured: false,
 			catalog_visibility: 'visible',
 			description:
-				'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. '
-				+ 'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. '
-				+ 'Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n',
+				'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. ' +
+				'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. ' +
+				'Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n',
 			short_description: '<p>This is an external product.</p>\n',
 			sku: 'wp-pennant',
 			price: '11.05',
@@ -1003,7 +1030,8 @@ const createSampleExternalProducts = async ( categories ) => {
 			downloads: [],
 			download_limit: 0,
 			download_expiry: 0,
-			external_url: 'https://mercantile.wordpress.org/product/wordpress-pennant/',
+			external_url:
+				'https://mercantile.wordpress.org/product/wordpress-pennant/',
 			button_text: 'Buy on the WordPress swag store!',
 			tax_status: 'taxable',
 			tax_class: '',
@@ -1034,7 +1062,7 @@ const createSampleExternalProducts = async ( categories ) => {
 			grouped_products: [],
 			menu_order: 0,
 			related_ids: [],
-			stock_status: 'instock'
+			stock_status: 'instock',
 		},
 	] );
 
@@ -1056,9 +1084,9 @@ const createSampleGroupedProduct = async ( categories ) => {
 			featured: false,
 			catalog_visibility: 'visible',
 			description:
-				'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. '
-				+ 'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. '
-				+ 'Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n',
+				'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. ' +
+				'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. ' +
+				'Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n',
 			short_description: '<p>This is a grouped product.</p>\n',
 			sku: 'logo-collection',
 			price: '18',
@@ -1102,10 +1130,10 @@ const createSampleGroupedProduct = async ( categories ) => {
 			attributes: [],
 			default_attributes: [],
 			variations: [],
-			grouped_products: logoProducts.map( p => p.id ),
+			grouped_products: logoProducts.map( ( p ) => p.id ),
 			menu_order: 0,
 			related_ids: [],
-			stock_status: 'instock'
+			stock_status: 'instock',
 		},
 	] );
 
@@ -1113,9 +1141,10 @@ const createSampleGroupedProduct = async ( categories ) => {
 };
 
 const createSampleVariableProducts = async ( categories, attributes ) => {
-	const description =	'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. '
-		+ 'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. '
-		+ 'Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n';
+	const description =
+		'<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. ' +
+		'Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. ' +
+		'Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>\n';
 	const { body: hoodie } = await createProduct( {
 		name: 'Hoodie',
 		date_created_gmt: '2021-09-18T15:50:19',
@@ -1170,7 +1199,7 @@ const createSampleVariableProducts = async ( categories, attributes ) => {
 				position: 0,
 				visible: true,
 				variation: true,
-				options: [ 'Blue', 'Green', 'Red' ]
+				options: [ 'Blue', 'Green', 'Red' ],
 			},
 			{
 				id: 0,
@@ -1178,165 +1207,168 @@ const createSampleVariableProducts = async ( categories, attributes ) => {
 				position: 1,
 				visible: true,
 				variation: true,
-				options: [ 'Yes', 'No' ]
-			}
+				options: [ 'Yes', 'No' ],
+			},
 		],
 		default_attributes: [],
 		grouped_products: [],
 		menu_order: 0,
-		stock_status: 'instock'
+		stock_status: 'instock',
 	} );
 
 	const variationDescription =
-		'<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis orci ac odio dictum tincidunt. '
-		+ 'Donec ut metus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. '
-		+ 'Sed luctus, dui eu sagittis sodales, nulla nibh sagittis augue, vel porttitor diam enim non metus. '
-		+ 'Vestibulum aliquam augue neque. Phasellus tincidunt odio eget ullamcorper efficitur. '
-		+ 'Cras placerat ut turpis pellentesque vulputate. Nam sed consequat tortor. Curabitur finibus sapien dolor. '
-		+ 'Ut eleifend tellus nec erat pulvinar dignissim. Nam non arcu purus. Vivamus et massa massa.</p>\n';
+		'<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis orci ac odio dictum tincidunt. ' +
+		'Donec ut metus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. ' +
+		'Sed luctus, dui eu sagittis sodales, nulla nibh sagittis augue, vel porttitor diam enim non metus. ' +
+		'Vestibulum aliquam augue neque. Phasellus tincidunt odio eget ullamcorper efficitur. ' +
+		'Cras placerat ut turpis pellentesque vulputate. Nam sed consequat tortor. Curabitur finibus sapien dolor. ' +
+		'Ut eleifend tellus nec erat pulvinar dignissim. Nam non arcu purus. Vivamus et massa massa.</p>\n';
 
-	const { body: hoodieVariations } = await createProductVariations( hoodie.id, [
-		{
-			date_created_gmt: '2021-09-19T15:50:20',
-			description: variationDescription,
-			sku: 'woo-hoodie-blue-logo',
-			price: '45',
-			regular_price: '45',
-			sale_price: '',
-			date_on_sale_from_gmt: null,
-			date_on_sale_to_gmt: null,
-			on_sale: false,
-			status: 'publish',
-			purchasable: true,
-			virtual: false,
-			downloadable: false,
-			downloads: [],
-			download_limit: 0,
-			download_expiry: 0,
-			tax_status: 'taxable',
-			tax_class: '',
-			manage_stock: false,
-			stock_quantity: null,
-			stock_status: 'instock',
-			backorders: 'no',
-			backorders_allowed: false,
-			backordered: false,
-			low_stock_amount: null,
-			weight: '1.5',
-			dimensions: { length: '10', width: '8', height: '3' },
-			shipping_class: '',
-			attributes: [
-				{ id: attributes.color.id, option: 'Blue' },
-				{ id: 0, name: 'Logo', option: 'Yes' }
-			],
-			menu_order: 0
-		},
-		{
-			date_created_gmt: '2021-09-20T15:50:20',
-			description: variationDescription,
-			sku: 'woo-hoodie-blue',
-			price: '45',
-			regular_price: '45',
-			sale_price: '',
-			date_on_sale_from_gmt: null,
-			date_on_sale_to_gmt: null,
-			on_sale: false,
-			status: 'publish',
-			purchasable: true,
-			virtual: false,
-			downloadable: false,
-			downloads: [],
-			download_limit: 0,
-			download_expiry: 0,
-			tax_status: 'taxable',
-			tax_class: '',
-			manage_stock: false,
-			stock_quantity: null,
-			stock_status: 'instock',
-			backorders: 'no',
-			backorders_allowed: false,
-			backordered: false,
-			low_stock_amount: null,
-			weight: '1.5',
-			dimensions: { length: '10', width: '8', height: '3' },
-			shipping_class: '',
-			attributes: [
-				{ id: attributes.color.id, option: 'Blue' },
-				{ id: 0, name: 'Logo', option: 'No' }
-			],
-			menu_order: 3
-		},
-		{
-			date_created_gmt: '2021-09-21T15:50:20',
-			description: variationDescription,
-			sku: 'woo-hoodie-green',
-			price: '45',
-			regular_price: '45',
-			sale_price: '',
-			date_on_sale_from_gmt: null,
-			date_on_sale_to_gmt: null,
-			on_sale: false,
-			status: 'publish',
-			purchasable: true,
-			virtual: false,
-			downloadable: false,
-			downloads: [],
-			download_limit: 0,
-			download_expiry: 0,
-			tax_status: 'taxable',
-			tax_class: '',
-			manage_stock: false,
-			stock_quantity: null,
-			stock_status: 'instock',
-			backorders: 'no',
-			backorders_allowed: false,
-			backordered: false,
-			low_stock_amount: null,
-			weight: '1.5',
-			dimensions: { length: '10', width: '8', height: '3' },
-			shipping_class: '',
-			attributes: [
-				{ id: attributes.color.id, option: 'Green' },
-				{ id: 0, name: 'Logo', option: 'No' }
-			],
-			menu_order: 2
-		},
-		{
-			date_created_gmt: '2021-09-22T15:50:19',
-			description: variationDescription,
-			sku: 'woo-hoodie-red',
-			price: '42',
-			regular_price: '45',
-			sale_price: '42',
-			date_on_sale_from_gmt: null,
-			date_on_sale_to_gmt: null,
-			on_sale: true,
-			status: 'publish',
-			purchasable: true,
-			virtual: false,
-			downloadable: false,
-			downloads: [],
-			download_limit: 0,
-			download_expiry: 0,
-			tax_status: 'taxable',
-			tax_class: '',
-			manage_stock: false,
-			stock_quantity: null,
-			stock_status: 'instock',
-			backorders: 'no',
-			backorders_allowed: false,
-			backordered: false,
-			low_stock_amount: null,
-			weight: '1.5',
-			dimensions: { length: '10', width: '8', height: '3' },
-			shipping_class: '',
-			attributes: [
-				{ id: attributes.color.id, option: 'Red' },
-				{ id: 0, name: 'Logo', option: 'No' }
-			],
-			menu_order: 1
-		}
-	] );
+	const { body: hoodieVariations } = await createProductVariations(
+		hoodie.id,
+		[
+			{
+				date_created_gmt: '2021-09-19T15:50:20',
+				description: variationDescription,
+				sku: 'woo-hoodie-blue-logo',
+				price: '45',
+				regular_price: '45',
+				sale_price: '',
+				date_on_sale_from_gmt: null,
+				date_on_sale_to_gmt: null,
+				on_sale: false,
+				status: 'publish',
+				purchasable: true,
+				virtual: false,
+				downloadable: false,
+				downloads: [],
+				download_limit: 0,
+				download_expiry: 0,
+				tax_status: 'taxable',
+				tax_class: '',
+				manage_stock: false,
+				stock_quantity: null,
+				stock_status: 'instock',
+				backorders: 'no',
+				backorders_allowed: false,
+				backordered: false,
+				low_stock_amount: null,
+				weight: '1.5',
+				dimensions: { length: '10', width: '8', height: '3' },
+				shipping_class: '',
+				attributes: [
+					{ id: attributes.color.id, option: 'Blue' },
+					{ id: 0, name: 'Logo', option: 'Yes' },
+				],
+				menu_order: 0,
+			},
+			{
+				date_created_gmt: '2021-09-20T15:50:20',
+				description: variationDescription,
+				sku: 'woo-hoodie-blue',
+				price: '45',
+				regular_price: '45',
+				sale_price: '',
+				date_on_sale_from_gmt: null,
+				date_on_sale_to_gmt: null,
+				on_sale: false,
+				status: 'publish',
+				purchasable: true,
+				virtual: false,
+				downloadable: false,
+				downloads: [],
+				download_limit: 0,
+				download_expiry: 0,
+				tax_status: 'taxable',
+				tax_class: '',
+				manage_stock: false,
+				stock_quantity: null,
+				stock_status: 'instock',
+				backorders: 'no',
+				backorders_allowed: false,
+				backordered: false,
+				low_stock_amount: null,
+				weight: '1.5',
+				dimensions: { length: '10', width: '8', height: '3' },
+				shipping_class: '',
+				attributes: [
+					{ id: attributes.color.id, option: 'Blue' },
+					{ id: 0, name: 'Logo', option: 'No' },
+				],
+				menu_order: 3,
+			},
+			{
+				date_created_gmt: '2021-09-21T15:50:20',
+				description: variationDescription,
+				sku: 'woo-hoodie-green',
+				price: '45',
+				regular_price: '45',
+				sale_price: '',
+				date_on_sale_from_gmt: null,
+				date_on_sale_to_gmt: null,
+				on_sale: false,
+				status: 'publish',
+				purchasable: true,
+				virtual: false,
+				downloadable: false,
+				downloads: [],
+				download_limit: 0,
+				download_expiry: 0,
+				tax_status: 'taxable',
+				tax_class: '',
+				manage_stock: false,
+				stock_quantity: null,
+				stock_status: 'instock',
+				backorders: 'no',
+				backorders_allowed: false,
+				backordered: false,
+				low_stock_amount: null,
+				weight: '1.5',
+				dimensions: { length: '10', width: '8', height: '3' },
+				shipping_class: '',
+				attributes: [
+					{ id: attributes.color.id, option: 'Green' },
+					{ id: 0, name: 'Logo', option: 'No' },
+				],
+				menu_order: 2,
+			},
+			{
+				date_created_gmt: '2021-09-22T15:50:19',
+				description: variationDescription,
+				sku: 'woo-hoodie-red',
+				price: '42',
+				regular_price: '45',
+				sale_price: '42',
+				date_on_sale_from_gmt: null,
+				date_on_sale_to_gmt: null,
+				on_sale: true,
+				status: 'publish',
+				purchasable: true,
+				virtual: false,
+				downloadable: false,
+				downloads: [],
+				download_limit: 0,
+				download_expiry: 0,
+				tax_status: 'taxable',
+				tax_class: '',
+				manage_stock: false,
+				stock_quantity: null,
+				stock_status: 'instock',
+				backorders: 'no',
+				backorders_allowed: false,
+				backordered: false,
+				low_stock_amount: null,
+				weight: '1.5',
+				dimensions: { length: '10', width: '8', height: '3' },
+				shipping_class: '',
+				attributes: [
+					{ id: attributes.color.id, option: 'Red' },
+					{ id: 0, name: 'Logo', option: 'No' },
+				],
+				menu_order: 1,
+			},
+		]
+	);
 
 	const { body: vneck } = await createProduct( {
 		name: 'V-Neck T-Shirt',
@@ -1392,20 +1424,20 @@ const createSampleVariableProducts = async ( categories, attributes ) => {
 				position: 0,
 				visible: true,
 				variation: true,
-				options: [ 'Blue', 'Green', 'Red' ]
+				options: [ 'Blue', 'Green', 'Red' ],
 			},
 			{
 				id: attributes.size.id,
 				position: 1,
 				visible: true,
 				variation: true,
-				options: [ 'Large', 'Medium', 'Small' ]
-			}
+				options: [ 'Large', 'Medium', 'Small' ],
+			},
 		],
 		default_attributes: [],
 		grouped_products: [],
 		menu_order: 0,
-		stock_status: 'instock'
+		stock_status: 'instock',
 	} );
 
 	const { body: vneckVariations } = await createProductVariations( vneck.id, [
@@ -1439,7 +1471,7 @@ const createSampleVariableProducts = async ( categories, attributes ) => {
 			dimensions: { length: '24', width: '1', height: '2' },
 			shipping_class: '',
 			attributes: [ { id: attributes.color.id, option: 'Blue' } ],
-			menu_order: 0
+			menu_order: 0,
 		},
 		{
 			date_created_gmt: '2021-09-25T15:50:19',
@@ -1471,7 +1503,7 @@ const createSampleVariableProducts = async ( categories, attributes ) => {
 			dimensions: { length: '24', width: '1', height: '2' },
 			shipping_class: '',
 			attributes: [ { id: attributes.color.id, option: 'Green' } ],
-			menu_order: 0
+			menu_order: 0,
 		},
 		{
 			date_created_gmt: '2021-09-26T15:50:19',
@@ -1503,8 +1535,8 @@ const createSampleVariableProducts = async ( categories, attributes ) => {
 			dimensions: { length: '24', width: '1', height: '2' },
 			shipping_class: '',
 			attributes: [ { id: attributes.color.id, option: 'Red' } ],
-			menu_order: 0
-		}
+			menu_order: 0,
+		},
 	] );
 
 	return {
@@ -1530,15 +1562,15 @@ const createSampleHierarchicalProducts = async () => {
 	return {
 		parent,
 		child,
-	}
+	};
 };
 
 const createSampleProductReviews = async ( simpleProducts ) => {
-	const cap = simpleProducts.find( p => p.name === 'Cap' );
-	const shirt = simpleProducts.find( p => p.name === 'T-Shirt' );
-	const sunglasses = simpleProducts.find( p => p.name === 'Sunglasses' );
+	const cap = simpleProducts.find( ( p ) => p.name === 'Cap' );
+	const shirt = simpleProducts.find( ( p ) => p.name === 'T-Shirt' );
+	const sunglasses = simpleProducts.find( ( p ) => p.name === 'Sunglasses' );
 
-	let { body: review1 } = await createProductReview( cap.id, {
+	const { body: review1 } = await createProductReview( cap.id, {
 		rating: 3,
 		review: 'Decent cap.',
 		reviewer: 'John Doe',
@@ -1549,7 +1581,7 @@ const createSampleProductReviews = async ( simpleProducts ) => {
 	// See: https://github.com/woocommerce/woocommerce/issues/29906.
 	await updateProductReview( review1.id );
 
-	let { body: review2 } = await createProductReview( shirt.id, {
+	const { body: review2 } = await createProductReview( shirt.id, {
 		rating: 5,
 		review: 'The BEST shirt ever!!',
 		reviewer: 'Shannon Smith',
@@ -1557,7 +1589,7 @@ const createSampleProductReviews = async ( simpleProducts ) => {
 	} );
 	await updateProductReview( review2.id );
 
-	let { body: review3 } = await createProductReview( sunglasses.id, {
+	const { body: review3 } = await createProductReview( sunglasses.id, {
 		rating: 1,
 		review: 'These are way too expensive.',
 		reviewer: 'Tim Frugalman',
@@ -1569,9 +1601,11 @@ const createSampleProductReviews = async ( simpleProducts ) => {
 };
 
 const createSampleProductOrders = async ( simpleProducts ) => {
-	const single = simpleProducts.find( p => p.name === 'Single' );
-	const beanie = simpleProducts.find( p => p.name === 'Beanie with Logo' );
-	const shirt = simpleProducts.find( p => p.name === 'T-Shirt' );
+	const single = simpleProducts.find( ( p ) => p.name === 'Single' );
+	const beanie = simpleProducts.find(
+		( p ) => p.name === 'Beanie with Logo'
+	);
+	const shirt = simpleProducts.find( ( p ) => p.name === 'T-Shirt' );
 
 	const { body: order } = await postRequest( 'orders', {
 		set_paid: true,
@@ -1602,10 +1636,17 @@ const createSampleData = async () => {
 	const shippingClasses = await createSampleShippingClasses();
 	const taxClasses = await createSampleTaxClasses();
 
-	const simpleProducts = await createSampleSimpleProducts( categories, attributes, tags );
+	const simpleProducts = await createSampleSimpleProducts(
+		categories,
+		attributes,
+		tags
+	);
 	const externalProducts = await createSampleExternalProducts( categories );
 	const groupedProducts = await createSampleGroupedProduct( categories );
-	const variableProducts = await createSampleVariableProducts( categories, attributes );
+	const variableProducts = await createSampleVariableProducts(
+		categories,
+		attributes
+	);
 	const hierarchicalProducts = await createSampleHierarchicalProducts();
 
 	const reviewIds = await createSampleProductReviews( simpleProducts );
@@ -1642,19 +1683,15 @@ const deleteSampleData = async ( sampleData ) => {
 		orders,
 	} = sampleData;
 
-	const productIds = [].concat(
-		simpleProducts.map( p => p.id )
-	).concat(
-		externalProducts.map( p => p.id )
-	).concat(
-		groupedProducts.map( p => p.id )
-	).concat( [
-		variableProducts.hoodie.id,
-		variableProducts.vneck.id,
-	] ).concat( [
-		hierarchicalProducts.parent.id,
-		hierarchicalProducts.child.id,
-	] );
+	const productIds = []
+		.concat( simpleProducts.map( ( p ) => p.id ) )
+		.concat( externalProducts.map( ( p ) => p.id ) )
+		.concat( groupedProducts.map( ( p ) => p.id ) )
+		.concat( [ variableProducts.hoodie.id, variableProducts.vneck.id ] )
+		.concat( [
+			hierarchicalProducts.parent.id,
+			hierarchicalProducts.child.id,
+		] );
 
 	orders.forEach( async ( { id } ) => {
 		await deleteRequest( `orders/${ id }`, true );
diff --git a/packages/js/api-core-tests/data/shared/batch-update.js b/packages/js/api-core-tests/data/shared/batch-update.js
index bb44e62f0a6..440996ca0ca 100644
--- a/packages/js/api-core-tests/data/shared/batch-update.js
+++ b/packages/js/api-core-tests/data/shared/batch-update.js
@@ -3,12 +3,12 @@
  *
  * Note that by default the update endpoint is limited to 100 objects to be created, updated, or deleted.
  *
- * @param {string} action Batch action. Must be one of: create, update, or delete.
- * @param {Array} resources A list of resource objects. For the delete action, this will be a list of IDs.
- * @param {Object} payload The batch payload object. Defaults to an empty object.
- * @returns {Object} The payload to send to the batch endpoint.
+ * @param {string} action    Batch action. Must be one of: create, update, or delete.
+ * @param {Array}  resources A list of resource objects. For the delete action, this will be a list of IDs.
+ * @param {Object} payload   The batch payload object. Defaults to an empty object.
+ * @return {Object} The payload to send to the batch endpoint.
  */
- const batch = ( action, resources = [], payload = {} ) => {
+const batch = ( action, resources = [], payload = {} ) => {
 	if ( ! [ 'create', 'update', 'delete' ].includes( action ) ) {
 		return;
 	}
diff --git a/packages/js/api-core-tests/data/shared/error-response.js b/packages/js/api-core-tests/data/shared/error-response.js
index e83836eab1b..f77b36334ac 100644
--- a/packages/js/api-core-tests/data/shared/error-response.js
+++ b/packages/js/api-core-tests/data/shared/error-response.js
@@ -7,7 +7,7 @@ const errorResponse = {
 	code: '',
 	message: '',
 	data: {
-	  status: 400
+		status: 400,
 	},
 };
 
diff --git a/packages/js/api-core-tests/data/shared/index.js b/packages/js/api-core-tests/data/shared/index.js
index 9947340a9e1..033b5183b17 100644
--- a/packages/js/api-core-tests/data/shared/index.js
+++ b/packages/js/api-core-tests/data/shared/index.js
@@ -1,9 +1,6 @@
-const { customerBilling, customerShipping } = require('./customer');
-const {
-	batch,
-	getBatchPayloadExample
-} = require('./batch-update');
-const { errorResponse } = require('./error-response');
+const { customerBilling, customerShipping } = require( './customer' );
+const { batch, getBatchPayloadExample } = require( './batch-update' );
+const { errorResponse } = require( './error-response' );
 
 module.exports = {
 	customerBilling,
diff --git a/packages/js/api-core-tests/data/shipping-method.js b/packages/js/api-core-tests/data/shipping-method.js
index 65565f9f185..cfdfba8b9cb 100644
--- a/packages/js/api-core-tests/data/shipping-method.js
+++ b/packages/js/api-core-tests/data/shipping-method.js
@@ -6,7 +6,9 @@
  * - `flat_rate`
  * - `local_pickup`
  *
- * @returns shipping method object that can serve as a request payload for adding a shipping method to a shipping zone.
+ * @param  methodId
+ * @param  cost
+ * @return shipping method object that can serve as a request payload for adding a shipping method to a shipping zone.
  */
 const getShippingMethodExample = ( methodId, cost ) => {
 	const shippingMethodExample = {
@@ -15,7 +17,7 @@ const getShippingMethodExample = ( methodId, cost ) => {
 
 	if ( cost !== undefined ) {
 		shippingMethodExample.settings = {
-			cost: cost,
+			cost,
 		};
 	}
 
diff --git a/packages/js/api-core-tests/data/shipping-zone.js b/packages/js/api-core-tests/data/shipping-zone.js
index 2fc1056c899..fa337d2afbd 100644
--- a/packages/js/api-core-tests/data/shipping-zone.js
+++ b/packages/js/api-core-tests/data/shipping-zone.js
@@ -13,7 +13,7 @@ const shippingZone = {
 /**
  * Constructs a default shipping zone object.
  *
- * @returns default shipping zone
+ * @return default shipping zone
  */
 const getShippingZoneExample = () => {
 	return shippingZone;
diff --git a/packages/js/api-core-tests/endpoints/coupons.js b/packages/js/api-core-tests/endpoints/coupons.js
index d59fb635551..6896858a4ae 100644
--- a/packages/js/api-core-tests/endpoints/coupons.js
+++ b/packages/js/api-core-tests/endpoints/coupons.js
@@ -1,8 +1,13 @@
 /**
  * Internal dependencies
  */
- const { getRequest, postRequest, putRequest, deleteRequest } = require('../utils/request');
- const { coupon, shared } = require('../data');
+const {
+	getRequest,
+	postRequest,
+	putRequest,
+	deleteRequest,
+} = require( '../utils/request' );
+const { coupon, shared } = require( '../data' );
 
 /**
  * WooCommerce Coupon endpoints.
@@ -17,14 +22,15 @@ const couponsApi = {
 		path: 'coupons',
 		responseCode: 201,
 		payload: coupon,
-		coupon: async ( couponDetails ) => postRequest( 'coupons', couponDetails ),
+		coupon: async ( couponDetails ) =>
+			postRequest( 'coupons', couponDetails ),
 	},
 	retrieve: {
 		name: 'Retrieve a coupon',
 		method: 'GET',
 		path: 'coupons/<id>',
 		responseCode: 200,
-		coupon: async ( couponId ) => getRequest( `coupons/${couponId}` ),
+		coupon: async ( couponId ) => getRequest( `coupons/${ couponId }` ),
 	},
 	listAll: {
 		name: 'List all coupons',
@@ -39,7 +45,8 @@ const couponsApi = {
 		path: 'coupons/<id>',
 		responseCode: 200,
 		payload: coupon,
-		coupon: async ( couponId, couponDetails ) => putRequest( `coupons/${couponId}`, couponDetails ),
+		coupon: async ( couponId, couponDetails ) =>
+			putRequest( `coupons/${ couponId }`, couponDetails ),
 	},
 	delete: {
 		name: 'Delete a coupon',
@@ -47,9 +54,10 @@ const couponsApi = {
 		path: 'coupons/<id>',
 		responseCode: 200,
 		payload: {
-			force: false
+			force: false,
 		},
-		coupon: async ( couponId, deletePermanently ) => deleteRequest( `coupons/${couponId}`, deletePermanently ),
+		coupon: async ( couponId, deletePermanently ) =>
+			deleteRequest( `coupons/${ couponId }`, deletePermanently ),
 	},
 	batch: {
 		name: 'Batch update coupons',
@@ -57,8 +65,9 @@ const couponsApi = {
 		path: 'coupons/batch',
 		responseCode: 200,
 		payload: shared.getBatchPayloadExample( coupon ),
-		coupons: async ( batchUpdatePayload ) => postRequest( `coupons/batch`, batchUpdatePayload ),
+		coupons: async ( batchUpdatePayload ) =>
+			postRequest( `coupons/batch`, batchUpdatePayload ),
 	},
 };
 
- module.exports = { couponsApi };
+module.exports = { couponsApi };
diff --git a/packages/js/api-core-tests/endpoints/products.js b/packages/js/api-core-tests/endpoints/products.js
index c7b1b9a730c..f309f614763 100644
--- a/packages/js/api-core-tests/endpoints/products.js
+++ b/packages/js/api-core-tests/endpoints/products.js
@@ -1,7 +1,12 @@
 /**
  * Internal dependencies
  */
-const { getRequest, postRequest, putRequest, deleteRequest } = require('../utils/request');
+const {
+	getRequest,
+	postRequest,
+	putRequest,
+	deleteRequest,
+} = require( '../utils/request' );
 
 /**
  * WooCommerce Products endpoints.
@@ -15,28 +20,31 @@ const productsApi = {
 		method: 'POST',
 		path: 'products',
 		responseCode: 201,
-		product: async ( productDetails ) => postRequest( 'products', productDetails ),
+		product: async ( productDetails ) =>
+			postRequest( 'products', productDetails ),
 	},
 	retrieve: {
 		name: 'Retrieve a product',
 		method: 'GET',
 		path: 'products/<id>',
 		responseCode: 200,
-		product: async ( productId ) => getRequest( `products/${productId}` ),
+		product: async ( productId ) => getRequest( `products/${ productId }` ),
 	},
 	listAll: {
 		name: 'List all products',
 		method: 'GET',
 		path: 'products',
 		responseCode: 200,
-		products: async ( productsQuery = {} ) => getRequest( 'products', productsQuery ),
+		products: async ( productsQuery = {} ) =>
+			getRequest( 'products', productsQuery ),
 	},
 	update: {
 		name: 'Update a product',
 		method: 'PUT',
 		path: 'products/<id>',
 		responseCode: 200,
-		product: async ( productId, productDetails ) => putRequest( `products/${productId}`, productDetails ),
+		product: async ( productId, productDetails ) =>
+			putRequest( `products/${ productId }`, productDetails ),
 	},
 	delete: {
 		name: 'Delete a product',
@@ -44,16 +52,18 @@ const productsApi = {
 		path: 'products/<id>',
 		responseCode: 200,
 		payload: {
-			force: false
+			force: false,
 		},
-		product: async ( productId, deletePermanently ) => deleteRequest( `products/${productId}`, deletePermanently ),
+		product: async ( productId, deletePermanently ) =>
+			deleteRequest( `products/${ productId }`, deletePermanently ),
 	},
 	batch: {
 		name: 'Batch update products',
 		method: 'POST',
 		path: 'products/batch',
 		responseCode: 200,
-		products: async ( batchUpdatePayload ) => postRequest( `products/batch`, batchUpdatePayload ),
+		products: async ( batchUpdatePayload ) =>
+			postRequest( `products/batch`, batchUpdatePayload ),
 	},
 };
 
diff --git a/packages/js/api-core-tests/endpoints/refunds.js b/packages/js/api-core-tests/endpoints/refunds.js
index a4fb63ab704..72897915712 100644
--- a/packages/js/api-core-tests/endpoints/refunds.js
+++ b/packages/js/api-core-tests/endpoints/refunds.js
@@ -55,5 +55,5 @@ const refundsApi = {
 };
 
 module.exports = {
-	refundsApi: refundsApi,
+	refundsApi,
 };
diff --git a/packages/js/api-core-tests/package.json b/packages/js/api-core-tests/package.json
index 379b2b82f3a..c274e343117 100644
--- a/packages/js/api-core-tests/package.json
+++ b/packages/js/api-core-tests/package.json
@@ -9,7 +9,9 @@
 		"test:api": "jest --group=api",
 		"test:hello": "jest --group=hello",
 		"make:collection": "node utils/api-collection/build-collection.js",
-		"report": "allure generate --clean && allure serve"
+		"report": "allure generate --clean && allure serve",
+		"lint": "eslint data endpoints tests utils --ext=js,ts,tsx",
+		"lint:fix": "eslint data endpoints tests utils --ext=js,ts,tsx --fix"
 	},
 	"repository": {
 		"type": "git",
@@ -29,6 +31,10 @@
 		"postman-collection": "^4.1.0",
 		"supertest": "^6.1.4"
 	},
+	"devDependencies": {
+		"@woocommerce/eslint-plugin": "workspace:*",
+		"eslint": "^8.12.0"
+	},
 	"publishConfig": {
 		"access": "public"
 	},
diff --git a/packages/js/api-core-tests/tests/hello/hello.test.js b/packages/js/api-core-tests/tests/hello/hello.test.js
index e9b7a67eda4..43fd765f689 100644
--- a/packages/js/api-core-tests/tests/hello/hello.test.js
+++ b/packages/js/api-core-tests/tests/hello/hello.test.js
@@ -1,4 +1,4 @@
-const { getRequest } = require('../../utils/request');
+const { getRequest } = require( '../../utils/request' );
 
 /**
  * Tests to verify connection to the API.
@@ -6,16 +6,14 @@ const { getRequest } = require('../../utils/request');
  * @group hello
  *
  */
-describe('Test API connectivity', () => {
-
-	it('can access a non-authenticated endpoint', async () => {
+describe( 'Test API connectivity', () => {
+	it( 'can access a non-authenticated endpoint', async () => {
 		const result = await getRequest( '' );
 		expect( result.statusCode ).toEqual( 200 );
-	});
+	} );
 
-	it('can access an authenticated endpoint', async () => {
+	it( 'can access an authenticated endpoint', async () => {
 		const result = await getRequest( 'system_status' );
 		expect( result.statusCode ).toEqual( 200 );
-	});
-
-});
+	} );
+} );
diff --git a/packages/js/api-core-tests/tests/orders/orders.test.js b/packages/js/api-core-tests/tests/orders/orders.test.js
index 94df275f0dd..1f714179861 100644
--- a/packages/js/api-core-tests/tests/orders/orders.test.js
+++ b/packages/js/api-core-tests/tests/orders/orders.test.js
@@ -341,39 +341,36 @@ describe( 'Orders API tests', () => {
 			};
 
 			const verifyOrderPrecision = ( order, dp ) => {
-				expectPrecisionToMatch( order[ 'discount_total' ], dp );
-				expectPrecisionToMatch( order[ 'discount_tax' ], dp );
-				expectPrecisionToMatch( order[ 'shipping_total' ], dp );
-				expectPrecisionToMatch( order[ 'shipping_tax' ], dp );
-				expectPrecisionToMatch( order[ 'cart_tax' ], dp );
-				expectPrecisionToMatch( order[ 'total' ], dp );
-				expectPrecisionToMatch( order[ 'total_tax' ], dp );
+				expectPrecisionToMatch( order.discount_total, dp );
+				expectPrecisionToMatch( order.discount_tax, dp );
+				expectPrecisionToMatch( order.shipping_total, dp );
+				expectPrecisionToMatch( order.shipping_tax, dp );
+				expectPrecisionToMatch( order.cart_tax, dp );
+				expectPrecisionToMatch( order.total, dp );
+				expectPrecisionToMatch( order.total_tax, dp );
 
-				order[ 'line_items' ].forEach( ( lineItem ) => {
-					expectPrecisionToMatch( lineItem[ 'total' ], dp );
-					expectPrecisionToMatch( lineItem[ 'total_tax' ], dp );
+				order.line_items.forEach( ( lineItem ) => {
+					expectPrecisionToMatch( lineItem.total, dp );
+					expectPrecisionToMatch( lineItem.total_tax, dp );
 				} );
 
-				order[ 'tax_lines' ].forEach( ( taxLine ) => {
-					expectPrecisionToMatch( taxLine[ 'tax_total' ], dp );
-					expectPrecisionToMatch(
-						taxLine[ 'shipping_tax_total' ],
-						dp
-					);
+				order.tax_lines.forEach( ( taxLine ) => {
+					expectPrecisionToMatch( taxLine.tax_total, dp );
+					expectPrecisionToMatch( taxLine.shipping_tax_total, dp );
 				} );
 
-				order[ 'shipping_lines' ].forEach( ( shippingLine ) => {
-					expectPrecisionToMatch( shippingLine[ 'total' ], dp );
-					expectPrecisionToMatch( shippingLine[ 'total_tax' ], dp );
+				order.shipping_lines.forEach( ( shippingLine ) => {
+					expectPrecisionToMatch( shippingLine.total, dp );
+					expectPrecisionToMatch( shippingLine.total_tax, dp );
 				} );
 
-				order[ 'fee_lines' ].forEach( ( feeLine ) => {
-					expectPrecisionToMatch( feeLine[ 'total' ], dp );
-					expectPrecisionToMatch( feeLine[ 'total_tax' ], dp );
+				order.fee_lines.forEach( ( feeLine ) => {
+					expectPrecisionToMatch( feeLine.total, dp );
+					expectPrecisionToMatch( feeLine.total_tax, dp );
 				} );
 
-				order[ 'refunds' ].forEach( ( refund ) => {
-					expectPrecisionToMatch( refund[ 'total' ], dp );
+				order.refunds.forEach( ( refund ) => {
+					expectPrecisionToMatch( refund.total, dp );
 				} );
 			};
 
diff --git a/packages/js/api-core-tests/tests/products/product-list.test.js b/packages/js/api-core-tests/tests/products/product-list.test.js
index cff3e18d1b6..d3a91807151 100644
--- a/packages/js/api-core-tests/tests/products/product-list.test.js
+++ b/packages/js/api-core-tests/tests/products/product-list.test.js
@@ -1,778 +1,815 @@
 /**
  * Internal dependencies
  */
- const { createSampleData, deleteSampleData } = require( '../../data/product-list' );
- const { productsApi } = require('../../endpoints/products');
- 
- /**
-  * Tests for the WooCommerce "List all products" API.
-  *
-  * @group api
-  * @group products
-  *
-  */
-  describe( 'Products API tests: List All Products', () => {
- 
-	 const PRODUCTS_COUNT = 20;
-	 let sampleData;
- 
-	 beforeAll( async () => {
-		 sampleData = await createSampleData();
-	 }, 10000 );
- 
-	 afterAll( async () => {
-		 await deleteSampleData( sampleData );
-	 }, 10000 );
- 
-	 describe( 'List all products', () => {
- 
-		 it( 'defaults', async () => {
-			 const result = await productsApi.listAll.products();
-			 expect( result.statusCode ).toEqual( 200 );
-			 expect( result.headers['x-wp-total'] ).toEqual( PRODUCTS_COUNT.toString() );
-			 expect( result.headers['x-wp-totalpages'] ).toEqual( '2' );
-		 } );
- 
-		 it( 'pagination', async () => {
-			 const pageSize = 6;
-			 const page1 = await productsApi.listAll.products( {
-				 per_page: pageSize,
-			 } );
-			 const page2 = await productsApi.listAll.products( {
-				 per_page: pageSize,
-				 page: 2,
-			 } );
-			 expect( page1.statusCode ).toEqual( 200 );
-			 expect( page2.statusCode ).toEqual( 200 );
- 
-			 // Verify total page count.
-			 expect( page1.headers['x-wp-total'] ).toEqual( PRODUCTS_COUNT.toString() );
-			 expect( page1.headers['x-wp-totalpages'] ).toEqual( '4' );
-			 
-			 // Verify we get pageSize'd arrays.
-			 expect( Array.isArray( page1.body ) ).toBe( true );
-			 expect( Array.isArray( page2.body ) ).toBe( true );
-			 expect( page1.body ).toHaveLength( pageSize );
-			 expect( page2.body ).toHaveLength( pageSize );
- 
-			 // Ensure all of the product IDs are unique (no page overlap).
-			 const allProductIds = page1.body.concat( page2.body ).reduce( ( acc, product ) => {
-				 acc[ product.id ] = 1;
-				 return acc;
-			 }, {} );
-			 expect( Object.keys( allProductIds ) ).toHaveLength( pageSize * 2 );
- 
-			 // Verify that offset takes precedent over page number.
-			 const page2Offset = await productsApi.listAll.products( {
-				 per_page: pageSize,
-				 page: 2,
-				 offset: pageSize + 1,
-			 } );
-			 // The offset pushes the result set 1 product past the start of page 2.
-			 expect( page2Offset.body ).toEqual(
-				 expect.not.arrayContaining( [
-					 expect.objectContaining( { id: page2.body[0].id } )
-				 ] )
-			 );
-			 expect( page2Offset.body[0].id ).toEqual( page2.body[1].id );
- 
-			 // Verify the last page only has 2 products as we expect.
-			 const lastPage = await productsApi.listAll.products( {
-				 per_page: pageSize,
-				 page: 4,
-			 } );
-			 expect( Array.isArray( lastPage.body ) ).toBe( true );
-			 expect( lastPage.body ).toHaveLength( 2 );
- 
-			 // Verify a page outside the total page count is empty.
-			 const page6 = await productsApi.listAll.products( {
-				 per_page: pageSize,
-				 page: 6,
-			 } );
-			 expect( Array.isArray( page6.body ) ).toBe( true );
-			 expect( page6.body ).toHaveLength( 0 );
-		 } );
- 
-		 it( 'search', async () => {
-			 // Match in the short description.
-			 const result1 = await productsApi.listAll.products( {
-				 search: 'external'
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( 1 );
-			 expect( result1.body[0].name ).toBe( 'WordPress Pennant' );
-	 
-			 // Match in the product name.
-			 const result2 = await productsApi.listAll.products( {
-				 search: 'pocket'
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toHaveLength( 1 );
-			 expect( result2.body[0].name ).toBe( 'Hoodie with Pocket' );
-		 } );
- 
-		 it( 'inclusion / exclusion', async () => {
-			 const allProducts = await productsApi.listAll.products( {
-				 per_page: 20,
-			 } );
-			 expect( allProducts.statusCode ).toEqual( 200 );
-			 const allProductIds = allProducts.body.map( product => product.id );
-			 expect( allProductIds ).toHaveLength( PRODUCTS_COUNT );
- 
-			 const productsToFilter = [
-				 allProductIds[2],
-				 allProductIds[4],
-				 allProductIds[7],
-				 allProductIds[13],
-			 ];
- 
-			 const included = await productsApi.listAll.products( {
-				 per_page: 20,
-				 include: productsToFilter.join( ',' ),
-			 } );
-			 expect( included.statusCode ).toEqual( 200 );
-			 expect( included.body ).toHaveLength( productsToFilter.length );
-			 expect( included.body ).toEqual(
-				 expect.arrayContaining(
-					 productsToFilter.map( id => expect.objectContaining( { id } ) )
-				 )
-			 );
- 
-			 const excluded = await productsApi.listAll.products( {
-				 per_page: 20,
-				 exclude: productsToFilter.join( ',' ),
-			 } );
-			 expect( excluded.statusCode ).toEqual( 200 );
-			 expect( excluded.body ).toHaveLength( PRODUCTS_COUNT - productsToFilter.length );
-			 expect( excluded.body ).toEqual(
-				 expect.not.arrayContaining(
-					 productsToFilter.map( id => expect.objectContaining( { id } ) )
-				 )
-			 );
- 
-		 } );
- 
-		 it( 'slug', async () => {
-			 // Match by slug.
-			 const result1 = await productsApi.listAll.products( {
-				 slug: 't-shirt-with-logo'
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( 1 );
-			 expect( result1.body[0].slug ).toBe( 't-shirt-with-logo' );
-	 
-			 // No matches
-			 const result2 = await productsApi.listAll.products( {
-				 slug: 'no-product-with-this-slug'
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toHaveLength( 0 );
-		 } );
- 
-		 it( 'sku', async () => {
-			 // Match by SKU.
-			 const result1 = await productsApi.listAll.products( {
-				 sku: 'woo-sunglasses'
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( 1 );
-			 expect( result1.body[0].sku ).toBe( 'woo-sunglasses' );
-	 
-			 // No matches
-			 const result2 = await productsApi.listAll.products( {
-				 sku: 'no-product-with-this-sku'
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toHaveLength( 0 );
-		 } );
- 
-		 it( 'type', async () => {
-			 const result1 = await productsApi.listAll.products( {
-				 type: 'simple'
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.headers['x-wp-total'] ).toEqual( '16' );
-	 
-			 const result2 = await productsApi.listAll.products( {
-				 type: 'external'
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toHaveLength( 1 );
-			 expect( result2.body[0].name ).toBe( 'WordPress Pennant' );
- 
-			 const result3 = await productsApi.listAll.products( {
-				 type: 'variable'
-			 } );
-			 expect( result3.statusCode ).toEqual( 200 );
-			 expect( result3.body ).toHaveLength( 2 );
- 
-			 const result4 = await productsApi.listAll.products( {
-				 type: 'grouped'
-			 } );
-			 expect( result4.statusCode ).toEqual( 200 );
-			 expect( result4.body ).toHaveLength( 1 );
-			 expect( result4.body[0].name ).toBe( 'Logo Collection' );
-		 } );
- 
-		 it( 'featured', async () => {
-			 const featured = [
-				 expect.objectContaining( { name: 'Hoodie with Zipper' } ),
-				 expect.objectContaining( { name: 'Hoodie with Pocket' } ),
-				 expect.objectContaining( { name: 'Sunglasses' } ),
-				 expect.objectContaining( { name: 'Cap' } ),
-				 expect.objectContaining( { name: 'V-Neck T-Shirt' } ),
-			 ];
- 
-			 const result1 = await productsApi.listAll.products( {
-				 featured: true,
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( featured.length );
-			 expect( result1.body ).toEqual( expect.arrayContaining( featured ) );
- 
-			 const result2 = await productsApi.listAll.products( {
-				 featured: false,
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toEqual( expect.not.arrayContaining( featured ) );
-		 } );
- 
-		 it( 'categories', async () => {
-			 const accessory = [
-				 expect.objectContaining( { name: 'Beanie' } ),
-			 ]
-			 const hoodies = [
-				 expect.objectContaining( { name: 'Hoodie with Zipper' } ),
-				 expect.objectContaining( { name: 'Hoodie with Pocket' } ),
-				 expect.objectContaining( { name: 'Hoodie with Logo' } ),
-				 expect.objectContaining( { name: 'Hoodie' } ),
-			 ];
- 
-			 // Verify that subcategories are included.
-			 const result1 = await productsApi.listAll.products( {
-				 per_page: 20,
-				 category: sampleData.categories.clothing.id,
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toEqual( expect.arrayContaining( accessory ) );
-			 expect( result1.body ).toEqual( expect.arrayContaining( hoodies ) );
- 
-			 // Verify sibling categories are not.
-			 const result2 = await productsApi.listAll.products( {
-				 category: sampleData.categories.hoodies.id,
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toEqual( expect.not.arrayContaining( accessory ) );
-			 expect( result2.body ).toEqual( expect.arrayContaining( hoodies ) );
-		 } );
- 
-		 it( 'on sale', async () => {
-			 const onSale = [
-				 expect.objectContaining( { name: 'Beanie with Logo' } ),
-				 expect.objectContaining( { name: 'Hoodie with Pocket' } ),
-				 expect.objectContaining( { name: 'Single' } ),
-				 expect.objectContaining( { name: 'Cap' } ),
-				 expect.objectContaining( { name: 'Belt' } ),
-				 expect.objectContaining( { name: 'Beanie' } ),
-				 expect.objectContaining( { name: 'Hoodie' } ),
-			 ];
- 
-			 const result1 = await productsApi.listAll.products( {
-				 on_sale: true,
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( onSale.length );
-			 expect( result1.body ).toEqual( expect.arrayContaining( onSale ) );
- 
-			 const result2 = await productsApi.listAll.products( {
-				 on_sale: false,
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toEqual( expect.not.arrayContaining( onSale ) );
-		 } );
- 
-		 it( 'price', async () => {
-			 const result1 = await productsApi.listAll.products( {
-				 min_price: 21,
-				 max_price: 28,
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( 1 );
-			 expect( result1.body[0].name ).toBe( 'Long Sleeve Tee' );
-			 expect( result1.body[0].price ).toBe( '25' );
- 
-			 const result2 = await productsApi.listAll.products( {
-				 max_price: 5,
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toHaveLength( 1 );
-			 expect( result2.body[0].name ).toBe( 'Single' );
-			 expect( result2.body[0].price ).toBe( '2' );
- 
-			 const result3 = await productsApi.listAll.products( {
-				 min_price: 5,
-				 order: 'asc',
-				 orderby: 'price',
-			 } );
-			 expect( result3.statusCode ).toEqual( 200 );
-			 expect( result3.body ).toEqual(
-				 expect.not.arrayContaining( [
-					 expect.objectContaining( { name: 'Single' } )
-				 ] )
-			 );
-		 } );
- 
-		 it( 'before / after', async () => {
-			 const before = [
-				 expect.objectContaining( { name: 'Album' } ),
-				 expect.objectContaining( { name: 'Single' } ),
-				 expect.objectContaining( { name: 'T-Shirt with Logo' } ),
-				 expect.objectContaining( { name: 'Beanie with Logo' } ),
-			 ];
-			 const after = [
-				 expect.objectContaining( { name: 'Hoodie' } ),
-				 expect.objectContaining( { name: 'V-Neck T-Shirt' } ),
-				 expect.objectContaining( { name: 'Parent Product' } ),
-				 expect.objectContaining( { name: 'Child Product' } ),
-			 ];
- 
-			 const result1 = await productsApi.listAll.products( {
-				 before: '2021-09-05T15:50:19',
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( before.length );
-			 expect( result1.body ).toEqual( expect.arrayContaining( before ) );
- 
-			 const result2 = await productsApi.listAll.products( {
-				 after: '2021-09-18T15:50:18',
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toEqual( expect.not.arrayContaining( before ) );
-			 expect( result2.body ).toHaveLength( after.length );
-			 expect( result2.body ).toEqual( expect.arrayContaining( after ) );
-		 } );
- 
-		 it( 'attributes', async () => {
-			 const red = sampleData.attributes.colors.find( term => term.name === 'Red' );
- 
-			 const redProducts = [
-				 expect.objectContaining( { name: 'V-Neck T-Shirt' } ),
-				 expect.objectContaining( { name: 'Hoodie' } ),
-				 expect.objectContaining( { name: 'Beanie' } ),
-				 expect.objectContaining( { name: 'Beanie with Logo' } ),
-			 ];
- 
-			 const result = await productsApi.listAll.products( {
-				 attribute: 'pa_color',
-				 attribute_term: red.id,
-			 } );
- 
-			 expect( result.statusCode ).toEqual( 200 );
-			 expect( result.body ).toHaveLength( redProducts.length );
-			 expect( result.body ).toEqual( expect.arrayContaining( redProducts ) );
-		 } );
- 
-		 it( 'status', async () => {
-			 const result1 = await productsApi.listAll.products( {
-				 status: 'pending'
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( 1 );
-			 expect( result1.body[0].name ).toBe( 'Polo' );
- 
-			 const result2 = await productsApi.listAll.products( {
-				 status: 'draft'
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toHaveLength( 0 );
-		 } );
- 
-		 it( 'shipping class', async () => {
-			 const result = await productsApi.listAll.products( {
-				 shipping_class: sampleData.shippingClasses.freight.id,
-			 } );
-			 expect( result.statusCode ).toEqual( 200 );
-			 expect( result.body ).toHaveLength( 1 );
-			 expect( result.body[0].name ).toBe( 'Long Sleeve Tee' );
-		 } );
- 
-		 it( 'tax class', async () => {
-			 const result = await productsApi.listAll.products( {
-				 tax_class: 'reduced-rate',
-			 } );
-			 expect( result.statusCode ).toEqual( 200 );
-			 expect( result.body ).toHaveLength( 1 );
-			 expect( result.body[0].name ).toBe( 'Sunglasses' );
-		 } );
- 
-		 it( 'stock status', async () => {
-			 const result = await productsApi.listAll.products( {
-				 stock_status: 'onbackorder',
-			 } );
-			 expect( result.statusCode ).toEqual( 200 );
-			 expect( result.body ).toHaveLength( 1 );
-			 expect( result.body[0].name ).toBe( 'T-Shirt' );
-		 } );
- 
-		 it( 'tags', async () => {
-			 const coolProducts = [
-				 expect.objectContaining( { name: 'Sunglasses' } ),
-				 expect.objectContaining( { name: 'Hoodie with Pocket' } ),
-				 expect.objectContaining( { name: 'Beanie' } ),
-			 ];
- 
-			 const result = await productsApi.listAll.products( {
-				 tag: sampleData.tags.cool.id,
-			 } );
- 
-			 expect( result.statusCode ).toEqual( 200 );
-			 expect( result.body ).toHaveLength( coolProducts.length );
-			 expect( result.body ).toEqual( expect.arrayContaining( coolProducts ) );
-		 } );
- 
-		 it( 'parent', async () => {
-			 const result1 = await productsApi.listAll.products( {
-				 parent: sampleData.hierarchicalProducts.parent.id,
-			 } );
-			 expect( result1.statusCode ).toEqual( 200 );
-			 expect( result1.body ).toHaveLength( 1 );
-			 expect( result1.body[0].name ).toBe( 'Child Product' );
- 
-			 const result2 = await productsApi.listAll.products( {
-				 parent_exclude: sampleData.hierarchicalProducts.parent.id,
-			 } );
-			 expect( result2.statusCode ).toEqual( 200 );
-			 expect( result2.body ).toEqual( expect.not.arrayContaining( [
-				 expect.objectContaining( { name: 'Child Product' } ),
-			 ] ) );
-		 } );
- 
-		 describe( 'orderby', () => {
-			 const productNamesAsc = [
-				 'Album',
-				 'Beanie',
-				 'Beanie with Logo',
-				 'Belt',
-				 'Cap',
-				 'Child Product',
-				 'Hoodie',
-				 'Hoodie with Logo',
-				 'Hoodie with Pocket',
-				 'Hoodie with Zipper',
-				 'Logo Collection',
-				 'Long Sleeve Tee',
-				 'Parent Product',
-				 'Polo',
-				 'Single',
-				 'Sunglasses',
-				 'T-Shirt',
-				 'T-Shirt with Logo',
-				 'V-Neck T-Shirt',
-				 'WordPress Pennant',
-			 ];
-			 const productNamesDesc = [ ...productNamesAsc ].reverse();
-			 const productNamesByRatingAsc = [
-				 'Sunglasses',
-				 'Cap',
-				 'T-Shirt',
-			 ];
-			 const productNamesByRatingDesc = [ ...productNamesByRatingAsc ].reverse();
-			 const productNamesByPopularityDesc = [
-				 'Beanie with Logo',
-				 'Single',
-				 'T-Shirt',
-			 ];
-			 const productNamesByPopularityAsc = [ ...productNamesByPopularityDesc ].reverse();
- 
-			 it( 'default', async () => {
-				 // Default = date desc.
-				 const result = await productsApi.listAll.products();
-				 expect( result.statusCode ).toEqual( 200 );
- 
-				 // Verify all dates are in descending order.
-				 let lastDate = Date.now();
-				 result.body.forEach( ( { date_created_gmt } ) => {
-					 const created = Date.parse( date_created_gmt + '.000Z' );
-					 expect( lastDate ).toBeGreaterThan( created );
-					 lastDate = created;
-				 } );
-			 } );
- 
-			 it( 'date', async () => {
-				 const result = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'date',
-				 } );
-				 expect( result.statusCode ).toEqual( 200 );
- 
-				 // Verify all dates are in ascending order.
-				 let lastDate = 0;
-				 result.body.forEach( ( { date_created_gmt } ) => {
-					 const created = Date.parse( date_created_gmt + '.000Z' );
-					 expect( created ).toBeGreaterThan( lastDate );
-					 lastDate = created;
-				 } );
-			 } );
- 
-			 it( 'id', async () => {
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'id',
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in ascending order.
-				 let lastId = 0;
-				 result1.body.forEach( ( { id } ) => {
-					 expect( id ).toBeGreaterThan( lastId );
-					 lastId = id;
-				 } );
- 
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'id',
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in descending order.
-				 lastId = Number.MAX_SAFE_INTEGER;
-				 result2.body.forEach( ( { id } ) => {
-					 expect( lastId ).toBeGreaterThan( id );
-					 lastId = id;
-				 } );
-			 } );
- 
-			 it( 'title', async () => {
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'title',
-					 per_page: productNamesAsc.length,
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in ascending order.
-				 result1.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesAsc[ idx ] );
-				 } );
- 
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'title',
-					 per_page: productNamesDesc.length,
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in descending order.
-				 result2.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesDesc[ idx ] );
-				 } );
-			 } );
- 
-			 it( 'slug', async () => {
-				 const productNamesBySlugAsc = [
-					 'Polo', // The Polo isn't published so it has an empty slug.
-					 ...productNamesAsc.filter( p => p !== 'Polo' ),
-				 ];
-				 const productNamesBySlugDesc = [ ...productNamesBySlugAsc ].reverse();
- 
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'slug',
-					 per_page: productNamesBySlugAsc.length,
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in ascending order.
-				 result1.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesBySlugAsc[ idx ] );
-				 } );
- 
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'slug',
-					 per_page: productNamesBySlugDesc.length,
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in descending order.
-				 result2.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesBySlugDesc[ idx ] );
-				 } );
-			 } );
- 
-			 it( 'price', async () => {
-				 const productNamesMinPriceAsc = [
-					 'Parent Product',
-					 'Child Product',
-					 'Single',
-					 'WordPress Pennant',
-					 'Album',
-					 'V-Neck T-Shirt',
-					 'Cap',
-					 'Beanie with Logo',
-					 'T-Shirt with Logo',
-					 'Beanie',
-					 'T-Shirt',
-					 'Logo Collection',
-					 'Polo',
-					 'Long Sleeve Tee',
-					 'Hoodie with Pocket',
-					 'Hoodie',
-					 'Hoodie with Zipper',
-					 'Hoodie with Logo',
-					 'Belt',
-					 'Sunglasses',
-				 ];
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'price',
-					 per_page: productNamesMinPriceAsc.length
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
-				 expect( result1.body ).toHaveLength( productNamesMinPriceAsc.length );
- 
-				 // Verify all results are in ascending order.
-				 // The query uses the min price calculated in the product meta lookup table,
-				 // so we can't just check the price property of the response.
-				 result1.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesMinPriceAsc[ idx ] );
-				 } );
- 
-				 const productNamesMaxPriceDesc = [
-					 'Sunglasses',
-					 'Belt',
-					 'Hoodie',
-					 'Logo Collection',
-					 'Hoodie with Logo',
-					 'Hoodie with Zipper',
-					 'Hoodie with Pocket',
-					 'Long Sleeve Tee',
-					 'V-Neck T-Shirt',
-					 'Polo',
-					 'T-Shirt',
-					 'Beanie',
-					 'T-Shirt with Logo',
-					 'Beanie with Logo',
-					 'Cap',
-					 'Album',
-					 'WordPress Pennant',
-					 'Single',
-					 'Child Product',
-					 'Parent Product',
-				 ];
- 
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'price',
-					 per_page: productNamesMaxPriceDesc.length
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
-				 expect( result2.body ).toHaveLength( productNamesMaxPriceDesc.length );
- 
-				 // Verify all results are in descending order.
-				 // The query uses the max price calculated in the product meta lookup table,
-				 // so we can't just check the price property of the response.
-				 result2.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesMaxPriceDesc[ idx ] );
-				 } );
-			 } );
- 
-			 // This case will remain skipped until orderby include is fixed.
-			 // See: https://github.com/woocommerce/woocommerce/issues/30354#issuecomment-925955099.
-			 it( 'include', async () => {
-				 const includeIds = [
-					 sampleData.groupedProducts[ 0 ].id,
-					 sampleData.simpleProducts[ 3 ].id,
-					 sampleData.hierarchicalProducts.parent.id,
-				 ];
- 
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'include',
-					 include: includeIds.join( ',' ),
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
-				 expect( result1.body ).toHaveLength( includeIds.length );
- 
-				 // Verify all results are in proper order.
-				 result1.body.forEach( ( { id }, idx ) => {
-					 expect( id ).toBe( includeIds[ idx ] );
-				 } );
- 
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'include',
-					 include: includeIds.join( ',' ),
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
-				 expect( result2.body ).toHaveLength( includeIds.length );
- 
-				 // Verify all results are in proper order.
-				 result2.body.forEach( ( { id }, idx ) => {
-					 expect( id ).toBe( includeIds[ idx ] );
-				 } );
-			 } );
- 
-			 it( 'rating (desc)', async () => {
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'rating',
-					 per_page: productNamesByRatingDesc.length,
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in descending order.
-				 result2.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesByRatingDesc[ idx ] );
-				 } );
-			 } );
- 
-			 // This case will remain skipped until ratings can be sorted ascending.
-			 // See: https://github.com/woocommerce/woocommerce/issues/30354#issuecomment-925955099.
-			 it.skip( 'rating (asc)', async () => {
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'rating',
-					 per_page: productNamesByRatingAsc.length,
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in ascending order.
-				 result1.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesByRatingAsc[ idx ] );
-				 } );
-			 } );
- 
-			 it( 'popularity (desc)', async () => {
-				 const result2 = await productsApi.listAll.products( {
-					 order: 'desc',
-					 orderby: 'popularity',
-					 per_page: productNamesByPopularityDesc.length,
-				 } );
-				 expect( result2.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in descending order.
-				 result2.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesByPopularityDesc[ idx ] );
-				 } );
-			 } );
- 
-			 // This case will remain skipped until popularity can be sorted ascending.
-			 // See: https://github.com/woocommerce/woocommerce/issues/30354#issuecomment-925955099.
-			 it.skip( 'popularity (asc)', async () => {
-				 const result1 = await productsApi.listAll.products( {
-					 order: 'asc',
-					 orderby: 'popularity',
-					 per_page: productNamesByPopularityAsc.length,
-				 } );
-				 expect( result1.statusCode ).toEqual( 200 );
- 
-				 // Verify all results are in ascending order.
-				 result1.body.forEach( ( { name }, idx ) => {
-					 expect( name ).toBe( productNamesByPopularityAsc[ idx ] );
-				 } );
-			 } );
-		 } );
-	 } );
- } );
- 
\ No newline at end of file
+const {
+	createSampleData,
+	deleteSampleData,
+} = require( '../../data/product-list' );
+const { productsApi } = require( '../../endpoints/products' );
+
+/**
+ * Tests for the WooCommerce "List all products" API.
+ *
+ * @group api
+ * @group products
+ *
+ */
+describe( 'Products API tests: List All Products', () => {
+	const PRODUCTS_COUNT = 20;
+	let sampleData;
+
+	beforeAll( async () => {
+		sampleData = await createSampleData();
+	}, 10000 );
+
+	afterAll( async () => {
+		await deleteSampleData( sampleData );
+	}, 10000 );
+
+	describe( 'List all products', () => {
+		it( 'defaults', async () => {
+			const result = await productsApi.listAll.products();
+			expect( result.statusCode ).toEqual( 200 );
+			expect( result.headers[ 'x-wp-total' ] ).toEqual(
+				PRODUCTS_COUNT.toString()
+			);
+			expect( result.headers[ 'x-wp-totalpages' ] ).toEqual( '2' );
+		} );
+
+		it( 'pagination', async () => {
+			const pageSize = 6;
+			const page1 = await productsApi.listAll.products( {
+				per_page: pageSize,
+			} );
+			const page2 = await productsApi.listAll.products( {
+				per_page: pageSize,
+				page: 2,
+			} );
+			expect( page1.statusCode ).toEqual( 200 );
+			expect( page2.statusCode ).toEqual( 200 );
+
+			// Verify total page count.
+			expect( page1.headers[ 'x-wp-total' ] ).toEqual(
+				PRODUCTS_COUNT.toString()
+			);
+			expect( page1.headers[ 'x-wp-totalpages' ] ).toEqual( '4' );
+
+			// Verify we get pageSize'd arrays.
+			expect( Array.isArray( page1.body ) ).toBe( true );
+			expect( Array.isArray( page2.body ) ).toBe( true );
+			expect( page1.body ).toHaveLength( pageSize );
+			expect( page2.body ).toHaveLength( pageSize );
+
+			// Ensure all of the product IDs are unique (no page overlap).
+			const allProductIds = page1.body
+				.concat( page2.body )
+				.reduce( ( acc, product ) => {
+					acc[ product.id ] = 1;
+					return acc;
+				}, {} );
+			expect( Object.keys( allProductIds ) ).toHaveLength( pageSize * 2 );
+
+			// Verify that offset takes precedent over page number.
+			const page2Offset = await productsApi.listAll.products( {
+				per_page: pageSize,
+				page: 2,
+				offset: pageSize + 1,
+			} );
+			// The offset pushes the result set 1 product past the start of page 2.
+			expect( page2Offset.body ).toEqual(
+				expect.not.arrayContaining( [
+					expect.objectContaining( { id: page2.body[ 0 ].id } ),
+				] )
+			);
+			expect( page2Offset.body[ 0 ].id ).toEqual( page2.body[ 1 ].id );
+
+			// Verify the last page only has 2 products as we expect.
+			const lastPage = await productsApi.listAll.products( {
+				per_page: pageSize,
+				page: 4,
+			} );
+			expect( Array.isArray( lastPage.body ) ).toBe( true );
+			expect( lastPage.body ).toHaveLength( 2 );
+
+			// Verify a page outside the total page count is empty.
+			const page6 = await productsApi.listAll.products( {
+				per_page: pageSize,
+				page: 6,
+			} );
+			expect( Array.isArray( page6.body ) ).toBe( true );
+			expect( page6.body ).toHaveLength( 0 );
+		} );
+
+		it( 'search', async () => {
+			// Match in the short description.
+			const result1 = await productsApi.listAll.products( {
+				search: 'external',
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( 1 );
+			expect( result1.body[ 0 ].name ).toBe( 'WordPress Pennant' );
+
+			// Match in the product name.
+			const result2 = await productsApi.listAll.products( {
+				search: 'pocket',
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toHaveLength( 1 );
+			expect( result2.body[ 0 ].name ).toBe( 'Hoodie with Pocket' );
+		} );
+
+		it( 'inclusion / exclusion', async () => {
+			const allProducts = await productsApi.listAll.products( {
+				per_page: 20,
+			} );
+			expect( allProducts.statusCode ).toEqual( 200 );
+			const allProductIds = allProducts.body.map(
+				( product ) => product.id
+			);
+			expect( allProductIds ).toHaveLength( PRODUCTS_COUNT );
+
+			const productsToFilter = [
+				allProductIds[ 2 ],
+				allProductIds[ 4 ],
+				allProductIds[ 7 ],
+				allProductIds[ 13 ],
+			];
+
+			const included = await productsApi.listAll.products( {
+				per_page: 20,
+				include: productsToFilter.join( ',' ),
+			} );
+			expect( included.statusCode ).toEqual( 200 );
+			expect( included.body ).toHaveLength( productsToFilter.length );
+			expect( included.body ).toEqual(
+				expect.arrayContaining(
+					productsToFilter.map( ( id ) =>
+						expect.objectContaining( { id } )
+					)
+				)
+			);
+
+			const excluded = await productsApi.listAll.products( {
+				per_page: 20,
+				exclude: productsToFilter.join( ',' ),
+			} );
+			expect( excluded.statusCode ).toEqual( 200 );
+			expect( excluded.body ).toHaveLength(
+				PRODUCTS_COUNT - productsToFilter.length
+			);
+			expect( excluded.body ).toEqual(
+				expect.not.arrayContaining(
+					productsToFilter.map( ( id ) =>
+						expect.objectContaining( { id } )
+					)
+				)
+			);
+		} );
+
+		it( 'slug', async () => {
+			// Match by slug.
+			const result1 = await productsApi.listAll.products( {
+				slug: 't-shirt-with-logo',
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( 1 );
+			expect( result1.body[ 0 ].slug ).toBe( 't-shirt-with-logo' );
+
+			// No matches
+			const result2 = await productsApi.listAll.products( {
+				slug: 'no-product-with-this-slug',
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toHaveLength( 0 );
+		} );
+
+		it( 'sku', async () => {
+			// Match by SKU.
+			const result1 = await productsApi.listAll.products( {
+				sku: 'woo-sunglasses',
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( 1 );
+			expect( result1.body[ 0 ].sku ).toBe( 'woo-sunglasses' );
+
+			// No matches
+			const result2 = await productsApi.listAll.products( {
+				sku: 'no-product-with-this-sku',
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toHaveLength( 0 );
+		} );
+
+		it( 'type', async () => {
+			const result1 = await productsApi.listAll.products( {
+				type: 'simple',
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.headers[ 'x-wp-total' ] ).toEqual( '16' );
+
+			const result2 = await productsApi.listAll.products( {
+				type: 'external',
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toHaveLength( 1 );
+			expect( result2.body[ 0 ].name ).toBe( 'WordPress Pennant' );
+
+			const result3 = await productsApi.listAll.products( {
+				type: 'variable',
+			} );
+			expect( result3.statusCode ).toEqual( 200 );
+			expect( result3.body ).toHaveLength( 2 );
+
+			const result4 = await productsApi.listAll.products( {
+				type: 'grouped',
+			} );
+			expect( result4.statusCode ).toEqual( 200 );
+			expect( result4.body ).toHaveLength( 1 );
+			expect( result4.body[ 0 ].name ).toBe( 'Logo Collection' );
+		} );
+
+		it( 'featured', async () => {
+			const featured = [
+				expect.objectContaining( { name: 'Hoodie with Zipper' } ),
+				expect.objectContaining( { name: 'Hoodie with Pocket' } ),
+				expect.objectContaining( { name: 'Sunglasses' } ),
+				expect.objectContaining( { name: 'Cap' } ),
+				expect.objectContaining( { name: 'V-Neck T-Shirt' } ),
+			];
+
+			const result1 = await productsApi.listAll.products( {
+				featured: true,
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( featured.length );
+			expect( result1.body ).toEqual(
+				expect.arrayContaining( featured )
+			);
+
+			const result2 = await productsApi.listAll.products( {
+				featured: false,
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toEqual(
+				expect.not.arrayContaining( featured )
+			);
+		} );
+
+		it( 'categories', async () => {
+			const accessory = [ expect.objectContaining( { name: 'Beanie' } ) ];
+			const hoodies = [
+				expect.objectContaining( { name: 'Hoodie with Zipper' } ),
+				expect.objectContaining( { name: 'Hoodie with Pocket' } ),
+				expect.objectContaining( { name: 'Hoodie with Logo' } ),
+				expect.objectContaining( { name: 'Hoodie' } ),
+			];
+
+			// Verify that subcategories are included.
+			const result1 = await productsApi.listAll.products( {
+				per_page: 20,
+				category: sampleData.categories.clothing.id,
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toEqual(
+				expect.arrayContaining( accessory )
+			);
+			expect( result1.body ).toEqual( expect.arrayContaining( hoodies ) );
+
+			// Verify sibling categories are not.
+			const result2 = await productsApi.listAll.products( {
+				category: sampleData.categories.hoodies.id,
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toEqual(
+				expect.not.arrayContaining( accessory )
+			);
+			expect( result2.body ).toEqual( expect.arrayContaining( hoodies ) );
+		} );
+
+		it( 'on sale', async () => {
+			const onSale = [
+				expect.objectContaining( { name: 'Beanie with Logo' } ),
+				expect.objectContaining( { name: 'Hoodie with Pocket' } ),
+				expect.objectContaining( { name: 'Single' } ),
+				expect.objectContaining( { name: 'Cap' } ),
+				expect.objectContaining( { name: 'Belt' } ),
+				expect.objectContaining( { name: 'Beanie' } ),
+				expect.objectContaining( { name: 'Hoodie' } ),
+			];
+
+			const result1 = await productsApi.listAll.products( {
+				on_sale: true,
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( onSale.length );
+			expect( result1.body ).toEqual( expect.arrayContaining( onSale ) );
+
+			const result2 = await productsApi.listAll.products( {
+				on_sale: false,
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toEqual(
+				expect.not.arrayContaining( onSale )
+			);
+		} );
+
+		it( 'price', async () => {
+			const result1 = await productsApi.listAll.products( {
+				min_price: 21,
+				max_price: 28,
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( 1 );
+			expect( result1.body[ 0 ].name ).toBe( 'Long Sleeve Tee' );
+			expect( result1.body[ 0 ].price ).toBe( '25' );
+
+			const result2 = await productsApi.listAll.products( {
+				max_price: 5,
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toHaveLength( 1 );
+			expect( result2.body[ 0 ].name ).toBe( 'Single' );
+			expect( result2.body[ 0 ].price ).toBe( '2' );
+
+			const result3 = await productsApi.listAll.products( {
+				min_price: 5,
+				order: 'asc',
+				orderby: 'price',
+			} );
+			expect( result3.statusCode ).toEqual( 200 );
+			expect( result3.body ).toEqual(
+				expect.not.arrayContaining( [
+					expect.objectContaining( { name: 'Single' } ),
+				] )
+			);
+		} );
+
+		it( 'before / after', async () => {
+			const before = [
+				expect.objectContaining( { name: 'Album' } ),
+				expect.objectContaining( { name: 'Single' } ),
+				expect.objectContaining( { name: 'T-Shirt with Logo' } ),
+				expect.objectContaining( { name: 'Beanie with Logo' } ),
+			];
+			const after = [
+				expect.objectContaining( { name: 'Hoodie' } ),
+				expect.objectContaining( { name: 'V-Neck T-Shirt' } ),
+				expect.objectContaining( { name: 'Parent Product' } ),
+				expect.objectContaining( { name: 'Child Product' } ),
+			];
+
+			const result1 = await productsApi.listAll.products( {
+				before: '2021-09-05T15:50:19',
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( before.length );
+			expect( result1.body ).toEqual( expect.arrayContaining( before ) );
+
+			const result2 = await productsApi.listAll.products( {
+				after: '2021-09-18T15:50:18',
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toEqual(
+				expect.not.arrayContaining( before )
+			);
+			expect( result2.body ).toHaveLength( after.length );
+			expect( result2.body ).toEqual( expect.arrayContaining( after ) );
+		} );
+
+		it( 'attributes', async () => {
+			const red = sampleData.attributes.colors.find(
+				( term ) => term.name === 'Red'
+			);
+
+			const redProducts = [
+				expect.objectContaining( { name: 'V-Neck T-Shirt' } ),
+				expect.objectContaining( { name: 'Hoodie' } ),
+				expect.objectContaining( { name: 'Beanie' } ),
+				expect.objectContaining( { name: 'Beanie with Logo' } ),
+			];
+
+			const result = await productsApi.listAll.products( {
+				attribute: 'pa_color',
+				attribute_term: red.id,
+			} );
+
+			expect( result.statusCode ).toEqual( 200 );
+			expect( result.body ).toHaveLength( redProducts.length );
+			expect( result.body ).toEqual(
+				expect.arrayContaining( redProducts )
+			);
+		} );
+
+		it( 'status', async () => {
+			const result1 = await productsApi.listAll.products( {
+				status: 'pending',
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( 1 );
+			expect( result1.body[ 0 ].name ).toBe( 'Polo' );
+
+			const result2 = await productsApi.listAll.products( {
+				status: 'draft',
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toHaveLength( 0 );
+		} );
+
+		it( 'shipping class', async () => {
+			const result = await productsApi.listAll.products( {
+				shipping_class: sampleData.shippingClasses.freight.id,
+			} );
+			expect( result.statusCode ).toEqual( 200 );
+			expect( result.body ).toHaveLength( 1 );
+			expect( result.body[ 0 ].name ).toBe( 'Long Sleeve Tee' );
+		} );
+
+		it( 'tax class', async () => {
+			const result = await productsApi.listAll.products( {
+				tax_class: 'reduced-rate',
+			} );
+			expect( result.statusCode ).toEqual( 200 );
+			expect( result.body ).toHaveLength( 1 );
+			expect( result.body[ 0 ].name ).toBe( 'Sunglasses' );
+		} );
+
+		it( 'stock status', async () => {
+			const result = await productsApi.listAll.products( {
+				stock_status: 'onbackorder',
+			} );
+			expect( result.statusCode ).toEqual( 200 );
+			expect( result.body ).toHaveLength( 1 );
+			expect( result.body[ 0 ].name ).toBe( 'T-Shirt' );
+		} );
+
+		it( 'tags', async () => {
+			const coolProducts = [
+				expect.objectContaining( { name: 'Sunglasses' } ),
+				expect.objectContaining( { name: 'Hoodie with Pocket' } ),
+				expect.objectContaining( { name: 'Beanie' } ),
+			];
+
+			const result = await productsApi.listAll.products( {
+				tag: sampleData.tags.cool.id,
+			} );
+
+			expect( result.statusCode ).toEqual( 200 );
+			expect( result.body ).toHaveLength( coolProducts.length );
+			expect( result.body ).toEqual(
+				expect.arrayContaining( coolProducts )
+			);
+		} );
+
+		it( 'parent', async () => {
+			const result1 = await productsApi.listAll.products( {
+				parent: sampleData.hierarchicalProducts.parent.id,
+			} );
+			expect( result1.statusCode ).toEqual( 200 );
+			expect( result1.body ).toHaveLength( 1 );
+			expect( result1.body[ 0 ].name ).toBe( 'Child Product' );
+
+			const result2 = await productsApi.listAll.products( {
+				parent_exclude: sampleData.hierarchicalProducts.parent.id,
+			} );
+			expect( result2.statusCode ).toEqual( 200 );
+			expect( result2.body ).toEqual(
+				expect.not.arrayContaining( [
+					expect.objectContaining( { name: 'Child Product' } ),
+				] )
+			);
+		} );
+
+		describe( 'orderby', () => {
+			const productNamesAsc = [
+				'Album',
+				'Beanie',
+				'Beanie with Logo',
+				'Belt',
+				'Cap',
+				'Child Product',
+				'Hoodie',
+				'Hoodie with Logo',
+				'Hoodie with Pocket',
+				'Hoodie with Zipper',
+				'Logo Collection',
+				'Long Sleeve Tee',
+				'Parent Product',
+				'Polo',
+				'Single',
+				'Sunglasses',
+				'T-Shirt',
+				'T-Shirt with Logo',
+				'V-Neck T-Shirt',
+				'WordPress Pennant',
+			];
+			const productNamesDesc = [ ...productNamesAsc ].reverse();
+			const productNamesByRatingAsc = [ 'Sunglasses', 'Cap', 'T-Shirt' ];
+			const productNamesByRatingDesc = [
+				...productNamesByRatingAsc,
+			].reverse();
+			const productNamesByPopularityDesc = [
+				'Beanie with Logo',
+				'Single',
+				'T-Shirt',
+			];
+			const productNamesByPopularityAsc = [
+				...productNamesByPopularityDesc,
+			].reverse();
+
+			it( 'default', async () => {
+				// Default = date desc.
+				const result = await productsApi.listAll.products();
+				expect( result.statusCode ).toEqual( 200 );
+
+				// Verify all dates are in descending order.
+				let lastDate = Date.now();
+				result.body.forEach( ( { date_created_gmt } ) => {
+					const created = Date.parse( date_created_gmt + '.000Z' );
+					expect( lastDate ).toBeGreaterThan( created );
+					lastDate = created;
+				} );
+			} );
+
+			it( 'date', async () => {
+				const result = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'date',
+				} );
+				expect( result.statusCode ).toEqual( 200 );
+
+				// Verify all dates are in ascending order.
+				let lastDate = 0;
+				result.body.forEach( ( { date_created_gmt } ) => {
+					const created = Date.parse( date_created_gmt + '.000Z' );
+					expect( created ).toBeGreaterThan( lastDate );
+					lastDate = created;
+				} );
+			} );
+
+			it( 'id', async () => {
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'id',
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+
+				// Verify all results are in ascending order.
+				let lastId = 0;
+				result1.body.forEach( ( { id } ) => {
+					expect( id ).toBeGreaterThan( lastId );
+					lastId = id;
+				} );
+
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'id',
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+
+				// Verify all results are in descending order.
+				lastId = Number.MAX_SAFE_INTEGER;
+				result2.body.forEach( ( { id } ) => {
+					expect( lastId ).toBeGreaterThan( id );
+					lastId = id;
+				} );
+			} );
+
+			it( 'title', async () => {
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'title',
+					per_page: productNamesAsc.length,
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+
+				// Verify all results are in ascending order.
+				result1.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesAsc[ idx ] );
+				} );
+
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'title',
+					per_page: productNamesDesc.length,
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+
+				// Verify all results are in descending order.
+				result2.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesDesc[ idx ] );
+				} );
+			} );
+
+			it( 'slug', async () => {
+				const productNamesBySlugAsc = [
+					'Polo', // The Polo isn't published so it has an empty slug.
+					...productNamesAsc.filter( ( p ) => p !== 'Polo' ),
+				];
+				const productNamesBySlugDesc = [
+					...productNamesBySlugAsc,
+				].reverse();
+
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'slug',
+					per_page: productNamesBySlugAsc.length,
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+
+				// Verify all results are in ascending order.
+				result1.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesBySlugAsc[ idx ] );
+				} );
+
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'slug',
+					per_page: productNamesBySlugDesc.length,
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+
+				// Verify all results are in descending order.
+				result2.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesBySlugDesc[ idx ] );
+				} );
+			} );
+
+			it( 'price', async () => {
+				const productNamesMinPriceAsc = [
+					'Parent Product',
+					'Child Product',
+					'Single',
+					'WordPress Pennant',
+					'Album',
+					'V-Neck T-Shirt',
+					'Cap',
+					'Beanie with Logo',
+					'T-Shirt with Logo',
+					'Beanie',
+					'T-Shirt',
+					'Logo Collection',
+					'Polo',
+					'Long Sleeve Tee',
+					'Hoodie with Pocket',
+					'Hoodie',
+					'Hoodie with Zipper',
+					'Hoodie with Logo',
+					'Belt',
+					'Sunglasses',
+				];
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'price',
+					per_page: productNamesMinPriceAsc.length,
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+				expect( result1.body ).toHaveLength(
+					productNamesMinPriceAsc.length
+				);
+
+				// Verify all results are in ascending order.
+				// The query uses the min price calculated in the product meta lookup table,
+				// so we can't just check the price property of the response.
+				result1.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesMinPriceAsc[ idx ] );
+				} );
+
+				const productNamesMaxPriceDesc = [
+					'Sunglasses',
+					'Belt',
+					'Hoodie',
+					'Logo Collection',
+					'Hoodie with Logo',
+					'Hoodie with Zipper',
+					'Hoodie with Pocket',
+					'Long Sleeve Tee',
+					'V-Neck T-Shirt',
+					'Polo',
+					'T-Shirt',
+					'Beanie',
+					'T-Shirt with Logo',
+					'Beanie with Logo',
+					'Cap',
+					'Album',
+					'WordPress Pennant',
+					'Single',
+					'Child Product',
+					'Parent Product',
+				];
+
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'price',
+					per_page: productNamesMaxPriceDesc.length,
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+				expect( result2.body ).toHaveLength(
+					productNamesMaxPriceDesc.length
+				);
+
+				// Verify all results are in descending order.
+				// The query uses the max price calculated in the product meta lookup table,
+				// so we can't just check the price property of the response.
+				result2.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesMaxPriceDesc[ idx ] );
+				} );
+			} );
+
+			// This case will remain skipped until orderby include is fixed.
+			// See: https://github.com/woocommerce/woocommerce/issues/30354#issuecomment-925955099.
+			it( 'include', async () => {
+				const includeIds = [
+					sampleData.groupedProducts[ 0 ].id,
+					sampleData.simpleProducts[ 3 ].id,
+					sampleData.hierarchicalProducts.parent.id,
+				];
+
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'include',
+					include: includeIds.join( ',' ),
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+				expect( result1.body ).toHaveLength( includeIds.length );
+
+				// Verify all results are in proper order.
+				result1.body.forEach( ( { id }, idx ) => {
+					expect( id ).toBe( includeIds[ idx ] );
+				} );
+
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'include',
+					include: includeIds.join( ',' ),
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+				expect( result2.body ).toHaveLength( includeIds.length );
+
+				// Verify all results are in proper order.
+				result2.body.forEach( ( { id }, idx ) => {
+					expect( id ).toBe( includeIds[ idx ] );
+				} );
+			} );
+
+			it( 'rating (desc)', async () => {
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'rating',
+					per_page: productNamesByRatingDesc.length,
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+
+				// Verify all results are in descending order.
+				result2.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesByRatingDesc[ idx ] );
+				} );
+			} );
+
+			// This case will remain skipped until ratings can be sorted ascending.
+			// See: https://github.com/woocommerce/woocommerce/issues/30354#issuecomment-925955099.
+			it.skip( 'rating (asc)', async () => {
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'rating',
+					per_page: productNamesByRatingAsc.length,
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+
+				// Verify all results are in ascending order.
+				result1.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesByRatingAsc[ idx ] );
+				} );
+			} );
+
+			it( 'popularity (desc)', async () => {
+				const result2 = await productsApi.listAll.products( {
+					order: 'desc',
+					orderby: 'popularity',
+					per_page: productNamesByPopularityDesc.length,
+				} );
+				expect( result2.statusCode ).toEqual( 200 );
+
+				// Verify all results are in descending order.
+				result2.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesByPopularityDesc[ idx ] );
+				} );
+			} );
+
+			// This case will remain skipped until popularity can be sorted ascending.
+			// See: https://github.com/woocommerce/woocommerce/issues/30354#issuecomment-925955099.
+			it.skip( 'popularity (asc)', async () => {
+				const result1 = await productsApi.listAll.products( {
+					order: 'asc',
+					orderby: 'popularity',
+					per_page: productNamesByPopularityAsc.length,
+				} );
+				expect( result1.statusCode ).toEqual( 200 );
+
+				// Verify all results are in ascending order.
+				result1.body.forEach( ( { name }, idx ) => {
+					expect( name ).toBe( productNamesByPopularityAsc[ idx ] );
+				} );
+			} );
+		} );
+	} );
+} );
diff --git a/packages/js/api-core-tests/utils/api-collection/build-collection.js b/packages/js/api-core-tests/utils/api-collection/build-collection.js
index 32f5af57318..c4cb6dc4ba9 100644
--- a/packages/js/api-core-tests/utils/api-collection/build-collection.js
+++ b/packages/js/api-core-tests/utils/api-collection/build-collection.js
@@ -1,12 +1,7 @@
-const fs = require('fs');
-const { Collection, ItemGroup, Item } = require('postman-collection');
-require('dotenv').config();
-const {
-	BASE_URL,
-	USER_KEY,
-	USER_SECRET,
-	USE_INDEX_PERMALINKS
-} = process.env;
+const fs = require( 'fs' );
+const { Collection, ItemGroup, Item } = require( 'postman-collection' );
+require( 'dotenv' ).config();
+const { BASE_URL, USER_KEY, USER_SECRET, USE_INDEX_PERMALINKS } = process.env;
 
 /**
  * Build a Postman collection using the API testing objects.
@@ -17,10 +12,10 @@ const {
 
 // Set up our empty collection
 if ( typeof USER_KEY === 'undefined' ) {
-	console.log('No USER_KEY was defined.');
+	console.log( 'No USER_KEY was defined.' );
 }
 if ( typeof USER_SECRET === 'undefined' ) {
-	console.log('No USER_SECRET was defined.');
+	console.log( 'No USER_SECRET was defined.' );
 }
 
 const postmanCollection = new Collection( {
@@ -30,74 +25,72 @@ const postmanCollection = new Collection( {
 			{
 				key: 'username',
 				value: USER_KEY,
-				type: 'string'
+				type: 'string',
 			},
 			{
 				key: 'password',
 				value: USER_SECRET,
-				type: 'string'
+				type: 'string',
 			},
-		]
+		],
 	},
 	info: {
-	  name: 'WooCommerce API - v3'
+		name: 'WooCommerce API - v3',
 	},
 } );
 
 // Get the API url
 if ( typeof BASE_URL === 'undefined' ) {
-	console.log('No BASE_URL was defined.');
+	console.log( 'No BASE_URL was defined.' );
 }
 
 // Update the API path if the `USE_INDEX_PERMALINKS` flag is set
-const useIndexPermalinks = ( USE_INDEX_PERMALINKS === 'true' );
-let apiPath = `${BASE_URL}/?rest_route=/wc/v3`;
+const useIndexPermalinks = USE_INDEX_PERMALINKS === 'true';
+let apiPath = `${ BASE_URL }/?rest_route=/wc/v3`;
 if ( useIndexPermalinks ) {
-	apiPath = `${BASE_URL}/wp-json/wc/v3`;
+	apiPath = `${ BASE_URL }/wp-json/wc/v3`;
 }
 // Set this here for use in `request.js`
-global.API_PATH = `${apiPath}/`;
+global.API_PATH = `${ apiPath }/`;
 
 // Add the API path has a collection variable
-postmanCollection.variables.add({
+postmanCollection.variables.add( {
 	id: 'apiBaseUrl',
 	value: apiPath,
 	type: 'string',
-});
+} );
 
 // Get the API request data
-const resources = require('../../endpoints');
+const resources = require( '../../endpoints' );
 resourceKeys = Object.keys( resources );
 
 // Add the requests to folders in the collection
 for ( const key in resources ) {
-
 	const folder = new ItemGroup( {
-		name: resources[key].name,
-		items: []
+		name: resources[ key ].name,
+		items: [],
 	} );
 
-	for ( const endpoint in resources[key] ) {
-
-		let api = resources[key][endpoint];
+	for ( const endpoint in resources[ key ] ) {
+		const api = resources[ key ][ endpoint ];
 
 		// If there is no name defined, continue
-		if ( !api.name ) {
+		if ( ! api.name ) {
 			continue;
 		}
 
 		const request = new Item( {
 			name: api.name,
 			request: {
-			  url: `{{apiBaseUrl}}/${api.path}`,
-			  method: api.method,
-			  body: {
-				mode: 'raw',
-				raw: JSON.stringify( api.payload ),
-				options: {
-					raw: { language: 'json' }
-				}
-			  },
+				url: `{{apiBaseUrl}}/${ api.path }`,
+				method: api.method,
+				body: {
+					mode: 'raw',
+					raw: JSON.stringify( api.payload ),
+					options: {
+						raw: { language: 'json' },
+					},
+				},
 			},
 		} );
 		folder.items.add( request );
@@ -110,9 +103,13 @@ for ( const key in resources ) {
 const collectionJSON = postmanCollection.toJSON();
 
 // Create a colleciton.json file. It can be imported to postman
-fs.writeFile('./collection.json', JSON.stringify( collectionJSON ), ( err ) => {
-	if ( err ) {
-	  console.log( err );
+fs.writeFile(
+	'./collection.json',
+	JSON.stringify( collectionJSON ),
+	( err ) => {
+		if ( err ) {
+			console.log( err );
+		}
+		console.log( 'File saved!' );
 	}
-	console.log('File saved!');
-});
+);
diff --git a/packages/js/api-core-tests/utils/request.js b/packages/js/api-core-tests/utils/request.js
index 6dbbdd104d6..013f0cb35a2 100644
--- a/packages/js/api-core-tests/utils/request.js
+++ b/packages/js/api-core-tests/utils/request.js
@@ -1,13 +1,13 @@
-require('dotenv').config();
+require( 'dotenv' ).config();
 const { USER_KEY, USER_SECRET } = process.env;
-const request = require('supertest')( API_PATH );
+const request = require( 'supertest' )( API_PATH );
 
 /**
  * Make a GET request.
  *
  * @param {string} requestPath The path of the request.
- * @param {object} queryString Optional. An object of one or more `key: value` query string parameters.
- * @returns {Response}
+ * @param {Object} queryString Optional. An object of one or more `key: value` query string parameters.
+ * @return {Response}
  */
 const getRequest = async ( requestPath, queryString = {} ) => {
 	const response = await request
@@ -22,8 +22,8 @@ const getRequest = async ( requestPath, queryString = {} ) => {
  * Make a POST request.
  *
  * @param {string} requestPath The path of the request.
- * @param {object} requestBody The body of the request to submit.
- * @returns {Response}
+ * @param {Object} requestBody The body of the request to submit.
+ * @return {Response}
  */
 const postRequest = async ( requestPath, requestBody ) => {
 	const response = await request
@@ -38,8 +38,8 @@ const postRequest = async ( requestPath, requestBody ) => {
  * Make a PUT request.
  *
  * @param {string} requestPath The path of the request.
- * @param {object} requestBody The body of the request to submit.
- * @returns {Request}
+ * @param {Object} requestBody The body of the request to submit.
+ * @return {Request}
  */
 const putRequest = async ( requestPath, requestBody ) => {
 	const response = await request
@@ -53,12 +53,12 @@ const putRequest = async ( requestPath, requestBody ) => {
 /**
  * Make a DELETE request, optionally deleting the resource permanently.
  *
- * @param {string} requestPath The path of the request.
+ * @param {string}  requestPath       The path of the request.
  * @param {boolean} deletePermanently Flag to permanently delete the resource.
- * @returns {Response}
+ * @return {Response}
  */
 const deleteRequest = async ( requestPath, deletePermanently = false ) => {
-	const requestBody = deletePermanently ? { force: true } : {}
+	const requestBody = deletePermanently ? { force: true } : {};
 	const response = await request
 		.delete( requestPath )
 		.set( 'Accept', 'application/json' )
@@ -67,4 +67,4 @@ const deleteRequest = async ( requestPath, deletePermanently = false ) => {
 	return response;
 };
 
-module.exports = { getRequest, postRequest, putRequest, deleteRequest }
+module.exports = { getRequest, postRequest, putRequest, deleteRequest };
diff --git a/packages/js/e2e-builds/.eslintrc.js b/packages/js/e2e-builds/.eslintrc.js
index e4d185d8cd1..b84ca0f93ff 100644
--- a/packages/js/e2e-builds/.eslintrc.js
+++ b/packages/js/e2e-builds/.eslintrc.js
@@ -1,4 +1,3 @@
 module.exports = {
 	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
-	root: true,
 };
diff --git a/packages/js/e2e-builds/changelog/.gitkeep b/packages/js/e2e-builds/changelog/.gitkeep
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/js/e2e-builds/changelog/fix-standardize-lint-e2e b/packages/js/e2e-builds/changelog/fix-standardize-lint-e2e
new file mode 100644
index 00000000000..72f3afe233e
--- /dev/null
+++ b/packages/js/e2e-builds/changelog/fix-standardize-lint-e2e
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize linting: Ensure e2e packages are lintable
diff --git a/packages/js/e2e-builds/package.json b/packages/js/e2e-builds/package.json
index bc9ea6362e4..bf4f4178c12 100644
--- a/packages/js/e2e-builds/package.json
+++ b/packages/js/e2e-builds/package.json
@@ -1,26 +1,37 @@
 {
-  "name": "@woocommerce/e2e-builds",
-  "version": "0.1.0",
-  "description": "Utility build files for e2e packages",
-  "private": "true",
-  "main": "build.js",
-  "bin": {
-    "e2e-builds": "./build.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/woocommerce/woocommerce.git"
-  },
-  "license": "GPL-3.0+",
-  "bugs": {
-    "url": "https://github.com/woocommerce/woocommerce/issues"
-  },
-  "homepage": "https://github.com/woocommerce/woocommerce#readme",
-  "devDependencies": {
-    "@babel/core": "7.12.9",
-    "chalk": "^4.1.2",
-    "glob": "^7.2.0",
-    "mkdirp": "^1.0.4",
-    "lodash": "^4.17.21"
+	"name": "@woocommerce/e2e-builds",
+	"version": "0.1.0",
+	"description": "Utility build files for e2e packages",
+	"private": "true",
+	"main": "build.js",
+	"bin": {
+		"e2e-builds": "./build.js"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/woocommerce/woocommerce.git"
+	},
+	"license": "GPL-3.0+",
+	"bugs": {
+		"url": "https://github.com/woocommerce/woocommerce/issues"
+	},
+	"homepage": "https://github.com/woocommerce/woocommerce#readme",
+	"scripts": {
+		"lint": "eslint build.js",
+		"lint:fix": "eslint build.js --fix"
+	},
+	"devDependencies": {
+		"@babel/core": "7.12.9",
+		"@woocommerce/eslint-plugin": "workspace:*",
+		"chalk": "^4.1.2",
+		"eslint": "^8.12.0",
+		"glob": "^7.2.0",
+		"mkdirp": "^1.0.4",
+		"lodash": "^4.17.21"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"pnpm lint:fix"
+		]
 	}
 }
diff --git a/packages/js/e2e-core-tests/.eslintrc.js b/packages/js/e2e-core-tests/.eslintrc.js
new file mode 100644
index 00000000000..b84ca0f93ff
--- /dev/null
+++ b/packages/js/e2e-core-tests/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
+};
diff --git a/packages/js/e2e-core-tests/changelog/fix-standardize-lint-e2e b/packages/js/e2e-core-tests/changelog/fix-standardize-lint-e2e
new file mode 100644
index 00000000000..72f3afe233e
--- /dev/null
+++ b/packages/js/e2e-core-tests/changelog/fix-standardize-lint-e2e
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize linting: Ensure e2e packages are lintable
diff --git a/packages/js/e2e-core-tests/package.json b/packages/js/e2e-core-tests/package.json
index 10ddf9fa9a1..35544207635 100644
--- a/packages/js/e2e-core-tests/package.json
+++ b/packages/js/e2e-core-tests/package.json
@@ -24,18 +24,20 @@
 		"config": "3.3.3"
 	},
 	"devDependencies": {
-	"@babel/cli": "7.12.8",
-	"@babel/core": "7.12.9",
-	"@babel/plugin-proposal-async-generator-functions": "^7.16.4",
-	"@babel/plugin-proposal-object-rest-spread": "^7.16.0",
-	"@babel/plugin-transform-react-jsx": "^7.16.0",
-	"@babel/plugin-transform-runtime": "^7.16.4",
-	"@babel/polyfill": "7.12.1",
-	"@babel/preset-env": "7.12.7",
-	"@woocommerce/e2e-builds": "workspace:*",
-	"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
-	"@wordpress/babel-preset-default": "3.0.2",
-	"@wordpress/browserslist-config": "^4.1.0"
+		"@babel/cli": "7.12.8",
+		"@babel/core": "7.12.9",
+		"@babel/plugin-proposal-async-generator-functions": "^7.16.4",
+		"@babel/plugin-proposal-object-rest-spread": "^7.16.0",
+		"@babel/plugin-transform-react-jsx": "^7.16.0",
+		"@babel/plugin-transform-runtime": "^7.16.4",
+		"@babel/polyfill": "7.12.1",
+		"@babel/preset-env": "7.12.7",
+		"@woocommerce/e2e-builds": "workspace:*",
+		"@woocommerce/eslint-plugin": "workspace:*",
+		"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
+		"@wordpress/babel-preset-default": "3.0.2",
+		"@wordpress/browserslist-config": "^4.1.0",
+		"eslint": "^8.12.0"
 	},
 	"peerDependencies": {
 		"@woocommerce/api": "^0.2.0",
@@ -46,14 +48,16 @@
 	},
 	"scripts": {
 		"postinstall": "composer install",
-		"prepack": "pnpm run build",
+		"prepare": "pnpm run build",
 		"clean": "rm -rf ./build ./build-module",
 		"compile": "e2e-builds",
-		"build": "./bin/build.sh && pnpm run clean && pnpm run compile"
+		"build": "./bin/build.sh && pnpm run clean && pnpm run compile",
+		"lint": "eslint src --ext=js,ts,tsx",
+		"lint:fix": "eslint src --ext=js,ts,tsx --fix"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/e2e-core-tests/src/specs/activate-and-setup/activate.test.js b/packages/js/e2e-core-tests/src/specs/activate-and-setup/activate.test.js
index da8e6af9a89..8d633c218a8 100644
--- a/packages/js/e2e-core-tests/src/specs/activate-and-setup/activate.test.js
+++ b/packages/js/e2e-core-tests/src/specs/activate-and-setup/activate.test.js
@@ -6,35 +6,35 @@ const { merchant } = require( '@woocommerce/e2e-utils' );
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 import deprecated from '@wordpress/deprecated';
 
 const runActivationTest = () => {
-	describe('Store owner can login and make sure WooCommerce is activated', () => {
-		beforeAll(async () => {
+	describe( 'Store owner can login and make sure WooCommerce is activated', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can make sure WooCommerce is activated. If not, activate it', async () => {
+		it( 'can make sure WooCommerce is activated. If not, activate it', async () => {
 			deprecated( 'runActivationTest', {
-				alternative: '@woocommerce/admin-e2e-tests `testAdminBasicSetup()`',
-			});
+				alternative:
+					'@woocommerce/admin-e2e-tests `testAdminBasicSetup()`',
+			} );
 
 			const slug = 'woocommerce';
 			await merchant.openPlugins();
-			const disableLink = await page.$(`tr[data-slug="${slug}"] .deactivate a`);
-			if (disableLink) {
+			const disableLink = await page.$(
+				`tr[data-slug="${ slug }"] .deactivate a`
+			);
+			if ( disableLink ) {
 				return;
 			}
-			await page.click(`tr[data-slug="${slug}"] .activate a`);
-			await page.waitForSelector(`tr[data-slug="${slug}"] .deactivate a`);
-		});
-
-	});
+			await page.click( `tr[data-slug="${ slug }"] .activate a` );
+			await page.waitForSelector(
+				`tr[data-slug="${ slug }"] .deactivate a`
+			);
+		} );
+	} );
 };
 
 module.exports = runActivationTest;
diff --git a/packages/js/e2e-core-tests/src/specs/activate-and-setup/onboarding-tasklist.test.js b/packages/js/e2e-core-tests/src/specs/activate-and-setup/onboarding-tasklist.test.js
index a54fabc13c7..c9b741934a3 100644
--- a/packages/js/e2e-core-tests/src/specs/activate-and-setup/onboarding-tasklist.test.js
+++ b/packages/js/e2e-core-tests/src/specs/activate-and-setup/onboarding-tasklist.test.js
@@ -14,84 +14,91 @@ const {
  */
 const config = require( 'config' );
 import deprecated from '@wordpress/deprecated';
-const {
-	it,
-	describe,
-} = require( '@jest/globals' );
+const { it, describe } = require( '@jest/globals' );
 
 const shippingZoneNameUS = config.get( 'addresses.customer.shipping.country' );
 
 const runOnboardingFlowTest = () => {
-	describe('Store owner can go through store Onboarding', () => {
-		beforeAll(async () => {
+	describe( 'Store owner can go through store Onboarding', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
 		if ( IS_RETEST_MODE ) {
-			it('can reset onboarding to default settings', async () => {
+			it( 'can reset onboarding to default settings', async () => {
 				await withRestApi.resetOnboarding();
-			});
+			} );
 
-			it('can reset shipping zones to default settings', async () => {
+			it( 'can reset shipping zones to default settings', async () => {
 				await withRestApi.deleteAllShippingZones();
-			});
+			} );
 
-			it('can reset shipping classes', async () => {
+			it( 'can reset shipping classes', async () => {
 				await withRestApi.deleteAllShippingClasses();
-			})
+			} );
 
-			it('can reset to default settings', async () => {
-				await withRestApi.resetSettingsGroupToDefault('general');
-				await withRestApi.resetSettingsGroupToDefault('products');
-				await withRestApi.resetSettingsGroupToDefault('tax');
-			});
+			it( 'can reset to default settings', async () => {
+				await withRestApi.resetSettingsGroupToDefault( 'general' );
+				await withRestApi.resetSettingsGroupToDefault( 'products' );
+				await withRestApi.resetSettingsGroupToDefault( 'tax' );
+			} );
 		}
 
-		it('can start and complete onboarding when visiting the site for the first time.', async () => {
+		it( 'can start and complete onboarding when visiting the site for the first time.', async () => {
 			deprecated( 'runOnboardingFlowTest', {
-				alternative: '@woocommerce/admin-e2e-tests `testAdminOnboardingWizard()`',
-			});
+				alternative:
+					'@woocommerce/admin-e2e-tests `testAdminOnboardingWizard()`',
+			} );
 			await completeOnboardingWizard();
-		});
-	});
+		} );
+	} );
 };
 
 const runTaskListTest = () => {
-	describe('Store owner can go through setup Task List', () => {
-		beforeAll(async () => {
+	describe( 'Store owner can go through setup Task List', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can setup shipping', async () => {
+		it( 'can setup shipping', async () => {
 			deprecated( 'runTaskListTest', {
-				alternative: '@woocommerce/admin-e2e-tests `testAdminHomescreenTasklist()`',
-			});
-			await page.evaluate(() => {
-				document.querySelector('.woocommerce-list__item-title').scrollIntoView();
-			});
+				alternative:
+					'@woocommerce/admin-e2e-tests `testAdminHomescreenTasklist()`',
+			} );
+			await page.evaluate( () => {
+				document
+					.querySelector( '.woocommerce-list__item-title' )
+					.scrollIntoView();
+			} );
 			// Query for all tasks on the list
-			const taskListItems = await page.$$('.woocommerce-list__item-title');
-			expect(taskListItems.length).toBeInRange( 5, 6 );
+			const taskListItems = await page.$$(
+				'.woocommerce-list__item-title'
+			);
+			expect( taskListItems.length ).toBeInRange( 5, 6 );
 
 			// Work around for https://github.com/woocommerce/woocommerce-admin/issues/6761
 			if ( taskListItems.length == 6 ) {
 				// Click on "Set up shipping" task to move to the next step
-				const [ setupTaskListItem ] = await page.$x( '//div[contains(text(),"Set up shipping")]' );
+				const [ setupTaskListItem ] = await page.$x(
+					'//div[contains(text(),"Set up shipping")]'
+				);
 				await setupTaskListItem.click();
 
 				// Wait for "Proceed" button to become active
-				await page.waitForSelector('button.is-primary:not(:disabled)');
-				await page.waitFor(3000);
+				await page.waitForSelector(
+					'button.is-primary:not(:disabled)'
+				);
+				await page.waitFor( 3000 );
 
 				// Click on "Proceed" button to save shipping settings
-				await page.click('button.is-primary');
-				await page.waitFor(3000);
+				await page.click( 'button.is-primary' );
+				await page.waitFor( 3000 );
 			} else {
 				await merchant.openNewShipping();
-				await addShippingZoneAndMethod(shippingZoneNameUS);
+				await addShippingZoneAndMethod( shippingZoneNameUS );
 			}
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = {
diff --git a/packages/js/e2e-core-tests/src/specs/activate-and-setup/setup.test.js b/packages/js/e2e-core-tests/src/specs/activate-and-setup/setup.test.js
index a24a5b4aef2..cc42cd17519 100644
--- a/packages/js/e2e-core-tests/src/specs/activate-and-setup/setup.test.js
+++ b/packages/js/e2e-core-tests/src/specs/activate-and-setup/setup.test.js
@@ -2,10 +2,7 @@
  * External dependencies
  */
 const { HTTPClientFactory } = require( '@woocommerce/api' );
-const {
-	it,
-	describe,
-} = require( '@jest/globals' );
+const { it, describe } = require( '@jest/globals' );
 import deprecated from '@wordpress/deprecated';
 
 /**
@@ -17,64 +14,85 @@ const {
 	setCheckbox,
 	settingsPageSaveChanges,
 	verifyCheckboxIsSet,
-	verifyValueOfInputField
+	verifyValueOfInputField,
 } = require( '@woocommerce/e2e-utils' );
 
 const {
 	getTestConfig,
-	waitAndClick
+	waitAndClick,
 } = require( '@woocommerce/e2e-environment' );
 
 const runInitialStoreSettingsTest = () => {
-	describe('Store owner can finish initial store setup', () => {
-		beforeAll(async () => {
+	describe( 'Store owner can finish initial store setup', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can enable tax rates and calculations', async () => {
+		it( 'can enable tax rates and calculations', async () => {
 			deprecated( 'runInitialStoreSettingsTest', {
-				alternative: '@woocommerce/admin-e2e-tests `testAdminBasicSetup()`',
-			});
+				alternative:
+					'@woocommerce/admin-e2e-tests `testAdminBasicSetup()`',
+			} );
 			// Go to general settings page
-			await merchant.openSettings('general');
+			await merchant.openSettings( 'general' );
 
 			// Make sure the general tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'General'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'General',
+			} );
 
 			// Enable tax rates and calculations
-			await setCheckbox('#woocommerce_calc_taxes');
+			await setCheckbox( '#woocommerce_calc_taxes' );
 
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				verifyCheckboxIsSet('#woocommerce_calc_taxes'),
-			]);
-		});
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				verifyCheckboxIsSet( '#woocommerce_calc_taxes' ),
+			] );
+		} );
 
-		it('can configure permalink settings', async () => {
+		it( 'can configure permalink settings', async () => {
 			// Go to Permalink Settings page
 			await merchant.openPermalinkSettings();
 
 			// Select "Post name" option in common settings section
-			await page.click('input[value="/%postname%/"]', {text: ' Post name'});
+			await page.click( 'input[value="/%postname%/"]', {
+				text: ' Post name',
+			} );
 
 			// Select "Custom base" in product permalinks section
 			await waitAndClick( page, '#woocommerce_custom_selection' );
 
 			// Fill custom base slug to use
-			await expect(page).toFill('#woocommerce_permalink_structure', '/product/');
+			await expect( page ).toFill(
+				'#woocommerce_permalink_structure',
+				'/product/'
+			);
 
 			await permalinkSettingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#setting-error-settings_updated', {text: 'Permalink structure updated.'}),
-				verifyValueOfInputField('#permalink_structure', '/%postname%/'),
-				verifyValueOfInputField('#woocommerce_permalink_structure', '/product/'),
-			]);
-		});
+			await Promise.all( [
+				expect( page ).toMatchElement(
+					'#setting-error-settings_updated',
+					{
+						text: 'Permalink structure updated.',
+					}
+				),
+				verifyValueOfInputField(
+					'#permalink_structure',
+					'/%postname%/'
+				),
+				verifyValueOfInputField(
+					'#woocommerce_permalink_structure',
+					'/product/'
+				),
+			] );
+		} );
 
 		it( 'can use api with pretty permalinks', async () => {
 			const testConfig = getTestConfig();
@@ -86,8 +104,8 @@ const runInitialStoreSettingsTest = () => {
 
 			const response = await client.get( '/wc/v3/products' );
 			expect( response.status ).toBe( 200 );
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runInitialStoreSettingsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/api/variable-product.test.js b/packages/js/e2e-core-tests/src/specs/api/variable-product.test.js
index 3fcea7a8792..a3c6a36f8c7 100644
--- a/packages/js/e2e-core-tests/src/specs/api/variable-product.test.js
+++ b/packages/js/e2e-core-tests/src/specs/api/variable-product.test.js
@@ -2,59 +2,64 @@
 /**
  * Internal dependencies
  */
-const { HTTPClientFactory, VariableProduct, ProductVariation } = require( '@woocommerce/api' );
+const {
+	HTTPClientFactory,
+	VariableProduct,
+	ProductVariation,
+} = require( '@woocommerce/api' );
 
 /**
  * External dependencies
  */
 const config = require( 'config' );
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 
 /**
  * Create a variable product and retrieve via the API.
  */
 const runVariableProductAPITest = () => {
-	describe('REST API > Variable Product', () => {
+	describe( 'REST API > Variable Product', () => {
 		let client;
 		let defaultVariableProduct;
 		let defaultVariations;
 		let baseVariableProduct;
 		let product;
-		let variations = [];
+		const variations = [];
 		let productRepository;
 		let variationRepository;
 
-		beforeAll(async () => {
-			defaultVariableProduct = config.get('products.variable');
-			defaultVariations = config.get('products.variations');
-			const admin = config.get('users.admin');
-			const url = config.get('url');
+		beforeAll( async () => {
+			defaultVariableProduct = config.get( 'products.variable' );
+			defaultVariations = config.get( 'products.variations' );
+			const admin = config.get( 'users.admin' );
+			const url = config.get( 'url' );
 
-			client = HTTPClientFactory.build(url)
-				.withBasicAuth(admin.username, admin.password)
+			client = HTTPClientFactory.build( url )
+				.withBasicAuth( admin.username, admin.password )
 				.withIndexPermalinks()
 				.create();
-		});
+		} );
 
-		it('can create a variable product', async () => {
-			productRepository = VariableProduct.restRepository(client);
+		it( 'can create a variable product', async () => {
+			productRepository = VariableProduct.restRepository( client );
 
 			// Check properties of product in the create product response.
-			product = await productRepository.create(defaultVariableProduct);
-			expect(product).toEqual(expect.objectContaining(defaultVariableProduct));
-		});
+			product = await productRepository.create( defaultVariableProduct );
+			expect( product ).toEqual(
+				expect.objectContaining( defaultVariableProduct )
+			);
+		} );
 
-		it('can add variations', async () => {
-			variationRepository = ProductVariation.restRepository(client);
-			for (let v = 0; v < defaultVariations.length; v++) {
-				const variation = await variationRepository.create(product.id, defaultVariations[v]);
+		it( 'can add variations', async () => {
+			variationRepository = ProductVariation.restRepository( client );
+			for ( let v = 0; v < defaultVariations.length; v++ ) {
+				const variation = await variationRepository.create(
+					product.id,
+					defaultVariations[ v ]
+				);
 				// Test that variation id is a number.
-				expect(variation.id).toBeGreaterThan(0);
-				variations.push(variation.id);
+				expect( variation.id ).toBeGreaterThan( 0 );
+				variations.push( variation.id );
 			}
 
 			baseVariableProduct = {
@@ -62,31 +67,36 @@ const runVariableProductAPITest = () => {
 				...defaultVariableProduct,
 				variations,
 			};
-		});
+		} );
 
-		it('can retrieve a transformed variable product', async () => {
+		it( 'can retrieve a transformed variable product', async () => {
 			// Read product via the repository.
-			const transformed = await productRepository.read(product.id);
-			expect(transformed).toEqual(expect.objectContaining(baseVariableProduct));
-		});
+			const transformed = await productRepository.read( product.id );
+			expect( transformed ).toEqual(
+				expect.objectContaining( baseVariableProduct )
+			);
+		} );
 
-		it('can retrieve transformed product variations', async () => {
+		it( 'can retrieve transformed product variations', async () => {
 			// Read variations via the repository.
-			const transformed = await variationRepository.list(product.id);
-			expect(transformed).toHaveLength(defaultVariations.length);
-		});
+			const transformed = await variationRepository.list( product.id );
+			expect( transformed ).toHaveLength( defaultVariations.length );
+		} );
 
-		it('can delete a variation', async () => {
+		it( 'can delete a variation', async () => {
 			const variationId = baseVariableProduct.variations.pop();
-			const status = variationRepository.delete(product.id, variationId);
-			expect(status).toBeTruthy();
-		});
+			const status = variationRepository.delete(
+				product.id,
+				variationId
+			);
+			expect( status ).toBeTruthy();
+		} );
 
-		it('can delete a variable product', async () => {
-			const status = productRepository.delete(product.id);
-			expect(status).toBeTruthy();
-		});
-	});
-}
+		it( 'can delete a variable product', async () => {
+			const status = productRepository.delete( product.id );
+			expect( status ).toBeTruthy();
+		} );
+	} );
+};
 
 module.exports = runVariableProductAPITest;
diff --git a/packages/js/e2e-core-tests/src/specs/index.js b/packages/js/e2e-core-tests/src/specs/index.js
index ed79e109d31..d5d7daaf8c3 100644
--- a/packages/js/e2e-core-tests/src/specs/index.js
+++ b/packages/js/e2e-core-tests/src/specs/index.js
@@ -5,14 +5,17 @@
 
 // Setup and onboarding tests
 const runActivationTest = require( './activate-and-setup/activate.test' );
-const { runOnboardingFlowTest, runTaskListTest } = require( './activate-and-setup/onboarding-tasklist.test' );
+const {
+	runOnboardingFlowTest,
+	runTaskListTest,
+} = require( './activate-and-setup/onboarding-tasklist.test' );
 const runInitialStoreSettingsTest = require( './activate-and-setup/setup.test' );
 
 // Shopper tests
 const runProductBrowseSearchSortTest = require( './shopper/front-end-product-browse-search-sort.test' );
-const runCartApplyCouponsTest = require( './shopper/front-end-cart-coupons.test');
+const runCartApplyCouponsTest = require( './shopper/front-end-cart-coupons.test' );
 const runCartPageTest = require( './shopper/front-end-cart.test' );
-const runCheckoutApplyCouponsTest = require( './shopper/front-end-checkout-coupons.test');
+const runCheckoutApplyCouponsTest = require( './shopper/front-end-checkout-coupons.test' );
 const runCheckoutPageTest = require( './shopper/front-end-checkout.test' );
 const runMyAccountPageTest = require( './shopper/front-end-my-account.test' );
 const runMyAccountPayOrderTest = require( './shopper/front-end-my-account-pay-order.test' );
@@ -26,12 +29,15 @@ const runCartRedirectionTest = require( './shopper/front-end-cart-redirection.te
 const runOrderEmailReceivingTest = require( './shopper/front-end-order-email-receiving.test' );
 
 // Merchant tests
-const runAddNewShippingZoneTest = require ( './merchant/wp-admin-settings-shipping-zones.test' );
-const runAddShippingClassesTest = require('./merchant/wp-admin-settings-shipping-classes.test')
+const runAddNewShippingZoneTest = require( './merchant/wp-admin-settings-shipping-zones.test' );
+const runAddShippingClassesTest = require( './merchant/wp-admin-settings-shipping-classes.test' );
 const runCreateCouponTest = require( './merchant/wp-admin-coupon-new.test' );
 const runCreateOrderTest = require( './merchant/wp-admin-order-new.test' );
 const runEditOrderTest = require( './merchant/wp-admin-order-edit.test' );
-const { runAddSimpleProductTest, runAddVariableProductTest } = require( './merchant/wp-admin-product-new.test' );
+const {
+	runAddSimpleProductTest,
+	runAddVariableProductTest,
+} = require( './merchant/wp-admin-product-new.test' );
 const runUpdateGeneralSettingsTest = require( './merchant/wp-admin-settings-general.test' );
 const runProductSettingsTest = require( './merchant/wp-admin-settings-product.test' );
 const runTaxSettingsTest = require( './merchant/wp-admin-settings-tax.test' );
@@ -105,7 +111,7 @@ const runMerchantTests = () => {
 	runAnalyticsPageLoadsTest();
 	runInitiateWccomConnectionTest();
 	runAdminPageLoadTests();
-}
+};
 
 const runApiTests = () => {
 	runExternalProductAPITest();
@@ -114,7 +120,7 @@ const runApiTests = () => {
 	runCouponApiTest();
 	runOrderApiTest();
 	runTelemetryAPITest();
-}
+};
 
 module.exports = {
 	runActivationTest,
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-analytics-page-loads.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-analytics-page-loads.test.js
index cde11b5a8b8..ea6b8bf514d 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-analytics-page-loads.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-analytics-page-loads.test.js
@@ -2,7 +2,7 @@
 /**
  * Internal dependencies
  */
- const {
+const {
 	merchant,
 	waitForSelectorWithoutThrow,
 } = require( '@woocommerce/e2e-utils' );
@@ -10,67 +10,67 @@
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 import deprecated from '@wordpress/deprecated';
 
 /**
  * Quick check for page title and no data message.
  *
- * @param pageTitle Page title in H1.
- * @param element Defaults to '.d3-chart__empty-message'
- * @param elementText Defaults to 'No data for the selected date range'
+ * @param  pageTitle   Page title in H1.
+ * @param  element     Defaults to '.d3-chart__empty-message'
+ * @param  elementText Defaults to 'No data for the selected date range'
  */
 const checkHeadingAndElement = async (
-	pageTitle, element = '.d3-chart__empty-message', elementText = 'No data for the selected date range') => {
-	await expect(page).toMatchElement('h1', {text: pageTitle});
+	pageTitle,
+	element = '.d3-chart__empty-message',
+	elementText = 'No data for the selected date range'
+) => {
+	await expect( page ).toMatchElement( 'h1', { text: pageTitle } );
 
 	// Depending on order of tests the chart may not be empty.
 	const found = await waitForSelectorWithoutThrow( element );
 	if ( found ) {
-		await expect(page).toMatchElement(element, {text: elementText});
+		await expect( page ).toMatchElement( element, { text: elementText } );
 	} else {
-		await expect(page).toMatchElement( '.woocommerce-chart' );
+		await expect( page ).toMatchElement( '.woocommerce-chart' );
 	}
- };
+};
 
- // Analytics pages that we'll test against
+// Analytics pages that we'll test against
 const pages = [
-	['Overview'],
-	['Products'],
-	['Revenue'],
-	['Orders'],
-	['Variations'],
-	['Categories'],
-	['Coupons'],
-	['Taxes'],
-	['Downloads'],
-	['Stock', '.components-button > span', 'Product / Variation'],
-	['Settings', 'h2', 'Analytics Settings']
+	[ 'Overview' ],
+	[ 'Products' ],
+	[ 'Revenue' ],
+	[ 'Orders' ],
+	[ 'Variations' ],
+	[ 'Categories' ],
+	[ 'Coupons' ],
+	[ 'Taxes' ],
+	[ 'Downloads' ],
+	[ 'Stock', '.components-button > span', 'Product / Variation' ],
+	[ 'Settings', 'h2', 'Analytics Settings' ],
 ];
 
 const runAnalyticsPageLoadsTest = () => {
-	describe('Analytics > Opening Top Level Pages', () => {
-		beforeAll(async () => {
+	describe( 'Analytics > Opening Top Level Pages', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
 		deprecated( 'runAnalyticsPageLoadsTest', {
-			alternative: '@woocommerce/admin-e2e-tests `testAdminAnalyticsPages()`',
-		});
+			alternative:
+				'@woocommerce/admin-e2e-tests `testAdminAnalyticsPages()`',
+		} );
 
-		it.each(pages)(
+		it.each( pages )(
 			'can see %s page properly',
-			async (pageTitle, element, elementText) => {
+			async ( pageTitle, element, elementText ) => {
 				// Go to the desired page and verify it
-				await merchant.openAnalyticsPage(pageTitle.toLowerCase());
-				await checkHeadingAndElement(pageTitle, element, elementText);
+				await merchant.openAnalyticsPage( pageTitle.toLowerCase() );
+				await checkHeadingAndElement( pageTitle, element, elementText );
 			}
 		);
-	});
-}
+	} );
+};
 
 module.exports = runAnalyticsPageLoadsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-coupon-new.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-coupon-new.test.js
index 87921c63ce2..30454bbd765 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-coupon-new.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-coupon-new.test.js
@@ -11,48 +11,53 @@ const {
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const runCreateCouponTest = () => {
-	describe('Add New Coupon Page', () => {
-		beforeAll(async () => {
+	describe( 'Add New Coupon Page', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can create new coupon', async () => {
+		it( 'can create new coupon', async () => {
 			// Go to "add coupon" page
 			await merchant.openNewCoupon();
 
 			// Make sure we're on the add coupon page
-			await expect(page.title()).resolves.toMatch('Add new coupon');
+			await expect( page.title() ).resolves.toMatch( 'Add new coupon' );
 
 			// Fill in coupon code and description
-			await expect(page).toFill('#title', 'code-' + new Date().getTime().toString());
-			await expect(page).toFill('#woocommerce-coupon-description', 'test coupon');
+			await expect( page ).toFill(
+				'#title',
+				'code-' + new Date().getTime().toString()
+			);
+			await expect( page ).toFill(
+				'#woocommerce-coupon-description',
+				'test coupon'
+			);
 
 			// Set general coupon data
-			await clickTab('General');
-			await expect(page).toSelect('#discount_type', 'Fixed cart discount');
-			await expect(page).toFill('#coupon_amount', '100');
+			await clickTab( 'General' );
+			await expect( page ).toSelect(
+				'#discount_type',
+				'Fixed cart discount'
+			);
+			await expect( page ).toFill( '#coupon_amount', '100' );
 
 			// Publish coupon, verify that it was published.
 			const adminEdit = new AdminEdit();
 			await adminEdit.verifyPublish(
 				'#publish',
 				'.notice',
-				'Coupon updated.',
+				'Coupon updated.'
 			);
 			// Delete the coupon
 			const couponId = await adminEdit.getId();
 			if ( couponId ) {
 				await withRestApi.deleteCoupon( couponId );
 			}
-		});
-	});
-}
+		} );
+	} );
+};
 
 module.exports = runCreateCouponTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-extensions-connect-wccom.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-extensions-connect-wccom.test.js
index ff67cfa2e9d..c167f4f5c58 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-extensions-connect-wccom.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-extensions-connect-wccom.test.js
@@ -1,46 +1,44 @@
 /**
  * Internal dependencies
  */
- const {
-	merchant,
-} = require( '@woocommerce/e2e-utils' );
+const { merchant } = require( '@woocommerce/e2e-utils' );
 
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const runInitiateWccomConnectionTest = () => {
-	describe('Merchant > Initiate WCCOM Connection', () => {
-		beforeAll(async () => {
+	describe( 'Merchant > Initiate WCCOM Connection', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it.skip('can initiate WCCOM connection', async () => {
+		it.skip( 'can initiate WCCOM connection', async () => {
 			await merchant.openExtensions();
 
 			// Click on a tab to choose WooCommerce Subscriptions extension
 			await Promise.all( [
-				expect( page ).toClick( 'a.nav-tab', { text: "WooCommerce.com Subscriptions" } ),
+				expect( page ).toClick( 'a.nav-tab', {
+					text: 'WooCommerce.com Subscriptions',
+				} ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
 			] );
 
 			// Click on Connect button to initiate a WCCOM connection
-			await Promise.all([
-				expect(page).toClick('.button-helper-connect'),
-				page.waitForNavigation({waitUntil: 'networkidle0'}),
-			]);
+			await Promise.all( [
+				expect( page ).toClick( '.button-helper-connect' ),
+				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
+			] );
 
 			// Verify that you see a login page for connecting WCCOM account
-			await expect(page).toMatchElement('div.login');
-			await expect(page).toMatchElement('input#usernameOrEmail');
-			await expect(page).toMatchElement('button.button', {text: "Continue"});
-		});
-	});
-}
+			await expect( page ).toMatchElement( 'div.login' );
+			await expect( page ).toMatchElement( 'input#usernameOrEmail' );
+			await expect( page ).toMatchElement( 'button.button', {
+				text: 'Continue',
+			} );
+		} );
+	} );
+};
 
 module.exports = runInitiateWccomConnectionTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-apply-coupon.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-apply-coupon.test.js
index 6e70fa8f95a..6da3693f2c9 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-apply-coupon.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-apply-coupon.test.js
@@ -12,55 +12,79 @@ const {
 } = require( '@woocommerce/e2e-utils' );
 
 const config = require( 'config' );
-const simpleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
-const discountedPrice = simpleProductPrice - 5.00;
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
+const discountedPrice = simpleProductPrice - 5.0;
 
-const couponDialogMessage = 'Enter a coupon code to apply. Discounts are applied to line totals, before taxes.';
+const couponDialogMessage =
+	'Enter a coupon code to apply. Discounts are applied to line totals, before taxes.';
 
 let couponCode;
 let orderId;
 let productId;
 
 const runOrderApplyCouponTest = () => {
-	describe('WooCommerce Orders > Apply coupon', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Orders > Apply coupon', () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			couponCode = await createCoupon();
 			orderId = await createOrder( { productId, status: 'pending' } );
 
 			await merchant.login();
 			await merchant.goToOrder( orderId );
-			await page.removeAllListeners('dialog');
+			await page.removeAllListeners( 'dialog' );
 
 			// Make sure the simple product price is greater than the coupon amount
-			await expect(Number(simpleProductPrice)).toBeGreaterThan(5.00);
+			await expect( Number( simpleProductPrice ) ).toBeGreaterThan( 5.0 );
 		} );
 
-		it('can apply a coupon', async () => {
-			await page.waitForSelector('button.add-coupon');
-			const couponDialog = await expect(page).toDisplayDialog(async () => {
-				await evalAndClick('button.add-coupon');
-			});
-			expect(couponDialog.message()).toMatch(couponDialogMessage);
+		it( 'can apply a coupon', async () => {
+			await page.waitForSelector( 'button.add-coupon' );
+			const couponDialog = await expect( page ).toDisplayDialog(
+				async () => {
+					await evalAndClick( 'button.add-coupon' );
+				}
+			);
+			expect( couponDialog.message() ).toMatch( couponDialogMessage );
 
 			// Accept the dialog with the coupon code
-			await couponDialog.accept(couponCode);
+			await couponDialog.accept( couponCode );
 			await uiUnblocked();
 
 			// Verify the coupon list is showing
-			await page.waitForSelector('.wc-used-coupons');
-			await expect(page).toMatchElement('.wc_coupon_list', { text: 'Coupon(s)' });
-			await expect(page).toMatchElement('.wc_coupon_list li.code.editable', { text: couponCode.toLowerCase() });
+			await page.waitForSelector( '.wc-used-coupons' );
+			await expect( page ).toMatchElement( '.wc_coupon_list', {
+				text: 'Coupon(s)',
+			} );
+			await expect( page ).toMatchElement(
+				'.wc_coupon_list li.code.editable',
+				{
+					text: couponCode.toLowerCase(),
+				}
+			);
 
 			// Check that the coupon has been applied
-			await expect(page).toMatchElement('.wc-order-item-discount', { text: '5.00' });
-			await expect(page).toMatchElement('.line_cost > .view > .woocommerce-Price-amount', { text: discountedPrice });
-		});
+			await expect( page ).toMatchElement( '.wc-order-item-discount', {
+				text: '5.00',
+			} );
+			await expect(
+				page
+			).toMatchElement(
+				'.line_cost > .view > .woocommerce-Price-amount',
+				{ text: discountedPrice }
+			);
+		} );
 
-		it('can remove a coupon', async () => {
+		it( 'can remove a coupon', async () => {
 			// Make sure we have a coupon on the page to use
-			await page.waitForSelector('.wc-used-coupons');
-			await expect(page).toMatchElement('.wc_coupon_list li.code.editable', { text: couponCode.toLowerCase() });
+			await page.waitForSelector( '.wc-used-coupons' );
+			await expect( page ).toMatchElement(
+				'.wc_coupon_list li.code.editable',
+				{
+					text: couponCode.toLowerCase(),
+				}
+			);
 			await evalAndClick( 'a.remove-coupon' );
 
 			await uiUnblocked();
@@ -68,16 +92,32 @@ const runOrderApplyCouponTest = () => {
 			await utils.waitForTimeout( 2000 ); // to avoid flakyness
 
 			// Verify the coupon pricing has been removed
-			await expect(page).not.toMatchElement('.wc_coupon_list li.code.editable', { text: couponCode.toLowerCase() });
-			await expect(page).not.toMatchElement('.wc-order-item-discount', { text: '5.00' });
-			await expect(page).not.toMatchElement('.line-cost .view .woocommerce-Price-amount', { text: discountedPrice });
+			await expect( page ).not.toMatchElement(
+				'.wc_coupon_list li.code.editable',
+				{
+					text: couponCode.toLowerCase(),
+				}
+			);
+			await expect( page ).not.toMatchElement(
+				'.wc-order-item-discount',
+				{ text: '5.00' }
+			);
+			await expect(
+				page
+			).not.toMatchElement(
+				'.line-cost .view .woocommerce-Price-amount',
+				{ text: discountedPrice }
+			);
 
 			// Verify the original price is the order total
-			await expect(page).toMatchElement('.line_cost > .view > .woocommerce-Price-amount', { text: simpleProductPrice });
-		});
-
-	});
-
+			await expect(
+				page
+			).toMatchElement(
+				'.line_cost > .view > .woocommerce-Price-amount',
+				{ text: simpleProductPrice }
+			);
+		} );
+	} );
 };
 
 module.exports = runOrderApplyCouponTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-customer-payment-page.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-customer-payment-page.test.js
index 988dc193d30..13ae4da474f 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-customer-payment-page.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-customer-payment-page.test.js
@@ -3,72 +3,99 @@ const { createSimpleProduct } = require( '@woocommerce/e2e-utils' );
 /**
  * Internal dependencies
  */
-const {
-	merchant,
-	createOrder,
-} = require( '@woocommerce/e2e-utils' );
+const { merchant, createOrder } = require( '@woocommerce/e2e-utils' );
 
 // TODO create a function for the logic below getConfigSimpleProduct(), see: https://github.com/woocommerce/woocommerce/issues/29072
 const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
-const simpleProductPrice = config.has( 'products.simple.price' ) ? config.get( 'products.simple.price' ) : '9.99';
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 
 const runMerchantOrdersCustomerPaymentPage = () => {
 	let orderId;
 	let productId;
 
-	describe('WooCommerce Merchant Flow: Orders > Customer Payment Page', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Merchant Flow: Orders > Customer Payment Page', () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			orderId = await createOrder( { productId } );
 			await merchant.login();
-		});
+		} );
 
-		it('should show the customer payment page link on a pending payment order', async () => {
+		it( 'should show the customer payment page link on a pending payment order', async () => {
 			await merchant.goToOrder( orderId );
 
 			// Verify the order is still pending payment
-			await expect( page ).toMatchElement( '#order_status', { text: 'Pending payment' } );
+			await expect( page ).toMatchElement( '#order_status', {
+				text: 'Pending payment',
+			} );
 
 			// Verify the customer payment page link is displayed
-			await expect(page).toMatchElement( 'label[for=order_status] > a' , { text: 'Customer payment page →' });
-		});
+			await expect( page ).toMatchElement(
+				'label[for=order_status] > a',
+				{ text: 'Customer payment page →' }
+			);
+		} );
 
-
-		it('should load the customer payment page', async () => {
+		it( 'should load the customer payment page', async () => {
 			// Verify the customer payment page link is displayed
-			await expect(page).toMatchElement( 'label[for=order_status] > a' , { text: 'Customer payment page →' });
+			await expect( page ).toMatchElement(
+				'label[for=order_status] > a',
+				{ text: 'Customer payment page →' }
+			);
 
 			// Visit the page
-			await Promise.all([
-				expect(page).toClick( 'label[for=order_status] > a' ),
+			await Promise.all( [
+				expect( page ).toClick( 'label[for=order_status] > a' ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			]);
+			] );
 
 			// Verify we landed on the customer payment page
-			await expect(page).toMatchElement( 'h1.entry-title' , { text: 'Pay for order' });
-			await expect(page).toMatchElement( 'td.product-name' , { text: simpleProductName });
-			await expect(page).toMatchElement( 'span.woocommerce-Price-amount.amount' , { text: simpleProductPrice });
-		});
+			await expect( page ).toMatchElement( 'h1.entry-title', {
+				text: 'Pay for order',
+			} );
+			await expect( page ).toMatchElement( 'td.product-name', {
+				text: simpleProductName,
+			} );
+			await expect( page ).toMatchElement(
+				'span.woocommerce-Price-amount.amount',
+				{
+					text: simpleProductPrice,
+				}
+			);
+		} );
 
-		it('can pay for the order through the customer payment page', async () => {
+		it( 'can pay for the order through the customer payment page', async () => {
 			// Make sure we're still on the customer payment page
-			await expect(page).toMatchElement( 'h1.entry-title' , { text: 'Pay for order' });
+			await expect( page ).toMatchElement( 'h1.entry-title', {
+				text: 'Pay for order',
+			} );
 
 			// Pay for the order
-			await Promise.all([
-				expect(page).toClick( '#place_order'),
+			await Promise.all( [
+				expect( page ).toClick( '#place_order' ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			]);
+			] );
 
 			// Verify we landed on the order received page
-			await expect(page).toMatchElement( 'h1.entry-title', { text: 'Order received' });
-			await expect(page).toMatchElement( 'li.woocommerce-order-overview__order.order' , { text: orderId.toString() });
-			await expect(page).toMatchElement( 'span.woocommerce-Price-amount.amount' , { text: simpleProductPrice });
-		});
-
-	});
-
+			await expect( page ).toMatchElement( 'h1.entry-title', {
+				text: 'Order received',
+			} );
+			await expect( page ).toMatchElement(
+				'li.woocommerce-order-overview__order.order',
+				{
+					text: orderId.toString(),
+				}
+			);
+			await expect( page ).toMatchElement(
+				'span.woocommerce-Price-amount.amount',
+				{
+					text: simpleProductPrice,
+				}
+			);
+		} );
+	} );
 };
 
 module.exports = runMerchantOrdersCustomerPaymentPage;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-edit.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-edit.test.js
index cb1c2db5af8..d1e42f5b544 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-edit.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-edit.test.js
@@ -15,63 +15,71 @@ let orderId;
 
 const orderStatus = {
 	processing: 'processing',
-	completed: 'completed'
+	completed: 'completed',
 };
 
 const runEditOrderTest = () => {
-	describe('WooCommerce Orders > Edit order', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Orders > Edit order', () => {
+		beforeAll( async () => {
 			orderId = await createOrder( { status: orderStatus.processing } );
 			await merchant.login();
-		});
+		} );
 
 		afterAll( async () => {
 			await withRestApi.deleteOrder( orderId );
-		});
+		} );
 
-		it('can view single order', async () => {
+		it( 'can view single order', async () => {
 			// Go to "orders" page
 			await merchant.openAllOrdersView();
 
 			// Make sure we're on the orders page
-			await expect(page.title()).resolves.toMatch('Orders');
+			await expect( page.title() ).resolves.toMatch( 'Orders' );
 
 			//Open order we created
-			await merchant.goToOrder(orderId);
+			await merchant.goToOrder( orderId );
 
 			// Make sure we're on the order details page
-			await expect(page.title()).resolves.toMatch('Edit order');
-        });
+			await expect( page.title() ).resolves.toMatch( 'Edit order' );
+		} );
 
-        it('can update order status', async () => {
+		it( 'can update order status', async () => {
 			//Open order we created
-			await merchant.goToOrder(orderId);
+			await merchant.goToOrder( orderId );
 
 			// Make sure we're still on the order details page
-			await expect(page.title()).resolves.toMatch('Edit order');
+			await expect( page.title() ).resolves.toMatch( 'Edit order' );
 
 			// Update order status to `Completed`
-			await merchant.updateOrderStatus(orderId, 'Completed');
+			await merchant.updateOrderStatus( orderId, 'Completed' );
 
 			// Verify order status changed note added
-			await expect( page ).toMatchElement( '#select2-order_status-container', { text: 'Completed' } );
+			await expect( page ).toMatchElement(
+				'#select2-order_status-container',
+				{
+					text: 'Completed',
+				}
+			);
 			await expect( page ).toMatchElement(
 				'#woocommerce-order-notes .note_content',
 				{
 					text: 'Order status changed from Processing to Completed.',
 				}
 			);
-        });
+		} );
 
-        it('can update order details', async () => {
+		it( 'can update order details', async () => {
 			//Open order we created
-			await merchant.goToOrder(orderId);
+			await merchant.goToOrder( orderId );
 
 			// Make sure we're still on the order details page
-			await expect(page.title()).resolves.toMatch('Edit order');
+			await expect( page.title() ).resolves.toMatch( 'Edit order' );
 
 			// Update order details
-			await expect(page).toFill('input[name=order_date]', '2018-12-14');
+			await expect( page ).toFill(
+				'input[name=order_date]',
+				'2018-12-14'
+			);
 
 			// Wait for auto save
 			await utils.waitForTimeout( 2000 );
@@ -80,10 +88,15 @@ const runEditOrderTest = () => {
 			await orderPageSaveChanges();
 
 			// Verify
-			await expect( page ).toMatchElement( '#message', { text: 'Order updated.' } );
-		 	await verifyValueOfInputField( 'input[name=order_date]' , '2018-12-14' );
-		});
-	});
+			await expect( page ).toMatchElement( '#message', {
+				text: 'Order updated.',
+			} );
+			await verifyValueOfInputField(
+				'input[name=order_date]',
+				'2018-12-14'
+			);
+		} );
+	} );
 
 	describe( 'WooCommerce Orders > Edit order > Downloadable product permissions', () => {
 		const productName = 'TDP 001';
@@ -97,12 +110,12 @@ const runEditOrderTest = () => {
 			await merchant.login();
 		} );
 
-		beforeEach(async () => {
+		beforeEach( async () => {
 			productId = await createSimpleDownloadableProduct( productName );
 			orderId = await createOrder( {
 				productId,
-				customerBilling ,
-				status: orderStatus.processing
+				customerBilling,
+				status: orderStatus.processing,
 			} );
 		} );
 
@@ -115,7 +128,7 @@ const runEditOrderTest = () => {
 			// Create order without product
 			const newOrderId = await createOrder( {
 				customerBilling,
-				status: orderStatus.processing
+				status: orderStatus.processing,
 			} );
 
 			// Open order we created
@@ -125,7 +138,7 @@ const runEditOrderTest = () => {
 			await merchant.addDownloadableProductPermission( productName );
 
 			// Verify new downloadable product permission details
-			await merchant.verifyDownloadableProductPermission( productName )
+			await merchant.verifyDownloadableProductPermission( productName );
 
 			// Remove order
 			await withRestApi.deleteOrder( newOrderId );
@@ -134,7 +147,9 @@ const runEditOrderTest = () => {
 		it( 'can add downloadable product permissions to order with product', async () => {
 			// Create new downloadable product
 			const newProductName = 'TDP 002';
-			const newProductId = await createSimpleDownloadableProduct( newProductName );
+			const newProductId = await createSimpleDownloadableProduct(
+				newProductName
+			);
 
 			// Open order we created
 			await merchant.goToOrder( orderId );
@@ -143,7 +158,9 @@ const runEditOrderTest = () => {
 			await merchant.addDownloadableProductPermission( newProductName );
 
 			// Verify new downloadable product permission details
-			await merchant.verifyDownloadableProductPermission( newProductName )
+			await merchant.verifyDownloadableProductPermission(
+				newProductName
+			);
 
 			// Remove product
 			await withRestApi.deleteProduct( newProductId );
@@ -180,21 +197,28 @@ const runEditOrderTest = () => {
 			await merchant.revokeDownloadableProductPermission( productName );
 
 			// Verify
-			await expect( page ).not.toMatchElement( 'div.order_download_permissions', {
-				text: productName
-			} );
+			await expect( page ).not.toMatchElement(
+				'div.order_download_permissions',
+				{
+					text: productName,
+				}
+			);
 		} );
 
 		it( 'should not allow downloading a product if download attempts are exceeded', async () => {
 			// Define expected download error reason
-			const expectedReason = 'Sorry, you have reached your download limit for this file';
+			const expectedReason =
+				'Sorry, you have reached your download limit for this file';
 
 			// Create order with product without any available download attempt
-			const newProductId = await createSimpleDownloadableProduct( productName, 0 );
+			const newProductId = await createSimpleDownloadableProduct(
+				productName,
+				0
+			);
 			const newOrderId = await createOrder( {
 				productId: newProductId,
 				customerBilling,
-				status: orderStatus.processing
+				status: orderStatus.processing,
 			} );
 
 			// Open order we created
@@ -204,7 +228,10 @@ const runEditOrderTest = () => {
 			const downloadPage = await merchant.openDownloadLink();
 
 			// Verify file download cannot start
-	  		await merchant.verifyCannotDownloadFromBecause( downloadPage, expectedReason );
+			await merchant.verifyCannotDownloadFromBecause(
+				downloadPage,
+				expectedReason
+			);
 
 			// Remove data
 			await withRestApi.deleteOrder( newOrderId );
@@ -220,15 +247,21 @@ const runEditOrderTest = () => {
 
 			// Update permission so that the expiration date has already passed
 			// Note: Seems this operation can't be performed through the API
-			await merchant.updateDownloadableProductPermission( productName, '2018-12-14' );
+			await merchant.updateDownloadableProductPermission(
+				productName,
+				'2018-12-14'
+			);
 
 			// Open download page
 			const downloadPage = await merchant.openDownloadLink();
 
 			// Verify file download cannot start
-	  		await merchant.verifyCannotDownloadFromBecause( downloadPage, expectedReason );
+			await merchant.verifyCannotDownloadFromBecause(
+				downloadPage,
+				expectedReason
+			);
 		} );
 	} );
-}
+};
 
 module.exports = runEditOrderTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-emails.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-emails.test.js
index 1fbb5a0099f..37334c774e8 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-emails.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-emails.test.js
@@ -11,14 +11,15 @@ const {
 
 const config = require( 'config' );
 const customerEmail = config.get( 'addresses.customer.billing.email' );
-const adminEmail = config.has( 'users.admin.email' ) ? config.get( 'users.admin.email' )  : 'admin@woocommercecoree2etestsuite.com';
+const adminEmail = config.has( 'users.admin.email' )
+	? config.get( 'users.admin.email' )
+	: 'admin@woocommercecoree2etestsuite.com';
 const storeName = 'WooCommerce Core E2E Test Suite';
 
 let orderId;
 
 const runMerchantOrderEmailsTest = () => {
-
-	describe('Merchant > Order Action emails received', () => {
+	describe( 'Merchant > Order Action emails received', () => {
 		beforeAll( async () => {
 			await merchant.login();
 
@@ -29,7 +30,9 @@ const runMerchantOrderEmailsTest = () => {
 
 			await Promise.all( [
 				// Select the billing email address field and add the customer billing email from the config
-				await page.click( 'div.order_data_column:nth-child(2) > h3:nth-child(1) > a:nth-child(1)' ),
+				await page.click(
+					'div.order_data_column:nth-child(2) > h3:nth-child(1) > a:nth-child(1)'
+				),
 				await expect( page ).toFill( '#_billing_email', customerEmail ),
 				await clickUpdateOrder( 'Order updated.' ),
 			] );
@@ -41,31 +44,42 @@ const runMerchantOrderEmailsTest = () => {
 		} );
 
 		// New order emails are sent automatically when we create the simple order above, so let's verify we get these emails
-		it('can receive new order email', async () => {
+		it( 'can receive new order email', async () => {
 			await merchant.openEmailLog();
-			await expect( page ).toMatchElement( '.column-receiver', { text: adminEmail } );
-			await expect( page ).toMatchElement( '.column-subject', { text: `[${storeName}]: New order #${orderId}` } );
+			await expect( page ).toMatchElement( '.column-receiver', {
+				text: adminEmail,
+			} );
+			await expect( page ).toMatchElement( '.column-subject', {
+				text: `[${ storeName }]: New order #${ orderId }`,
+			} );
 		} );
 
-		it('can resend new order notification', async () => {
+		it( 'can resend new order notification', async () => {
 			await merchant.goToOrder( orderId );
 			await selectOrderAction( 'send_order_details_admin' );
 
 			await merchant.openEmailLog();
-			await expect( page ).toMatchElement( '.column-receiver', { text: adminEmail } );
-			await expect( page ).toMatchElement( '.column-subject', { text: `[${storeName}]: New order #${orderId}` } );
+			await expect( page ).toMatchElement( '.column-receiver', {
+				text: adminEmail,
+			} );
+			await expect( page ).toMatchElement( '.column-subject', {
+				text: `[${ storeName }]: New order #${ orderId }`,
+			} );
 		} );
 
-		it('can email invoice/order details to customer', async () => {
+		it( 'can email invoice/order details to customer', async () => {
 			await merchant.goToOrder( orderId );
 			await selectOrderAction( 'send_order_details' );
 
 			await merchant.openEmailLog();
-			await expect( page ).toMatchElement( '.column-receiver', { text: customerEmail } );
-			await expect( page ).toMatchElement( '.column-subject', { text: `Invoice for order #${orderId} on ${storeName}` } );
+			await expect( page ).toMatchElement( '.column-receiver', {
+				text: customerEmail,
+			} );
+			await expect( page ).toMatchElement( '.column-subject', {
+				text: `Invoice for order #${ orderId } on ${ storeName }`,
+			} );
 		} );
-
 	} );
-}
+};
 
 module.exports = runMerchantOrderEmailsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-new.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-new.test.js
index 3dd15e2d758..244faccfa3b 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-new.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-new.test.js
@@ -14,7 +14,7 @@ const {
 	GroupedProduct,
 	SimpleProduct,
 	ProductVariation,
-	ExternalProduct
+	ExternalProduct,
 } = require( '@woocommerce/api' );
 
 const taxClasses = [
@@ -33,31 +33,35 @@ const taxRates = [
 	{
 		name: 'Tax Rate Simple',
 		rate: '10.0000',
-		class: 'tax-class-simple'
+		class: 'tax-class-simple',
 	},
 	{
 		name: 'Tax Rate Variable',
 		rate: '20.0000',
-		class: 'tax-class-variable'
+		class: 'tax-class-variable',
 	},
 	{
 		name: 'Tax Rate External',
 		rate: '30.0000',
-		class: 'tax-class-external'
-	}
+		class: 'tax-class-external',
+	},
 ];
 
-const taxTotals = ['$10.00', '$40.00', '$240.00'];
+const taxTotals = [ '$10.00', '$40.00', '$240.00' ];
 
 const initProducts = async () => {
-	const apiUrl = config.get('url');
-	const adminUsername = config.get('users.admin.username');
-	const adminPassword = config.get('users.admin.password');
-	const httpClient = HTTPClientFactory.build(apiUrl)
-		.withBasicAuth(adminUsername, adminPassword)
+	const apiUrl = config.get( 'url' );
+	const adminUsername = config.get( 'users.admin.username' );
+	const adminPassword = config.get( 'users.admin.password' );
+	const httpClient = HTTPClientFactory.build( apiUrl )
+		.withBasicAuth( adminUsername, adminPassword )
 		.create();
 
-	await withRestApi.updateSettingOption( 'general', 'woocommerce_calc_taxes', { value: 'yes' } );
+	await withRestApi.updateSettingOption(
+		'general',
+		'woocommerce_calc_taxes',
+		{ value: 'yes' }
+	);
 	await withRestApi.addTaxClasses( taxClasses );
 	await withRestApi.addTaxRates( taxRates );
 
@@ -67,7 +71,7 @@ const initProducts = async () => {
 		const simpleProduct = {
 			name: 'Simple Product 273722',
 			regularPrice: '100',
-			taxClass: 'Tax Class Simple'
+			taxClass: 'Tax Class Simple',
 		};
 		return await repo.create( simpleProduct );
 	};
@@ -79,65 +83,65 @@ const initProducts = async () => {
 				attributes: [
 					{
 						name: 'Size',
-						option: 'Small'
+						option: 'Small',
 					},
 					{
 						name: 'Colour',
-						option: 'Yellow'
-					}
+						option: 'Yellow',
+					},
 				],
-				taxClass: 'Tax Class Variable'
+				taxClass: 'Tax Class Variable',
 			},
 			{
 				regularPrice: '300',
 				attributes: [
 					{
 						name: 'Size',
-						option: 'Medium'
+						option: 'Medium',
 					},
 					{
 						name: 'Colour',
-						option: 'Magenta'
-					}
+						option: 'Magenta',
+					},
 				],
-				taxClass: 'Tax Class Variable'
-			}
+				taxClass: 'Tax Class Variable',
+			},
 		];
 		const variableProductData = {
 			name: 'Variable Product 024611',
 			type: 'variable',
-			taxClass: 'Tax Class Variable'
+			taxClass: 'Tax Class Variable',
 		};
 
-		const variationRepo = ProductVariation.restRepository(httpClient);
-		const productRepo = VariableProduct.restRepository(httpClient);
-		const variableProduct = await productRepo.create(variableProductData);
-		for (const v of variations) {
-			await variationRepo.create(variableProduct.id, v);
+		const variationRepo = ProductVariation.restRepository( httpClient );
+		const productRepo = VariableProduct.restRepository( httpClient );
+		const variableProduct = await productRepo.create( variableProductData );
+		for ( const v of variations ) {
+			await variationRepo.create( variableProduct.id, v );
 		}
 
 		return variableProduct;
 	};
 	const initGroupedProduct = async () => {
-		const groupedRepo = GroupedProduct.restRepository(httpClient);
-		const defaultGroupedData = config.get('products.grouped');
+		const groupedRepo = GroupedProduct.restRepository( httpClient );
+		const defaultGroupedData = config.get( 'products.grouped' );
 		const groupedProductData = {
 			...defaultGroupedData,
-			name: 'Grouped Product 858012'
+			name: 'Grouped Product 858012',
 		};
 
-		return await groupedRepo.create(groupedProductData);
+		return await groupedRepo.create( groupedProductData );
 	};
 	const initExternalProduct = async () => {
-		const repo = ExternalProduct.restRepository(httpClient);
-		const defaultProps = config.get('products.external');
+		const repo = ExternalProduct.restRepository( httpClient );
+		const defaultProps = config.get( 'products.external' );
 		const props = {
 			...defaultProps,
 			name: 'External product 786794',
 			regularPrice: '800',
-			taxClass: 'Tax Class External'
+			taxClass: 'Tax Class External',
 		};
-		return await repo.create(props);
+		return await repo.create( props );
 	};
 
 	// Create a product for each product type
@@ -146,66 +150,78 @@ const initProducts = async () => {
 	const groupedProduct = await initGroupedProduct();
 	const externalProduct = await initExternalProduct();
 
-	return [simpleProduct, variableProduct, groupedProduct, externalProduct];
+	return [ simpleProduct, variableProduct, groupedProduct, externalProduct ];
 };
 
 let products;
 
 const runCreateOrderTest = () => {
-	describe('WooCommerce Orders > Add new order', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Orders > Add new order', () => {
+		beforeAll( async () => {
 			// Initialize products for each product type
 			products = await initProducts();
 
 			// Login
 			await merchant.login();
-		});
+		} );
 
-		it('can create new order', async () => {
+		it( 'can create new order', async () => {
 			// Go to "add order" page
 			await merchant.openNewOrder();
 
 			// Make sure we're on the add order page
-			await expect(page.title()).resolves.toMatch('Add new order');
+			await expect( page.title() ).resolves.toMatch( 'Add new order' );
 
 			// Set order data
-			await expect(page).toSelect('#order_status', 'Processing');
-			await expect(page).toFill('input[name=order_date]', '2018-12-13');
-			await expect(page).toFill('input[name=order_date_hour]', '18');
-			await expect(page).toFill('input[name=order_date_minute]', '55');
+			await expect( page ).toSelect( '#order_status', 'Processing' );
+			await expect( page ).toFill(
+				'input[name=order_date]',
+				'2018-12-13'
+			);
+			await expect( page ).toFill( 'input[name=order_date_hour]', '18' );
+			await expect( page ).toFill(
+				'input[name=order_date_minute]',
+				'55'
+			);
 
 			// Create order, verify that it was created. Trash order, verify that it was trashed.
 			const orderEdit = new AdminEdit();
 			await orderEdit.verifyPublish(
 				'.order_actions li .save_order',
 				'#message',
-				'Order updated.',
+				'Order updated.'
 			);
 
-			await expect( page ).toMatchElement( '#select2-order_status-container', { text: 'Processing' } );
+			await expect( page ).toMatchElement(
+				'#select2-order_status-container',
+				{
+					text: 'Processing',
+				}
+			);
 			await expect( page ).toMatchElement(
 				'#woocommerce-order-notes .note_content',
 				{
-					text: 'Order status changed from Pending payment to Processing.',
+					text:
+						'Order status changed from Pending payment to Processing.',
 				}
 			);
-		});
+		} );
 
-		it('can create new complex order with multiple product types & tax classes', async () => {
+		it( 'can create new complex order with multiple product types & tax classes', async () => {
 			// Go to "add order" page
 			await merchant.openNewOrder();
 
 			// Open modal window for adding line items
-			await expect(page).toClick('button.add-line-item');
-			await expect(page).toClick('button.add-order-item');
-			await page.waitForSelector('.wc-backbone-modal-header');
+			await expect( page ).toClick( 'button.add-line-item' );
+			await expect( page ).toClick( 'button.add-order-item' );
+			await page.waitForSelector( '.wc-backbone-modal-header' );
 
 			// Search for each product to add, then verify that they are saved
-			for (const { name } of products) {
-				await expect(page).toClick(
+			for ( const { name } of products ) {
+				await expect( page ).toClick(
 					'.wc-backbone-modal-content tr:last-child .select2-selection__arrow'
 				);
-				await expect(page).toFill(
+				await expect( page ).toFill(
 					'#wc-backbone-modal-dialog + .select2-container .select2-search__field',
 					name
 				);
@@ -213,52 +229,60 @@ const runCreateOrderTest = () => {
 					'li[data-selected]'
 				);
 				await firstResult.click();
-				await expect(page).toMatchElement(
+				await expect( page ).toMatchElement(
 					'.wc-backbone-modal-content tr:nth-last-child(2) .wc-product-search option',
 					name
 				);
 			}
 
 			// Save the line items
-			await expect(page).toClick('.wc-backbone-modal-content #btn-ok');
+			await expect( page ).toClick(
+				'.wc-backbone-modal-content #btn-ok'
+			);
 			await uiUnblocked();
 
 			// Recalculate taxes
-			await expect(page).toDisplayDialog(async () => {
-				await expect(page).toClick('.calculate-action');
-			});
-			await page.waitForSelector('th.line_tax');
+			await expect( page ).toDisplayDialog( async () => {
+				await expect( page ).toClick( '.calculate-action' );
+			} );
+			await page.waitForSelector( 'th.line_tax' );
 
 			// Save the order and verify line items
-			await expect(page).toClick('button.save_order');
+			await expect( page ).toClick( 'button.save_order' );
 			await page.waitForNavigation();
-			for (const { name } of products) {
-				await expect(page).toMatchElement('.wc-order-item-name', {
-					text: name
-				});
+			for ( const { name } of products ) {
+				await expect( page ).toMatchElement( '.wc-order-item-name', {
+					text: name,
+				} );
 			}
 
 			// Verify that the names of each tax class were shown
-			for (const taxRate of taxRates) {
-				await expect(page).toMatchElement('th.line_tax', {
-					text: taxRate.name
-				});
-				await expect(page).toMatchElement('.wc-order-totals td.label', {
-					text: taxRate.name
-				});
+			for ( const taxRate of taxRates ) {
+				await expect( page ).toMatchElement( 'th.line_tax', {
+					text: taxRate.name,
+				} );
+				await expect( page ).toMatchElement(
+					'.wc-order-totals td.label',
+					{
+						text: taxRate.name,
+					}
+				);
 			}
 
 			// Verify tax amounts
-			for (const amount of taxTotals) {
-				await expect(page).toMatchElement('td.line_tax', {
-					text: amount
-				});
-				await expect(page).toMatchElement('.wc-order-totals td.total', {
-					text: amount
-				});
+			for ( const amount of taxTotals ) {
+				await expect( page ).toMatchElement( 'td.line_tax', {
+					text: amount,
+				} );
+				await expect( page ).toMatchElement(
+					'.wc-order-totals td.total',
+					{
+						text: amount,
+					}
+				);
 			}
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runCreateOrderTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund-restock.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund-restock.test.js
index 49ee6af813d..5a1dab8d7fc 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund-restock.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund-restock.test.js
@@ -18,7 +18,7 @@ const {
  *
  * @param {string} buttonSelector
  * @param {string} resultSelector
- * @returns {Promise<void>}
+ * @return {Promise<void>}
  */
 const clickAndWaitForSelector = async ( buttonSelector, resultSelector ) => {
 	await evalAndClick( buttonSelector );
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund.test.js
index 60f7ee5b53c..5193a1e7b9d 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-refund.test.js
@@ -12,84 +12,121 @@ const {
 } = require( '@woocommerce/e2e-utils' );
 
 const config = require( 'config' );
-const simpleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 
 const runRefundOrderTest = () => {
-	describe('WooCommerce Orders > Refund an order', () => {
+	describe( 'WooCommerce Orders > Refund an order', () => {
 		let productId;
 		let orderId;
 		let currencySymbol;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			orderId = await createOrder( {
 				productId,
-				status: 'completed'
+				status: 'completed',
 			} );
 
 			await merchant.login();
 			await merchant.goToOrder( orderId );
 
 			// Get the currency symbol for the store's selected currency
-			await page.waitForSelector('.woocommerce-Price-currencySymbol');
-			let currencyElement = await page.$('.woocommerce-Price-currencySymbol');
-			currencySymbol = await page.evaluate(el => el.textContent, currencyElement);
-		});
+			await page.waitForSelector( '.woocommerce-Price-currencySymbol' );
+			const currencyElement = await page.$(
+				'.woocommerce-Price-currencySymbol'
+			);
+			currencySymbol = await page.evaluate(
+				( el ) => el.textContent,
+				currencyElement
+			);
+		} );
 
-		it('can issue a refund by quantity', async () => {
+		it( 'can issue a refund by quantity', async () => {
 			// Click the Refund button
-			await expect(page).toClick('button.refund-items');
+			await expect( page ).toClick( 'button.refund-items' );
 
 			// Verify the refund section shows
-			await page.waitForSelector('div.wc-order-refund-items', { visible: true });
-			await verifyCheckboxIsSet('#restock_refunded_items');
+			await page.waitForSelector( 'div.wc-order-refund-items', {
+				visible: true,
+			} );
+			await verifyCheckboxIsSet( '#restock_refunded_items' );
 
 			// Initiate a refund
-			await expect(page).toFill('.refund_order_item_qty', '1');
-			await expect(page).toFill('#refund_reason', 'No longer wanted');
+			await expect( page ).toFill( '.refund_order_item_qty', '1' );
+			await expect( page ).toFill( '#refund_reason', 'No longer wanted' );
 
-			await Promise.all([
-				verifyValueOfInputField('.refund_line_total', simpleProductPrice),
-				verifyValueOfInputField('#refund_amount', simpleProductPrice),
-				expect(page).toMatchElement('.do-manual-refund', { text: `Refund ${currencySymbol + simpleProductPrice} manually` }),
-			]);
+			await Promise.all( [
+				verifyValueOfInputField(
+					'.refund_line_total',
+					simpleProductPrice
+				),
+				verifyValueOfInputField( '#refund_amount', simpleProductPrice ),
+				expect( page ).toMatchElement( '.do-manual-refund', {
+					text: `Refund ${
+						currencySymbol + simpleProductPrice
+					} manually`,
+				} ),
+			] );
 
-			await clickAndWaitForSelector( '.do-manual-refund', '.quantity .refunded' );
+			await clickAndWaitForSelector(
+				'.do-manual-refund',
+				'.quantity .refunded'
+			);
 			await uiUnblocked();
 
-			await Promise.all([
+			await Promise.all( [
 				// Verify the product line item shows the refunded quantity and amount
-				expect(page).toMatchElement('.quantity .refunded', { text: '-1' }),
-				expect(page).toMatchElement('.line_cost .refunded', { text: `-${currencySymbol + simpleProductPrice}` }),
+				expect( page ).toMatchElement( '.quantity .refunded', {
+					text: '-1',
+				} ),
+				expect( page ).toMatchElement( '.line_cost .refunded', {
+					text: `-${ currencySymbol + simpleProductPrice }`,
+				} ),
 
 				// Verify the refund shows in the list with the amount
-				expect(page).toMatchElement('.refund .description', { text: 'No longer wanted' }),
-				expect(page).toMatchElement('.refund > .line_cost', { text: `-${currencySymbol + simpleProductPrice}` }),
+				expect( page ).toMatchElement( '.refund .description', {
+					text: 'No longer wanted',
+				} ),
+				expect( page ).toMatchElement( '.refund > .line_cost', {
+					text: `-${ currencySymbol + simpleProductPrice }`,
+				} ),
 
 				// Verify system note was added
-				expect(page).toMatchElement('.system-note', { text: 'Order status changed from Completed to Refunded.' }),
-			]);
-		});
+				expect( page ).toMatchElement( '.system-note', {
+					text: 'Order status changed from Completed to Refunded.',
+				} ),
+			] );
+		} );
 
-		it('can delete an issued refund', async () => {
+		it( 'can delete an issued refund', async () => {
 			await clickAndWaitForSelector( 'a.delete_refund', '.refund-items' );
 			await uiUnblocked();
 
-			await Promise.all([
+			await Promise.all( [
 				// Verify the refunded row item is no longer showing
-				expect(page).not.toMatchElement('tr.refund', { visible: true }),
+				expect( page ).not.toMatchElement( 'tr.refund', {
+					visible: true,
+				} ),
 				// Verify the product line item doesn't show the refunded quantity and amount
-				expect(page).not.toMatchElement('.quantity .refunded', { text: '-1' }),
-				expect(page).not.toMatchElement('.line_cost .refunded', { text: `-${currencySymbol + simpleProductPrice}` }),
+				expect( page ).not.toMatchElement( '.quantity .refunded', {
+					text: '-1',
+				} ),
+				expect( page ).not.toMatchElement( '.line_cost .refunded', {
+					text: `-${ currencySymbol + simpleProductPrice }`,
+				} ),
 
 				// Verify the refund shows in the list with the amount
-				expect(page).not.toMatchElement('.refund .description', { text: 'No longer wanted' }),
-				expect(page).not.toMatchElement('.refund > .line_cost', { text: `-${currencySymbol + simpleProductPrice}` }),
-			]);
-		});
-
-	});
-
+				expect( page ).not.toMatchElement( '.refund .description', {
+					text: 'No longer wanted',
+				} ),
+				expect( page ).not.toMatchElement( '.refund > .line_cost', {
+					text: `-${ currencySymbol + simpleProductPrice }`,
+				} ),
+			] );
+		} );
+	} );
 };
 
 module.exports = runRefundOrderTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-searching.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-searching.test.js
index 306b3a5add2..503ebc6eaa7 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-searching.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-searching.test.js
@@ -42,7 +42,7 @@ const customerShipping = {
 /**
  * Set the billing fields for the customer account for this test suite.
  *
- * @returns {Promise<number>}
+ * @return {Promise<number>}
  */
 const updateCustomerBilling = async () => {
 	const client = factories.api.withDefaultPermalinks;
@@ -55,7 +55,7 @@ const updateCustomerBilling = async () => {
 		return;
 	}
 
-	const customerId = customers.data[0].id;
+	const customerId = customers.data[ 0 ].id;
 	const customerData = {
 		id: customerId,
 		billing: customerBilling,
@@ -69,65 +69,65 @@ const updateCustomerBilling = async () => {
  * Data table to be fed into `it.each()`.
  */
 const queries = [
-	[customerBilling.first_name, 'billing first name'],
-	[customerBilling.last_name, 'billing last name'],
-	[customerBilling.company, 'billing company name'],
-	[customerBilling.address_1, 'billing first address'],
-	[customerBilling.address_2, 'billing second address'],
-	[customerBilling.city, 'billing city name'],
-	[customerBilling.postcode, 'billing post code'],
-	[customerBilling.email, 'billing email'],
-	[customerBilling.phone, 'billing phone'],
-	[customerBilling.state, 'billing state'],
-	[customerShipping.first_name, 'shipping first name'],
-	[customerShipping.last_name, 'shipping last name'],
-	[customerShipping.address_1, 'shipping first address'],
-	[customerShipping.address_2, 'shipping second address'],
-	[customerShipping.city, 'shipping city name'],
-	[customerShipping.postcode, 'shipping post code'],
-	[itemName, 'shipping item name']
+	[ customerBilling.first_name, 'billing first name' ],
+	[ customerBilling.last_name, 'billing last name' ],
+	[ customerBilling.company, 'billing company name' ],
+	[ customerBilling.address_1, 'billing first address' ],
+	[ customerBilling.address_2, 'billing second address' ],
+	[ customerBilling.city, 'billing city name' ],
+	[ customerBilling.postcode, 'billing post code' ],
+	[ customerBilling.email, 'billing email' ],
+	[ customerBilling.phone, 'billing phone' ],
+	[ customerBilling.state, 'billing state' ],
+	[ customerShipping.first_name, 'shipping first name' ],
+	[ customerShipping.last_name, 'shipping last name' ],
+	[ customerShipping.address_1, 'shipping first address' ],
+	[ customerShipping.address_2, 'shipping second address' ],
+	[ customerShipping.city, 'shipping city name' ],
+	[ customerShipping.postcode, 'shipping post code' ],
+	[ itemName, 'shipping item name' ],
 ];
 
 const runOrderSearchingTest = () => {
-	describe('WooCommerce Orders > Search orders', () => {
+	describe( 'WooCommerce Orders > Search orders', () => {
 		let productId;
 		let orderId;
 		let customerId;
 
 		beforeAll( async () => {
-			productId = await createSimpleProduct('Wanted Product');
+			productId = await createSimpleProduct( 'Wanted Product' );
 			customerId = await updateCustomerBilling();
-			orderId = await createOrder({
+			orderId = await createOrder( {
 				customerId,
 				productId,
 				customerBilling,
 				customerShipping,
-			});
+			} );
 
 			// Login and open All Orders view
 			await merchant.login();
 			await merchant.openAllOrdersView();
-		});
+		} );
 
-		it('can search for order by order id', async () => {
+		it( 'can search for order by order id', async () => {
 			// Convert the order ID to string so we can search on it
-			await searchForOrder(orderId.toString(), orderId, searchString);
-		});
+			await searchForOrder( orderId.toString(), orderId, searchString );
+		} );
 
-		it.each(queries)(
+		it.each( queries )(
 			'can search for order containing "%s" as the %s',
-			async (value) => {
-				await searchForOrder(value, orderId, searchString);
+			async ( value ) => {
+				await searchForOrder( value, orderId, searchString );
 			}
 		);
 
 		/**
 		 * shipping state is abbreviated. This test passes if billing and shipping state are the same
 		 */
-		it.skip('can search for order by shipping state name', async () => {
-			await searchForOrder('New York', orderId, searchString);
-		})
-	});
+		it.skip( 'can search for order by shipping state name', async () => {
+			await searchForOrder( 'New York', orderId, searchString );
+		} );
+	} );
 };
 
 module.exports = runOrderSearchingTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-status-filters.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-status-filters.test.js
index 75b970184c1..5079febf1b0 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-status-filters.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-order-status-filters.test.js
@@ -12,13 +12,13 @@ const statusColumnTextSelector = 'mark.order-status > span';
 
 // Define order statuses to filter against
 const orderStatus = [
-	['Pending payment', 'wc-pending'],
-	['Processing', 'wc-processing'],
-	['On hold', 'wc-on-hold'],
-	['Completed', 'wc-completed'],
-	['Cancelled', 'wc-cancelled'],
-	['Refunded', 'wc-refunded'],
-	['Failed', 'wc-failed'],
+	[ 'Pending payment', 'wc-pending' ],
+	[ 'Processing', 'wc-processing' ],
+	[ 'On hold', 'wc-on-hold' ],
+	[ 'Completed', 'wc-completed' ],
+	[ 'Cancelled', 'wc-cancelled' ],
+	[ 'Refunded', 'wc-refunded' ],
+	[ 'Failed', 'wc-failed' ],
 ];
 const defaultOrder = {
 	payment_method: 'cod',
@@ -26,21 +26,21 @@ const defaultOrder = {
 		first_name: 'John',
 		last_name: 'Doe',
 		email: 'john.doe@example.com',
-	}
+	},
 };
 
 const runOrderStatusFiltersTest = () => {
-	describe('WooCommerce Orders > Filter Orders by Status', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Orders > Filter Orders by Status', () => {
+		beforeAll( async () => {
 			// First, let's create some orders we can filter against
-			const orders = orderStatus.map((entryPair) => {
-				const statusName = entryPair[1].replace('wc-', '');
+			const orders = orderStatus.map( ( entryPair ) => {
+				const statusName = entryPair[ 1 ].replace( 'wc-', '' );
 
 				return {
 					...defaultOrder,
 					status: statusName,
 				};
-			});
+			} );
 
 			// Create the orders using the API
 			await withRestApi.batchCreateOrders( orders, false );
@@ -48,42 +48,53 @@ const runOrderStatusFiltersTest = () => {
 			// Next, let's login and navigate to the Orders page
 			await merchant.login();
 			await merchant.openAllOrdersView();
-		});
+		} );
 
 		afterAll( async () => {
 			// Make sure we're on the all orders view and cleanup the orders we created
 			await merchant.openAllOrdersView();
 			await moveAllItemsToTrash();
-		});
+		} );
 
-		it.each(orderStatus)('should filter by %s', async (statusText, statusClassName) => {
-			// Identify which statuses should be shown or hidden
-			const shownStatus = { text: statusText };
-			const hiddenStatuses = orderStatus
-				.filter((pair) => !pair.includes(statusText))
-				.map(([statusText]) => {
-					return { text: statusText };
-				});
+		it.each( orderStatus )(
+			'should filter by %s',
+			async ( statusText, statusClassName ) => {
+				// Identify which statuses should be shown or hidden
+				const shownStatus = { text: statusText };
+				const hiddenStatuses = orderStatus
+					.filter( ( pair ) => ! pair.includes( statusText ) )
+					.map( ( [ statusText ] ) => {
+						return { text: statusText };
+					} );
 
-			// Click the status filter and verify that only the matching order is shown
-			await clickFilter('.' + statusClassName);
-			await expect(page).toMatchElement(statusColumnTextSelector, shownStatus);
+				// Click the status filter and verify that only the matching order is shown
+				await clickFilter( '.' + statusClassName );
+				await expect( page ).toMatchElement(
+					statusColumnTextSelector,
+					shownStatus
+				);
 
-			// Verify other statuses don't show
-			for (const hiddenStatus of hiddenStatuses) {
-				await expect(page).not.toMatchElement(statusColumnTextSelector, hiddenStatus);
+				// Verify other statuses don't show
+				for ( const hiddenStatus of hiddenStatuses ) {
+					await expect( page ).not.toMatchElement(
+						statusColumnTextSelector,
+						hiddenStatus
+					);
+				}
 			}
-		});
+		);
 
-		it('should filter by All', async () => {
+		it( 'should filter by All', async () => {
 			// Make sure all the order statuses that were created show in this list
-			await clickFilter('.all');
+			await clickFilter( '.all' );
 
-			for (const [statusText] of orderStatus) {
-				await expect(page).toMatchElement(statusColumnTextSelector, { text: statusText });
+			for ( const [ statusText ] of orderStatus ) {
+				await expect( page ).toMatchElement( statusColumnTextSelector, {
+					text: statusText,
+				} );
 			}
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runOrderStatusFiltersTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-page-loads.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-page-loads.test.js
index 8a4226d0017..a2cf1db6183 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-page-loads.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-page-loads.test.js
@@ -11,7 +11,7 @@ const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const runPageLoadTest = () => {
 	describe.each( MENUS )(
-		' %s > Opening Top Level Pages',
+		'%s > Opening Top Level Pages',
 		( menuTitle, menuElement, subMenus ) => {
 			beforeAll( async () => {
 				await merchant.login();
@@ -34,9 +34,11 @@ const runPageLoadTest = () => {
 
 					// Click sub-menu item and wait for the page to finish loading
 					if ( subMenuElement.length ) {
-						await Promise.all([
+						await Promise.all( [
 							page.click( subMenuElement ),
-							page.waitForNavigation( { waitUntil: 'networkidle0' } ),
+							page.waitForNavigation( {
+								waitUntil: 'networkidle0',
+							} ),
 						] );
 					}
 
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-edit-details.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-edit-details.test.js
index 7e3bbf489de..7863deaa974 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-edit-details.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-edit-details.test.js
@@ -18,37 +18,43 @@ const { it, describe, beforeAll } = require( '@jest/globals' );
 let productId;
 
 const runProductEditDetailsTest = () => {
-	describe('Products > Edit Product', () => {
-		beforeAll(async () => {
+	describe( 'Products > Edit Product', () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await merchant.login();
-		});
+		} );
 
-		it('can edit a product and save the changes', async () => {
-			await merchant.goToProduct(productId);
+		it( 'can edit a product and save the changes', async () => {
+			await merchant.goToProduct( productId );
 
 			// Clear the input fields first, then add the new values
-			await expect(page).toFill('#title', '');
-			await expect(page).toFill('#_regular_price', '');
+			await expect( page ).toFill( '#title', '' );
+			await expect( page ).toFill( '#_regular_price', '' );
 
-			await expect(page).toFill('#title', 'Awesome product');
+			await expect( page ).toFill( '#title', 'Awesome product' );
 
 			// Switch to text mode to work around the iframe
-			await expect(page).toClick('#content-html');
-			await expect(page).toFill('.wp-editor-area', 'This product is pretty awesome.');
+			await expect( page ).toClick( '#content-html' );
+			await expect( page ).toFill(
+				'.wp-editor-area',
+				'This product is pretty awesome.'
+			);
 
-			await expect(page).toFill('#_regular_price', '100.05');
+			await expect( page ).toFill( '#_regular_price', '100.05' );
 
 			// Save the changes
-			await verifyAndPublish('Product updated.');
+			await verifyAndPublish( 'Product updated.' );
 			await uiUnblocked();
 
 			// Verify the changes saved
-			await expect(page).toMatchElement('#title', 'Awesome product');
-			await expect(page).toMatchElement('.wp-editor-area', 'This product is pretty awesome.');
-			await expect(page).toMatchElement('#_regular_price', '100.05');
-		});
-	});
-}
+			await expect( page ).toMatchElement( '#title', 'Awesome product' );
+			await expect( page ).toMatchElement(
+				'.wp-editor-area',
+				'This product is pretty awesome.'
+			);
+			await expect( page ).toMatchElement( '#_regular_price', '100.05' );
+		} );
+	} );
+};
 
 module.exports = runProductEditDetailsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-import-csv.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-import-csv.test.js
index 2c79d670a5e..eb356e0c2f0 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-import-csv.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-import-csv.test.js
@@ -104,13 +104,13 @@ const runImportProductsTest = () => {
 			await merchant.openImportProducts();
 		} );
 
-		afterAll(async () => {
+		afterAll( async () => {
 			// Delete imported products
 			await withRestApi.deleteAllProducts();
 			await withRestApi.deleteAllProductAttributes( false );
 			await withRestApi.deleteAllProductCategories( false );
 			await withRestApi.deleteAllProductTags( false );
-		});
+		} );
 
 		it( 'should show error message if you go without providing CSV file', async () => {
 			// Verify the error message if you go without providing CSV file
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-new.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-new.test.js
index e5ca29f502a..0b662011c1e 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-new.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-new.test.js
@@ -13,22 +13,19 @@ const {
 	waitForSelector,
 	waitForSelectorWithoutThrow,
 } = require( '@woocommerce/e2e-utils' );
-const {
-	waitAndClick,
-} = require( '@woocommerce/e2e-environment' );
+const { waitAndClick } = require( '@woocommerce/e2e-environment' );
 
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-} = require( '@jest/globals' );
+const { it, describe } = require( '@jest/globals' );
 const config = require( 'config' );
 
 const VirtualProductName = 'Virtual Product Name';
 const NonVirtualProductName = 'Non-Virtual Product Name';
-const simpleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 const defaultAttributes = [ 'val2', 'val1', 'val2' ];
 
 const openNewProductAndVerify = async () => {
@@ -36,13 +33,13 @@ const openNewProductAndVerify = async () => {
 	await merchant.openNewProduct();
 
 	// Make sure we're on the add product page
-	await expect(page.title()).resolves.toMatch('Add new product');
-}
+	await expect( page.title() ).resolves.toMatch( 'Add new product' );
+};
 
 /**
  * Select a variation action from the actions menu.
  *
- * @param action item you selected from the variation actions menu
+ * @param  action item you selected from the variation actions menu
  */
 const selectVariationAction = async ( action ) => {
 	await waitForSelector( page, 'select.variation_actions:not(:disabled)' );
@@ -67,9 +64,8 @@ const expandVariations = async () => {
 };
 
 const runAddSimpleProductTest = () => {
-	describe('Add New Simple Product Page', () => {
-		it('can create simple virtual product and add it to the cart', async () => {
-
+	describe( 'Add New Simple Product Page', () => {
+		it( 'can create simple virtual product and add it to the cart', async () => {
 			// @todo: remove this once https://github.com/woocommerce/woocommerce/issues/31337 has been addressed
 			await setBrowserViewport( {
 				width: 970,
@@ -80,30 +76,35 @@ const runAddSimpleProductTest = () => {
 			await openNewProductAndVerify();
 
 			// Set product data and publish the product
-			await expect(page).toFill('#title', VirtualProductName);
-			await expect(page).toClick('#_virtual');
-			await clickTab('General');
-			await expect(page).toFill('#_regular_price', simpleProductPrice);
+			await expect( page ).toFill( '#title', VirtualProductName );
+			await expect( page ).toClick( '#_virtual' );
+			await clickTab( 'General' );
+			await expect( page ).toFill(
+				'#_regular_price',
+				simpleProductPrice
+			);
 			await verifyAndPublish();
 
 			await merchant.logout();
-		});
+		} );
 
-		it('can have a shopper add the simple virtual product to the cart', async () => {
+		it( 'can have a shopper add the simple virtual product to the cart', async () => {
 			// See product in the shop and add it to the cart
 			await shopper.goToShop();
-			await shopper.addToCartFromShopPage(VirtualProductName);
+			await shopper.addToCartFromShopPage( VirtualProductName );
 			await shopper.goToCart();
-			await shopper.productIsInCart(VirtualProductName);
+			await shopper.productIsInCart( VirtualProductName );
 
 			// Assert that the page does not contain shipping calculation button
-			await expect(page).not.toMatchElement('a.shipping-calculator-button');
+			await expect( page ).not.toMatchElement(
+				'a.shipping-calculator-button'
+			);
 
 			// Remove product from cart
-			await shopper.removeFromCart(VirtualProductName);
-		});
+			await shopper.removeFromCart( VirtualProductName );
+		} );
 
-		it('can create simple non-virtual product and add it to the cart', async () => {
+		it( 'can create simple non-virtual product and add it to the cart', async () => {
 			// @todo: remove this once https://github.com/woocommerce/woocommerce/issues/31337 has been addressed
 			await setBrowserViewport( {
 				width: 960,
@@ -114,74 +115,104 @@ const runAddSimpleProductTest = () => {
 			await openNewProductAndVerify();
 
 			// Set product data and publish the product
-			await expect(page).toFill('#title', NonVirtualProductName);
-			await clickTab('General');
-			await expect(page).toFill('#_regular_price', simpleProductPrice);
+			await expect( page ).toFill( '#title', NonVirtualProductName );
+			await clickTab( 'General' );
+			await expect( page ).toFill(
+				'#_regular_price',
+				simpleProductPrice
+			);
 			await verifyAndPublish();
 
 			await merchant.logout();
-		});
+		} );
 
-		it('can have a shopper add the simple non-virtual product to the cart', async () => {
+		it( 'can have a shopper add the simple non-virtual product to the cart', async () => {
 			// See product in the shop and add it to the cart
 			await shopper.goToShop();
 
-			await page.reload({ waitUntil: ['networkidle0', 'domcontentloaded'] });
+			await page.reload( {
+				waitUntil: [ 'networkidle0', 'domcontentloaded' ],
+			} );
 
-			await shopper.addToCartFromShopPage(NonVirtualProductName);
+			await shopper.addToCartFromShopPage( NonVirtualProductName );
 			await shopper.goToCart();
-			await shopper.productIsInCart(NonVirtualProductName);
+			await shopper.productIsInCart( NonVirtualProductName );
 
 			// Assert that the page does contain shipping calculation button
-			await page.waitForSelector('a.shipping-calculator-button');
-			await expect(page).toMatchElement('a.shipping-calculator-button');
+			await page.waitForSelector( 'a.shipping-calculator-button' );
+			await expect( page ).toMatchElement(
+				'a.shipping-calculator-button'
+			);
 
 			// Remove product from cart
-			await shopper.removeFromCart(NonVirtualProductName);
-		});
-	});
+			await shopper.removeFromCart( NonVirtualProductName );
+		} );
+	} );
 };
 
 const runAddVariableProductTest = () => {
-	describe('Add New Variable Product Page', () => {
-		it('can create product with variations', async () => {
+	describe( 'Add New Variable Product Page', () => {
+		it( 'can create product with variations', async () => {
 			await merchant.login();
 			await openNewProductAndVerify();
 
 			// Set product data
-			await expect(page).toFill('#title', 'Variable Product with Three Variations');
-			await expect(page).toSelect('#product-type', 'Variable product');
-		});
-
-		it('can create set variable product attributes', async () => {
+			await expect( page ).toFill(
+				'#title',
+				'Variable Product with Three Variations'
+			);
+			await expect( page ).toSelect(
+				'#product-type',
+				'Variable product'
+			);
+		} );
 
+		it( 'can create set variable product attributes', async () => {
 			// Create attributes for variations
 			await waitAndClick( page, '.attribute_tab a' );
-			await expect( page ).toSelect( 'select[name="attribute_taxonomy"]', 'Custom product attribute' );
+			await expect( page ).toSelect(
+				'select[name="attribute_taxonomy"]',
+				'Custom product attribute'
+			);
 
 			for ( let i = 0; i < 3; i++ ) {
-				await expect(page).toClick( 'button.add_attribute', {text: 'Add'} );
+				await expect( page ).toClick( 'button.add_attribute', {
+					text: 'Add',
+				} );
 				// Wait for attribute form to load
 				await uiUnblocked();
 
-				await page.focus(`input[name="attribute_names[${i}]"]`);
-				await expect(page).toFill(`input[name="attribute_names[${i}]"]`, 'attr #' + (i + 1));
-				await expect(page).toFill(`textarea[name="attribute_values[${i}]"]`, 'val1 | val2');
-				await waitAndClick( page, `input[name="attribute_variation[${i}]"]`);
+				await page.focus( `input[name="attribute_names[${ i }]"]` );
+				await expect( page ).toFill(
+					`input[name="attribute_names[${ i }]"]`,
+					'attr #' + ( i + 1 )
+				);
+				await expect( page ).toFill(
+					`textarea[name="attribute_values[${ i }]"]`,
+					'val1 | val2'
+				);
+				await waitAndClick(
+					page,
+					`input[name="attribute_variation[${ i }]"]`
+				);
 			}
 
-			await expect(page).toClick( 'button', {text: 'Save attributes'});
+			await expect( page ).toClick( 'button', {
+				text: 'Save attributes',
+			} );
 
 			// Wait for attribute form to save (triggers 2 UI blocks)
 			await uiUnblocked();
 			await uiUnblocked();
-		});
+		} );
 
-		it('can create variations from all attributes', async () => {
+		it( 'can create variations from all attributes', async () => {
 			// Create variations from attributes
 			await waitForSelector( page, '.variations_tab' );
 			await waitAndClick( page, '.variations_tab a' );
-			await selectVariationAction('Create variations from all attributes');
+			await selectVariationAction(
+				'Create variations from all attributes'
+			);
 
 			// headless: false doesn't require this
 			const firstDialog = await expect( page ).toDisplayDialog(
@@ -190,24 +221,22 @@ const runAddVariableProductTest = () => {
 				}
 			);
 
-			await expect(firstDialog.message()).toMatch('Are you sure you want to link all variations?');
+			await expect( firstDialog.message() ).toMatch(
+				'Are you sure you want to link all variations?'
+			);
 
 			// Set some variation data
 			await uiUnblocked();
 			await uiUnblocked();
-		});
+		} );
 
-		it('can add variation attributes', async () => {
+		it( 'can add variation attributes', async () => {
 			await waitAndClick( page, '.variations_tab a' );
 			await uiUnblocked();
-			await waitForSelector(
-				page,
-				'select[name="attribute_attr-1[0]"]',
-				{
-					visible: true,
-					timeout: 5000
-				}
-			);
+			await waitForSelector( page, 'select[name="attribute_attr-1[0]"]', {
+				visible: true,
+				timeout: 5000,
+			} );
 
 			// Verify that variations were created
 			for ( let index = 0; index < 8; index++ ) {
@@ -215,34 +244,67 @@ const runAddVariableProductTest = () => {
 				const val2 = { text: 'val2' };
 
 				// odd / even
-				let attr3 = !! ( index % 2 );
+				const attr3 = !! ( index % 2 );
 				// 0-1,4-5 / 2-3,6-7
-				let attr2 = ( index % 4 ) > 1;
+				const attr2 = index % 4 > 1;
 				// 0-3 / 4-7
-				let attr1 = ( index > 3 );
+				const attr1 = index > 3;
 
-				await expect( page ).toMatchElement( `select[name="attribute_attr-1[${index}]"]`, attr1 ? val2 : val1 );
-				await expect( page ).toMatchElement( `select[name="attribute_attr-2[${index}]"]`, attr2 ? val2 : val1 );
-				await expect( page ).toMatchElement( `select[name="attribute_attr-3[${index}]"]`, attr3 ? val2 : val1 );
+				await expect( page ).toMatchElement(
+					`select[name="attribute_attr-1[${ index }]"]`,
+					attr1 ? val2 : val1
+				);
+				await expect( page ).toMatchElement(
+					`select[name="attribute_attr-2[${ index }]"]`,
+					attr2 ? val2 : val1
+				);
+				await expect( page ).toMatchElement(
+					`select[name="attribute_attr-3[${ index }]"]`,
+					attr3 ? val2 : val1
+				);
 			}
 
 			await expandVariations();
-			await waitForSelectorWithoutThrow( 'input[name="variable_is_virtual[0]"]', 5 );
-			await setCheckbox('input[name="variable_is_virtual[0]"]');
-			await expect(page).toFill('input[name="variable_regular_price[0]"]', '9.99');
+			await waitForSelectorWithoutThrow(
+				'input[name="variable_is_virtual[0]"]',
+				5
+			);
+			await setCheckbox( 'input[name="variable_is_virtual[0]"]' );
+			await expect( page ).toFill(
+				'input[name="variable_regular_price[0]"]',
+				'9.99'
+			);
 
-			await setCheckbox('input[name="variable_is_virtual[1]"]');
-			await expect(page).toFill('input[name="variable_regular_price[1]"]', '11.99');
+			await setCheckbox( 'input[name="variable_is_virtual[1]"]' );
+			await expect( page ).toFill(
+				'input[name="variable_regular_price[1]"]',
+				'11.99'
+			);
 
-			await setCheckbox('input[name="variable_manage_stock[2]"]');
-			await expect(page).toFill('input[name="variable_regular_price[2]"]', '20');
-			await expect(page).toFill('input[name="variable_weight[2]"]', '200');
-			await expect(page).toFill('input[name="variable_length[2]"]', '10');
-			await expect(page).toFill('input[name="variable_width[2]"]', '20');
-			await expect(page).toFill('input[name="variable_height[2]"]', '15');
+			await setCheckbox( 'input[name="variable_manage_stock[2]"]' );
+			await expect( page ).toFill(
+				'input[name="variable_regular_price[2]"]',
+				'20'
+			);
+			await expect( page ).toFill(
+				'input[name="variable_weight[2]"]',
+				'200'
+			);
+			await expect( page ).toFill(
+				'input[name="variable_length[2]"]',
+				'10'
+			);
+			await expect( page ).toFill(
+				'input[name="variable_width[2]"]',
+				'20'
+			);
+			await expect( page ).toFill(
+				'input[name="variable_height[2]"]',
+				'15'
+			);
 
 			await saveChanges();
-		});
+		} );
 
 		it( 'can bulk-edit variations', async () => {
 			// Verify that all 'Downloadable' checkboxes are UNCHECKED.
@@ -258,7 +320,7 @@ const runAddVariableProductTest = () => {
 			}
 
 			// Perform the 'Toggle "Downloadable"' bulk action
-			await selectVariationAction('Toggle "Downloadable"');
+			await selectVariationAction( 'Toggle "Downloadable"' );
 
 			await clickGoButton();
 			await uiUnblocked();
@@ -407,7 +469,7 @@ const runAddVariableProductTest = () => {
 			const variationsCount = await page.$$( '.woocommerce_variation' );
 			expect( variationsCount ).toHaveLength( 0 );
 		} );
-	});
+	} );
 };
 
 module.exports = {
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-search.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-search.test.js
index d397c5685dc..0780eccf288 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-search.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-product-search.test.js
@@ -3,76 +3,88 @@
 /**
  * Internal dependencies
  */
-const {
-	merchant,
-	createSimpleProduct
-} = require( '@woocommerce/e2e-utils' );
+const { merchant, createSimpleProduct } = require( '@woocommerce/e2e-utils' );
 
 const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
-const simpleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 
 const runProductSearchTest = () => {
-	describe('Products > Search and View a product', () => {
-		beforeAll(async () => {
+	describe( 'Products > Search and View a product', () => {
+		beforeAll( async () => {
 			await createSimpleProduct();
 
 			// Make sure the simple product name is greater than 1 to do a search
-			await expect(simpleProductName.length).toBeGreaterThan(1);
+			await expect( simpleProductName.length ).toBeGreaterThan( 1 );
 
 			await merchant.login();
-		});
+		} );
 
-		beforeEach(async () => {
+		beforeEach( async () => {
 			await merchant.openAllProductsView();
-		});
+		} );
 
-		it('can do a partial search for a product', async () => {
+		it( 'can do a partial search for a product', async () => {
 			// Create partial search string
-			let searchString = simpleProductName.substring(0, (simpleProductName.length / 2));
-			await expect(page).toFill('#post-search-input', searchString);
+			const searchString = simpleProductName.substring(
+				0,
+				simpleProductName.length / 2
+			);
+			await expect( page ).toFill( '#post-search-input', searchString );
 
 			// Click search and wait for the page to finish loading
 			await Promise.all( [
 				page.click( '#search-submit' ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			]);
+			] );
 
 			// Verify we are getting the results back in the list
-			await expect(page).toMatchElement('.row-title', { text: simpleProductName });
-		});
+			await expect( page ).toMatchElement( '.row-title', {
+				text: simpleProductName,
+			} );
+		} );
 
-		it('can view a product\'s details after search', async () => {
-			await expect(page).toFill('#post-search-input', simpleProductName);
+		it( "can view a product's details after search", async () => {
+			await expect( page ).toFill(
+				'#post-search-input',
+				simpleProductName
+			);
 
 			await Promise.all( [
 				page.click( '#search-submit' ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			]);
+			] );
 
 			// Click to view the product and wait for the page to finish loading
 			await Promise.all( [
-				expect(page).toClick('.row-title', simpleProductName),
+				expect( page ).toClick( '.row-title', simpleProductName ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			]);
+			] );
 
-			await expect(page).toMatchElement('#title', simpleProductName);
-			await expect(page).toMatchElement('#_regular_price', simpleProductPrice);
-		});
+			await expect( page ).toMatchElement( '#title', simpleProductName );
+			await expect( page ).toMatchElement(
+				'#_regular_price',
+				simpleProductPrice
+			);
+		} );
 
-		it('returns no results for non-existent product search', async () => {
-			await expect(page).toFill('#post-search-input', 'abcd1234');
+		it( 'returns no results for non-existent product search', async () => {
+			await expect( page ).toFill( '#post-search-input', 'abcd1234' );
 
 			// Click search and wait for the page to finish loading
 			await Promise.all( [
 				page.click( '#search-submit' ),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			]);
+			] );
 
 			// Verify we are getting the results back in the list
-			await expect(page).toMatchElement('.no-items', { text: 'No products found' });
-		});
-	});
-}
+			await expect( page ).toMatchElement( '.no-items', {
+				text: 'No products found',
+			} );
+		} );
+	} );
+};
 
 module.exports = runProductSearchTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-general.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-general.test.js
index 9198d5ceb4e..e4200ec3976 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-general.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-general.test.js
@@ -11,74 +11,126 @@ const {
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const runUpdateGeneralSettingsTest = () => {
-	describe('WooCommerce General Settings', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce General Settings', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can update settings', async () => {
+		it( 'can update settings', async () => {
 			// Go to general settings page
-			await merchant.openSettings('general');
+			await merchant.openSettings( 'general' );
 
 			// Make sure the general tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'General'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'General',
+			} );
 
 			// Set selling location to all countries first,
 			// so we can choose california as base location.
-			await expect(page).toSelect('#woocommerce_allowed_countries', 'Sell to all countries');
+			await expect( page ).toSelect(
+				'#woocommerce_allowed_countries',
+				'Sell to all countries'
+			);
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('#woocommerce_allowed_countries', {text: 'Sell to all countries'}),
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement(
+					'#woocommerce_allowed_countries',
+					{ text: 'Sell to all countries' }
+				),
+			] );
 
 			// Set base location with state CA.
-			await expect(page).toSelect('select[name="woocommerce_default_country"]', 'United States (US) — California');
+			await expect( page ).toSelect(
+				'select[name="woocommerce_default_country"]',
+				'United States (US) — California'
+			);
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('select[name="woocommerce_default_country"]', {text: 'United States (US) — California'}),
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect(
+					page
+				).toMatchElement(
+					'select[name="woocommerce_default_country"]',
+					{ text: 'United States (US) — California' }
+				),
+			] );
 
 			// Set selling location to specific countries first, so we can choose U.S as base location (without state).
 			// This will makes specific countries option appears.
-			await expect(page).toSelect('#woocommerce_allowed_countries', 'Sell to specific countries');
-			await expect(page).toSelect('select[name="woocommerce_specific_allowed_countries[]"]', 'United States (US)');
+			await expect( page ).toSelect(
+				'#woocommerce_allowed_countries',
+				'Sell to specific countries'
+			);
+			await expect( page ).toSelect(
+				'select[name="woocommerce_specific_allowed_countries[]"]',
+				'United States (US)'
+			);
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('#woocommerce_allowed_countries', {text: 'Sell to specific countries'}),
-				expect(page).toMatchElement('select[name="woocommerce_specific_allowed_countries[]"]', {text: 'United States (US)'}),
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement(
+					'#woocommerce_allowed_countries',
+					{ text: 'Sell to specific countries' }
+				),
+				expect(
+					page
+				).toMatchElement(
+					'select[name="woocommerce_specific_allowed_countries[]"]',
+					{ text: 'United States (US)' }
+				),
+			] );
 
 			// Set currency options.
-			await expect(page).toFill('#woocommerce_price_thousand_sep', ',');
-			await expect(page).toFill('#woocommerce_price_decimal_sep', '.');
-			await expect(page).toFill('#woocommerce_price_num_decimals', '2');
+			await expect( page ).toFill(
+				'#woocommerce_price_thousand_sep',
+				','
+			);
+			await expect( page ).toFill(
+				'#woocommerce_price_decimal_sep',
+				'.'
+			);
+			await expect( page ).toFill(
+				'#woocommerce_price_num_decimals',
+				'2'
+			);
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				verifyValueOfInputField('#woocommerce_price_thousand_sep', ','),
-				verifyValueOfInputField('#woocommerce_price_decimal_sep', '.'),
-				verifyValueOfInputField('#woocommerce_price_num_decimals', '2'),
-			]);
-		});
-	});
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				verifyValueOfInputField(
+					'#woocommerce_price_thousand_sep',
+					','
+				),
+				verifyValueOfInputField(
+					'#woocommerce_price_decimal_sep',
+					'.'
+				),
+				verifyValueOfInputField(
+					'#woocommerce_price_num_decimals',
+					'2'
+				),
+			] );
+		} );
+	} );
 };
 
 module.exports = runUpdateGeneralSettingsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-product.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-product.test.js
index a88e29db467..dab40e7df7f 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-product.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-product.test.js
@@ -12,65 +12,124 @@ const {
 } = require( '@woocommerce/e2e-utils' );
 
 const runProductSettingsTest = () => {
-	describe('WooCommerce Products > Downloadable Products Settings', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Products > Downloadable Products Settings', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can update settings', async () => {
+		it( 'can update settings', async () => {
 			// Go to downloadable products settings page
-			await merchant.openSettings('products', 'downloadable');
+			await merchant.openSettings( 'products', 'downloadable' );
 
 			// Make sure the product tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'Products'});
-			await expect(page).toMatchElement('ul.subsubsub > li > a.current', {text: 'Downloadable products'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'Products',
+			} );
+			await expect( page ).toMatchElement(
+				'ul.subsubsub > li > a.current',
+				{
+					text: 'Downloadable products',
+				}
+			);
 
-			await expect(page).toSelect('#woocommerce_file_download_method', 'Redirect only (Insecure)');
-			await setCheckbox('#woocommerce_downloads_require_login');
-			await setCheckbox('#woocommerce_downloads_grant_access_after_payment');
-			await setCheckbox('#woocommerce_downloads_redirect_fallback_allowed');
-			await unsetCheckbox('#woocommerce_downloads_add_hash_to_filename');
+			await expect( page ).toSelect(
+				'#woocommerce_file_download_method',
+				'Redirect only (Insecure)'
+			);
+			await setCheckbox( '#woocommerce_downloads_require_login' );
+			await setCheckbox(
+				'#woocommerce_downloads_grant_access_after_payment'
+			);
+			await setCheckbox(
+				'#woocommerce_downloads_redirect_fallback_allowed'
+			);
+			await unsetCheckbox(
+				'#woocommerce_downloads_add_hash_to_filename'
+			);
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('#woocommerce_file_download_method', {text: 'Redirect only (Insecure)'}),
-				verifyCheckboxIsSet('#woocommerce_downloads_require_login'),
-				verifyCheckboxIsSet('#woocommerce_downloads_grant_access_after_payment'),
-				verifyCheckboxIsSet('#woocommerce_downloads_redirect_fallback_allowed'),
-				verifyCheckboxIsUnset('#woocommerce_downloads_add_hash_to_filename')
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement(
+					'#woocommerce_file_download_method',
+					{
+						text: 'Redirect only (Insecure)',
+					}
+				),
+				verifyCheckboxIsSet( '#woocommerce_downloads_require_login' ),
+				verifyCheckboxIsSet(
+					'#woocommerce_downloads_grant_access_after_payment'
+				),
+				verifyCheckboxIsSet(
+					'#woocommerce_downloads_redirect_fallback_allowed'
+				),
+				verifyCheckboxIsUnset(
+					'#woocommerce_downloads_add_hash_to_filename'
+				),
+			] );
 
 			await page.reload();
-			await expect(page).toSelect('#woocommerce_file_download_method', 'X-Accel-Redirect/X-Sendfile');
-			await unsetCheckbox('#woocommerce_downloads_require_login');
-			await unsetCheckbox('#woocommerce_downloads_grant_access_after_payment');
-			await unsetCheckbox('#woocommerce_downloads_redirect_fallback_allowed');
-			await setCheckbox('#woocommerce_downloads_add_hash_to_filename');
+			await expect( page ).toSelect(
+				'#woocommerce_file_download_method',
+				'X-Accel-Redirect/X-Sendfile'
+			);
+			await unsetCheckbox( '#woocommerce_downloads_require_login' );
+			await unsetCheckbox(
+				'#woocommerce_downloads_grant_access_after_payment'
+			);
+			await unsetCheckbox(
+				'#woocommerce_downloads_redirect_fallback_allowed'
+			);
+			await setCheckbox( '#woocommerce_downloads_add_hash_to_filename' );
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('#woocommerce_file_download_method', {text: 'X-Accel-Redirect/X-Sendfile'}),
-				verifyCheckboxIsUnset('#woocommerce_downloads_require_login'),
-				verifyCheckboxIsUnset('#woocommerce_downloads_grant_access_after_payment'),
-				verifyCheckboxIsUnset('#woocommerce_downloads_redirect_fallback_allowed'),
-				verifyCheckboxIsSet('#woocommerce_downloads_add_hash_to_filename')
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement(
+					'#woocommerce_file_download_method',
+					{
+						text: 'X-Accel-Redirect/X-Sendfile',
+					}
+				),
+				verifyCheckboxIsUnset( '#woocommerce_downloads_require_login' ),
+				verifyCheckboxIsUnset(
+					'#woocommerce_downloads_grant_access_after_payment'
+				),
+				verifyCheckboxIsUnset(
+					'#woocommerce_downloads_redirect_fallback_allowed'
+				),
+				verifyCheckboxIsSet(
+					'#woocommerce_downloads_add_hash_to_filename'
+				),
+			] );
 
 			await page.reload();
-			await expect(page).toSelect('#woocommerce_file_download_method', 'Force downloads');
+			await expect( page ).toSelect(
+				'#woocommerce_file_download_method',
+				'Force downloads'
+			);
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('#woocommerce_file_download_method', {text: 'Force downloads'})
-			]);
-		});
-	});
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement(
+					'#woocommerce_file_download_method',
+					{
+						text: 'Force downloads',
+					}
+				),
+			] );
+		} );
+	} );
 };
 
 module.exports = runProductSettingsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-classes.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-classes.test.js
index 323b33b14ef..e7d1e977b32 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-classes.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-classes.test.js
@@ -1,72 +1,76 @@
 /**
  * Internal dependencies
  */
-const { merchant, withRestApi } = require('@woocommerce/e2e-utils');
+const { merchant, withRestApi } = require( '@woocommerce/e2e-utils' );
 
 const runAddShippingClassesTest = () => {
-	describe('Merchant can add shipping classes', () => {
-		beforeAll(async () => {
+	describe( 'Merchant can add shipping classes', () => {
+		beforeAll( async () => {
 			await merchant.login();
 
 			// Go to Shipping Classes page
-			await merchant.openSettings('shipping', 'classes');
-		});
+			await merchant.openSettings( 'shipping', 'classes' );
+		} );
 
-		afterAll(async () => {
+		afterAll( async () => {
 			await withRestApi.deleteAllShippingClasses( false );
-		});
+		} );
 
-		it('can add shipping classes', async () => {
+		it( 'can add shipping classes', async () => {
 			const shippingClassSlug = {
 				name: 'Small Items',
 				slug: 'small-items',
-				description: 'Small items that don\'t cost much to ship.'
+				description: "Small items that don't cost much to ship.",
 			};
 			const shippingClassNoSlug = {
 				name: 'Poster Pack',
 				slug: '',
-				description: ''
+				description: '',
 			};
-			const shippingClasses = [shippingClassSlug, shippingClassNoSlug];
+			const shippingClasses = [ shippingClassSlug, shippingClassNoSlug ];
 
 			// Add shipping classes
-			for (const { name, slug, description } of shippingClasses) {
-				await expect(page).toClick('.wc-shipping-class-add');
-				await expect(page).toFill(
+			for ( const { name, slug, description } of shippingClasses ) {
+				await expect( page ).toClick( '.wc-shipping-class-add' );
+				await expect( page ).toFill(
 					'.editing:last-child [data-attribute="name"]',
 					name
 				);
-				await expect(page).toFill(
+				await expect( page ).toFill(
 					'.editing:last-child [data-attribute="slug"]',
 					slug
 				);
-				await expect(page).toFill(
+				await expect( page ).toFill(
 					'.editing:last-child [data-attribute="description"]',
 					description
 				);
 			}
-			await expect(page).toClick('.wc-shipping-class-save');
+			await expect( page ).toClick( '.wc-shipping-class-save' );
 
 			// Set the expected auto-generated slug
 			shippingClassNoSlug.slug = 'poster-pack';
 
 			// Verify that the specified shipping classes were saved
-			for (const { name, slug, description } of shippingClasses) {
-				const row = await expect(
-					page
-				).toMatchElement('.wc-shipping-class-rows tr', { text: slug, timeout: 50000 });
+			for ( const { name, slug, description } of shippingClasses ) {
+				const row = await expect( page ).toMatchElement(
+					'.wc-shipping-class-rows tr',
+					{
+						text: slug,
+						timeout: 50000,
+					}
+				);
 
-				await expect(row).toMatchElement(
+				await expect( row ).toMatchElement(
 					'.wc-shipping-class-name',
 					name
 				);
-				await expect(row).toMatchElement(
+				await expect( row ).toMatchElement(
 					'.wc-shipping-class-description',
 					description
 				);
 			}
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runAddShippingClassesTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-zones.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-zones.test.js
index ec59ac1df15..db096d1dc75 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-zones.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-shipping-zones.test.js
@@ -15,14 +15,12 @@ const {
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const config = require( 'config' );
-const simpleProductPrice = config.has( 'products.simple.price' ) ? config.get( 'products.simple.price' ) : '9.99';
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 const california = 'state:US:CA';
 const sanFranciscoZIP = '94107';
 const shippingZoneNameUS = 'US with Flat rate';
@@ -30,41 +28,56 @@ const shippingZoneNameFL = 'CA with Free shipping';
 const shippingZoneNameSF = 'SF with Local pickup';
 
 const runAddNewShippingZoneTest = () => {
-	describe('WooCommerce Shipping Settings - Add new shipping zone', () => {
+	describe( 'WooCommerce Shipping Settings - Add new shipping zone', () => {
 		let productId;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await withRestApi.deleteAllShippingZones( false );
 			await merchant.login();
-		});
+		} );
 
 		afterAll( async () => {
 			await shopper.logout();
 		} );
 
-		it('add shipping zone for San Francisco with free Local pickup', async () => {
+		it( 'add shipping zone for San Francisco with free Local pickup', async () => {
 			// Add a new shipping zone for San Francisco 94107, CA, US with Local pickup
-			await addShippingZoneAndMethod(shippingZoneNameSF, california, sanFranciscoZIP, 'local_pickup');
-		});
+			await addShippingZoneAndMethod(
+				shippingZoneNameSF,
+				california,
+				sanFranciscoZIP,
+				'local_pickup'
+			);
+		} );
 
-		it('add shipping zone for California with Free shipping', async () => {
+		it( 'add shipping zone for California with Free shipping', async () => {
 			// Add a new shipping zone for CA, US with Free shipping
-			await addShippingZoneAndMethod(shippingZoneNameFL, california, ' ', 'free_shipping');
-		});
+			await addShippingZoneAndMethod(
+				shippingZoneNameFL,
+				california,
+				' ',
+				'free_shipping'
+			);
+		} );
 
-		it('add shipping zone for the US with Flat rate', async () => {
+		it( 'add shipping zone for the US with Flat rate', async () => {
 			// Add a new shipping zone for the US with Flat rate
-			await addShippingZoneAndMethod(shippingZoneNameUS);
+			await addShippingZoneAndMethod( shippingZoneNameUS );
 
 			// Set Flat rate cost
-			await expect(page).toClick('a.wc-shipping-zone-method-settings', {text: 'Flat rate'});
-			await clearAndFillInput('#woocommerce_flat_rate_cost', '10');
-			await expect(page).toClick('.wc-backbone-modal-main button#btn-ok');
+			await expect( page ).toClick(
+				'a.wc-shipping-zone-method-settings',
+				{ text: 'Flat rate' }
+			);
+			await clearAndFillInput( '#woocommerce_flat_rate_cost', '10' );
+			await expect( page ).toClick(
+				'.wc-backbone-modal-main button#btn-ok'
+			);
 			await merchant.logout();
-		});
+		} );
 
-		it('allows customer to pay for a Flat rate shipping method', async() => {
+		it( 'allows customer to pay for a Flat rate shipping method', async () => {
 			await shopper.login();
 
 			// Add product to cart as a shopper
@@ -73,61 +86,85 @@ const runAddNewShippingZoneTest = () => {
 			await shopper.goToCart();
 
 			// Set shipping country to United States (US)
-			await expect(page).toClick('a.shipping-calculator-button');
-			await expect(page).toClick('#select2-calc_shipping_country-container');
-			await selectOptionInSelect2('United States (US)');
+			await expect( page ).toClick( 'a.shipping-calculator-button' );
+			await expect( page ).toClick(
+				'#select2-calc_shipping_country-container'
+			);
+			await selectOptionInSelect2( 'United States (US)' );
 
 			// Set shipping state to New York
-			await expect(page).toClick('#select2-calc_shipping_state-container');
-			await selectOptionInSelect2('New York');
-			await expect(page).toClick('button[name="calc_shipping"]');
+			await expect( page ).toClick(
+				'#select2-calc_shipping_state-container'
+			);
+			await selectOptionInSelect2( 'New York' );
+			await expect( page ).toClick( 'button[name="calc_shipping"]' );
 
 			await uiUnblocked();
 
 			// Verify shipping costs
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.shipping .amount', {text: '$10.00'});
-			await expect(page).toMatchElement('.order-total .amount', {text: `$1${simpleProductPrice}`});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement( '.shipping .amount', {
+				text: '$10.00',
+			} );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$1${ simpleProductPrice }`,
+			} );
+		} );
 
-		it('allows customer to benefit from a Free shipping if in CA', async () => {
+		it( 'allows customer to benefit from a Free shipping if in CA', async () => {
 			await page.reload();
 
 			// Set shipping state to California
-			await expect(page).toClick('a.shipping-calculator-button');
-			await expect(page).toClick('#select2-calc_shipping_state-container');
-			await selectOptionInSelect2('California');
+			await expect( page ).toClick( 'a.shipping-calculator-button' );
+			await expect( page ).toClick(
+				'#select2-calc_shipping_state-container'
+			);
+			await selectOptionInSelect2( 'California' );
 
 			// Set shipping postcode to 94000
-			await clearAndFillInput('#calc_shipping_postcode', '94000');
-			await expect(page).toClick('button[name="calc_shipping"]');
+			await clearAndFillInput( '#calc_shipping_postcode', '94000' );
+			await expect( page ).toClick( 'button[name="calc_shipping"]' );
 
 			await uiUnblocked();
 
 			// Verify shipping method and cost
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.shipping ul#shipping_method > li', {text: 'Free shipping'});
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${simpleProductPrice}`});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement(
+				'.shipping ul#shipping_method > li',
+				{
+					text: 'Free shipping',
+				}
+			);
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ simpleProductPrice }`,
+			} );
+		} );
 
-		it('allows customer to benefit from a free Local pickup if in SF', async () => {
+		it( 'allows customer to benefit from a free Local pickup if in SF', async () => {
 			await page.reload();
 
 			// Set shipping postcode to 94107
-			await expect(page).toClick('a.shipping-calculator-button');
-			await clearAndFillInput('#calc_shipping_postcode', '94107');
-			await expect(page).toClick('button[name="calc_shipping"]');
+			await expect( page ).toClick( 'a.shipping-calculator-button' );
+			await clearAndFillInput( '#calc_shipping_postcode', '94107' );
+			await expect( page ).toClick( 'button[name="calc_shipping"]' );
 
 			await uiUnblocked();
 
 			// Verify shipping method and cost
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.shipping ul#shipping_method > li', {text: 'Local pickup'});
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${simpleProductPrice}`});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement(
+				'.shipping ul#shipping_method > li',
+				{
+					text: 'Local pickup',
+				}
+			);
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ simpleProductPrice }`,
+			} );
 
 			await shopper.removeFromCart( productId );
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runAddNewShippingZoneTest;
diff --git a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-tax.test.js b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-tax.test.js
index f97f01a4c5a..1e891859aa2 100644
--- a/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-tax.test.js
+++ b/packages/js/e2e-core-tests/src/specs/merchant/wp-admin-settings-tax.test.js
@@ -14,165 +14,254 @@ const {
 /**
  * External dependencies
  */
-const {
-	it,
-	describe,
-	beforeAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const runTaxSettingsTest = () => {
-	describe('WooCommerce Tax Settings', () => {
-		beforeAll(async () => {
+	describe( 'WooCommerce Tax Settings', () => {
+		beforeAll( async () => {
 			await merchant.login();
-		});
+		} );
 
-		it('can enable tax calculation', async () => {
+		it( 'can enable tax calculation', async () => {
 			// Go to general settings page
-			await merchant.openSettings('general');
+			await merchant.openSettings( 'general' );
 
 			// Make sure the general tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'General'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'General',
+			} );
 
 			// Enable tax calculation
-			await setCheckbox('input[name="woocommerce_calc_taxes"]');
+			await setCheckbox( 'input[name="woocommerce_calc_taxes"]' );
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				verifyCheckboxIsSet('#woocommerce_calc_taxes'),
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				verifyCheckboxIsSet( '#woocommerce_calc_taxes' ),
+			] );
 
 			// Verify that tax settings are now present
-			await expect(page).toMatchElement('a.nav-tab', {text: 'Tax'});
-		});
+			await expect( page ).toMatchElement( 'a.nav-tab', { text: 'Tax' } );
+		} );
 
-		it('can set tax options', async () => {
+		it( 'can set tax options', async () => {
 			// Go to tax settings page
-			await merchant.openSettings('tax');
+			await merchant.openSettings( 'tax' );
 
 			// Make sure the tax tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'Tax'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'Tax',
+			} );
 
 			// Prices exclusive of tax
-			await expect(page).toClick('input[name="woocommerce_prices_include_tax"][value="no"]');
+			await expect( page ).toClick(
+				'input[name="woocommerce_prices_include_tax"][value="no"]'
+			);
 			// Tax based on customer shipping address
-			await expect(page).toSelect('#woocommerce_tax_based_on', 'Customer shipping address');
+			await expect( page ).toSelect(
+				'#woocommerce_tax_based_on',
+				'Customer shipping address'
+			);
 			// Standard tax class for shipping
-			await expect(page).toSelect('#woocommerce_shipping_tax_class', 'Standard');
+			await expect( page ).toSelect(
+				'#woocommerce_shipping_tax_class',
+				'Standard'
+			);
 			// Leave rounding unchecked (no-op)
 			// Display prices excluding tax
-			await expect(page).toSelect('#woocommerce_tax_display_shop', 'Excluding tax');
+			await expect( page ).toSelect(
+				'#woocommerce_tax_display_shop',
+				'Excluding tax'
+			);
 			// Display prices including tax in cart and at checkout
-			await expect(page).toSelect('#woocommerce_tax_display_cart', 'Including tax');
+			await expect( page ).toSelect(
+				'#woocommerce_tax_display_cart',
+				'Including tax'
+			);
 			// Display a single tax total
-			await expect(page).toSelect('#woocommerce_tax_total_display', 'As a single total');
+			await expect( page ).toSelect(
+				'#woocommerce_tax_total_display',
+				'As a single total'
+			);
 
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				verifyValueOfInputField('input[name="woocommerce_prices_include_tax"][value="no"]', 'no'),
-				expect(page).toMatchElement('#woocommerce_tax_based_on', {text: 'Customer shipping address'}),
-				expect(page).toMatchElement('#woocommerce_shipping_tax_class', {text: 'Standard'}),
-				expect(page).toMatchElement('#woocommerce_tax_display_shop', {text: 'Excluding tax'}),
-				expect(page).toMatchElement('#woocommerce_tax_display_cart', {text: 'Including tax'}),
-				expect(page).toMatchElement('#woocommerce_tax_total_display', {text: 'As a single total'}),
-			]);
-		});
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				verifyValueOfInputField(
+					'input[name="woocommerce_prices_include_tax"][value="no"]',
+					'no'
+				),
+				expect( page ).toMatchElement( '#woocommerce_tax_based_on', {
+					text: 'Customer shipping address',
+				} ),
+				expect( page ).toMatchElement(
+					'#woocommerce_shipping_tax_class',
+					{
+						text: 'Standard',
+					}
+				),
+				expect( page ).toMatchElement(
+					'#woocommerce_tax_display_shop',
+					{ text: 'Excluding tax' }
+				),
+				expect( page ).toMatchElement(
+					'#woocommerce_tax_display_cart',
+					{ text: 'Including tax' }
+				),
+				expect( page ).toMatchElement(
+					'#woocommerce_tax_total_display',
+					{ text: 'As a single total' }
+				),
+			] );
+		} );
 
-		it('can add tax classes', async () => {
+		it( 'can add tax classes', async () => {
 			// Go to tax settings page
-			await merchant.openSettings('tax');
+			await merchant.openSettings( 'tax' );
 
 			// Make sure the tax tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'Tax'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'Tax',
+			} );
 
 			// Remove additional tax classes
-			await clearAndFillInput('#woocommerce_tax_classes', '');
+			await clearAndFillInput( '#woocommerce_tax_classes', '' );
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('#woocommerce_tax_classes', {text: ''}),
-			]);
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement( '#woocommerce_tax_classes', {
+					text: '',
+				} ),
+			] );
 
 			// Add a "fancy" tax class
-			await clearAndFillInput('#woocommerce_tax_classes', 'Fancy');
+			await clearAndFillInput( '#woocommerce_tax_classes', 'Fancy' );
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).toMatchElement('ul.subsubsub > li > a', {text: 'Fancy rates'}),
-			]);
-		});
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).toMatchElement( 'ul.subsubsub > li > a', {
+					text: 'Fancy rates',
+				} ),
+			] );
+		} );
 
-		it('can set rate settings', async () => {
+		it( 'can set rate settings', async () => {
 			// Go to "fancy" rates tax settings page
-			await merchant.openSettings('tax', 'fancy');
+			await merchant.openSettings( 'tax', 'fancy' );
 
 			// Make sure the tax tab is active, with the "fancy" subsection
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'Tax'});
-			await expect(page).toMatchElement('ul.subsubsub > li > a.current', {text: 'Fancy rates'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'Tax',
+			} );
+			await expect( page ).toMatchElement(
+				'ul.subsubsub > li > a.current',
+				{
+					text: 'Fancy rates',
+				}
+			);
 
 			// Create a state tax
-			await expect(page).toClick('.wc_tax_rates a.insert');
-			await expect(page).toFill('input[name^="tax_rate_country[new-0"]', 'US');
-			await expect(page).toFill('input[name^="tax_rate_state[new-0"]', 'CA');
-			await expect(page).toFill('input[name^="tax_rate[new-0"]', '7.5');
-			await expect(page).toFill('input[name^="tax_rate_name[new-0"]', 'CA State Tax');
+			await expect( page ).toClick( '.wc_tax_rates a.insert' );
+			await expect( page ).toFill(
+				'input[name^="tax_rate_country[new-0"]',
+				'US'
+			);
+			await expect( page ).toFill(
+				'input[name^="tax_rate_state[new-0"]',
+				'CA'
+			);
+			await expect( page ).toFill(
+				'input[name^="tax_rate[new-0"]',
+				'7.5'
+			);
+			await expect( page ).toFill(
+				'input[name^="tax_rate_name[new-0"]',
+				'CA State Tax'
+			);
 
 			// Create a federal tax
-			await expect(page).toClick('.wc_tax_rates a.insert');
-			await expect(page).toFill('input[name^="tax_rate_country[new-1"]', 'US');
-			await expect(page).toFill('input[name^="tax_rate[new-1"]', '1.5');
-			await expect(page).toFill('input[name^="tax_rate_priority[new-1"]', '2');
-			await expect(page).toFill('input[name^="tax_rate_name[new-1"]', 'Federal Tax');
-			await expect(page).toClick('input[name^="tax_rate_shipping[new-1"]');
+			await expect( page ).toClick( '.wc_tax_rates a.insert' );
+			await expect( page ).toFill(
+				'input[name^="tax_rate_country[new-1"]',
+				'US'
+			);
+			await expect( page ).toFill(
+				'input[name^="tax_rate[new-1"]',
+				'1.5'
+			);
+			await expect( page ).toFill(
+				'input[name^="tax_rate_priority[new-1"]',
+				'2'
+			);
+			await expect( page ).toFill(
+				'input[name^="tax_rate_name[new-1"]',
+				'Federal Tax'
+			);
+			await expect( page ).toClick(
+				'input[name^="tax_rate_shipping[new-1"]'
+			);
 
 			// Save changes (AJAX here)
-			await expect(page).toClick('button.woocommerce-save-button');
+			await expect( page ).toClick( 'button.woocommerce-save-button' );
 			await uiUnblocked();
 
 			// Verify 2 tax rates
-			expect(await page.$$('#rates tr')).toHaveLength(2);
+			expect( await page.$$( '#rates tr' ) ).toHaveLength( 2 );
 
 			// Delete federal rate
-			await expect(page).toClick('#rates tr:nth-child(2) input');
-			await expect(page).toClick('.wc_tax_rates a.remove_tax_rates');
+			await expect( page ).toClick( '#rates tr:nth-child(2) input' );
+			await expect( page ).toClick( '.wc_tax_rates a.remove_tax_rates' );
 
 			// Save changes (AJAX here)
-			await expect(page).toClick('button.woocommerce-save-button');
+			await expect( page ).toClick( 'button.woocommerce-save-button' );
 			await uiUnblocked();
 
 			// Verify 1 rate
-			expect(await page.$$('#rates tr')).toHaveLength(1);
-			await expect(page).toMatchElement(
+			expect( await page.$$( '#rates tr' ) ).toHaveLength( 1 );
+			await expect( page ).toMatchElement(
 				'#rates tr:first-of-type input[name^="tax_rate_state"][value="CA"]'
 			);
-		});
+		} );
 
-		it('can remove tax classes', async () => {
+		it( 'can remove tax classes', async () => {
 			// Go to tax settings page
-			await merchant.openSettings('tax');
+			await merchant.openSettings( 'tax' );
 
 			// Make sure the tax tab is active
-			await expect(page).toMatchElement('a.nav-tab-active', {text: 'Tax'});
+			await expect( page ).toMatchElement( 'a.nav-tab-active', {
+				text: 'Tax',
+			} );
 
 			// Remove "fancy" tax class
-			await clearAndFillInput('#woocommerce_tax_classes', ' ');
+			await clearAndFillInput( '#woocommerce_tax_classes', ' ' );
 			await settingsPageSaveChanges();
 
 			// Verify that settings have been saved
-			await Promise.all([
-				expect(page).toMatchElement('#message', {text: 'Your settings have been saved.'}),
-				expect(page).not.toMatchElement('ul.subsubsub > li > a', {text: 'Fancy rates'}),
-			]);
-		});
-	});
+			await Promise.all( [
+				expect( page ).toMatchElement( '#message', {
+					text: 'Your settings have been saved.',
+				} ),
+				expect( page ).not.toMatchElement( 'ul.subsubsub > li > a', {
+					text: 'Fancy rates',
+				} ),
+			] );
+		} );
+	} );
 };
 
 module.exports = runTaxSettingsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-calculate-shipping.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-calculate-shipping.test.js
index f44a828e81c..7e8ab797c44 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-calculate-shipping.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-calculate-shipping.test.js
@@ -15,13 +15,15 @@ const {
 const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const config = require( 'config' );
-const firstProductPrice = config.has( 'products.simple.price' ) ? config.get( 'products.simple.price' ) : '9.99';
+const firstProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 const secondProductPrice = '4.99';
 const fourProductPrice = firstProductPrice * 4;
-var twoProductsPrice = (+firstProductPrice) + (+secondProductPrice);
-var firstProductPriceWithFlatRate = (+firstProductPrice) + (+5);
-var fourProductPriceWithFlatRate = (+fourProductPrice) + (+5);
-var twoProductsPriceWithFlatRate = (+twoProductsPrice) + (+5);
+const twoProductsPrice = +firstProductPrice + +secondProductPrice;
+const firstProductPriceWithFlatRate = +firstProductPrice + +5;
+const fourProductPriceWithFlatRate = +fourProductPrice + +5;
+const twoProductsPriceWithFlatRate = +twoProductsPrice + +5;
 const firstProductName = 'First Product';
 const secondProductName = 'Second Product';
 const shippingZoneNameDE = 'Germany Free Shipping';
@@ -30,98 +32,146 @@ const shippingZoneNameFR = 'France Flat Local';
 const shippingCountryFR = 'country:FR';
 
 const runCartCalculateShippingTest = () => {
-	describe('Cart Calculate Shipping', () => {
+	describe( 'Cart Calculate Shipping', () => {
 		let firstProductId;
 		let secondProductId;
 
-		beforeAll(async () => {
-			firstProductId = await createSimpleProduct(firstProductName);
-			secondProductId = await createSimpleProduct(secondProductName, secondProductPrice);
+		beforeAll( async () => {
+			firstProductId = await createSimpleProduct( firstProductName );
+			secondProductId = await createSimpleProduct(
+				secondProductName,
+				secondProductPrice
+			);
 
 			await withRestApi.resetSettingsGroupToDefault( 'general', false );
 
 			// Add a new shipping zone Germany with Free shipping
-			await withRestApi.addShippingZoneAndMethod(shippingZoneNameDE, shippingCountryDE, ' ', 'free_shipping', '', [], false );
+			await withRestApi.addShippingZoneAndMethod(
+				shippingZoneNameDE,
+				shippingCountryDE,
+				' ',
+				'free_shipping',
+				'',
+				[],
+				false
+			);
 
 			// Add a new shipping zone for France with Flat rate & Local pickup
-			await withRestApi.addShippingZoneAndMethod(shippingZoneNameFR, shippingCountryFR, ' ', 'flat_rate', '5', ['local_pickup'], false );
+			await withRestApi.addShippingZoneAndMethod(
+				shippingZoneNameFR,
+				shippingCountryFR,
+				' ',
+				'flat_rate',
+				'5',
+				[ 'local_pickup' ],
+				false
+			);
 
 			await shopper.emptyCart();
-		});
+		} );
 
-		afterAll(async () => {
+		afterAll( async () => {
 			await withRestApi.deleteAllShippingZones( false );
-		});
+		} );
 
-		it('allows customer to calculate Free Shipping if in Germany', async () => {
+		it( 'allows customer to calculate Free Shipping if in Germany', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( firstProductId );
 			await shopper.goToCart();
 
 			// Set shipping country to Germany
-			await expect(page).toClick('a.shipping-calculator-button');
-			await expect(page).toClick('#select2-calc_shipping_country-container');
-			await selectOptionInSelect2('Germany');
-			await expect(page).toClick('button[name="calc_shipping"]');
+			await expect( page ).toClick( 'a.shipping-calculator-button' );
+			await expect( page ).toClick(
+				'#select2-calc_shipping_country-container'
+			);
+			await selectOptionInSelect2( 'Germany' );
+			await expect( page ).toClick( 'button[name="calc_shipping"]' );
 			await uiUnblocked();
 
 			// Verify shipping costs
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.shipping ul#shipping_method > li', {text: 'Free shipping'});
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${firstProductPrice}`});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement(
+				'.shipping ul#shipping_method > li',
+				{
+					text: 'Free shipping',
+				}
+			);
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ firstProductPrice }`,
+			} );
+		} );
 
-		it('allows customer to calculate Flat rate and Local pickup if in France', async () => {
-			await page.reload( { waitUntil: ['networkidle0', 'domcontentloaded'] } );
+		it( 'allows customer to calculate Flat rate and Local pickup if in France', async () => {
+			await page.reload( {
+				waitUntil: [ 'networkidle0', 'domcontentloaded' ],
+			} );
 
 			// Set shipping country to France
-			await expect(page).toClick('a.shipping-calculator-button');
-			await expect(page).toClick('#select2-calc_shipping_country-container');
-			await selectOptionInSelect2('France');
-			await expect(page).toClick('button[name="calc_shipping"]');
+			await expect( page ).toClick( 'a.shipping-calculator-button' );
+			await expect( page ).toClick(
+				'#select2-calc_shipping_country-container'
+			);
+			await selectOptionInSelect2( 'France' );
+			await expect( page ).toClick( 'button[name="calc_shipping"]' );
 			await uiUnblocked();
 
 			// Verify shipping costs
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.shipping .amount', {text: '$5.00'});
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${firstProductPriceWithFlatRate}`});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement( '.shipping .amount', {
+				text: '$5.00',
+			} );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ firstProductPriceWithFlatRate }`,
+			} );
+		} );
 
-		it('should show correct total cart price after updating quantity', async () => {
-			await shopper.setCartQuantity(firstProductName, 4);
-			await expect(page).toClick('button', {text: 'Update cart'});
+		it( 'should show correct total cart price after updating quantity', async () => {
+			await shopper.setCartQuantity( firstProductName, 4 );
+			await expect( page ).toClick( 'button', { text: 'Update cart' } );
 			await uiUnblocked();
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${fourProductPriceWithFlatRate}`});
-		});
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ fourProductPriceWithFlatRate }`,
+			} );
+		} );
 
-		it('should show correct total cart price with 2 products and flat rate', async () => {
+		it( 'should show correct total cart price with 2 products and flat rate', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( secondProductId );
 			await shopper.goToCart();
 
-			await shopper.setCartQuantity(firstProductName, 1);
-			await expect(page).toClick('button', {text: 'Update cart'});
+			await shopper.setCartQuantity( firstProductName, 1 );
+			await expect( page ).toClick( 'button', { text: 'Update cart' } );
 			await uiUnblocked();
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.shipping .amount', {text: '$5.00'});
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${twoProductsPriceWithFlatRate}`});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement( '.shipping .amount', {
+				text: '$5.00',
+			} );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ twoProductsPriceWithFlatRate }`,
+			} );
+		} );
 
-		it('should show correct total cart price with 2 products without flat rate', async () => {
-			await page.reload( { waitUntil: ['networkidle0', 'domcontentloaded'] } );
+		it( 'should show correct total cart price with 2 products without flat rate', async () => {
+			await page.reload( {
+				waitUntil: [ 'networkidle0', 'domcontentloaded' ],
+			} );
 
 			// Set shipping country to Spain
-			await expect(page).toClick('a.shipping-calculator-button');
-			await expect(page).toClick('#select2-calc_shipping_country-container');
-			await selectOptionInSelect2('Spain');
-			await expect(page).toClick('button[name="calc_shipping"]');
+			await expect( page ).toClick( 'a.shipping-calculator-button' );
+			await expect( page ).toClick(
+				'#select2-calc_shipping_country-container'
+			);
+			await selectOptionInSelect2( 'Spain' );
+			await expect( page ).toClick( 'button[name="calc_shipping"]' );
 			await uiUnblocked();
 
 			// Verify shipping costs
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.order-total .amount', {text: `$${twoProductsPrice}`});
-		});
-	});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: `$${ twoProductsPrice }`,
+			} );
+		} );
+	} );
 };
 
 module.exports = runCartCalculateShippingTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-coupons.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-coupons.test.js
index 928df8fc16a..41c8c686242 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-coupons.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-coupons.test.js
@@ -16,56 +16,79 @@ const { getCouponId, getCouponsTable } = require( '../utils/coupons' );
 const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const runCartApplyCouponsTest = () => {
-	describe('Cart applying coupons', () => {
+	describe( 'Cart applying coupons', () => {
 		let productId;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await shopper.emptyCart();
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await uiUnblocked();
 			await shopper.goToCart();
-		});
+		} );
 
-		it.each( getCouponsTable() )( 'allows cart to apply %s coupon', async ( couponType, cartDiscount, orderTotal ) => {
-			const coupon = await getCouponId( couponType );
-			await applyCoupon(coupon);
-			await expect(page).toMatchElement('.woocommerce-message', { text: 'Coupon code applied successfully.' });
+		it.each( getCouponsTable() )(
+			'allows cart to apply %s coupon',
+			async ( couponType, cartDiscount, orderTotal ) => {
+				const coupon = await getCouponId( couponType );
+				await applyCoupon( coupon );
+				await expect( page ).toMatchElement( '.woocommerce-message', {
+					text: 'Coupon code applied successfully.',
+				} );
 
-			// Verify discount applied and order total
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.cart-discount .amount', cartDiscount);
-			await expect(page).toMatchElement('.order-total .amount', orderTotal);
-			await removeCoupon(coupon);
-		});
+				// Verify discount applied and order total
+				await page.waitForSelector( '.order-total' );
+				await expect( page ).toMatchElement(
+					'.cart-discount .amount',
+					cartDiscount
+				);
+				await expect( page ).toMatchElement(
+					'.order-total .amount',
+					orderTotal
+				);
+				await removeCoupon( coupon );
+			}
+		);
 
-		it('prevents cart applying same coupon twice', async () => {
+		it( 'prevents cart applying same coupon twice', async () => {
 			const couponId = await getCouponId( 'fixed cart' );
 			await applyCoupon( couponId );
-			await expect(page).toMatchElement('.woocommerce-message', {text: 'Coupon code applied successfully.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: 'Coupon code applied successfully.',
+			} );
 			await applyCoupon( couponId );
 			// Verify only one discount applied
 			// This is a work around for Puppeteer inconsistently finding 'Coupon code already applied'
-			await expect(page).toMatchElement('.cart-discount .amount', {text: '$5.00'});
-			await expect(page).toMatchElement('.order-total .amount', {text: '$4.99'});
-		});
+			await expect( page ).toMatchElement( '.cart-discount .amount', {
+				text: '$5.00',
+			} );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: '$4.99',
+			} );
+		} );
 
-		it('allows cart to apply multiple coupons', async () => {
+		it( 'allows cart to apply multiple coupons', async () => {
 			await applyCoupon( await getCouponId( 'fixed product' ) );
-			await expect(page).toMatchElement('.woocommerce-message', {text: 'Coupon code applied successfully.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: 'Coupon code applied successfully.',
+			} );
 
 			// Verify discount applied and order total
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.order-total .amount', {text: '$0.00'});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: '$0.00',
+			} );
+		} );
 
-		it('restores cart total when coupons are removed', async () => {
+		it( 'restores cart total when coupons are removed', async () => {
 			await removeCoupon( await getCouponId( 'fixed cart' ) );
 			await removeCoupon( await getCouponId( 'fixed product' ) );
-			await expect(page).toMatchElement('.order-total .amount', {text: '$9.99'});
-		});
-	});
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: '$9.99',
+			} );
+		} );
+	} );
 };
 
 module.exports = runCartApplyCouponsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-redirection.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-redirection.test.js
index e91262de4cd..dedbd31ed2b 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-redirection.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart-redirection.test.js
@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
- const {
+const {
 	shopper,
 	merchant,
 	createSimpleProduct,
@@ -14,63 +14,59 @@
 /**
  * External dependencies
  */
- const {
-	it,
-	describe,
-	beforeAll,
-	afterAll,
-} = require( '@jest/globals' );
+const { it, describe, beforeAll, afterAll } = require( '@jest/globals' );
 
 const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
 
 const runCartRedirectionTest = () => {
-	describe('Cart > Redirect to cart from shop', () => {
+	describe( 'Cart > Redirect to cart from shop', () => {
 		let simplePostIdValue;
-		beforeAll(async () => {
+		beforeAll( async () => {
 			simplePostIdValue = await createSimpleProduct();
 
 			// Set checkbox in settings to enable cart redirection
 			await merchant.login();
-			await merchant.openSettings('products');
-			await setCheckbox('#woocommerce_cart_redirect_after_add');
+			await merchant.openSettings( 'products' );
+			await setCheckbox( '#woocommerce_cart_redirect_after_add' );
 			await settingsPageSaveChanges();
 
 			await merchant.logout();
-		});
+		} );
 
-		it('can redirect user to cart from shop page', async () => {
+		it( 'can redirect user to cart from shop page', async () => {
 			await shopper.goToShop();
 
 			// Add to cart from shop page
-			const addToCartXPath = `//li[contains(@class, "type-product") and a/h2[contains(text(), "${ simpleProductName }")]]` +
-			'//a[contains(@class, "add_to_cart_button") and contains(@class, "ajax_add_to_cart")';
+			const addToCartXPath =
+				`//li[contains(@class, "type-product") and a/h2[contains(text(), "${ simpleProductName }")]]` +
+				'//a[contains(@class, "add_to_cart_button") and contains(@class, "ajax_add_to_cart")';
 			const [ addToCartButton ] = await page.$x( addToCartXPath + ']' );
 			addToCartButton.click();
 			await utils.waitForTimeout( 1000 ); // to avoid flakiness
 
-			await shopper.productIsInCart(simpleProductName);
+			await shopper.productIsInCart( simpleProductName );
 			await shopper.removeFromCart( simplePostIdValue );
-		});
+		} );
 
-		it('can redirect user to cart from detail page', async () => {
-			await shopper.goToProduct(simplePostIdValue);
+		it( 'can redirect user to cart from detail page', async () => {
+			await shopper.goToProduct( simplePostIdValue );
 
 			// Add to cart from detail page
 			await shopper.addToCart();
 			await utils.waitForTimeout( 1000 ); // to avoid flakiness
 
-			await shopper.productIsInCart(simpleProductName);
+			await shopper.productIsInCart( simpleProductName );
 			await shopper.removeFromCart( simplePostIdValue );
-		});
+		} );
 
-		afterAll(async () => {
+		afterAll( async () => {
 			await merchant.login();
-			await merchant.openSettings('products');
-			await unsetCheckbox('#woocommerce_cart_redirect_after_add');
+			await merchant.openSettings( 'products' );
+			await unsetCheckbox( '#woocommerce_cart_redirect_after_add' );
 			await settingsPageSaveChanges();
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runCartRedirectionTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart.test.js
index b16a15441e1..0da7a143c20 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-cart.test.js
@@ -15,83 +15,95 @@ const { it, describe, beforeAll } = require( '@jest/globals' );
 
 const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
-const singleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
+const singleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 const twoProductPrice = singleProductPrice * 2;
 
 const runCartPageTest = () => {
-	describe('Cart page', () => {
+	describe( 'Cart page', () => {
 		let productId;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await withRestApi.resetSettingsGroupToDefault( 'general', false );
 			await withRestApi.resetSettingsGroupToDefault( 'products', false );
 			await withRestApi.resetSettingsGroupToDefault( 'tax', false );
-		});
+		} );
 
-		it('should display no item in the cart', async () => {
+		it( 'should display no item in the cart', async () => {
 			await shopper.goToCart();
-			await expect(page).toMatchElement('.cart-empty', {text: 'Your cart is currently empty.'});
-		});
+			await expect( page ).toMatchElement( '.cart-empty', {
+				text: 'Your cart is currently empty.',
+			} );
+		} );
 
-		it('should add the product to the cart from the shop page', async () => {
+		it( 'should add the product to the cart from the shop page', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 
 			await shopper.goToCart();
-			await shopper.productIsInCart(simpleProductName);
-		});
+			await shopper.productIsInCart( simpleProductName );
+		} );
 
-		it('should increase item qty when "Add to cart" of the same product is clicked', async () => {
+		it( 'should increase item qty when "Add to cart" of the same product is clicked', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 
 			await shopper.goToCart();
-			await shopper.productIsInCart(simpleProductName, 2);
-		});
+			await shopper.productIsInCart( simpleProductName, 2 );
+		} );
 
-		it('should update qty when updated via qty input', async () => {
+		it( 'should update qty when updated via qty input', async () => {
 			await shopper.goToCart();
-			await shopper.setCartQuantity(simpleProductName, 4);
-			await expect(page).toClick('button', {text: 'Update cart'});
+			await shopper.setCartQuantity( simpleProductName, 4 );
+			await expect( page ).toClick( 'button', { text: 'Update cart' } );
 			await uiUnblocked();
 
-			await shopper.productIsInCart(simpleProductName, 4);
-		});
+			await shopper.productIsInCart( simpleProductName, 4 );
+		} );
 
-		it('should remove the item from the cart when remove is clicked', async () => {
+		it( 'should remove the item from the cart when remove is clicked', async () => {
 			await shopper.goToCart();
 			await shopper.removeFromCart( productId );
 			await uiUnblocked();
 
-			await expect(page).toMatchElement('.cart-empty', {text: 'Your cart is currently empty.'});
-		});
+			await expect( page ).toMatchElement( '.cart-empty', {
+				text: 'Your cart is currently empty.',
+			} );
+		} );
 
-		it('should update subtotal in cart totals when adding product to the cart', async () => {
+		it( 'should update subtotal in cart totals when adding product to the cart', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 
 			await shopper.goToCart();
-			await shopper.productIsInCart(simpleProductName, 1);
-			await expect(page).toMatchElement('.cart-subtotal .amount', {text: `$${ singleProductPrice }`});
+			await shopper.productIsInCart( simpleProductName, 1 );
+			await expect( page ).toMatchElement( '.cart-subtotal .amount', {
+				text: `$${ singleProductPrice }`,
+			} );
 
-			await shopper.setCartQuantity(simpleProductName, 2);
-			await expect(page).toClick('button', {text: 'Update cart'});
+			await shopper.setCartQuantity( simpleProductName, 2 );
+			await expect( page ).toClick( 'button', { text: 'Update cart' } );
 			await uiUnblocked();
 
-			await expect(page).toMatchElement('.cart-subtotal .amount', {text: `$${ twoProductPrice }`});
-		});
+			await expect( page ).toMatchElement( '.cart-subtotal .amount', {
+				text: `$${ twoProductPrice }`,
+			} );
+		} );
 
-		it('should go to the checkout page when "Proceed to Checkout" is clicked', async () => {
+		it( 'should go to the checkout page when "Proceed to Checkout" is clicked', async () => {
 			await shopper.goToCart();
-			await Promise.all([
-				page.waitForNavigation({waitUntil: 'networkidle0'}),
-				expect(page).toClick('.checkout-button', {text: 'Proceed to checkout'}),
-			]);
+			await Promise.all( [
+				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
+				expect( page ).toClick( '.checkout-button', {
+					text: 'Proceed to checkout',
+				} ),
+			] );
 
-			await expect(page).toMatchElement('#order_review');
-		});
-	});
+			await expect( page ).toMatchElement( '#order_review' );
+		} );
+	} );
 };
 
 module.exports = runCartPageTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-coupons.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-coupons.test.js
index bb1fcc05305..4f196dc2ea2 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-coupons.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-coupons.test.js
@@ -16,12 +16,11 @@ const { getCouponId, getCouponsTable } = require( '../utils/coupons' );
  */
 const { it, describe, beforeAll } = require( '@jest/globals' );
 
-
 const runCheckoutApplyCouponsTest = () => {
-	describe('Checkout coupons', () => {
+	describe( 'Checkout coupons', () => {
 		let productId;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await shopper.emptyCart();
 			await shopper.goToShop();
@@ -29,48 +28,71 @@ const runCheckoutApplyCouponsTest = () => {
 			await shopper.addToCartFromShopPage( productId );
 			await uiUnblocked();
 			await shopper.goToCheckout();
-		});
+		} );
 
-		it.each( getCouponsTable() )( 'allows checkout to apply %s coupon', async ( couponType, cartDiscount, orderTotal ) => {
-			const coupon = await getCouponId( couponType );
-			await applyCoupon(coupon);
-			await expect(page).toMatchElement('.woocommerce-message', { text: 'Coupon code applied successfully.' });
+		it.each( getCouponsTable() )(
+			'allows checkout to apply %s coupon',
+			async ( couponType, cartDiscount, orderTotal ) => {
+				const coupon = await getCouponId( couponType );
+				await applyCoupon( coupon );
+				await expect( page ).toMatchElement( '.woocommerce-message', {
+					text: 'Coupon code applied successfully.',
+				} );
 
-			// Wait for page to expand total calculations to avoid flakyness
-			await page.waitForSelector('.order-total');
+				// Wait for page to expand total calculations to avoid flakyness
+				await page.waitForSelector( '.order-total' );
 
-			// Verify discount applied and order total
-			await expect(page).toMatchElement('.cart-discount .amount', cartDiscount);
-			await expect(page).toMatchElement('.order-total .amount', orderTotal);
-			await removeCoupon(coupon);
-		});
+				// Verify discount applied and order total
+				await expect( page ).toMatchElement(
+					'.cart-discount .amount',
+					cartDiscount
+				);
+				await expect( page ).toMatchElement(
+					'.order-total .amount',
+					orderTotal
+				);
+				await removeCoupon( coupon );
+			}
+		);
 
-		it('prevents checkout applying same coupon twice', async () => {
+		it( 'prevents checkout applying same coupon twice', async () => {
 			const couponId = await getCouponId( 'fixed cart' );
 			await applyCoupon( couponId );
-			await expect(page).toMatchElement('.woocommerce-message', {text: 'Coupon code applied successfully.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: 'Coupon code applied successfully.',
+			} );
 			await applyCoupon( couponId );
 			// Verify only one discount applied
 			// This is a work around for Puppeteer inconsistently finding 'Coupon code already applied'
-			await expect(page).toMatchElement('.cart-discount .amount', {text: '$5.00'});
-			await expect(page).toMatchElement('.order-total .amount', {text: '$4.99'});
-		});
+			await expect( page ).toMatchElement( '.cart-discount .amount', {
+				text: '$5.00',
+			} );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: '$4.99',
+			} );
+		} );
 
-		it('allows checkout to apply multiple coupons', async () => {
+		it( 'allows checkout to apply multiple coupons', async () => {
 			await applyCoupon( await getCouponId( 'fixed product' ) );
-			await expect(page).toMatchElement('.woocommerce-message', {text: 'Coupon code applied successfully.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: 'Coupon code applied successfully.',
+			} );
 
 			// Verify discount applied and order total
-			await page.waitForSelector('.order-total');
-			await expect(page).toMatchElement('.order-total .amount', {text: '$0.00'});
-		});
+			await page.waitForSelector( '.order-total' );
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: '$0.00',
+			} );
+		} );
 
-		it('restores checkout total when coupons are removed', async () => {
+		it( 'restores checkout total when coupons are removed', async () => {
 			await removeCoupon( await getCouponId( 'fixed cart' ) );
 			await removeCoupon( await getCouponId( 'fixed product' ) );
-			await expect(page).toMatchElement('.order-total .amount', {text: '$9.99'});
-		});
-	});
+			await expect( page ).toMatchElement( '.order-total .amount', {
+				text: '$9.99',
+			} );
+		} );
+	} );
 };
 
 module.exports = runCheckoutApplyCouponsTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-create-account.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-create-account.test.js
index 377d95bff84..73ee0b835f0 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-create-account.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-create-account.test.js
@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
- const {
+const {
 	shopper,
 	merchant,
 	createSimpleProduct,
@@ -21,21 +21,28 @@ const config = require( 'config' );
 const customerBilling = config.get( 'addresses.customer.billing' );
 
 const runCheckoutCreateAccountTest = () => {
-	describe('Shopper Checkout Create Account', () => {
+	describe( 'Shopper Checkout Create Account', () => {
 		let productId;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await withRestApi.deleteCustomerByEmail( customerBilling.email );
 
 			// Set checkbox for creating an account during checkout
 			await merchant.login();
-			await merchant.openSettings('account');
-			await setCheckbox('#woocommerce_enable_signup_and_login_from_checkout');
+			await merchant.openSettings( 'account' );
+			await setCheckbox(
+				'#woocommerce_enable_signup_and_login_from_checkout'
+			);
 			await settingsPageSaveChanges();
 
 			// Set free shipping within California
-			await addShippingZoneAndMethod('Free Shipping CA', 'state:US:CA', ' ', 'free_shipping' );
+			await addShippingZoneAndMethod(
+				'Free Shipping CA',
+				'state:US:CA',
+				' ',
+				'free_shipping'
+			);
 
 			await merchant.logout();
 
@@ -46,25 +53,29 @@ const runCheckoutCreateAccountTest = () => {
 			await shopper.goToCheckout();
 		}, 45000 );
 
-		it('can create an account during checkout', async () => {
+		it( 'can create an account during checkout', async () => {
 			// Fill all the details for a new customer
 			await shopper.fillBillingDetails( customerBilling );
 			await uiUnblocked();
 
 			// Set checkbox for creating account during checkout
-			await setCheckbox('#createaccount');
+			await setCheckbox( '#createaccount' );
 
 			// Place an order
 			await shopper.placeOrder();
-			await expect(page).toMatchElement('h1.entry-title', {text: 'Order received'});
-		});
+			await expect( page ).toMatchElement( 'h1.entry-title', {
+				text: 'Order received',
+			} );
+		} );
 
-		it('can verify that the customer has been created', async () => {
+		it( 'can verify that the customer has been created', async () => {
 			await merchant.login();
 			await merchant.openAllUsersView();
-			await expect(page).toMatchElement('td.email.column-email > a', { text: customerBilling.email });
-		});
-	});
+			await expect( page ).toMatchElement( 'td.email.column-email > a', {
+				text: customerBilling.email,
+			} );
+		} );
+	} );
 };
 
 module.exports = runCheckoutCreateAccountTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-login-account.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-login-account.test.js
index ab444a64529..f2b28cd3ea1 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-login-account.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout-login-account.test.js
@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
- const {
+const {
 	shopper,
 	merchant,
 	createSimpleProduct,
@@ -15,19 +15,19 @@
  */
 const { it, describe, beforeAll } = require( '@jest/globals' );
 
-const config = require('config');
+const config = require( 'config' );
 
 const runCheckoutLoginAccountTest = () => {
-	describe('Shopper Checkout Login Account', () => {
+	describe( 'Shopper Checkout Login Account', () => {
 		let productId;
 
-		beforeAll(async () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 
 			// Set checkbox for logging to account during checkout
 			await merchant.login();
-			await merchant.openSettings('account');
-			await setCheckbox('#woocommerce_enable_checkout_login_reminder');
+			await merchant.openSettings( 'account' );
+			await setCheckbox( '#woocommerce_enable_checkout_login_reminder' );
 			await settingsPageSaveChanges();
 			await merchant.logout();
 
@@ -36,42 +36,54 @@ const runCheckoutLoginAccountTest = () => {
 			await shopper.addToCartFromShopPage( productId );
 			await uiUnblocked();
 			await shopper.goToCheckout();
-		});
+		} );
 
 		afterAll( async () => {
 			await shopper.logout();
 		} );
 
-		it('can login to an existing account during checkout', async () => {
+		it( 'can login to an existing account during checkout', async () => {
 			// Click to login during checkout
-			await page.waitForSelector('.woocommerce-form-login-toggle');
-			await expect(page).toClick('.woocommerce-info > a.showlogin');
+			await page.waitForSelector( '.woocommerce-form-login-toggle' );
+			await expect( page ).toClick( '.woocommerce-info > a.showlogin' );
 
 			// Fill shopper's login credentials and proceed further
-			await page.type( '#username', config.get('users.customer.username') );
-			await page.type( '#password', config.get('users.customer.password') );
+			await page.type(
+				'#username',
+				config.get( 'users.customer.username' )
+			);
+			await page.type(
+				'#password',
+				config.get( 'users.customer.password' )
+			);
 
-			await Promise.all([
-				page.waitForNavigation({waitUntil: 'networkidle0'}),
-				page.click('button[name="login"]'),
-			]);
+			await Promise.all( [
+				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
+				page.click( 'button[name="login"]' ),
+			] );
 
 			// Place an order
 			await shopper.placeOrder();
-			await expect(page).toMatchElement('h1.entry-title', {text: 'Order received'});
+			await expect( page ).toMatchElement( 'h1.entry-title', {
+				text: 'Order received',
+			} );
 
 			// Verify the email of a logged in user
-			await expect(page).toMatchElement('ul > li.email', {text: 'Email: john.doe@example.com'});
+			await expect( page ).toMatchElement( 'ul > li.email', {
+				text: 'Email: john.doe@example.com',
+			} );
 
 			// Verify the user is logged in on my account page
 			await shopper.gotoMyAccount();
 
 			await Promise.all( [
-				await expect(page.url()).toMatch('my-account/'),
-				await expect(page).toMatchElement('h1', {text: 'My account'}),
+				await expect( page.url() ).toMatch( 'my-account/' ),
+				await expect( page ).toMatchElement( 'h1', {
+					text: 'My account',
+				} ),
 			] );
-		});
-	});
+		} );
+	} );
 };
 
 module.exports = runCheckoutLoginAccountTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout.test.js
index 5c2e068f41f..467a928d637 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-checkout.test.js
@@ -16,7 +16,9 @@ const { it, describe, beforeAll, afterAll } = require( '@jest/globals' );
 
 const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
-const singleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
+const singleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 const twoProductPrice = singleProductPrice * 2;
 const threeProductPrice = singleProductPrice * 3;
 const fourProductPrice = singleProductPrice * 4;
@@ -28,128 +30,233 @@ let customerOrderId;
 const runCheckoutPageTest = () => {
 	let productId;
 
-	describe('Checkout page', () => {
-		beforeAll(async () => {
+	describe( 'Checkout page', () => {
+		beforeAll( async () => {
 			productId = await createSimpleProduct();
 			await withRestApi.resetSettingsGroupToDefault( 'general', false );
 			await withRestApi.resetSettingsGroupToDefault( 'products', false );
 			await withRestApi.resetSettingsGroupToDefault( 'tax', false );
 
 			// Set free shipping within California
-			await withRestApi.addShippingZoneAndMethod('Free Shipping CA', 'state:US:CA', '', 'free_shipping', '', [], false );
+			await withRestApi.addShippingZoneAndMethod(
+				'Free Shipping CA',
+				'state:US:CA',
+				'',
+				'free_shipping',
+				'',
+				[],
+				false
+			);
 
 			// Set base location with state CA.
-			await withRestApi.updateSettingOption( 'general', 'woocommerce_default_country', { value: 'US:CA' } );
+			await withRestApi.updateSettingOption(
+				'general',
+				'woocommerce_default_country',
+				{ value: 'US:CA' }
+			);
 
 			// Sell to all countries
-			await withRestApi.updateSettingOption( 'general', 'woocommerce_allowed_countries', { value: 'all' } );
+			await withRestApi.updateSettingOption(
+				'general',
+				'woocommerce_allowed_countries',
+				{ value: 'all' }
+			);
 
 			// Set currency to USD
-			await withRestApi.updateSettingOption( 'general', 'woocommerce_currency', { value: 'USD' } );
+			await withRestApi.updateSettingOption(
+				'general',
+				'woocommerce_currency',
+				{ value: 'USD' }
+			);
 			// Tax calculation should have been enabled by another test - no-op
 
 			// Enable BACS payment method
-			await withRestApi.updatePaymentGateway( 'bacs', { enabled: true }, false );
+			await withRestApi.updatePaymentGateway(
+				'bacs',
+				{ enabled: true },
+				false
+			);
 
 			// Enable COD payment method
-			await withRestApi.updatePaymentGateway( 'cod', { enabled: true }, false );
-		});
+			await withRestApi.updatePaymentGateway(
+				'cod',
+				{ enabled: true },
+				false
+			);
+		} );
 
-		afterAll(async () => {
+		afterAll( async () => {
 			await withRestApi.deleteAllShippingZones( false );
-		});
+		} );
 
-		it('should display cart items in order review', async () => {
+		it( 'should display cart items in order review', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await shopper.goToCheckout();
-			await shopper.productIsInCheckout(simpleProductName, `1`, singleProductPrice, singleProductPrice);
-		});
+			await shopper.productIsInCheckout(
+				simpleProductName,
+				`1`,
+				singleProductPrice,
+				singleProductPrice
+			);
+		} );
 
-		it('allows customer to choose available payment methods', async () => {
+		it( 'allows customer to choose available payment methods', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await shopper.goToCheckout();
-			await shopper.productIsInCheckout(simpleProductName, `2`, twoProductPrice, twoProductPrice);
+			await shopper.productIsInCheckout(
+				simpleProductName,
+				`2`,
+				twoProductPrice,
+				twoProductPrice
+			);
 
-			await expect(page).toClick('.wc_payment_method label', {text: 'Direct bank transfer'});
-			await expect(page).toClick('.wc_payment_method label', {text: 'Cash on delivery'});
-		});
+			await expect( page ).toClick( '.wc_payment_method label', {
+				text: 'Direct bank transfer',
+			} );
+			await expect( page ).toClick( '.wc_payment_method label', {
+				text: 'Cash on delivery',
+			} );
+		} );
 
-		it('allows customer to fill billing details', async () => {
+		it( 'allows customer to fill billing details', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await shopper.goToCheckout();
-			await shopper.productIsInCheckout(simpleProductName, `3`, threeProductPrice, threeProductPrice);
-			await shopper.fillBillingDetails(config.get('addresses.customer.billing'));
-		});
+			await shopper.productIsInCheckout(
+				simpleProductName,
+				`3`,
+				threeProductPrice,
+				threeProductPrice
+			);
+			await shopper.fillBillingDetails(
+				config.get( 'addresses.customer.billing' )
+			);
+		} );
 
-		it('allows customer to fill shipping details', async () => {
+		it( 'allows customer to fill shipping details', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await shopper.goToCheckout();
-			await shopper.productIsInCheckout(simpleProductName, `4`, fourProductPrice, fourProductPrice);
+			await shopper.productIsInCheckout(
+				simpleProductName,
+				`4`,
+				fourProductPrice,
+				fourProductPrice
+			);
 
 			// Select checkbox to ship to a different address
-			await page.evaluate(() => {
-				document.querySelector('#ship-to-different-address-checkbox').click();
-			});
+			await page.evaluate( () => {
+				document
+					.querySelector( '#ship-to-different-address-checkbox' )
+					.click();
+			} );
 			await uiUnblocked();
 
-			await shopper.fillShippingDetails(config.get('addresses.customer.shipping'));
-		});
+			await shopper.fillShippingDetails(
+				config.get( 'addresses.customer.shipping' )
+			);
+		} );
 
-		it('allows guest customer to place order', async () => {
+		it( 'allows guest customer to place order', async () => {
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await shopper.goToCheckout();
-			await shopper.productIsInCheckout(simpleProductName, `5`, fiveProductPrice, fiveProductPrice);
-			await shopper.fillBillingDetails(config.get('addresses.customer.billing'));
+			await shopper.productIsInCheckout(
+				simpleProductName,
+				`5`,
+				fiveProductPrice,
+				fiveProductPrice
+			);
+			await shopper.fillBillingDetails(
+				config.get( 'addresses.customer.billing' )
+			);
 
 			await uiUnblocked();
 
-			await expect(page).toClick('.wc_payment_method label', {text: 'Cash on delivery'});
-			await expect(page).toMatchElement('.payment_method_cod', {text: 'Pay with cash upon delivery.'});
+			await expect( page ).toClick( '.wc_payment_method label', {
+				text: 'Cash on delivery',
+			} );
+			await expect( page ).toMatchElement( '.payment_method_cod', {
+				text: 'Pay with cash upon delivery.',
+			} );
 			await uiUnblocked();
 			await shopper.placeOrder();
 
-			await expect(page).toMatch('Order received');
+			await expect( page ).toMatch( 'Order received' );
 
 			// Get order ID from the order received html element on the page
-			let orderReceivedHtmlElement = await page.$('.woocommerce-order-overview__order.order');
-			let orderReceivedText = await page.evaluate(element => element.textContent, orderReceivedHtmlElement);
-			guestOrderId = orderReceivedText.split(/(\s+)/)[6].toString();
-		});
+			const orderReceivedHtmlElement = await page.$(
+				'.woocommerce-order-overview__order.order'
+			);
+			const orderReceivedText = await page.evaluate(
+				( element ) => element.textContent,
+				orderReceivedHtmlElement
+			);
+			guestOrderId = orderReceivedText.split( /(\s+)/ )[ 6 ].toString();
+		} );
 
-		it('allows existing customer to place order', async () => {
+		it( 'allows existing customer to place order', async () => {
 			await shopper.login();
 			await shopper.goToShop();
 			await shopper.addToCartFromShopPage( productId );
 			await shopper.goToCheckout();
-			await shopper.productIsInCheckout(simpleProductName, `1`, singleProductPrice, singleProductPrice);
-			await shopper.fillBillingDetails(config.get('addresses.customer.billing'));
+			await shopper.productIsInCheckout(
+				simpleProductName,
+				`1`,
+				singleProductPrice,
+				singleProductPrice
+			);
+			await shopper.fillBillingDetails(
+				config.get( 'addresses.customer.billing' )
+			);
 
 			await uiUnblocked();
 
-			await expect(page).toClick('.wc_payment_method label', {text: 'Cash on delivery'});
-			await expect(page).toMatchElement('.payment_method_cod', {text: 'Pay with cash upon delivery.'});
+			await expect( page ).toClick( '.wc_payment_method label', {
+				text: 'Cash on delivery',
+			} );
+			await expect( page ).toMatchElement( '.payment_method_cod', {
+				text: 'Pay with cash upon delivery.',
+			} );
 			await uiUnblocked();
 			await shopper.placeOrder();
 
-			await expect(page).toMatch('Order received');
+			await expect( page ).toMatch( 'Order received' );
 
 			// Get order ID from the order received html element on the page
-			let orderReceivedHtmlElement = await page.$('.woocommerce-order-overview__order.order');
-			let orderReceivedText = await page.evaluate(element => element.textContent, orderReceivedHtmlElement);
-			customerOrderId = orderReceivedText.split(/(\s+)/)[6].toString();
-		});
+			const orderReceivedHtmlElement = await page.$(
+				'.woocommerce-order-overview__order.order'
+			);
+			const orderReceivedText = await page.evaluate(
+				( element ) => element.textContent,
+				orderReceivedHtmlElement
+			);
+			customerOrderId = orderReceivedText
+				.split( /(\s+)/ )[ 6 ]
+				.toString();
+		} );
 
-		it('merchant can confirm the order was received', async () => {
+		it( 'merchant can confirm the order was received', async () => {
 			await merchant.login();
-			await merchant.verifyOrder(guestOrderId, simpleProductName, singleProductPrice, 5, fiveProductPrice);
-			await merchant.verifyOrder(customerOrderId, simpleProductName, singleProductPrice, 1, singleProductPrice, true);
-		});
-	});
+			await merchant.verifyOrder(
+				guestOrderId,
+				simpleProductName,
+				singleProductPrice,
+				5,
+				fiveProductPrice
+			);
+			await merchant.verifyOrder(
+				customerOrderId,
+				simpleProductName,
+				singleProductPrice,
+				1,
+				singleProductPrice,
+				true
+			);
+		} );
+	} );
 };
 
 module.exports = runCheckoutPageTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-create-account.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-create-account.test.js
index d62d31f4821..22729164fe1 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-create-account.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-create-account.test.js
@@ -17,37 +17,42 @@ const { it, describe, beforeAll, afterAll } = require( '@jest/globals' );
 const customerEmailAddress = 'john.doe.test@example.com';
 
 const runMyAccountCreateAccountTest = () => {
-	describe('Shopper My Account Create Account', () => {
-		beforeAll(async () => {
+	describe( 'Shopper My Account Create Account', () => {
+		beforeAll( async () => {
 			await withRestApi.deleteCustomerByEmail( customerEmailAddress );
 			await merchant.login();
 
 			// Set checkbox in the settings to enable registration in my account
-			await merchant.openSettings('account');
-			await setCheckbox('#woocommerce_enable_myaccount_registration');
+			await merchant.openSettings( 'account' );
+			await setCheckbox( '#woocommerce_enable_myaccount_registration' );
 			await settingsPageSaveChanges();
 
 			await merchant.logout();
-		});
+		} );
 
 		afterAll( async () => {
 			await shopper.logout();
 		} );
 
-		it('can create a new account via my account', async () => {
+		it( 'can create a new account via my account', async () => {
 			await shopper.gotoMyAccount();
-			await page.waitForSelector('.woocommerce-form-register');
-			await expect(page).toFill('input#reg_email', customerEmailAddress);
-			await expect(page).toClick('button[name="register"]');
-			await page.waitForNavigation({waitUntil: 'networkidle0'});
-			await expect(page).toMatchElement('h1', 'My account');
+			await page.waitForSelector( '.woocommerce-form-register' );
+			await expect( page ).toFill(
+				'input#reg_email',
+				customerEmailAddress
+			);
+			await expect( page ).toClick( 'button[name="register"]' );
+			await page.waitForNavigation( { waitUntil: 'networkidle0' } );
+			await expect( page ).toMatchElement( 'h1', 'My account' );
 
 			// Verify user has been created successfully
 			await merchant.login();
 			await merchant.openAllUsersView();
-			await expect(page).toMatchElement('td.email.column-email > a', {text: customerEmailAddress});
-		});
-	});
+			await expect( page ).toMatchElement( 'td.email.column-email > a', {
+				text: customerEmailAddress,
+			} );
+		} );
+	} );
 };
 
 module.exports = runMyAccountCreateAccountTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-pay-order.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-pay-order.test.js
index 6e9e61ba663..97657d30aec 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-pay-order.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account-pay-order.test.js
@@ -6,7 +6,7 @@ const {
 	shopper,
 	merchant,
 	createSimpleProduct,
-	uiUnblocked
+	uiUnblocked,
 } = require( '@woocommerce/e2e-utils' );
 
 /**
@@ -20,39 +20,46 @@ const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
 
 const runMyAccountPayOrderTest = () => {
-	describe('Customer can pay for their order through My Account', () => {
-		beforeAll(async () => {
+	describe( 'Customer can pay for their order through My Account', () => {
+		beforeAll( async () => {
 			simplePostIdValue = await createSimpleProduct();
 			await shopper.login();
-			await shopper.goToProduct(simplePostIdValue);
-			await shopper.addToCart(simpleProductName);
+			await shopper.goToProduct( simplePostIdValue );
+			await shopper.addToCart( simpleProductName );
 			await shopper.goToCheckout();
-			await shopper.fillBillingDetails(config.get('addresses.customer.billing'));
+			await shopper.fillBillingDetails(
+				config.get( 'addresses.customer.billing' )
+			);
 			await uiUnblocked();
 			await shopper.placeOrder();
 
 			// Get order ID from the order received html element on the page
-			orderNum = await page.$$eval(".woocommerce-order-overview__order strong", elements => elements.map(item => item.textContent));
+			orderNum = await page.$$eval(
+				'.woocommerce-order-overview__order strong',
+				( elements ) => elements.map( ( item ) => item.textContent )
+			);
 
 			await merchant.login();
-			await merchant.updateOrderStatus(orderNum, 'Pending payment');
+			await merchant.updateOrderStatus( orderNum, 'Pending payment' );
 			await merchant.logout();
-		});
+		} );
 
 		afterAll( async () => {
 			await shopper.logout();
 		} );
 
-		it('allows customer to pay for their order in My Account', async () => {
+		it( 'allows customer to pay for their order in My Account', async () => {
 			await shopper.login();
 			await shopper.goToOrders();
-			await expect(page).toClick('a.woocommerce-button.button.pay');
-			await page.waitForNavigation({waitUntil: 'networkidle0'});
-			await expect(page).toMatchElement('.entry-title', {text: 'Pay for order'});
+			await expect( page ).toClick( 'a.woocommerce-button.button.pay' );
+			await page.waitForNavigation( { waitUntil: 'networkidle0' } );
+			await expect( page ).toMatchElement( '.entry-title', {
+				text: 'Pay for order',
+			} );
 			await shopper.placeOrder();
-			await expect(page).toMatch('Order received');
-		});
-	});
-}
+			await expect( page ).toMatch( 'Order received' );
+		} );
+	} );
+};
 
 module.exports = runMyAccountPayOrderTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account.test.js
index 51d495b30a0..279a2623b37 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-my-account.test.js
@@ -2,9 +2,7 @@
 /**
  * Internal dependencies
  */
-const {
-	shopper,
-} = require( '@woocommerce/e2e-utils' );
+const { shopper } = require( '@woocommerce/e2e-utils' );
 
 /**
  * External dependencies
@@ -12,35 +10,74 @@ const {
 const { it, describe } = require( '@jest/globals' );
 
 const pages = [
-	['Orders', 'my-account/orders', shopper.goToOrders],
-	['Downloads', 'my-account/downloads', shopper.goToDownloads],
-	['Addresses', 'my-account/edit-address', shopper.goToAddresses],
-	['Account details', 'my-account/edit-account', shopper.goToAccountDetails]
+	[ 'Orders', 'my-account/orders', shopper.goToOrders ],
+	[ 'Downloads', 'my-account/downloads', shopper.goToDownloads ],
+	[ 'Addresses', 'my-account/edit-address', shopper.goToAddresses ],
+	[
+		'Account details',
+		'my-account/edit-account',
+		shopper.goToAccountDetails,
+	],
 ];
 
 const runMyAccountPageTest = () => {
-	describe('My account page', () => {
+	describe( 'My account page', () => {
 		afterAll( async () => {
 			await shopper.logout();
 		} );
 
-		it('allows customer to login', async () => {
+		it( 'allows customer to login', async () => {
 			await shopper.login();
-			expect(page).toMatch('Hello');
-			await expect(page).toMatchElement('.woocommerce-MyAccount-navigation-link', { text: 'Dashboard' });
-			await expect(page).toMatchElement('.woocommerce-MyAccount-navigation-link', { text: 'Orders' });
-			await expect(page).toMatchElement('.woocommerce-MyAccount-navigation-link', { text: 'Downloads' });
-			await expect(page).toMatchElement('.woocommerce-MyAccount-navigation-link', { text: 'Addresses' });
-			await expect(page).toMatchElement('.woocommerce-MyAccount-navigation-link', { text: 'Account details' });
-			await expect(page).toMatchElement('.woocommerce-MyAccount-navigation-link', { text: 'Logout' });
-		});
+			expect( page ).toMatch( 'Hello' );
+			await expect( page ).toMatchElement(
+				'.woocommerce-MyAccount-navigation-link',
+				{
+					text: 'Dashboard',
+				}
+			);
+			await expect( page ).toMatchElement(
+				'.woocommerce-MyAccount-navigation-link',
+				{
+					text: 'Orders',
+				}
+			);
+			await expect( page ).toMatchElement(
+				'.woocommerce-MyAccount-navigation-link',
+				{
+					text: 'Downloads',
+				}
+			);
+			await expect( page ).toMatchElement(
+				'.woocommerce-MyAccount-navigation-link',
+				{
+					text: 'Addresses',
+				}
+			);
+			await expect( page ).toMatchElement(
+				'.woocommerce-MyAccount-navigation-link',
+				{
+					text: 'Account details',
+				}
+			);
+			await expect( page ).toMatchElement(
+				'.woocommerce-MyAccount-navigation-link',
+				{
+					text: 'Logout',
+				}
+			);
+		} );
 
-		it.each(pages)('allows customer to see %s page', async (pageTitle, path, goToPage) => {
-			await goToPage();
-			expect(page.url()).toMatch(path);
-			await expect(page).toMatchElement('h1', { text: pageTitle });
-		});
-	});
-}
+		it.each( pages )(
+			'allows customer to see %s page',
+			async ( pageTitle, path, goToPage ) => {
+				await goToPage();
+				expect( page.url() ).toMatch( path );
+				await expect( page ).toMatchElement( 'h1', {
+					text: pageTitle,
+				} );
+			}
+		);
+	} );
+};
 
 module.exports = runMyAccountPageTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-order-email-receiving.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-order-email-receiving.test.js
index a56e10ef109..3465e62721b 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-order-email-receiving.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-order-email-receiving.test.js
@@ -2,7 +2,7 @@
 /**
  * Internal dependencies
  */
- const {
+const {
 	shopper,
 	merchant,
 	createSimpleProduct,
@@ -23,38 +23,45 @@ const customerEmail = config.get( 'addresses.customer.billing.email' );
 const storeName = 'WooCommerce Core E2E Test Suite';
 
 const runOrderEmailReceivingTest = () => {
-	describe('Shopper Order Email Receiving', () => {
-		beforeAll(async () => {
+	describe( 'Shopper Order Email Receiving', () => {
+		beforeAll( async () => {
 			simplePostIdValue = await createSimpleProduct();
 
 			await merchant.login();
 			await deleteAllEmailLogs();
 			await merchant.logout();
-		});
+		} );
 
 		afterAll( async () => {
 			await shopper.logout();
 		} );
 
-		it('should receive order email after purchasing an item', async () => {
+		it( 'should receive order email after purchasing an item', async () => {
 			await shopper.login();
 
 			// Go to the shop and purchase an item
-			await shopper.goToProduct(simplePostIdValue);
-			await shopper.addToCart(simpleProductName);
+			await shopper.goToProduct( simplePostIdValue );
+			await shopper.addToCart( simpleProductName );
 			await shopper.goToCheckout();
 			await uiUnblocked();
 			await shopper.placeOrder();
 			// Get order ID from the order received html element on the page
-			orderId = await page.$$eval(".woocommerce-order-overview__order strong", elements => elements.map(item => item.textContent));
+			orderId = await page.$$eval(
+				'.woocommerce-order-overview__order strong',
+				( elements ) => elements.map( ( item ) => item.textContent )
+			);
 
 			// Verify the new order email has been received
 			await merchant.login();
 			await merchant.openEmailLog();
-			await expect( page ).toMatchElement( '.column-receiver', { text: customerEmail } );
-			await expect( page ).toMatchElement( '.column-subject', { text: `[${storeName}]: New order #${orderId}` } );
-		});
-	});
+			await expect( page ).toMatchElement( '.column-receiver', {
+				text: customerEmail,
+			} );
+			await expect( page ).toMatchElement( '.column-subject', {
+				text: `[${ storeName }]: New order #${ orderId }`,
+			} );
+		} );
+	} );
 };
 
 module.exports = runOrderEmailReceivingTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-product-browse-search-sort.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-product-browse-search-sort.test.js
index e5bcdadb73a..fb65aa0028c 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-product-browse-search-sort.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-product-browse-search-sort.test.js
@@ -15,9 +15,15 @@ const { it, beforeAll } = require( '@jest/globals' );
 
 const config = require( 'config' );
 const simpleProductName = config.get( 'products.simple.name' );
-const singleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
-const singleProductPrice2 = config.has('products.simple.price') ? '1' + singleProductPrice : '19.99';
-const singleProductPrice3 = config.has('products.simple.price') ? '2' + singleProductPrice : '29.99';
+const singleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
+const singleProductPrice2 = config.has( 'products.simple.price' )
+	? '1' + singleProductPrice
+	: '19.99';
+const singleProductPrice3 = config.has( 'products.simple.price' )
+	? '2' + singleProductPrice
+	: '29.99';
 const clothing = 'Clothing';
 const audio = 'Audio';
 const hardware = 'Hardware';
@@ -26,60 +32,88 @@ const productTitle = 'li.first > a > h2.woocommerce-loop-product__title';
 const getWordPressVersion = async () => {
 	const context = await getEnvironmentContext();
 	return context.wpVersion;
-}
+};
 
 const runProductBrowseSearchSortTest = () => {
-	utils.describeIf( getWordPressVersion() >= 5.8 )( 'Search, browse by categories and sort items in the shop', () => {
-		beforeAll(async () => {
-			// Create 1st product with Clothing category
-			await createSimpleProductWithCategory(simpleProductName + ' 1', singleProductPrice, clothing);
-			// Create 2nd product with Audio category
-			await createSimpleProductWithCategory(simpleProductName + ' 2', singleProductPrice2, audio);
-			// Create 3rd product with Hardware category
-			await createSimpleProductWithCategory(simpleProductName + ' 3', singleProductPrice3, hardware);
-		});
+	utils.describeIf( getWordPressVersion() >= 5.8 )(
+		'Search, browse by categories and sort items in the shop',
+		() => {
+			beforeAll( async () => {
+				// Create 1st product with Clothing category
+				await createSimpleProductWithCategory(
+					simpleProductName + ' 1',
+					singleProductPrice,
+					clothing
+				);
+				// Create 2nd product with Audio category
+				await createSimpleProductWithCategory(
+					simpleProductName + ' 2',
+					singleProductPrice2,
+					audio
+				);
+				// Create 3rd product with Hardware category
+				await createSimpleProductWithCategory(
+					simpleProductName + ' 3',
+					singleProductPrice3,
+					hardware
+				);
+			} );
 
-		it('should let user search the store', async () => {
-			await shopper.goToShop();
-			await shopper.searchForProduct(simpleProductName + ' 1');
-			page.waitForNavigation({waitUntil: 'networkidle0'});
-		});
+			it( 'should let user search the store', async () => {
+				await shopper.goToShop();
+				await shopper.searchForProduct( simpleProductName + ' 1' );
+				page.waitForNavigation( { waitUntil: 'networkidle0' } );
+			} );
 
-		it('should let user browse products by categories', async () => {
-			// Browse through Clothing category link
-			await Promise.all([
-				page.click('span.posted_in > a', {text: clothing}),
-				page.waitForNavigation({waitUntil: 'networkidle0'}),
-			]);
+			it( 'should let user browse products by categories', async () => {
+				// Browse through Clothing category link
+				await Promise.all( [
+					page.click( 'span.posted_in > a', { text: clothing } ),
+					page.waitForNavigation( { waitUntil: 'networkidle0' } ),
+				] );
 
-			// Verify Clothing category page
-			await page.waitForSelector(productTitle);
-			await expect(page).toMatchElement(productTitle, {text: simpleProductName + ' 1'});
-			await expect(page).toClick(productTitle, {text: simpleProductName + ' 1'});
-			page.waitForNavigation({waitUntil: 'networkidle0'});
-			await page.waitForSelector('h1.entry-title');
-			await expect(page).toMatchElement('h1.entry-title', simpleProductName + ' 1');
-		});
+				// Verify Clothing category page
+				await page.waitForSelector( productTitle );
+				await expect( page ).toMatchElement( productTitle, {
+					text: simpleProductName + ' 1',
+				} );
+				await expect( page ).toClick( productTitle, {
+					text: simpleProductName + ' 1',
+				} );
+				page.waitForNavigation( { waitUntil: 'networkidle0' } );
+				await page.waitForSelector( 'h1.entry-title' );
+				await expect( page ).toMatchElement(
+					'h1.entry-title',
+					simpleProductName + ' 1'
+				);
+			} );
 
-		it('should let user sort the products in the shop', async () => {
-			await shopper.goToShop();
+			it( 'should let user sort the products in the shop', async () => {
+				await shopper.goToShop();
 
-			// Sort by price high to low
-			await page.select('.orderby', 'price-desc');
-			// Verify the first product in sort order
-			await expect(page).toMatchElement(productTitle, {text: simpleProductName + ' 3'});
+				// Sort by price high to low
+				await page.select( '.orderby', 'price-desc' );
+				// Verify the first product in sort order
+				await expect( page ).toMatchElement( productTitle, {
+					text: simpleProductName + ' 3',
+				} );
 
-			// Sort by price low to high
-			await page.select('.orderby', 'price');
-			// Verify the first product in sort order
-			await expect(page).toMatchElement(productTitle, {text: simpleProductName + ' 1'});
+				// Sort by price low to high
+				await page.select( '.orderby', 'price' );
+				// Verify the first product in sort order
+				await expect( page ).toMatchElement( productTitle, {
+					text: simpleProductName + ' 1',
+				} );
 
-			// Sort by date of creation, latest to oldest
-			await page.select('.orderby', 'date');
-			// Verify the first product in sort order
-			await expect(page).toMatchElement(productTitle, {text: simpleProductName + ' 3'});
-		});
-	});
+				// Sort by date of creation, latest to oldest
+				await page.select( '.orderby', 'date' );
+				// Verify the first product in sort order
+				await expect( page ).toMatchElement( productTitle, {
+					text: simpleProductName + ' 3',
+				} );
+			} );
+		}
+	);
 };
 
 module.exports = runProductBrowseSearchSortTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-single-product.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-single-product.test.js
index f5db7c73f1a..644a53752be 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-single-product.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-single-product.test.js
@@ -24,123 +24,147 @@ const defaultVariableProduct = config.get( 'products.variable' );
 let variableProductId;
 
 // Variables for grouped product
-const simpleProductPrice = config.has('products.simple.price') ? config.get('products.simple.price') : '9.99';
+const simpleProductPrice = config.has( 'products.simple.price' )
+	? config.get( 'products.simple.price' )
+	: '9.99';
 const simple1 = {
 	name: simpleProductName + ' 1',
-	regularPrice: simpleProductPrice
+	regularPrice: simpleProductPrice,
 };
 const simple2 = {
 	name: simpleProductName + ' 2',
-	regularPrice: simpleProductPrice
+	regularPrice: simpleProductPrice,
 };
 const groupedProduct = {
 	name: 'Grouped Product',
-	groupedProducts: [simple1, simple2]
+	groupedProducts: [ simple1, simple2 ],
 };
 let groupedPostIdValue;
 
 const runSingleProductPageTest = () => {
-	describe('Single Product Page', () => {
-		beforeAll(async () => {
+	describe( 'Single Product Page', () => {
+		beforeAll( async () => {
 			simplePostIdValue = await createSimpleProduct();
-		});
+		} );
 
-		it('should be able to add simple products to the cart', async () => {
+		it( 'should be able to add simple products to the cart', async () => {
 			// Add 5 simple products to cart
-			await shopper.goToProduct(simplePostIdValue);
-			await expect(page).toFill('div.quantity input.qty', '5');
+			await shopper.goToProduct( simplePostIdValue );
+			await expect( page ).toFill( 'div.quantity input.qty', '5' );
 			await shopper.addToCart();
-			await expect(page).toMatchElement('.woocommerce-message', {text: 'have been added to your cart.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: 'have been added to your cart.',
+			} );
 
 			// Verify cart contents
 			await shopper.goToCart();
-			await shopper.productIsInCart(simpleProductName, 5);
-		});
+			await shopper.productIsInCart( simpleProductName, 5 );
+		} );
 
-		it('should be able to remove simple products from the cart', async () => {
+		it( 'should be able to remove simple products from the cart', async () => {
 			// Remove items from cart
 			await shopper.removeFromCart( simplePostIdValue );
 			await uiUnblocked();
-			await expect(page).toMatchElement('.cart-empty', {text: 'Your cart is currently empty.'});
-		});
-	});
+			await expect( page ).toMatchElement( '.cart-empty', {
+				text: 'Your cart is currently empty.',
+			} );
+		} );
+	} );
 
-	describe('Variable Product Page', () => {
-		beforeAll(async () => {
+	describe( 'Variable Product Page', () => {
+		beforeAll( async () => {
 			variableProductId = await createVariableProduct();
-		});
+		} );
 
-		it('should be able to add variation products to the cart', async () => {
+		it( 'should be able to add variation products to the cart', async () => {
 			// Add a product with one set of variations to cart
-			await shopper.goToProduct(variableProductId);
+			await shopper.goToProduct( variableProductId );
 
-			for (const attr of defaultVariableProduct.attributes) {
+			for ( const attr of defaultVariableProduct.attributes ) {
 				const { name, options } = attr;
-				const selectElem = `#${name.toLowerCase()}`;
-				const value = options[0];
+				const selectElem = `#${ name.toLowerCase() }`;
+				const value = options[ 0 ];
 
-				await expect(page).toSelect(selectElem, value);
+				await expect( page ).toSelect( selectElem, value );
 			}
 
 			await shopper.addToCart();
-			await expect(page).toMatchElement('.woocommerce-message', {text: 'has been added to your cart.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: 'has been added to your cart.',
+			} );
 
 			// Verify cart contents
 			await shopper.goToCart();
-			await shopper.productIsInCart(defaultVariableProduct.name);
-		});
+			await shopper.productIsInCart( defaultVariableProduct.name );
+		} );
 
-		it('should be able to remove variation products from the cart', async () => {
+		it( 'should be able to remove variation products from the cart', async () => {
 			// Remove items from cart
 			await shopper.removeFromCart( variableProductId );
 			await uiUnblocked();
-			await expect(page).toMatchElement('.cart-empty', {text: 'Your cart is currently empty.'});
-		});
-	});
+			await expect( page ).toMatchElement( '.cart-empty', {
+				text: 'Your cart is currently empty.',
+			} );
+		} );
+	} );
 
-	describe('Grouped Product Page', () => {
-		beforeAll(async () => {
-			groupedPostIdValue = await createGroupedProduct(groupedProduct);
-		});
+	describe( 'Grouped Product Page', () => {
+		beforeAll( async () => {
+			groupedPostIdValue = await createGroupedProduct( groupedProduct );
+		} );
 
-		it('should be able to add grouped products to the cart', async () => {
+		it( 'should be able to add grouped products to the cart', async () => {
 			// Add a grouped product to cart
-			await shopper.goToProduct(groupedPostIdValue);
-			await page.waitForSelector('form.grouped_form');
+			await shopper.goToProduct( groupedPostIdValue );
+			await page.waitForSelector( 'form.grouped_form' );
 			await shopper.addToCart();
-			await expect(page).toMatchElement('.woocommerce-error',
-			 {text: 'Please choose the quantity of items you wish to add to your cart…'});
-			const quantityFields = await page.$$('div.quantity input.qty');
-			await quantityFields[0].click({clickCount: 3});
-			await quantityFields[0].type('5');
-			await quantityFields[1].click({clickCount: 3});
-			await quantityFields[1].type('5');
+			await expect( page ).toMatchElement( '.woocommerce-error', {
+				text:
+					'Please choose the quantity of items you wish to add to your cart…',
+			} );
+			const quantityFields = await page.$$( 'div.quantity input.qty' );
+			await quantityFields[ 0 ].click( { clickCount: 3 } );
+			await quantityFields[ 0 ].type( '5' );
+			await quantityFields[ 1 ].click( { clickCount: 3 } );
+			await quantityFields[ 1 ].type( '5' );
 			await shopper.addToCart();
-			await expect(page).toMatchElement('.woocommerce-message',
-			{text: '“'+simpleProductName+' 1” and “'+simpleProductName+' 2” have been added to your cart.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text:
+					'“' +
+					simpleProductName +
+					' 1” and “' +
+					simpleProductName +
+					' 2” have been added to your cart.',
+			} );
 
 			// Verify cart contents
 			await shopper.goToCart();
-			await shopper.productIsInCart(simpleProductName+' 1');
-			await shopper.productIsInCart(simpleProductName+' 2');
-		});
+			await shopper.productIsInCart( simpleProductName + ' 1' );
+			await shopper.productIsInCart( simpleProductName + ' 2' );
+		} );
 
-		it('should be able to remove grouped products from the cart', async () => {
+		it( 'should be able to remove grouped products from the cart', async () => {
 			// Remove items from cart
-			await shopper.removeFromCart( simpleProductName+' 1' );
+			await shopper.removeFromCart( simpleProductName + ' 1' );
 			await uiUnblocked();
-			await expect(page).toMatchElement('.woocommerce-message', {text: '“'+simpleProductName+' 1” removed.'});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: '“' + simpleProductName + ' 1” removed.',
+			} );
 			await Promise.all( [
 				// Reload page and perform item removal, since removeFromCart won't remove it when placed in a row
 				page.reload(),
 				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
 			] );
-			await shopper.removeFromCart(simpleProductName+' 2');
+			await shopper.removeFromCart( simpleProductName + ' 2' );
 			await uiUnblocked();
-			await expect(page).toMatchElement('.woocommerce-message', {text: '“'+simpleProductName+' 2” removed.'});
-			await expect(page).toMatchElement('.cart-empty', {text: 'Your cart is currently empty.'});
-		});
-	});
+			await expect( page ).toMatchElement( '.woocommerce-message', {
+				text: '“' + simpleProductName + ' 2” removed.',
+			} );
+			await expect( page ).toMatchElement( '.cart-empty', {
+				text: 'Your cart is currently empty.',
+			} );
+		} );
+	} );
 };
 
 module.exports = runSingleProductPageTest;
diff --git a/packages/js/e2e-core-tests/src/specs/shopper/front-end-variable-product-updates.test.js b/packages/js/e2e-core-tests/src/specs/shopper/front-end-variable-product-updates.test.js
index 8c0ac5a9c5f..13762dd39a1 100644
--- a/packages/js/e2e-core-tests/src/specs/shopper/front-end-variable-product-updates.test.js
+++ b/packages/js/e2e-core-tests/src/specs/shopper/front-end-variable-product-updates.test.js
@@ -2,105 +2,128 @@
 /**
  * Internal dependencies
  */
-const {
-	shopper,
-	createVariableProduct,
-} = require( '@woocommerce/e2e-utils' );
-const config = require('config');
+const { shopper, createVariableProduct } = require( '@woocommerce/e2e-utils' );
+const config = require( 'config' );
 
 let variablePostIdValue;
 
-const cartDialogMessage = 'Please select some product options before adding this product to your cart.';
-const attributes = config.get( 'products.variable.attributes' )
+const cartDialogMessage =
+	'Please select some product options before adding this product to your cart.';
+const attributes = config.get( 'products.variable.attributes' );
 
 const runVariableProductUpdateTest = () => {
-	describe('Shopper > Update variable product',() => {
-		beforeAll(async () => {
+	describe( 'Shopper > Update variable product', () => {
+		beforeAll( async () => {
 			variablePostIdValue = await createVariableProduct();
-		});
+		} );
 
-		it('shopper can change variable attributes to the same value', async () => {
-			await shopper.goToProduct(variablePostIdValue);
+		it( 'shopper can change variable attributes to the same value', async () => {
+			await shopper.goToProduct( variablePostIdValue );
 
-			for (const a of attributes) {
+			for ( const a of attributes ) {
 				const { name, options } = a;
-				const attrHTMLId = `#${name.toLowerCase()}`;
+				const attrHTMLId = `#${ name.toLowerCase() }`;
 
-				await expect(page).toSelect(attrHTMLId, options[0]);
+				await expect( page ).toSelect( attrHTMLId, options[ 0 ] );
 			}
 
-			await expect(page).toMatchElement('.woocommerce-variation-price', {
-				text: '9.99'
-			});
-		});
+			await expect( page ).toMatchElement(
+				'.woocommerce-variation-price',
+				{
+					text: '9.99',
+				}
+			);
+		} );
 
-		it('shopper can change attributes to combination with dimensions and weight', async () => {
-			await shopper.goToProduct(variablePostIdValue);
-			await expect(page).toSelect(
-				`#${attributes[0].name.toLowerCase()}`,
-				attributes[0].options[0]
+		it( 'shopper can change attributes to combination with dimensions and weight', async () => {
+			await shopper.goToProduct( variablePostIdValue );
+			await expect( page ).toSelect(
+				`#${ attributes[ 0 ].name.toLowerCase() }`,
+				attributes[ 0 ].options[ 0 ]
 			);
-			await expect(page).toSelect(
-				`#${attributes[1].name.toLowerCase()}`,
-				attributes[1].options[1]
+			await expect( page ).toSelect(
+				`#${ attributes[ 1 ].name.toLowerCase() }`,
+				attributes[ 1 ].options[ 1 ]
 			);
-			await expect(page).toSelect(
-				`#${attributes[2].name.toLowerCase()}`,
-				attributes[2].options[0]
+			await expect( page ).toSelect(
+				`#${ attributes[ 2 ].name.toLowerCase() }`,
+				attributes[ 2 ].options[ 0 ]
 			);
 
-			await expect(page).toMatchElement('.woocommerce-variation-price', { text: '20.00' });
-			await expect(page).toMatchElement('.woocommerce-variation-availability', { text: 'Out of stock' });
-			await expect(page).toMatchElement('.woocommerce-product-attributes-item--weight', { text: '200 kg' });
-			await expect(page).toMatchElement('.woocommerce-product-attributes-item--dimensions', { text: '10 × 20 × 15 cm' });
-
-		});
-
-		it('shopper can change variable product attributes to variation with a different price', async () => {
-			await shopper.goToProduct(variablePostIdValue);
-			await expect(page).toSelect(
-				`#${attributes[0].name.toLowerCase()}`,
-				attributes[0].options[0]
+			await expect( page ).toMatchElement(
+				'.woocommerce-variation-price',
+				{ text: '20.00' }
 			);
-			await expect(page).toSelect(
-				`#${attributes[1].name.toLowerCase()}`,
-				attributes[1].options[0]
+			await expect( page ).toMatchElement(
+				'.woocommerce-variation-availability',
+				{
+					text: 'Out of stock',
+				}
 			);
-			await expect(page).toSelect(
-				`#${attributes[2].name.toLowerCase()}`,
-				attributes[2].options[1]
+			await expect( page ).toMatchElement(
+				'.woocommerce-product-attributes-item--weight',
+				{
+					text: '200 kg',
+				}
+			);
+			await expect(
+				page
+			).toMatchElement(
+				'.woocommerce-product-attributes-item--dimensions',
+				{ text: '10 × 20 × 15 cm' }
+			);
+		} );
+
+		it( 'shopper can change variable product attributes to variation with a different price', async () => {
+			await shopper.goToProduct( variablePostIdValue );
+			await expect( page ).toSelect(
+				`#${ attributes[ 0 ].name.toLowerCase() }`,
+				attributes[ 0 ].options[ 0 ]
+			);
+			await expect( page ).toSelect(
+				`#${ attributes[ 1 ].name.toLowerCase() }`,
+				attributes[ 1 ].options[ 0 ]
+			);
+			await expect( page ).toSelect(
+				`#${ attributes[ 2 ].name.toLowerCase() }`,
+				attributes[ 2 ].options[ 1 ]
 			);
 
-			await expect(page).toMatchElement('.woocommerce-variation-price', { text: '11.99' });
-		});
+			await expect( page ).toMatchElement(
+				'.woocommerce-variation-price',
+				{ text: '11.99' }
+			);
+		} );
 
-		it('shopper can reset variations', async () => {
-			await shopper.goToProduct(variablePostIdValue);
-			await expect(page).toSelect(
-				`#${attributes[0].name.toLowerCase()}`,
-				attributes[0].options[0]
+		it( 'shopper can reset variations', async () => {
+			await shopper.goToProduct( variablePostIdValue );
+			await expect( page ).toSelect(
+				`#${ attributes[ 0 ].name.toLowerCase() }`,
+				attributes[ 0 ].options[ 0 ]
 			);
-			await expect(page).toSelect(
-				`#${attributes[1].name.toLowerCase()}`,
-				attributes[1].options[1]
+			await expect( page ).toSelect(
+				`#${ attributes[ 1 ].name.toLowerCase() }`,
+				attributes[ 1 ].options[ 1 ]
 			);
-			await expect(page).toSelect(
-				`#${attributes[2].name.toLowerCase()}`,
-				attributes[2].options[0]
+			await expect( page ).toSelect(
+				`#${ attributes[ 2 ].name.toLowerCase() }`,
+				attributes[ 2 ].options[ 0 ]
 			);
 
-			await expect(page).toClick('.reset_variations');
+			await expect( page ).toClick( '.reset_variations' );
 
 			// Verify the reset by attempting to add the product to the cart
-			const couponDialog = await expect(page).toDisplayDialog(async () => {
-					await expect(page).toClick('.single_add_to_cart_button');
-				});
+			const couponDialog = await expect( page ).toDisplayDialog(
+				async () => {
+					await expect( page ).toClick(
+						'.single_add_to_cart_button'
+					);
+				}
+			);
 
-			expect(couponDialog.message()).toMatch(cartDialogMessage);
-		});
-
-	});
-	
+			expect( couponDialog.message() ).toMatch( cartDialogMessage );
+		} );
+	} );
 };
 
 module.exports = runVariableProductUpdateTest;
diff --git a/packages/js/e2e-core-tests/src/specs/utils/coupons.js b/packages/js/e2e-core-tests/src/specs/utils/coupons.js
index f39532abad1..3a5d478e36e 100644
--- a/packages/js/e2e-core-tests/src/specs/utils/coupons.js
+++ b/packages/js/e2e-core-tests/src/specs/utils/coupons.js
@@ -6,7 +6,7 @@ const { createCoupon } = require( '@woocommerce/e2e-utils' );
 const couponsTable = [
 	[ 'fixed cart', { text: '$5.00' }, { text: '$4.99' } ],
 	[ 'percentage', { text: '$4.99' }, { text: '$5.00' } ],
-	[ 'fixed product', { text: '$5.00' }, { text: '$4.99' } ]
+	[ 'fixed product', { text: '$5.00' }, { text: '$4.99' } ],
 ];
 
 let couponFixedCart;
@@ -28,12 +28,18 @@ const getCouponId = async ( couponType ) => {
 			return couponFixedCart;
 		case 'percentage':
 			if ( ! couponPercentage ) {
-				couponPercentage = await createCoupon( '50', 'Percentage discount' );
+				couponPercentage = await createCoupon(
+					'50',
+					'Percentage discount'
+				);
 			}
 			return couponPercentage;
 		case 'fixed product':
 			if ( ! couponFixedProduct ) {
-				couponFixedProduct = await createCoupon( '5', 'Fixed product discount' );
+				couponFixedProduct = await createCoupon(
+					'5',
+					'Fixed product discount'
+				);
 			}
 			return couponFixedProduct;
 	}
diff --git a/packages/js/e2e-environment/.eslintrc.js b/packages/js/e2e-environment/.eslintrc.js
index a54292c2b19..a10fc099765 100644
--- a/packages/js/e2e-environment/.eslintrc.js
+++ b/packages/js/e2e-environment/.eslintrc.js
@@ -1,7 +1,5 @@
 module.exports = {
-	extends: [
-		'plugin:jest/recommended',
-	],
+	extends: [ 'plugin:@woocommerce/eslint-plugin/recommended' ],
 	env: {
 		'jest/globals': true,
 	},
diff --git a/packages/js/e2e-environment/changelog/fix-standardize-lint-e2e b/packages/js/e2e-environment/changelog/fix-standardize-lint-e2e
new file mode 100644
index 00000000000..72f3afe233e
--- /dev/null
+++ b/packages/js/e2e-environment/changelog/fix-standardize-lint-e2e
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize linting: Ensure e2e packages are lintable
diff --git a/packages/js/e2e-environment/package.json b/packages/js/e2e-environment/package.json
index 38df8fe81d1..094cf68fe2c 100644
--- a/packages/js/e2e-environment/package.json
+++ b/packages/js/e2e-environment/package.json
@@ -29,9 +29,9 @@
 		"@wordpress/jest-preset-default": "^7.1.3",
 		"app-root-path": "^3.0.0",
 		"commander": "4.1.1",
-	"config": "3.3.3",
+		"config": "3.3.3",
 		"jest": "^25.1.0",
-	"jest-circus": "25.1.0",
+		"jest-circus": "25.1.0",
 		"jest-each": "25.5.0",
 		"jest-puppeteer": "^4.4.0",
 		"node-stream-zip": "^1.13.6",
@@ -53,7 +53,7 @@
 		"@wordpress/babel-plugin-import-jsx-pragma": "1.1.3",
 		"@wordpress/babel-preset-default": "3.0.2",
 		"@wordpress/browserslist-config": "^4.1.0",
-		"@wordpress/eslint-plugin": "7.3.0",
+		"@woocommerce/eslint-plugin": "workspace:*",
 		"eslint": "^8.1.0",
 		"ndb": "^1.1.5",
 		"semver": "^7.3.2"
@@ -66,7 +66,7 @@
 		"clean": "rm -rf ./build ./build-module",
 		"compile": "e2e-builds",
 		"build": "pnpm run clean && pnpm run compile",
-		"prepack": "pnpm run build",
+		"prepare": "pnpm run build",
 		"docker:up": "./bin/docker-compose.sh up",
 		"docker:wait": "bash ./bin/wait-for-build.sh",
 		"docker:down": "./bin/docker-compose.sh down",
@@ -75,14 +75,15 @@
 		"test:e2e": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js",
 		"test:e2e-debug": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js --dev --debug",
 		"test:e2e-dev": "bash ./bin/wait-for-build.sh && ./bin/e2e-test-integration.js --dev",
-		"lint": "eslint src"
+		"lint": "eslint src --ext=js,ts,tsx",
+		"lint:fix": "eslint src --ext=js,ts,tsx --fix"
 	},
 	"bin": {
 		"wc-e2e": "bin/wc-e2e.sh"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
-			"eslint --fix"
+			"pnpm lint:fix"
 		]
 	}
 }
diff --git a/packages/js/e2e-environment/src/setup/jest.failure.js b/packages/js/e2e-environment/src/setup/jest.failure.js
index 2f74adebc87..41b934fefe1 100644
--- a/packages/js/e2e-environment/src/setup/jest.failure.js
+++ b/packages/js/e2e-environment/src/setup/jest.failure.js
@@ -78,8 +78,8 @@ global.it = ( () => {
 /**
  * Save a screenshot during a test if the test fails.
  *
- * @param testName
- * @param callback
+ * @param  testName
+ * @param  callback
  * @return {Promise<void>}
  */
 const screenshotTest = async ( testName, callback ) => {
diff --git a/packages/js/e2e-environment/src/slack/reporter.js b/packages/js/e2e-environment/src/slack/reporter.js
index 67a7b9ba403..da918fd9022 100644
--- a/packages/js/e2e-environment/src/slack/reporter.js
+++ b/packages/js/e2e-environment/src/slack/reporter.js
@@ -67,7 +67,7 @@ const initializeSlack = () => {
 /**
  * Post a message to a Slack channel for a failed test.
  *
- * @param testName
+ * @param  testName
  * @return {Promise<void>}
  */
 async function sendFailedTestMessageToSlack( testName ) {
@@ -131,7 +131,7 @@ async function sendFailedTestMessageToSlack( testName ) {
 /**
  * Post a screenshot to a Slack channel for a failed test.
  *
- * @param screenshotOfFailedTest
+ * @param  screenshotOfFailedTest
  * @return {Promise<void>}
  */
 async function sendFailedTestScreenshotToSlack( screenshotOfFailedTest ) {
diff --git a/packages/js/e2e-utils/changelog/fix-standardize-lint-e2e b/packages/js/e2e-utils/changelog/fix-standardize-lint-e2e
new file mode 100644
index 00000000000..72f3afe233e
--- /dev/null
+++ b/packages/js/e2e-utils/changelog/fix-standardize-lint-e2e
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Standardize linting: Ensure e2e packages are lintable
diff --git a/packages/js/e2e-utils/package.json b/packages/js/e2e-utils/package.json
index b4aa1afcffe..6cef88f9250 100644
--- a/packages/js/e2e-utils/package.json
+++ b/packages/js/e2e-utils/package.json
@@ -45,7 +45,13 @@
 		"clean": "rm -rf ./build ./build-module",
 		"compile": "e2e-builds",
 		"build": "pnpm run clean && pnpm run compile",
-		"prepack": "pnpm run build",
-		"lint": "eslint src"
+		"prepare": "pnpm run build",
+		"lint": "eslint src --ext=js,ts,tsx",
+		"lint:fix": "eslint src --ext=js,ts,tsx --fix"
+	},
+	"lint-staged": {
+		"*.(t|j)s?(x)": [
+			"pnpm lint:fix"
+		]
 	}
 }
diff --git a/packages/js/e2e-utils/src/components.js b/packages/js/e2e-utils/src/components.js
index f117738a7ec..a2d5852fc63 100644
--- a/packages/js/e2e-utils/src/components.js
+++ b/packages/js/e2e-utils/src/components.js
@@ -34,7 +34,7 @@ const uuid = require( 'uuid' );
 /**
  * Verify and publish
  *
- * @param noticeText The text that appears in the notice after publishing.
+ * @param  noticeText The text that appears in the notice after publishing.
  */
 const verifyAndPublish = async ( noticeText ) => {
 	// Wait for auto save
@@ -53,7 +53,7 @@ const verifyAndPublish = async ( noticeText ) => {
 /**
  * Wait for primary button to be enabled and click.
  *
- * @param waitForNetworkIdle - Wait for network idle after click
+ * @param  waitForNetworkIdle - Wait for network idle after click
  * @return {Promise<void>}
  */
 const waitAndClickPrimary = async ( waitForNetworkIdle = true ) => {
@@ -231,8 +231,8 @@ const completeOnboardingWizard = async () => {
 /**
  * Create simple product.
  *
- * @param {string} productTitle Defaults to Simple Product. Customizable title.
- * @param {string} productPrice Defaults to $9.99. Customizable pricing.
+ * @param {string} productTitle    Defaults to Simple Product. Customizable title.
+ * @param {string} productPrice    Defaults to $9.99. Customizable pricing.
  * @param {Object} additionalProps Defaults to nothing. Additional product properties.
  */
 const createSimpleProduct = async (
@@ -252,9 +252,9 @@ const createSimpleProduct = async (
 /**
  * Create simple product with categories
  *
- * @param productName Product's name which can be changed when writing a test
- * @param productPrice Product's price which can be changed when writing a test
- * @param categoryName Product's category which can be changed when writing a test
+ * @param  productName  Product's name which can be changed when writing a test
+ * @param  productPrice Product's price which can be changed when writing a test
+ * @param  categoryName Product's category which can be changed when writing a test
  */
 const createSimpleProductWithCategory = async (
 	productName,
@@ -281,10 +281,10 @@ const createSimpleProductWithCategory = async (
 /**
  * Create simple downloadable product
  *
- * @param name Product's name. Defaults to 'Simple Product' (see createSimpleProduct definition).
- * @param downloadLimit Product's download limit. Defaults to '-1' (unlimited).
- * @param downloadName Product's download name. Defaults to 'Single'.
- * @param price Product's price. Defaults to '$9.99' (see createSimpleProduct definition).
+ * @param  name          Product's name. Defaults to 'Simple Product' (see createSimpleProduct definition).
+ * @param  downloadLimit Product's download limit. Defaults to '-1' (unlimited).
+ * @param  downloadName  Product's download name. Defaults to 'Single'.
+ * @param  price         Product's price. Defaults to '$9.99' (see createSimpleProduct definition).
  */
 const createSimpleDownloadableProduct = async (
 	name,
@@ -312,7 +312,7 @@ const createSimpleDownloadableProduct = async (
  * Create variable product.
  * Also, create variations for all attributes.
  *
- * @param varProduct Defaults to the variable product object in `default.json`
+ * @param  varProduct Defaults to the variable product object in `default.json`
  * @return the ID of the created variable product
  */
 const createVariableProduct = async ( varProduct = defaultVariableProduct ) => {
@@ -383,7 +383,7 @@ const createVariableProduct = async ( varProduct = defaultVariableProduct ) => {
 /**
  * Create grouped product.
  *
- * @param groupedProduct Defaults to the grouped product object in `default.json`
+ * @param  groupedProduct Defaults to the grouped product object in `default.json`
  * @return ID of the grouped product
  */
 const createGroupedProduct = async (
@@ -446,7 +446,7 @@ const createOrder = async ( orderOptions = {} ) => {
 /**
  * Create a basic order with the provided order status.
  *
- * @param orderStatus Status of the new order. Defaults to `Pending payment`.
+ * @param  orderStatus Status of the new order. Defaults to `Pending payment`.
  */
 const createSimpleOrder = async ( orderStatus = 'Pending payment' ) => {
 	// Go to 'Add new order' page
@@ -481,7 +481,7 @@ const createSimpleOrder = async ( orderStatus = 'Pending payment' ) => {
  * Creates a batch of orders from the given `statuses`
  * using the "Batch Create Order" API.
  *
- * @param statuses Array of order statuses
+ * @param  statuses Array of order statuses
  */
 const batchCreateOrders = async ( statuses ) => {
 	const defaultOrder = config.get( 'orders.basicPaidOrder' );
@@ -505,8 +505,8 @@ const batchCreateOrders = async ( statuses ) => {
 /**
  * Adds a product to an order in the merchant.
  *
- * @param orderId ID of the order to add the product to.
- * @param productName Name of the product being added to the order.
+ * @param  orderId     ID of the order to add the product to.
+ * @param  productName Name of the product being added to the order.
  */
 const addProductToOrder = async ( orderId, productName ) => {
 	await merchant.goToOrder( orderId );
@@ -539,8 +539,8 @@ const addProductToOrder = async ( orderId, productName ) => {
 /**
  * Creates a basic coupon with the provided coupon amount. Returns the coupon code.
  *
- * @param couponAmount Amount to be applied. Defaults to 5.
- * @param discountType Type of a coupon. Defaults to Fixed cart discount.
+ * @param  couponAmount Amount to be applied. Defaults to 5.
+ * @param  discountType Type of a coupon. Defaults to Fixed cart discount.
  */
 const createCoupon = async (
 	couponAmount = '5',
@@ -576,10 +576,10 @@ const createCoupon = async (
 /**
  * Adds a shipping zone along with a shipping method.
  *
- * @param zoneName Shipping zone name.
- * @param zoneLocation Shiping zone location. Defaults to country:US. For states use: state:US:CA
- * @param zipCode Shipping zone zip code. Defaults to empty one space.
- * @param zoneMethod Shipping method type. Defaults to flat_rate (use also: free_shipping or local_pickup)
+ * @param  zoneName     Shipping zone name.
+ * @param  zoneLocation Shiping zone location. Defaults to country:US. For states use: state:US:CA
+ * @param  zipCode      Shipping zone zip code. Defaults to empty one space.
+ * @param  zoneMethod   Shipping method type. Defaults to flat_rate (use also: free_shipping or local_pickup)
  */
 const addShippingZoneAndMethod = async (
 	zoneName,
@@ -626,8 +626,8 @@ const addShippingZoneAndMethod = async (
 /**
  * Click the Update button on the order details page.
  *
- * @param noticeText The text that appears in the notice after updating the order.
- * @param waitForSave Optionally wait for auto save.
+ * @param  noticeText  The text that appears in the notice after updating the order.
+ * @param  waitForSave Optionally wait for auto save.
  */
 const clickUpdateOrder = async ( noticeText, waitForSave = false ) => {
 	if ( waitForSave ) {
diff --git a/packages/js/e2e-utils/src/flows/merchant.js b/packages/js/e2e-utils/src/flows/merchant.js
index 086b47db362..d6f5c0e1de8 100644
--- a/packages/js/e2e-utils/src/flows/merchant.js
+++ b/packages/js/e2e-utils/src/flows/merchant.js
@@ -531,7 +531,7 @@ const merchant = {
 	/**
 	 * Deactivate a plugin by the plugin's name with the option to delete the plugin as well.
 	 *
-	 * @param {string} pluginName The name of the plugin to deactivate. For example, `WooCommerce`.
+	 * @param {string}  pluginName   The name of the plugin to deactivate. For example, `WooCommerce`.
 	 * @param {boolean} deletePlugin Pass in `true` to delete the plugin. Defaults to `false`.
 	 */
 	deactivatePlugin: async ( pluginName, deletePlugin = false ) => {
diff --git a/packages/js/e2e-utils/src/flows/utils.js b/packages/js/e2e-utils/src/flows/utils.js
index 4dd531a57bf..ca061416cee 100644
--- a/packages/js/e2e-utils/src/flows/utils.js
+++ b/packages/js/e2e-utils/src/flows/utils.js
@@ -2,9 +2,9 @@
  * Take a string name and generate the slug for it.
  * Example: 'My plugin' => 'my-plugin'
  *
- * @param text string to convert to a slug
+ * @param  text string to convert to a slug
  *
- * Sourced from: https://gist.github.com/spyesx/561b1d65d4afb595f295
+ *              Sourced from: https://gist.github.com/spyesx/561b1d65d4afb595f295
  */
 export const getSlug = ( text ) => {
 	text = text.trim().toLowerCase();
@@ -39,7 +39,7 @@ export const itIf = ( condition ) => ( condition ? it : it.skip );
 /**
  * Wait for a timeout in milliseconds
  *
- * @param timeout delay time in milliseconds
+ * @param  timeout delay time in milliseconds
  * @return {Promise<void>}
  */
 export const waitForTimeout = async ( timeout ) => {
diff --git a/packages/js/e2e-utils/src/flows/with-rest-api.js b/packages/js/e2e-utils/src/flows/with-rest-api.js
index 455c1299616..42faacdf447 100644
--- a/packages/js/e2e-utils/src/flows/with-rest-api.js
+++ b/packages/js/e2e-utils/src/flows/with-rest-api.js
@@ -16,9 +16,9 @@ const userEndpoint = '/wp/v2/users';
 /**
  * Utility function to delete all merchant created data store objects.
  *
- * @param repository
- * @param defaultObjectId
- * @param statuses Status of the object to check
+ * @param  repository
+ * @param  defaultObjectId
+ * @param  statuses        Status of the object to check
  * @return {Promise<void>}
  */
 const deleteAllRepositoryObjects = async (
@@ -226,13 +226,13 @@ export const withRestApi = {
 	/**
 	 * Adds a shipping zone along with a shipping method using the API.
 	 *
-	 * @param zoneName Shipping zone name.
-	 * @param zoneLocation Shiping zone location. Defaults to country:US. For states use: state:US:CA.
-	 * @param zipCode Shipping zone zip code. Default is no zip code.
-	 * @param zoneMethod Shipping method type. Defaults to flat_rate (use also: free_shipping or local_pickup).
-	 * @param cost Shipping method cost. Default is no cost.
-	 * @param additionalZoneMethods Array of additional zone methods to add to the shipping zone.
-	 * @param {boolean} testResponse Test the response status code.
+	 * @param           zoneName              Shipping zone name.
+	 * @param           zoneLocation          Shiping zone location. Defaults to country:US. For states use: state:US:CA.
+	 * @param           zipCode               Shipping zone zip code. Default is no zip code.
+	 * @param           zoneMethod            Shipping method type. Defaults to flat_rate (use also: free_shipping or local_pickup).
+	 * @param           cost                  Shipping method cost. Default is no cost.
+	 * @param           additionalZoneMethods Array of additional zone methods to add to the shipping zone.
+	 * @param {boolean} testResponse          Test the response status code.
 	 */
 	addShippingZoneAndMethod: async (
 		zoneName,
@@ -367,7 +367,7 @@ export const withRestApi = {
 	/**
 	 * Delete a customer account by their email address if the user exists.
 	 *
-	 * @param emailAddress Customer user account email address.
+	 * @param  emailAddress Customer user account email address.
 	 * @return {Promise<void>}
 	 */
 	deleteCustomerByEmail: async ( emailAddress ) => {
@@ -394,8 +394,8 @@ export const withRestApi = {
 	/**
 	 * Reset a settings group to default values except selects.
 	 *
-	 * @param settingsGroup
-	 * @param {boolean} testResponse Test the response status code.
+	 * @param           settingsGroup
+	 * @param {boolean} testResponse  Test the response status code.
 	 * @return {Promise<void>}
 	 */
 	resetSettingsGroupToDefault: async (
@@ -437,8 +437,8 @@ export const withRestApi = {
 	 * Update a setting to the supplied value.
 	 *
 	 * @param {string} settingsGroup The settings group to update.
-	 * @param {string} settingId The setting ID to update
-	 * @param {Object} payload An object with a key/value pair to update.
+	 * @param {string} settingId     The setting ID to update
+	 * @param {Object} payload       An object with a key/value pair to update.
 	 */
 	updateSettingOption: async ( settingsGroup, settingId, payload = {} ) => {
 		const settingsClient = Setting.restRepository( client );
@@ -447,9 +447,9 @@ export const withRestApi = {
 	/**
 	 * Update a payment gateway.
 	 *
-	 * @param {string} paymentGatewayId The ID of the payment gateway to update.
-	 * @param {Object} payload An object with the key/value pair to update.
-	 * @param {boolean} testResponse Test the response status code.
+	 * @param {string}  paymentGatewayId The ID of the payment gateway to update.
+	 * @param {Object}  payload          An object with the key/value pair to update.
+	 * @param {boolean} testResponse     Test the response status code.
 	 */
 	updatePaymentGateway: async (
 		paymentGatewayId,
@@ -467,7 +467,7 @@ export const withRestApi = {
 	/**
 	 * Create a batch of orders using the "Batch Create Order" API endpoint.
 	 *
-	 * @param orders Array of orders to be created
+	 * @param           orders       Array of orders to be created
 	 * @param {boolean} testResponse Test the response status code.
 	 */
 	batchCreateOrders: async ( orders, testResponse = true ) => {
diff --git a/packages/js/e2e-utils/src/page-utils.js b/packages/js/e2e-utils/src/page-utils.js
index e052817be99..05367bc0651 100644
--- a/packages/js/e2e-utils/src/page-utils.js
+++ b/packages/js/e2e-utils/src/page-utils.js
@@ -114,8 +114,8 @@ export const backboneUnblocked = async () => {
 /**
  * Conditionally wait for a selector without throwing an error.
  *
- * @param selector
- * @param timeoutInSeconds
+ * @param  selector
+ * @param  timeoutInSeconds
  * @return {Promise<boolean>}
  */
 export const waitForSelectorWithoutThrow = async (
@@ -136,7 +136,7 @@ export const waitForSelectorWithoutThrow = async (
 /**
  * Publish, verify that item was published. Trash, verify that item was trashed.
  *
- * @param {string} button (Publish)
+ * @param {string} button              (Publish)
  * @param {string} publishNotice
  * @param {string} publishVerification
  * @param {string} trashVerification
@@ -193,7 +193,7 @@ export const verifyCheckboxIsUnset = async ( selector ) => {
  * Verify the value of input field once it was saved (can be used for radio buttons verification as well).
  *
  * @param {string} selector Selector of the input field that needs to be verified.
- * @param {string} value Value of the input field that needs to be verified.
+ * @param {string} value    Value of the input field that needs to be verified.
  */
 export const verifyValueOfInputField = async ( selector, value ) => {
 	await page.focus( selector );
@@ -249,7 +249,7 @@ export const evalAndClick = async ( selector ) => {
 /**
  * Select a value from select2 search input field.
  *
- * @param {string} value Value of what to be selected
+ * @param {string} value    Value of what to be selected
  * @param {string} selector Selector of the select2 search field
  */
 export const selectOptionInSelect2 = async (
@@ -266,8 +266,8 @@ export const selectOptionInSelect2 = async (
 /**
  * Search by any term for an order
  *
- * @param {string} value Value to be entered into the search field
- * @param {string} orderId Order ID
+ * @param {string} value        Value to be entered into the search field
+ * @param {string} orderId      Order ID
  * @param {string} customerName Customer's full name attached to order ID.
  */
 export const searchForOrder = async ( value, orderId, customerName ) => {
@@ -284,7 +284,7 @@ export const searchForOrder = async ( value, orderId, customerName ) => {
  * Apply a coupon code within cart or checkout.
  * Method will try to apply a coupon in the checkout, otherwise will try to apply in the cart.
  *
- * @param couponCode string
+ * @param  couponCode string
  * @return {Promise<void>}
  */
 export const applyCoupon = async ( couponCode ) => {
@@ -310,7 +310,7 @@ export const applyCoupon = async ( couponCode ) => {
 /**
  * Remove one coupon within cart or checkout.
  *
- * @param couponCode Coupon name.
+ * @param  couponCode Coupon name.
  * @return {Promise<void>}
  */
 export const removeCoupon = async ( couponCode ) => {
@@ -348,7 +348,7 @@ export const selectOrderAction = async ( action ) => {
  *
  * @param {string} buttonSelector Selector of button to click
  * @param {string} resultSelector Selector to wait for after click
- * @param {number} timeout Timeout length in milliseconds. Default 5000.
+ * @param {number} timeout        Timeout length in milliseconds. Default 5000.
  * @return {Promise<void>}
  */
 export const clickAndWaitForSelector = async (
@@ -367,9 +367,9 @@ export const clickAndWaitForSelector = async (
  * Behavior can be modified with @param options. Possible keys: `visible`, `hidden`, `timeout`.
  * More details at: https://pptr.dev/#?product=Puppeteer&show=api-pagewaitforselectorselector-options
  *
- * @param {Puppeteer.Page} page Puppeteer representation of the page.
- * @param {string} selector CSS selector of the element
- * @param {Object} options Custom options to modify function behavior.
+ * @param {Puppeteer.Page} page     Puppeteer representation of the page.
+ * @param {string}         selector CSS selector of the element
+ * @param {Object}         options  Custom options to modify function behavior.
  */
 export async function waitForSelector( page, selector, options = {} ) {
 	// set up default options
@@ -384,7 +384,7 @@ export async function waitForSelector( page, selector, options = {} ) {
  * Retrieves the desired HTML attribute from a selector.
  * For example, the 'value' attribute of an input element.
  *
- * @param {string} selector Selector of the element you want to get the attribute from.
+ * @param {string} selector  Selector of the element you want to get the attribute from.
  * @param {string} attribute The desired HTML attribute.
  * @return {Promise<string>}
  */
@@ -399,8 +399,8 @@ export async function getSelectorAttribute( selector, attribute ) {
 /**
  * Asserts the value of the desired HTML attribute of a selector.
  *
- * @param {string} selector Selector of the element you want to verify.
- * @param {string} attribute The desired HTML attribute.
+ * @param {string} selector      Selector of the element you want to verify.
+ * @param {string} attribute     The desired HTML attribute.
  * @param {string} expectedValue The expected value.
  */
 export async function verifyValueOfElementAttribute(
diff --git a/packages/js/e2e-utils/src/pages/admin-edit.js b/packages/js/e2e-utils/src/pages/admin-edit.js
index 19a82fb0566..3ab4c0c9808 100644
--- a/packages/js/e2e-utils/src/pages/admin-edit.js
+++ b/packages/js/e2e-utils/src/pages/admin-edit.js
@@ -4,9 +4,9 @@ export class AdminEdit {
 	/**
 	 * Publish the object being edited and verify published status
 	 *
-	 * @param button Publish button selector
-	 * @param publishNotice Publish notice selector
-	 * @param publishVerification Expected notice on successful publish
+	 * @param  button              Publish button selector
+	 * @param  publishNotice       Publish notice selector
+	 * @param  publishVerification Expected notice on successful publish
 	 * @return {Promise<void>}
 	 */
 	async verifyPublish( button, publishNotice, publishVerification ) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e61b8716b1f..0c984fd0d73 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -187,8 +187,10 @@ importers:
 
   packages/js/api-core-tests:
     specifiers:
+      '@woocommerce/eslint-plugin': workspace:*
       allure-commandline: ^2.17.2
       dotenv: ^10.0.0
+      eslint: ^8.12.0
       jest: ^25.1.0
       jest-allure: ^0.1.3
       jest-runner-groups: ^2.1.0
@@ -202,6 +204,9 @@ importers:
       jest-runner-groups: 2.1.0
       postman-collection: 4.1.0
       supertest: 6.1.6
+    devDependencies:
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
+      eslint: 8.12.0
 
   packages/js/components:
     specifiers:
@@ -605,13 +610,17 @@ importers:
   packages/js/e2e-builds:
     specifiers:
       '@babel/core': 7.12.9
+      '@woocommerce/eslint-plugin': workspace:*
       chalk: ^4.1.2
+      eslint: ^8.12.0
       glob: ^7.2.0
       lodash: ^4.17.21
       mkdirp: ^1.0.4
     devDependencies:
       '@babel/core': 7.12.9
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       chalk: 4.1.2
+      eslint: 8.12.0
       glob: 7.2.0
       lodash: 4.17.21
       mkdirp: 1.0.4
@@ -628,11 +637,13 @@ importers:
       '@babel/preset-env': 7.12.7
       '@jest/globals': ^26.4.2
       '@woocommerce/e2e-builds': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': ^4.1.0
       '@wordpress/deprecated': ^3.2.3
       config: 3.3.3
+      eslint: ^8.12.0
     dependencies:
       '@jest/globals': 26.6.2
       '@wordpress/deprecated': 3.2.3
@@ -647,9 +658,11 @@ importers:
       '@babel/polyfill': 7.12.1
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
       '@woocommerce/e2e-builds': link:../e2e-builds
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': 4.1.0
+      eslint: 8.12.0
 
   packages/js/e2e-environment:
     specifiers:
@@ -666,11 +679,11 @@ importers:
       '@slack/web-api': ^6.1.0
       '@woocommerce/api': ^0.2.0
       '@woocommerce/e2e-builds': workspace:*
+      '@woocommerce/eslint-plugin': workspace:*
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': ^4.1.0
       '@wordpress/e2e-test-utils': ^4.16.1
-      '@wordpress/eslint-plugin': 7.3.0
       '@wordpress/jest-preset-default': ^7.1.3
       app-root-path: ^3.0.0
       commander: 4.1.1
@@ -716,10 +729,10 @@ importers:
       '@babel/polyfill': 7.12.1
       '@babel/preset-env': 7.12.7_@babel+core@7.12.9
       '@woocommerce/e2e-builds': link:../e2e-builds
+      '@woocommerce/eslint-plugin': link:../eslint-plugin
       '@wordpress/babel-plugin-import-jsx-pragma': 1.1.3_@babel+core@7.12.9
       '@wordpress/babel-preset-default': 3.0.2
       '@wordpress/browserslist-config': 4.1.0
-      '@wordpress/eslint-plugin': 7.3.0_eslint@8.2.0+typescript@4.2.4
       eslint: 8.2.0
       ndb: 1.1.5
       semver: 7.3.5
@@ -13960,22 +13973,6 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/experimental-utils/2.34.0_eslint@8.2.0+typescript@4.2.4:
-    resolution: {integrity: sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==}
-    engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
-    peerDependencies:
-      eslint: '*'
-    dependencies:
-      '@types/json-schema': 7.0.9
-      '@typescript-eslint/typescript-estree': 2.34.0_typescript@4.2.4
-      eslint: 8.2.0
-      eslint-scope: 5.1.1
-      eslint-utils: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /@typescript-eslint/experimental-utils/3.10.1_eslint@6.8.0+typescript@3.9.7:
     resolution: {integrity: sha512-DewqIgscDzmAfd5nOGe4zm6Bl7PKtMG2Ad0KG8CUZAHlXfAKTF9Ol5PXhiMh39yRL2ChRH1cuuUGOcVyyrhQIw==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -14316,27 +14313,6 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree/2.34.0_typescript@4.2.4:
-    resolution: {integrity: sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==}
-    engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      debug: 4.3.3
-      eslint-visitor-keys: 1.3.0
-      glob: 7.2.0
-      is-glob: 4.0.3
-      lodash: 4.17.21
-      semver: 7.3.5
-      tsutils: 3.21.0_typescript@4.2.4
-      typescript: 4.2.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/typescript-estree/2.34.0_typescript@4.6.2:
     resolution: {integrity: sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==}
     engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
@@ -15881,30 +15857,6 @@ packages:
       - supports-color
     dev: true
 
-  /@wordpress/eslint-plugin/7.3.0_eslint@8.2.0+typescript@4.2.4:
-    resolution: {integrity: sha512-7wIFzzc14E1XuuT9haBuhoA9FRUGWlbD4Oek+XkiZlzNVqZI3slgbtIFJ6/Mfij1V18rv6Ns9a1cPJLtCU8JHQ==}
-    peerDependencies:
-      eslint: ^6 || ^7
-    dependencies:
-      '@wordpress/prettier-config': 0.4.0
-      babel-eslint: 10.1.0_eslint@8.2.0
-      cosmiconfig: 7.0.1
-      eslint: 8.2.0
-      eslint-config-prettier: 6.15.0_eslint@8.2.0
-      eslint-plugin-jest: 23.20.0_eslint@8.2.0+typescript@4.2.4
-      eslint-plugin-jsdoc: 30.7.13_eslint@8.2.0
-      eslint-plugin-jsx-a11y: 6.5.1_eslint@8.2.0
-      eslint-plugin-prettier: 3.4.1_1786dfa66f4aafe2692523a4f07ad974
-      eslint-plugin-react: 7.29.4_eslint@8.2.0
-      eslint-plugin-react-hooks: 4.3.0_eslint@8.2.0
-      globals: 12.4.0
-      prettier: /wp-prettier/2.0.5
-      requireindex: 1.2.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /@wordpress/eslint-plugin/7.4.0_eslint@7.32.0+typescript@4.6.2:
     resolution: {integrity: sha512-HJpDYz2drtC9rY8MiYtYJ3cimioEIweGyb3P2DQTjUZ3sC4AGg+97PhXLHUdKfsFQ31JRxyLS9kKuGdDVBwWww==}
     engines: {node: '>=10', npm: '>=6.9'}
@@ -17437,24 +17389,6 @@ packages:
       - supports-color
     dev: true
 
-  /babel-eslint/10.1.0_eslint@8.2.0:
-    resolution: {integrity: sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==}
-    engines: {node: '>=6'}
-    deprecated: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
-    peerDependencies:
-      eslint: '>= 4.12.1'
-    dependencies:
-      '@babel/code-frame': 7.16.0
-      '@babel/parser': 7.16.4
-      '@babel/traverse': 7.16.3
-      '@babel/types': 7.16.0
-      eslint: 8.2.0
-      eslint-visitor-keys: 1.3.0
-      resolve: 1.20.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /babel-generator/6.26.1:
     resolution: {integrity: sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==}
     dependencies:
@@ -21613,16 +21547,6 @@ packages:
       get-stdin: 6.0.0
     dev: true
 
-  /eslint-config-prettier/6.15.0_eslint@8.2.0:
-    resolution: {integrity: sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=3.14.1'
-    dependencies:
-      eslint: 8.2.0
-      get-stdin: 6.0.0
-    dev: true
-
   /eslint-config-prettier/8.5.0:
     resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
     hasBin: true
@@ -21801,19 +21725,6 @@ packages:
       - typescript
     dev: true
 
-  /eslint-plugin-jest/23.20.0_eslint@8.2.0+typescript@4.2.4:
-    resolution: {integrity: sha512-+6BGQt85OREevBDWCvhqj1yYA4+BFK4XnRZSGJionuEYmcglMZYLNNBBemwzbqUAckURaHdJSBcjHPyrtypZOw==}
-    engines: {node: '>=8'}
-    peerDependencies:
-      eslint: '>=5'
-    dependencies:
-      '@typescript-eslint/experimental-utils': 2.34.0_eslint@8.2.0+typescript@4.2.4
-      eslint: 8.2.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /eslint-plugin-jest/25.7.0_6bef967891becc1ab6057e2949a5834f:
     resolution: {integrity: sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==}
     engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
@@ -21896,24 +21807,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-jsdoc/30.7.13_eslint@8.2.0:
-    resolution: {integrity: sha512-YM4WIsmurrp0rHX6XiXQppqKB8Ne5ATiZLJe2+/fkp9l9ExXFr43BbAbjZaVrpCT+tuPYOZ8k1MICARHnURUNQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0
-    dependencies:
-      comment-parser: 0.7.6
-      debug: 4.3.4
-      eslint: 8.2.0
-      jsdoctypeparser: 9.0.0
-      lodash: 4.17.21
-      regextras: 0.7.1
-      semver: 7.3.5
-      spdx-expression-parse: 3.0.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint-plugin-jsdoc/37.9.7:
     resolution: {integrity: sha512-8alON8yYcStY94o0HycU2zkLKQdcS+qhhOUNQpfONHHwvI99afbmfpYuPqf6PbLz5pLZldG3Te5I0RbAiTN42g==}
     engines: {node: ^12 || ^14 || ^16 || ^17}
@@ -22051,27 +21944,6 @@ packages:
       language-tags: 1.0.5
       minimatch: 3.1.2
 
-  /eslint-plugin-jsx-a11y/6.5.1_eslint@8.2.0:
-    resolution: {integrity: sha512-sVCFKX9fllURnXT2JwLN5Qgo24Ug5NF6dxhkmxsMEUZhXRcGg+X3e1JbJ84YePQKBl5E0ZjAH5Q4rkdcGY99+g==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      '@babel/runtime': 7.17.7
-      aria-query: 4.2.2
-      array-includes: 3.1.4
-      ast-types-flow: 0.0.7
-      axe-core: 4.3.5
-      axobject-query: 2.2.0
-      damerau-levenshtein: 1.0.7
-      emoji-regex: 9.2.2
-      eslint: 8.2.0
-      has: 1.0.3
-      jsx-ast-utils: 3.2.1
-      language-tags: 1.0.5
-      minimatch: 3.1.2
-    dev: true
-
   /eslint-plugin-markdown/1.0.2:
     resolution: {integrity: sha512-BfvXKsO0K+zvdarNc801jsE/NTLmig4oKhZ1U3aSUgTf2dB/US5+CrfGxMsCK2Ki1vS1R3HPok+uYpufFndhzw==}
     engines: {node: ^6.14.0 || ^8.10.0 || >=9.10.0}
@@ -22081,23 +21953,6 @@ packages:
       unified: 6.2.0
     dev: true
 
-  /eslint-plugin-prettier/3.4.1_1786dfa66f4aafe2692523a4f07ad974:
-    resolution: {integrity: sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==}
-    engines: {node: '>=6.0.0'}
-    peerDependencies:
-      eslint: '>=5.0.0'
-      eslint-config-prettier: '*'
-      prettier: '>=1.13.0'
-    peerDependenciesMeta:
-      eslint-config-prettier:
-        optional: true
-    dependencies:
-      eslint: 8.2.0
-      eslint-config-prettier: 6.15.0_eslint@8.2.0
-      prettier: /wp-prettier/2.0.5
-      prettier-linter-helpers: 1.0.0
-    dev: true
-
   /eslint-plugin-prettier/3.4.1_41158af9eda640c62e4773187c5a8429:
     resolution: {integrity: sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==}
     engines: {node: '>=6.0.0'}
@@ -22206,15 +22061,6 @@ packages:
     dependencies:
       eslint: 8.12.0
 
-  /eslint-plugin-react-hooks/4.3.0_eslint@8.2.0:
-    resolution: {integrity: sha512-XslZy0LnMn+84NEG9jSGR6eGqaZB3133L8xewQo3fQagbQuGt7a63gf+P1NGKZavEYEC3UXaWEAA/AqDkuN6xA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-    dependencies:
-      eslint: 8.2.0
-    dev: true
-
   /eslint-plugin-react/7.29.4:
     resolution: {integrity: sha512-CVCXajliVh509PcZYRFyu/BoUEz452+jtQJq2b3Bae4v3xBUWPLCmtmBM+ZinG4MzwmxJgJ2M5rMqhqLVn7MtQ==}
     engines: {node: '>=4'}
@@ -22305,29 +22151,6 @@ packages:
       semver: 6.3.0
       string.prototype.matchall: 4.0.6
 
-  /eslint-plugin-react/7.29.4_eslint@8.2.0:
-    resolution: {integrity: sha512-CVCXajliVh509PcZYRFyu/BoUEz452+jtQJq2b3Bae4v3xBUWPLCmtmBM+ZinG4MzwmxJgJ2M5rMqhqLVn7MtQ==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      array-includes: 3.1.4
-      array.prototype.flatmap: 1.2.5
-      doctrine: 2.1.0
-      eslint: 8.2.0
-      estraverse: 5.3.0
-      jsx-ast-utils: 3.2.1
-      minimatch: 3.1.2
-      object.entries: 1.1.5
-      object.fromentries: 2.0.5
-      object.hasown: 1.1.0
-      object.values: 1.1.5
-      prop-types: 15.8.1
-      resolve: 2.0.0-next.3
-      semver: 6.3.0
-      string.prototype.matchall: 4.0.6
-    dev: true
-
   /eslint-plugin-testing-library/5.1.0_eslint@8.12.0+typescript@4.6.2:
     resolution: {integrity: sha512-YSNzasJUbyhOTe14ZPygeOBvcPvcaNkwHwrj4vdf+uirr2D32JTDaKi6CP5Os2aWtOcvt4uBSPXp9h5xGoqvWQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
@@ -37310,7 +37133,7 @@ packages:
       serialize-javascript: 6.0.0
       source-map: 0.6.1
       terser: 5.10.0_acorn@8.7.0
-      webpack: 5.70.0
+      webpack: 5.70.0_webpack-cli@3.3.12
     transitivePeerDependencies:
       - acorn
     dev: true

From 5537da6e9ddde39a8ec3db0bf292e5970c58a22d Mon Sep 17 00:00:00 2001
From: Paul Sealock <psealock@gmail.com>
Date: Thu, 5 May 2022 15:26:36 +1200
Subject: [PATCH 319/327] Packages: Add Changelogger scripts (#32813)

---
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/admin-e2e-tests/composer.json     |   27 +
 packages/js/admin-e2e-tests/composer.lock     | 1025 +++++++++++++++++
 packages/js/admin-e2e-tests/package.json      |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/components/composer.json          |   27 +
 packages/js/components/composer.lock          | 1025 +++++++++++++++++
 packages/js/components/package.json           |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/csv-export/composer.json          |   27 +
 packages/js/csv-export/composer.lock          | 1025 +++++++++++++++++
 packages/js/csv-export/package.json           |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/currency/composer.json            |   27 +
 packages/js/currency/composer.lock            | 1025 +++++++++++++++++
 packages/js/currency/package.json             |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 .../js/customer-effort-score/composer.json    |   27 +
 .../js/customer-effort-score/composer.lock    | 1025 +++++++++++++++++
 .../js/customer-effort-score/package.json     |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/data/composer.json                |   27 +
 packages/js/data/composer.lock                | 1025 +++++++++++++++++
 packages/js/data/package.json                 |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/date/composer.json                |   27 +
 packages/js/date/composer.lock                | 1025 +++++++++++++++++
 packages/js/date/package.json                 |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 .../composer.json                             |   27 +
 .../composer.lock                             | 1025 +++++++++++++++++
 .../package.json                              |    3 +-
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/eslint-plugin/composer.json       |   27 +
 packages/js/eslint-plugin/composer.lock       | 1025 +++++++++++++++++
 packages/js/eslint-plugin/package.json        |    3 +-
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/experimental/composer.json        |   27 +
 packages/js/experimental/composer.lock        | 1025 +++++++++++++++++
 packages/js/experimental/package.json         |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/explat/composer.json              |   27 +
 packages/js/explat/composer.lock              | 1025 +++++++++++++++++
 packages/js/explat/package.json               |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/js-tests/composer.json            |   27 +
 packages/js/js-tests/composer.lock            | 1025 +++++++++++++++++
 packages/js/js-tests/package.json             |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/navigation/composer.json          |   27 +
 packages/js/navigation/composer.lock          | 1025 +++++++++++++++++
 packages/js/navigation/package.json           |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/notices/composer.json             |   27 +
 packages/js/notices/composer.lock             | 1025 +++++++++++++++++
 packages/js/notices/package.json              |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/number/composer.json              |   27 +
 packages/js/number/composer.lock              | 1025 +++++++++++++++++
 packages/js/number/package.json               |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/onboarding/composer.json          |   27 +
 packages/js/onboarding/composer.lock          | 1025 +++++++++++++++++
 packages/js/onboarding/package.json           |    1 +
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/style-build/composer.json         |   27 +
 packages/js/style-build/composer.lock         | 1025 +++++++++++++++++
 packages/js/style-build/package.json          |    3 +-
 .../changelog/add-js-packages-changelogger    |    4 +
 packages/js/tracks/composer.json              |   27 +
 packages/js/tracks/composer.lock              | 1025 +++++++++++++++++
 packages/js/tracks/package.json               |    1 +
 73 files changed, 19033 insertions(+), 3 deletions(-)
 create mode 100644 packages/js/admin-e2e-tests/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/admin-e2e-tests/composer.json
 create mode 100644 packages/js/admin-e2e-tests/composer.lock
 create mode 100644 packages/js/api-core-tests/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/components/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/components/composer.json
 create mode 100644 packages/js/components/composer.lock
 create mode 100644 packages/js/csv-export/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/csv-export/composer.json
 create mode 100644 packages/js/csv-export/composer.lock
 create mode 100644 packages/js/currency/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/currency/composer.json
 create mode 100644 packages/js/currency/composer.lock
 create mode 100644 packages/js/customer-effort-score/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/customer-effort-score/composer.json
 create mode 100644 packages/js/customer-effort-score/composer.lock
 create mode 100644 packages/js/data/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/data/composer.json
 create mode 100644 packages/js/data/composer.lock
 create mode 100644 packages/js/date/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/date/composer.json
 create mode 100644 packages/js/date/composer.lock
 create mode 100644 packages/js/dependency-extraction-webpack-plugin/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/dependency-extraction-webpack-plugin/composer.json
 create mode 100644 packages/js/dependency-extraction-webpack-plugin/composer.lock
 create mode 100644 packages/js/eslint-plugin/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/eslint-plugin/composer.json
 create mode 100644 packages/js/eslint-plugin/composer.lock
 create mode 100644 packages/js/experimental/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/experimental/composer.json
 create mode 100644 packages/js/experimental/composer.lock
 create mode 100644 packages/js/explat/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/explat/composer.json
 create mode 100644 packages/js/explat/composer.lock
 create mode 100644 packages/js/js-tests/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/js-tests/composer.json
 create mode 100644 packages/js/js-tests/composer.lock
 create mode 100644 packages/js/navigation/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/navigation/composer.json
 create mode 100644 packages/js/navigation/composer.lock
 create mode 100644 packages/js/notices/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/notices/composer.json
 create mode 100644 packages/js/notices/composer.lock
 create mode 100644 packages/js/number/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/number/composer.json
 create mode 100644 packages/js/number/composer.lock
 create mode 100644 packages/js/onboarding/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/onboarding/composer.json
 create mode 100644 packages/js/onboarding/composer.lock
 create mode 100644 packages/js/style-build/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/style-build/composer.json
 create mode 100644 packages/js/style-build/composer.lock
 create mode 100644 packages/js/tracks/changelog/add-js-packages-changelogger
 create mode 100644 packages/js/tracks/composer.json
 create mode 100644 packages/js/tracks/composer.lock

diff --git a/packages/js/admin-e2e-tests/changelog/add-js-packages-changelogger b/packages/js/admin-e2e-tests/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/admin-e2e-tests/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/admin-e2e-tests/composer.json b/packages/js/admin-e2e-tests/composer.json
new file mode 100644
index 00000000000..739107534c8
--- /dev/null
+++ b/packages/js/admin-e2e-tests/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/admin-e2e-tests",
+	"description": "WooCommerce Admin end to end tests",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/admin-e2e-tests/composer.lock b/packages/js/admin-e2e-tests/composer.lock
new file mode 100644
index 00000000000..cf9fb316e39
--- /dev/null
+++ b/packages/js/admin-e2e-tests/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "9e44e9196e58725e4fdaf987d49d0ef2",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/admin-e2e-tests/package.json b/packages/js/admin-e2e-tests/package.json
index aea3c4be449..fa338ff8e63 100644
--- a/packages/js/admin-e2e-tests/package.json
+++ b/packages/js/admin-e2e-tests/package.json
@@ -50,6 +50,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"build": "tsc --build",
 		"start": "tsc --build --watch",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
diff --git a/packages/js/api-core-tests/changelog/add-js-packages-changelogger b/packages/js/api-core-tests/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/api-core-tests/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/components/changelog/add-js-packages-changelogger b/packages/js/components/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/components/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/components/composer.json b/packages/js/components/composer.json
new file mode 100644
index 00000000000..3feed0a6b53
--- /dev/null
+++ b/packages/js/components/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/components",
+	"description": "WooCommerce JS component library",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/components/composer.lock b/packages/js/components/composer.lock
new file mode 100644
index 00000000000..e9b54dc8657
--- /dev/null
+++ b/packages/js/components/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "2a4c411fb00743b19e226cfe3d9c621d",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/components/package.json b/packages/js/components/package.json
index e41787c6f22..22da26ffc03 100644
--- a/packages/js/components/package.json
+++ b/packages/js/components/package.json
@@ -112,6 +112,7 @@
 		"webpack-cli": "^3.3.12"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"build": "pnpm run build:js && pnpm run build:css",
 		"build:js": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"build:css": "webpack",
diff --git a/packages/js/csv-export/changelog/add-js-packages-changelogger b/packages/js/csv-export/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/csv-export/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/csv-export/composer.json b/packages/js/csv-export/composer.json
new file mode 100644
index 00000000000..9d015d43b93
--- /dev/null
+++ b/packages/js/csv-export/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/csv-export",
+	"description": "WooCommerce CSV export package",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/csv-export/composer.lock b/packages/js/csv-export/composer.lock
new file mode 100644
index 00000000000..bf5467fbdd8
--- /dev/null
+++ b/packages/js/csv-export/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "24d0d96d26294914146775e050b0eb4d",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/csv-export/package.json b/packages/js/csv-export/package.json
index f99519ef6d2..ff545eb2593 100644
--- a/packages/js/csv-export/package.json
+++ b/packages/js/csv-export/package.json
@@ -28,6 +28,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/currency/changelog/add-js-packages-changelogger b/packages/js/currency/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/currency/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/currency/composer.json b/packages/js/currency/composer.json
new file mode 100644
index 00000000000..8d6712192e6
--- /dev/null
+++ b/packages/js/currency/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/currency",
+	"description": "WooCommerce JS currency utils",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/currency/composer.lock b/packages/js/currency/composer.lock
new file mode 100644
index 00000000000..b69c957c9c9
--- /dev/null
+++ b/packages/js/currency/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "596f57691d92b5d8da54cb47b067656e",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/currency/package.json b/packages/js/currency/package.json
index ca8207cdd8a..aa2d964334d 100644
--- a/packages/js/currency/package.json
+++ b/packages/js/currency/package.json
@@ -31,6 +31,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/customer-effort-score/changelog/add-js-packages-changelogger b/packages/js/customer-effort-score/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/customer-effort-score/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/customer-effort-score/composer.json b/packages/js/customer-effort-score/composer.json
new file mode 100644
index 00000000000..6378ae5a6a1
--- /dev/null
+++ b/packages/js/customer-effort-score/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/customer-effort-score",
+	"description": "WooCommerce utility to measure user effort.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/customer-effort-score/composer.lock b/packages/js/customer-effort-score/composer.lock
new file mode 100644
index 00000000000..13d4c17e0c1
--- /dev/null
+++ b/packages/js/customer-effort-score/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "2e68f0f016cec24de73107acbba4444f",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/customer-effort-score/package.json b/packages/js/customer-effort-score/package.json
index 0ee0fa1b677..d481a36d154 100644
--- a/packages/js/customer-effort-score/package.json
+++ b/packages/js/customer-effort-score/package.json
@@ -60,6 +60,7 @@
 		"react-dom": "^17.0.0"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "pnpm run build:js && pnpm run build:css",
 		"build:js": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
diff --git a/packages/js/data/changelog/add-js-packages-changelogger b/packages/js/data/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/data/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/data/composer.json b/packages/js/data/composer.json
new file mode 100644
index 00000000000..5c2638f01ac
--- /dev/null
+++ b/packages/js/data/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/data",
+	"description": "WooCommerce Admin data store and utilities",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/data/composer.lock b/packages/js/data/composer.lock
new file mode 100644
index 00000000000..5d10d4750fe
--- /dev/null
+++ b/packages/js/data/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "bf65398fc598e0e8c13ae680cc4465f3",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/data/package.json b/packages/js/data/package.json
index 33b4df191ac..ebaf6d89434 100644
--- a/packages/js/data/package.json
+++ b/packages/js/data/package.json
@@ -68,6 +68,7 @@
 		"react-dom": "^17.0.0"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/date/changelog/add-js-packages-changelogger b/packages/js/date/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/date/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/date/composer.json b/packages/js/date/composer.json
new file mode 100644
index 00000000000..f8aa7a387ec
--- /dev/null
+++ b/packages/js/date/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/date",
+	"description": "WooCommerce date utilities.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/date/composer.lock b/packages/js/date/composer.lock
new file mode 100644
index 00000000000..4feda3fe76a
--- /dev/null
+++ b/packages/js/date/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "e624ba08f24d164e08f2bf4772a04e23",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/date/package.json b/packages/js/date/package.json
index b59bd4d85f7..1be19e085c6 100644
--- a/packages/js/date/package.json
+++ b/packages/js/date/package.json
@@ -44,6 +44,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/dependency-extraction-webpack-plugin/changelog/add-js-packages-changelogger b/packages/js/dependency-extraction-webpack-plugin/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/dependency-extraction-webpack-plugin/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/dependency-extraction-webpack-plugin/composer.json b/packages/js/dependency-extraction-webpack-plugin/composer.json
new file mode 100644
index 00000000000..2886515871b
--- /dev/null
+++ b/packages/js/dependency-extraction-webpack-plugin/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/dependency-extraction-webpack-plugin",
+	"description": "WooCommerce Dependency Extraction Webpack Plugin",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/dependency-extraction-webpack-plugin/composer.lock b/packages/js/dependency-extraction-webpack-plugin/composer.lock
new file mode 100644
index 00000000000..b0397306da6
--- /dev/null
+++ b/packages/js/dependency-extraction-webpack-plugin/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "b7dc63766d55bafffceef6ed9703c0ac",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/dependency-extraction-webpack-plugin/package.json b/packages/js/dependency-extraction-webpack-plugin/package.json
index 05edfe9f897..553f3432bc1 100644
--- a/packages/js/dependency-extraction-webpack-plugin/package.json
+++ b/packages/js/dependency-extraction-webpack-plugin/package.json
@@ -37,7 +37,8 @@
 	},
 	"scripts": {
 		"lint": "eslint src",
-		"lint:fix": "eslint src --fix"
+		"lint:fix": "eslint src --fix",
+		"postinstall": "composer install"
 	},
 	"lint-staged": {
 		"*.(t|j)s?(x)": [
diff --git a/packages/js/eslint-plugin/changelog/add-js-packages-changelogger b/packages/js/eslint-plugin/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/eslint-plugin/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/eslint-plugin/composer.json b/packages/js/eslint-plugin/composer.json
new file mode 100644
index 00000000000..e96b11db186
--- /dev/null
+++ b/packages/js/eslint-plugin/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/eslint-plugin",
+	"description": "ESLint plugin for WooCommerce development.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/eslint-plugin/composer.lock b/packages/js/eslint-plugin/composer.lock
new file mode 100644
index 00000000000..b69696b1781
--- /dev/null
+++ b/packages/js/eslint-plugin/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "77eb76e3ae06f3471cc9d897f19838d3",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/eslint-plugin/package.json b/packages/js/eslint-plugin/package.json
index 9d0fee890ff..6d7649be2d7 100644
--- a/packages/js/eslint-plugin/package.json
+++ b/packages/js/eslint-plugin/package.json
@@ -37,7 +37,8 @@
 	},
 	"scripts": {
 		"lint": "eslint ./rules ./configs",
-		"lint:fix": "eslint ./rules ./configs --fix"
+		"lint:fix": "eslint ./rules ./configs --fix",
+		"postinstall": "composer install"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.5",
diff --git a/packages/js/experimental/changelog/add-js-packages-changelogger b/packages/js/experimental/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/experimental/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/experimental/composer.json b/packages/js/experimental/composer.json
new file mode 100644
index 00000000000..cde1a04a5f4
--- /dev/null
+++ b/packages/js/experimental/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/experimental",
+	"description": "WooCommerce experimental components.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/experimental/composer.lock b/packages/js/experimental/composer.lock
new file mode 100644
index 00000000000..92f5bdbe2d4
--- /dev/null
+++ b/packages/js/experimental/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "602450597be6eceeeb51620f121059c1",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/experimental/package.json b/packages/js/experimental/package.json
index 98132bbcb6c..38d1925a5ce 100644
--- a/packages/js/experimental/package.json
+++ b/packages/js/experimental/package.json
@@ -74,6 +74,7 @@
 		"react-dom": "^17.0.0"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "pnpm run build:js && pnpm run build:css",
 		"build:js": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
diff --git a/packages/js/explat/changelog/add-js-packages-changelogger b/packages/js/explat/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/explat/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/explat/composer.json b/packages/js/explat/composer.json
new file mode 100644
index 00000000000..57ea9ca8993
--- /dev/null
+++ b/packages/js/explat/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/explat",
+	"description": "WooCommerce component and utils for A/B testing.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/explat/composer.lock b/packages/js/explat/composer.lock
new file mode 100644
index 00000000000..f68c873a4c3
--- /dev/null
+++ b/packages/js/explat/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "0260b2daa4e977de2038ce1df7e5422d",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/explat/package.json b/packages/js/explat/package.json
index 656cfab13bb..0e25bb94f8d 100644
--- a/packages/js/explat/package.json
+++ b/packages/js/explat/package.json
@@ -47,6 +47,7 @@
 		"typescript": "^4.6.2"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/js-tests/changelog/add-js-packages-changelogger b/packages/js/js-tests/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/js-tests/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/js-tests/composer.json b/packages/js/js-tests/composer.json
new file mode 100644
index 00000000000..38bb16bc674
--- /dev/null
+++ b/packages/js/js-tests/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/js-tests",
+	"description": "JavaScript test tooling.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/js-tests/composer.lock b/packages/js/js-tests/composer.lock
new file mode 100644
index 00000000000..8a9803d488f
--- /dev/null
+++ b/packages/js/js-tests/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "700da970b96607ea4ce39369686470b3",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/js-tests/package.json b/packages/js/js-tests/package.json
index 9b865a7458b..0950ac6e72a 100644
--- a/packages/js/js-tests/package.json
+++ b/packages/js/js-tests/package.json
@@ -17,6 +17,7 @@
 	"main": "build/util/index.js",
 	"module": "build-module/util/index.js",
 	"scripts": {
+		"postinstall": "composer install",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"ts:check": "tsc --noEmit --project ./tsconfig.json",
 		"clean": "pnpm exec rimraf *.tsbuildinfo build build-*",
diff --git a/packages/js/navigation/changelog/add-js-packages-changelogger b/packages/js/navigation/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/navigation/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/navigation/composer.json b/packages/js/navigation/composer.json
new file mode 100644
index 00000000000..55e37fe5239
--- /dev/null
+++ b/packages/js/navigation/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/navigation",
+	"description": "WooCommerce navigation utilities.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/navigation/composer.lock b/packages/js/navigation/composer.lock
new file mode 100644
index 00000000000..170a3f0c802
--- /dev/null
+++ b/packages/js/navigation/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "61ac308cfc0060e5f958c0776094711a",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/navigation/package.json b/packages/js/navigation/package.json
index 58bc2eb9a38..24a1a4343e0 100644
--- a/packages/js/navigation/package.json
+++ b/packages/js/navigation/package.json
@@ -39,6 +39,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/notices/changelog/add-js-packages-changelogger b/packages/js/notices/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/notices/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/notices/composer.json b/packages/js/notices/composer.json
new file mode 100644
index 00000000000..2b94950d32f
--- /dev/null
+++ b/packages/js/notices/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/notices",
+	"description": "State management for notices.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/notices/composer.lock b/packages/js/notices/composer.lock
new file mode 100644
index 00000000000..528470c0515
--- /dev/null
+++ b/packages/js/notices/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "05e0e3a86ff900b25cc1c131811fc92e",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/notices/package.json b/packages/js/notices/package.json
index 83a218f8d1f..927b41d98ee 100644
--- a/packages/js/notices/package.json
+++ b/packages/js/notices/package.json
@@ -36,6 +36,7 @@
 	},
 	"private": true,
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/number/changelog/add-js-packages-changelogger b/packages/js/number/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/number/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/number/composer.json b/packages/js/number/composer.json
new file mode 100644
index 00000000000..3f195f6bd23
--- /dev/null
+++ b/packages/js/number/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/number",
+	"description": "Number formatting utilities for WooCommerce.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/number/composer.lock b/packages/js/number/composer.lock
new file mode 100644
index 00000000000..af805805664
--- /dev/null
+++ b/packages/js/number/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "20d857dccdfa50c88b3aa6e72391f8d0",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/number/package.json b/packages/js/number/package.json
index f5873c8f99f..5ff0f60acc8 100644
--- a/packages/js/number/package.json
+++ b/packages/js/number/package.json
@@ -26,6 +26,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",
diff --git a/packages/js/onboarding/changelog/add-js-packages-changelogger b/packages/js/onboarding/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/onboarding/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/onboarding/composer.json b/packages/js/onboarding/composer.json
new file mode 100644
index 00000000000..307e0286263
--- /dev/null
+++ b/packages/js/onboarding/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/onboarding",
+	"description": "Onboarding utilities.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/onboarding/composer.lock b/packages/js/onboarding/composer.lock
new file mode 100644
index 00000000000..db7f6ba0a49
--- /dev/null
+++ b/packages/js/onboarding/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "c46a9cee3a14fc2119f7f624ec85c531",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/onboarding/package.json b/packages/js/onboarding/package.json
index ac4c5b06d8a..f38ad112585 100644
--- a/packages/js/onboarding/package.json
+++ b/packages/js/onboarding/package.json
@@ -53,6 +53,7 @@
 		"webpack-cli": "^3.3.12"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "pnpm run build:js && pnpm run build:css",
 		"build:js": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
diff --git a/packages/js/style-build/changelog/add-js-packages-changelogger b/packages/js/style-build/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/style-build/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/style-build/composer.json b/packages/js/style-build/composer.json
new file mode 100644
index 00000000000..df58dd57c83
--- /dev/null
+++ b/packages/js/style-build/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/style-build",
+	"description": "WooCommerce Components SASS Build",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/style-build/composer.lock b/packages/js/style-build/composer.lock
new file mode 100644
index 00000000000..04978551067
--- /dev/null
+++ b/packages/js/style-build/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "8fe433a4d629c3b8961e5c26d1b5d1ba",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/style-build/package.json b/packages/js/style-build/package.json
index afc4d971b09..764f349a117 100644
--- a/packages/js/style-build/package.json
+++ b/packages/js/style-build/package.json
@@ -30,7 +30,8 @@
 	},
 	"scripts": {
 		"lint": "eslint index.js",
-		"lint:fix": "eslint index.js --fix"
+		"lint:fix": "eslint index.js --fix",
+		"postinstall": "composer install"
 	},
 	"private": true,
 	"devDependencies": {
diff --git a/packages/js/tracks/changelog/add-js-packages-changelogger b/packages/js/tracks/changelog/add-js-packages-changelogger
new file mode 100644
index 00000000000..34c7e271ae2
--- /dev/null
+++ b/packages/js/tracks/changelog/add-js-packages-changelogger
@@ -0,0 +1,4 @@
+Significance: minor
+Type: dev
+
+Add Jetpack Changelogger
diff --git a/packages/js/tracks/composer.json b/packages/js/tracks/composer.json
new file mode 100644
index 00000000000..6448656fa8d
--- /dev/null
+++ b/packages/js/tracks/composer.json
@@ -0,0 +1,27 @@
+{
+	"name": "woocommerce/tracks",
+	"description": "WooCommerce user event tracking utilities for Automattic based projects.",
+	"type": "library",
+	"license": "GPL-3.0-or-later",
+	"minimum-stability": "dev",
+	"require-dev": {
+		"automattic/jetpack-changelogger": "3.0.2"
+	},
+	"extra": {
+		"changelogger": {
+			"formatter": {
+				"filename": "../../../tools/changelogger/PackageFormatter.php"
+			},
+			"types": {
+				"fix": "Fixes an existing bug",
+				"add": "Adds functionality",
+				"update": "Update existing functionality",
+				"dev": "Development related task",
+				"tweak": "A minor adjustment to the codebase",
+				"performance": "Address performance issues",
+				"enhancement": "Improve existing functionality"
+			},
+			"changelog": "NEXT_CHANGELOG.md"
+		}
+	}
+}
diff --git a/packages/js/tracks/composer.lock b/packages/js/tracks/composer.lock
new file mode 100644
index 00000000000..0c30ad98c5f
--- /dev/null
+++ b/packages/js/tracks/composer.lock
@@ -0,0 +1,1025 @@
+{
+    "_readme": [
+        "This file locks the dependencies of your project to a known state",
+        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+        "This file is @generated automatically"
+    ],
+    "content-hash": "6c9a15ff0a87d2d869bcae9c7beb220c",
+    "packages": [],
+    "packages-dev": [
+        {
+            "name": "automattic/jetpack-changelogger",
+            "version": "v3.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Automattic/jetpack-changelogger.git",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Automattic/jetpack-changelogger/zipball/b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "reference": "b76f9cb4c22ec08490eff91a2e0e5aa586ee04b3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.6",
+                "symfony/console": "^3.4 | ^5.2",
+                "symfony/process": "^3.4 | ^5.2",
+                "wikimedia/at-ease": "^1.2 | ^2.0"
+            },
+            "require-dev": {
+                "wikimedia/testing-access-wrapper": "^1.0 | ^2.0",
+                "yoast/phpunit-polyfills": "1.0.2"
+            },
+            "bin": [
+                "bin/changelogger"
+            ],
+            "type": "project",
+            "extra": {
+                "autotagger": true,
+                "branch-alias": {
+                    "dev-master": "3.0.x-dev"
+                },
+                "mirror-repo": "Automattic/jetpack-changelogger",
+                "version-constants": {
+                    "::VERSION": "src/Application.php"
+                },
+                "changelogger": {
+                    "link-template": "https://github.com/Automattic/jetpack-changelogger/compare/${old}...${new}"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Automattic\\Jetpack\\Changelog\\": "lib",
+                    "Automattic\\Jetpack\\Changelogger\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "description": "Jetpack Changelogger tool. Allows for managing changelogs by dropping change files into a changelog directory with each PR.",
+            "time": "2021-11-02T14:06:49+00:00"
+        },
+        {
+            "name": "psr/container",
+            "version": "1.1.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/container.git",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/container/zipball/8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "reference": "8622567409010282b7aeebe4bb841fe98b58dcaf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Container\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common Container Interface (PHP FIG PSR-11)",
+            "homepage": "https://github.com/php-fig/container",
+            "keywords": [
+                "PSR-11",
+                "container",
+                "container-interface",
+                "container-interop",
+                "psr"
+            ],
+            "time": "2021-03-05T17:36:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "reference": "ffe3aed36c4d60da2cf1b0a1cee6b8f2e5fa881b",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/deprecation-contracts": "^2.1|^3",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php73": "^1.9",
+                "symfony/polyfill-php80": "^1.16",
+                "symfony/service-contracts": "^1.1|^2|^3",
+                "symfony/string": "^5.1|^6.0"
+            },
+            "conflict": {
+                "psr/log": ">=3",
+                "symfony/dependency-injection": "<4.4",
+                "symfony/dotenv": "<5.1",
+                "symfony/event-dispatcher": "<4.4",
+                "symfony/lock": "<4.4",
+                "symfony/process": "<4.4"
+            },
+            "provide": {
+                "psr/log-implementation": "1.0|2.0"
+            },
+            "require-dev": {
+                "psr/log": "^1|^2",
+                "symfony/config": "^4.4|^5.0|^6.0",
+                "symfony/dependency-injection": "^4.4|^5.0|^6.0",
+                "symfony/event-dispatcher": "^4.4|^5.0|^6.0",
+                "symfony/lock": "^4.4|^5.0|^6.0",
+                "symfony/process": "^4.4|^5.0|^6.0",
+                "symfony/var-dumper": "^4.4|^5.0|^6.0"
+            },
+            "suggest": {
+                "psr/log": "For using the console logger",
+                "symfony/event-dispatcher": "",
+                "symfony/lock": "",
+                "symfony/process": ""
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Console\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Eases the creation of beautiful and testable command line interfaces",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "cli",
+                "command line",
+                "console",
+                "terminal"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-12T16:02:29+00:00"
+        },
+        {
+            "name": "symfony/deprecation-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/deprecation-contracts.git",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/deprecation-contracts/zipball/e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "reference": "e8b495ea28c1d97b5e0c121748d6f9b53d075c66",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "function.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "A generic function and convention to trigger deprecation notices",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-01-02T09:53:40+00:00"
+        },
+        {
+            "name": "symfony/polyfill-ctype",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-ctype.git",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/30885182c981ab175d4d034db0f6f469898070ab",
+                "reference": "30885182c981ab175d4d034db0f6f469898070ab",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-ctype": "*"
+            },
+            "suggest": {
+                "ext-ctype": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Ctype\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Gert de Pagter",
+                    "email": "BackEndTea@gmail.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for ctype functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "ctype",
+                "polyfill",
+                "portable"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-10-20T20:35:02+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-grapheme",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/81b86b50cf841a64252b439e738e97f4a34e2783",
+                "reference": "81b86b50cf841a64252b439e738e97f4a34e2783",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Grapheme\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's grapheme_* functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "grapheme",
+                "intl",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-23T21:10:46+00:00"
+        },
+        {
+            "name": "symfony/polyfill-intl-normalizer",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "reference": "8590a5f561694770bdcd3f9b5c69dde6945028e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "suggest": {
+                "ext-intl": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Intl\\Normalizer\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for intl's Normalizer class and related functions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "intl",
+                "normalizer",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-02-19T12:13:01+00:00"
+        },
+        {
+            "name": "symfony/polyfill-mbstring",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-mbstring.git",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "reference": "0abb51d2f102e00a4eefcf46ba7fec406d245825",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "provide": {
+                "ext-mbstring": "*"
+            },
+            "suggest": {
+                "ext-mbstring": "For best performance"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Mbstring\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill for the Mbstring extension",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "mbstring",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-11-30T18:21:41+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php73",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php73.git",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "reference": "cc5db0e22b3cb4111010e48785a97f670b350ca5",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php73\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 7.3+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2021-06-05T21:20:04+00:00"
+        },
+        {
+            "name": "symfony/polyfill-php80",
+            "version": "v1.25.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/polyfill-php80.git",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "reference": "4407588e0d3f1f52efb65fbe92babe41f37fe50c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.1"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "1.23-dev"
+                },
+                "thanks": {
+                    "name": "symfony/polyfill",
+                    "url": "https://github.com/symfony/polyfill"
+                }
+            },
+            "autoload": {
+                "files": [
+                    "bootstrap.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Polyfill\\Php80\\": ""
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ion Bazan",
+                    "email": "ion.bazan@gmail.com"
+                },
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "compatibility",
+                "polyfill",
+                "portable",
+                "shim"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-04T08:16:47+00:00"
+        },
+        {
+            "name": "symfony/process",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/process.git",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/process/zipball/597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "reference": "597f3fff8e3e91836bb0bd38f5718b56ddbde2f3",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-php80": "^1.16"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Component\\Process\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Potencier",
+                    "email": "fabien@symfony.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Executes commands in sub-processes",
+            "homepage": "https://symfony.com",
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-08T05:07:18+00:00"
+        },
+        {
+            "name": "symfony/service-contracts",
+            "version": "2.5.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/service-contracts.git",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "reference": "24d9dc654b83e91aa59f9d167b131bc3b5bea24c",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "psr/container": "^1.1",
+                "symfony/deprecation-contracts": "^2.1|^3"
+            },
+            "conflict": {
+                "ext-psr": "<1.1|>=2"
+            },
+            "suggest": {
+                "symfony/service-implementation": ""
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-main": "2.5-dev"
+                },
+                "thanks": {
+                    "name": "symfony/contracts",
+                    "url": "https://github.com/symfony/contracts"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Symfony\\Contracts\\Service\\": ""
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Generic abstractions related to writing services",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "abstractions",
+                "contracts",
+                "decoupling",
+                "interfaces",
+                "interoperability",
+                "standards"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-03-13T20:07:29+00:00"
+        },
+        {
+            "name": "symfony/string",
+            "version": "5.4.x-dev",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/string.git",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/string/zipball/3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "reference": "3c061a76bff6d6ea427d85e12ad1bb8ed8cd43e8",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.5",
+                "symfony/polyfill-ctype": "~1.8",
+                "symfony/polyfill-intl-grapheme": "~1.0",
+                "symfony/polyfill-intl-normalizer": "~1.0",
+                "symfony/polyfill-mbstring": "~1.0",
+                "symfony/polyfill-php80": "~1.15"
+            },
+            "conflict": {
+                "symfony/translation-contracts": ">=3.0"
+            },
+            "require-dev": {
+                "symfony/error-handler": "^4.4|^5.0|^6.0",
+                "symfony/http-client": "^4.4|^5.0|^6.0",
+                "symfony/translation-contracts": "^1.1|^2",
+                "symfony/var-exporter": "^4.4|^5.0|^6.0"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "Resources/functions.php"
+                ],
+                "psr-4": {
+                    "Symfony\\Component\\String\\": ""
+                },
+                "exclude-from-classmap": [
+                    "/Tests/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Nicolas Grekas",
+                    "email": "p@tchwork.com"
+                },
+                {
+                    "name": "Symfony Community",
+                    "homepage": "https://symfony.com/contributors"
+                }
+            ],
+            "description": "Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way",
+            "homepage": "https://symfony.com",
+            "keywords": [
+                "grapheme",
+                "i18n",
+                "string",
+                "unicode",
+                "utf-8",
+                "utf8"
+            ],
+            "funding": [
+                {
+                    "url": "https://symfony.com/sponsor",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/fabpot",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/symfony/symfony",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2022-04-19T10:40:37+00:00"
+        },
+        {
+            "name": "wikimedia/at-ease",
+            "version": "v2.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/wikimedia/at-ease.git",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/wikimedia/at-ease/zipball/e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "reference": "e8ebaa7bb7c8a8395481a05f6dc4deaceab11c33",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.2.9"
+            },
+            "require-dev": {
+                "mediawiki/mediawiki-codesniffer": "35.0.0",
+                "mediawiki/minus-x": "1.1.1",
+                "ockcyp/covers-validator": "1.3.3",
+                "php-parallel-lint/php-console-highlighter": "0.5.0",
+                "php-parallel-lint/php-parallel-lint": "1.2.0",
+                "phpunit/phpunit": "^8.5"
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "src/Wikimedia/Functions.php"
+                ],
+                "psr-4": {
+                    "Wikimedia\\AtEase\\": "src/Wikimedia/AtEase/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-2.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "Tim Starling",
+                    "email": "tstarling@wikimedia.org"
+                },
+                {
+                    "name": "MediaWiki developers",
+                    "email": "wikitech-l@lists.wikimedia.org"
+                }
+            ],
+            "description": "Safe replacement to @ for suppressing warnings.",
+            "homepage": "https://www.mediawiki.org/wiki/at-ease",
+            "time": "2021-02-27T15:53:37+00:00"
+        }
+    ],
+    "aliases": [],
+    "minimum-stability": "dev",
+    "stability-flags": [],
+    "prefer-stable": false,
+    "prefer-lowest": false,
+    "platform": [],
+    "platform-dev": [],
+    "plugin-api-version": "1.1.0"
+}
diff --git a/packages/js/tracks/package.json b/packages/js/tracks/package.json
index a6c45f92dfa..67066a36895 100644
--- a/packages/js/tracks/package.json
+++ b/packages/js/tracks/package.json
@@ -27,6 +27,7 @@
 		"access": "public"
 	},
 	"scripts": {
+		"postinstall": "composer install",
 		"clean": "pnpm exec rimraf tsconfig.tsbuildinfo build build-*",
 		"build": "tsc --build ./tsconfig.json ./tsconfig-cjs.json",
 		"start": "tsc --build --watch",

From 7add4dca889b65728b66508f19e793978517f851 Mon Sep 17 00:00:00 2001
From: Chris Aprea <chris.aprea@automattic.com>
Date: Thu, 5 May 2022 15:04:27 +1000
Subject: [PATCH 320/327] Implement the new subscriptions page design

---
 .../client/subscriptions/cards/amex.js        |  27 ++
 .../client/subscriptions/cards/diners.js      | 255 ++++++++++++++++++
 .../client/subscriptions/cards/discover.js    |  47 ++++
 .../client/subscriptions/cards/jcb.js         |  39 +++
 .../client/subscriptions/cards/maestro.js     |  67 +++++
 .../client/subscriptions/cards/mastercard.js  |  39 +++
 .../client/subscriptions/cards/unionpay.js    | 111 ++++++++
 .../client/subscriptions/cards/visa.js        |  41 +++
 .../client/subscriptions/index.tsx            | 194 ++++++++++---
 .../client/subscriptions/style.scss           | 126 +++++++--
 .../subscriptions-empty-state-unconnected.svg |  42 ---
 11 files changed, 881 insertions(+), 107 deletions(-)
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/amex.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/diners.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/discover.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/jcb.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/maestro.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/mastercard.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/unionpay.js
 create mode 100644 plugins/woocommerce-admin/client/subscriptions/cards/visa.js
 delete mode 100644 plugins/woocommerce-admin/client/subscriptions/subscriptions-empty-state-unconnected.svg

diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/amex.js b/plugins/woocommerce-admin/client/subscriptions/cards/amex.js
new file mode 100644
index 00000000000..1ebef0bdda9
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/amex.js
@@ -0,0 +1,27 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="52"
+		height="35"
+		viewBox="0 0 52 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="1.18945"
+			y="0.5"
+			width="50"
+			height="34"
+			rx="3.5"
+			fill="#006FCF"
+			stroke="#F3F3F3"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M11.1205 25.2823V18.0771H19.3189L20.1985 19.1441L21.1072 18.0771H50.8653V24.7854C50.8653 24.7854 50.0871 25.2751 49.187 25.2823H32.7093L31.7176 24.1465V25.2823H28.4679V23.3435C28.4679 23.3435 28.0239 23.6141 27.0642 23.6141H25.9581V25.2823H21.0376L20.1593 24.1924L19.2675 25.2823H11.1205ZM1.56836 12.6465L3.41294 8.63574H6.60294L7.64976 10.8824V8.63574H11.6152L12.2384 10.2596L12.8425 8.63574H30.6434V9.4521C30.6434 9.4521 31.5792 8.63574 33.1171 8.63574L38.8928 8.65457L39.9215 10.8718V8.63574H43.24L44.1534 9.90939V8.63574H47.5023V15.841H44.1534L43.2781 14.5632V15.841H38.4025L37.9121 14.7052H36.6014L36.1191 15.841H32.8126C31.4893 15.841 30.6434 15.0413 30.6434 15.0413V15.841H25.658L24.6685 14.7052V15.841H6.13036L5.64039 14.7052H4.33383L3.84732 15.841H1.56836V12.6465ZM1.5779 14.9189L4.06583 9.52391H5.95199L8.43755 14.9189H6.7821L6.32542 13.8386H3.65672L3.19767 14.9189H1.5779ZM5.79982 12.6674L4.98636 10.7795L4.17053 12.6674H5.79982ZM8.60869 14.9182V9.52317L10.9105 9.53115L12.2493 13.0095L13.556 9.52317H15.8394V14.9182H14.3933V10.9429L12.8603 14.9182H11.592L10.0548 10.9429V14.9182H8.60869ZM16.8289 14.9182V9.52317H21.5479V10.73H18.2902V11.6528H21.4717V12.7886H18.2902V13.7469H21.5479V14.9182H16.8289ZM22.3851 14.9189V9.52391H25.6033C26.6696 9.52391 27.625 10.1389 27.625 11.2742C27.625 12.2447 26.8195 12.8698 26.0385 12.9313L27.9413 14.9189H26.1741L24.4402 13.0023H23.8313V14.9189H22.3851ZM25.4843 10.7306H23.8313V11.8664H25.5057C25.7956 11.8664 26.1694 11.6569 26.1694 11.2985C26.1694 11.0199 25.8809 10.7306 25.4843 10.7306ZM29.692 14.9182H28.2154V9.52317H29.692V14.9182ZM33.1931 14.9182H32.8744C31.3323 14.9182 30.396 13.7851 30.396 12.2429C30.396 10.6626 31.3218 9.52317 33.2692 9.52317H34.8676V10.8009H33.2108C32.4202 10.8009 31.8611 11.3763 31.8611 12.2562C31.8611 13.301 32.5004 13.7398 33.4215 13.7398H33.802L33.1931 14.9182ZM33.8521 14.9189L36.34 9.52391H38.2262L40.7117 14.9189H39.0563L38.5996 13.8386H35.9309L35.4719 14.9189H33.8521ZM38.074 12.6674L37.2605 10.7795L36.4447 12.6674H38.074ZM40.8805 14.9182V9.52317H42.7191L45.0667 12.9128V9.52317H46.5128V14.9182H44.7337L42.3267 11.4398V14.9182H40.8805ZM12.1099 24.3594V18.9643H16.8289V20.1711H13.5713V21.0939H16.7528V22.2297H13.5713V23.1881H16.8289V24.3594H12.1099ZM35.2329 24.3594V18.9643H39.9519V20.1711H36.6943V21.0939H39.8606V22.2297H36.6943V23.1881H39.9519V24.3594H35.2329ZM17.0121 24.3594L19.3097 21.6951L16.9574 18.9643H18.7793L20.1803 20.6525L21.586 18.9643H23.3366L21.0151 21.6618L23.317 24.3594H21.4953L20.1351 22.6978L18.8079 24.3594H17.0121ZM23.4887 24.3603V18.9653H26.6831C27.9938 18.9653 28.7595 19.7531 28.7595 20.7799C28.7595 22.0193 27.7832 22.6566 26.4952 22.6566H24.9729V24.3603H23.4887ZM26.5761 20.1853H24.973V21.4276H26.5714C26.9937 21.4276 27.2897 21.1665 27.2897 20.8064C27.2897 20.4232 26.9922 20.1853 26.5761 20.1853ZM29.3875 24.3594V18.9643H32.6056C33.672 18.9643 34.6274 19.5793 34.6274 20.7146C34.6274 21.6851 33.8218 22.3102 33.0409 22.3717L34.9437 24.3594H33.1765L31.4426 22.4427H30.8337V24.3594H29.3875ZM32.4867 20.171H30.8337V21.3068H32.5082C32.798 21.3068 33.1718 21.0974 33.1718 20.7389C33.1718 20.4603 32.8833 20.171 32.4867 20.171ZM40.6217 24.3594V23.1881H43.5159C43.9441 23.1881 44.1295 22.9722 44.1295 22.7355C44.1295 22.5087 43.9447 22.2794 43.5159 22.2794H42.208C41.0712 22.2794 40.4381 21.6334 40.4381 20.6636C40.4381 19.7985 41.0178 18.9643 42.7072 18.9643H45.5233L44.9144 20.1782H42.4788C42.0132 20.1782 41.8699 20.4061 41.8699 20.6237C41.8699 20.8473 42.047 21.0939 42.4027 21.0939H43.7727C45.04 21.0939 45.5899 21.7644 45.5899 22.6424C45.5899 23.5863 44.9772 24.3594 43.7038 24.3594H40.6217ZM45.7176 24.3594V23.1881H48.6118C49.04 23.1881 49.2254 22.9722 49.2254 22.7355C49.2254 22.5087 49.0406 22.2794 48.6118 22.2794H47.3039C46.1671 22.2794 45.534 21.6334 45.534 20.6636C45.534 19.7985 46.1138 18.9643 47.8031 18.9643H50.6192L50.0103 20.1782H47.5747C47.1092 20.1782 46.9658 20.4061 46.9658 20.6237C46.9658 20.8473 47.1429 21.0939 47.4986 21.0939H48.8687C50.1359 21.0939 50.6858 21.7644 50.6858 22.6424C50.6858 23.5863 50.0731 24.3594 48.7997 24.3594H45.7176Z"
+			fill="white"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/diners.js b/plugins/woocommerce-admin/client/subscriptions/cards/diners.js
new file mode 100644
index 00000000000..6a7e03f4208
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/diners.js
@@ -0,0 +1,255 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="51"
+		height="35"
+		viewBox="0 0 51 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="1.18945"
+			y="0.5"
+			width="49"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M8.30356 21.1794C8.30356 20.493 7.95026 20.5381 7.6123 20.5309V20.3325C7.90535 20.347 8.20582 20.347 8.49964 20.347C8.8153 20.347 9.24386 20.3325 9.80068 20.3325C11.7479 20.3325 12.8085 21.6523 12.8085 23.0038C12.8085 23.7601 12.3724 25.6602 9.71022 25.6602C9.32704 25.6602 8.97313 25.6451 8.61983 25.6451C8.28172 25.6451 7.95026 25.6521 7.6123 25.6602V25.4616C8.06302 25.4154 8.28172 25.4004 8.30356 24.8815V21.1794ZM9.04049 24.759C9.04049 25.3469 9.4545 25.4153 9.82282 25.4153C11.4476 25.4153 11.9807 24.1715 11.9807 23.0344C11.9807 21.6071 11.0785 20.5769 9.62735 20.5769C9.31835 20.5769 9.17617 20.5992 9.04049 20.6074V24.759Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M13.0713 25.4613H13.2138C13.4243 25.4613 13.5748 25.4613 13.5748 25.2088V23.1406C13.5748 22.8053 13.4622 22.7589 13.1836 22.6067V22.4849C13.537 22.377 13.9585 22.233 13.9882 22.2101C14.0412 22.1794 14.0856 22.1712 14.1239 22.1712C14.1608 22.1712 14.1762 22.2171 14.1762 22.2788V25.2088C14.1762 25.4613 14.342 25.4613 14.5528 25.4613H14.6801V25.6599C14.4244 25.6599 14.1608 25.6448 13.8909 25.6448C13.6202 25.6448 13.3493 25.6518 13.0713 25.6599V25.4613ZM13.8758 20.9962C13.6799 20.9962 13.5074 20.813 13.5074 20.6146C13.5074 20.4235 13.6881 20.2476 13.8758 20.2476C14.071 20.2476 14.2445 20.4084 14.2445 20.6146C14.2445 20.8211 14.0786 20.9962 13.8758 20.9962Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M15.3957 23.1866C15.3957 22.9048 15.3126 22.8285 14.9598 22.6833V22.5383C15.2826 22.4316 15.5907 22.3319 15.952 22.1714C15.9748 22.1714 15.9966 22.1866 15.9966 22.2476V22.7439C16.426 22.4316 16.7944 22.1714 17.299 22.1714C17.9373 22.1714 18.1628 22.6447 18.1628 23.2401V25.209C18.1628 25.4614 18.3287 25.4614 18.5391 25.4614H18.6747V25.66C18.4107 25.66 18.1478 25.6449 17.8774 25.6449C17.6065 25.6449 17.3356 25.652 17.0649 25.66V25.4614H17.2005C17.4112 25.4614 17.561 25.4614 17.561 25.209V23.233C17.561 22.7974 17.299 22.5839 16.8699 22.5839C16.629 22.5839 16.2455 22.782 15.9966 22.9507V25.209C15.9966 25.4614 16.1628 25.4614 16.3735 25.4614H16.5085V25.66C16.2455 25.66 15.9822 25.6449 15.711 25.6449C15.4409 25.6449 15.1698 25.652 14.8994 25.66V25.4614H15.0351C15.2454 25.4614 15.3957 25.4614 15.3957 25.209V23.1866Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.2463 23.5536C19.2309 23.6223 19.2309 23.7366 19.2463 23.9963C19.2906 24.7212 19.7503 25.3162 20.3512 25.3162C20.7654 25.3162 21.0889 25.0871 21.3666 24.8053L21.4716 24.9122C21.1256 25.3777 20.6972 25.7748 20.0811 25.7748C18.8851 25.7748 18.6445 24.5987 18.6445 24.1106C18.6445 22.6144 19.6369 22.1714 20.1627 22.1714C20.7725 22.1714 21.4272 22.5606 21.4342 23.3699C21.4342 23.4163 21.4342 23.4616 21.4272 23.5075L21.3592 23.5536H19.2463ZM20.5777 23.309C20.7653 23.309 20.7873 23.2097 20.7873 23.1177C20.7873 22.7291 20.5544 22.4161 20.1331 22.4161C19.6748 22.4161 19.3588 22.759 19.2687 23.309H20.5777Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M21.6074 25.4614H21.8106C22.0203 25.4614 22.1709 25.4614 22.1709 25.209V23.0646C22.1709 22.8285 21.8929 22.782 21.78 22.721V22.6069C22.3289 22.3701 22.6298 22.1714 22.6986 22.1714C22.7426 22.1714 22.7652 22.1943 22.7652 22.2711V22.9581H22.781C22.9684 22.6605 23.2848 22.1714 23.7433 22.1714C23.9312 22.1714 24.1715 22.3011 24.1715 22.576C24.1715 22.782 24.0294 22.9661 23.8189 22.9661C23.585 22.9661 23.585 22.782 23.3215 22.782C23.1939 22.782 22.7728 22.9581 22.7728 23.4163V25.209C22.7728 25.4614 22.923 25.4614 23.1337 25.4614H23.5543V25.66C23.1408 25.652 22.8261 25.6449 22.5023 25.6449C22.194 25.6449 21.878 25.652 21.6074 25.66V25.4614Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M24.5026 24.5985C24.6006 25.1022 24.9008 25.5303 25.4508 25.5303C25.8937 25.5303 26.059 25.2552 26.059 24.9882C26.059 24.0871 24.4202 24.3775 24.4202 23.1488C24.4202 22.7208 24.7587 22.1714 25.586 22.1714C25.8262 22.1714 26.1495 22.2406 26.4425 22.3934L26.4953 23.1712H26.3225C26.2473 22.6906 25.9845 22.416 25.5027 22.416C25.2019 22.416 24.9164 22.5913 24.9164 22.9195C24.9164 23.8131 26.6606 23.5378 26.6606 24.7362C26.6606 25.2396 26.2625 25.7746 25.3673 25.7746C25.0668 25.7746 24.7127 25.6675 24.4504 25.5149L24.3672 24.637L24.5026 24.5985Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M33.4502 21.7134H33.2626C33.1195 20.8213 32.4953 20.4621 31.6537 20.4621C30.7879 20.4621 29.5325 21.0494 29.5325 22.8812C29.5325 24.4236 30.6158 25.5305 31.7736 25.5305C32.5173 25.5305 33.1353 25.0112 33.2854 24.2093L33.4584 24.2549L33.2854 25.3696C32.9696 25.5683 32.1196 25.7748 31.6227 25.7748C29.8638 25.7748 28.751 24.622 28.751 22.9048C28.751 21.3396 30.1271 20.2173 31.601 20.2173C32.2099 20.2173 32.7963 20.4163 33.3754 20.6226L33.4502 21.7134Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M33.7217 25.461H33.864C34.0753 25.461 34.2254 25.461 34.2254 25.2086V20.9583C34.2254 20.4617 34.1128 20.4466 33.8267 20.3625V20.2402C34.1273 20.1411 34.4434 20.004 34.6017 19.9117C34.6834 19.8666 34.7441 19.8276 34.7662 19.8276C34.8122 19.8276 34.8271 19.874 34.8271 19.9353V25.2086C34.8271 25.461 34.9927 25.461 35.203 25.461H35.3303V25.6596C35.0754 25.6596 34.8122 25.6445 34.5413 25.6445C34.2707 25.6445 34.0003 25.6516 33.7217 25.6596V25.461Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M38.5497 25.2394C38.5497 25.3773 38.632 25.3846 38.7594 25.3846C38.8502 25.3846 38.9625 25.3773 39.061 25.3773V25.538C38.7374 25.5682 38.1205 25.7285 37.9774 25.7744L37.9399 25.7512V25.1329C37.4892 25.5067 37.1429 25.7744 36.6082 25.7744C36.2023 25.7744 35.7815 25.5067 35.7815 24.8664V22.9118C35.7815 22.7131 35.7516 22.5223 35.3311 22.4847V22.3393C35.6019 22.3317 36.2023 22.2861 36.3003 22.2861C36.3838 22.2861 36.3838 22.3393 36.3838 22.5075V24.4765C36.3838 24.7057 36.3838 25.3614 37.0379 25.3614C37.2931 25.3614 37.6316 25.1635 37.9472 24.8967V22.843C37.9472 22.6905 37.5865 22.6065 37.3162 22.5306V22.3933C37.9923 22.3468 38.4139 22.2861 38.489 22.2861C38.5497 22.2861 38.5497 22.3393 38.5497 22.4235V25.2394Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M40.0461 22.7206C40.3468 22.4617 40.753 22.171 41.1666 22.171C42.0391 22.171 42.5655 22.9427 42.5655 23.7745C42.5655 24.774 41.8433 25.7744 40.7674 25.7744C40.2116 25.7744 39.9182 25.5906 39.7223 25.5066L39.4974 25.6822L39.3397 25.5986C39.4069 25.1484 39.4449 24.7057 39.4449 24.2398V20.9583C39.4449 20.4617 39.3317 20.4466 39.0459 20.3625V20.2402C39.347 20.1411 39.6625 20.004 39.8203 19.9117C39.9033 19.8666 39.9633 19.8276 39.9862 19.8276C40.031 19.8276 40.0461 19.8742 40.0461 19.9353V22.7206ZM40.0461 24.7968C40.0461 25.0867 40.317 25.5756 40.8207 25.5756C41.6252 25.5756 41.9634 24.774 41.9634 24.0944C41.9634 23.2703 41.3475 22.5835 40.7611 22.5835C40.4816 22.5835 40.249 22.767 40.0461 22.9427V24.7968Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M11.6628 29.4042L11.671 29.3961V27.8391C11.671 27.4982 11.4374 27.4484 11.3148 27.4484H11.2246V27.3237C11.4173 27.3237 11.6055 27.3402 11.7976 27.3402C11.9653 27.3402 12.1338 27.3237 12.3009 27.3237V27.4484H12.2401C12.0677 27.4484 11.8753 27.4816 11.8753 27.9758V29.8655C11.8753 30.0111 11.8793 30.1563 11.8995 30.2852H11.744L9.63706 27.9008V29.6124C9.63706 29.974 9.7063 30.098 10.0213 30.098H10.091V30.2228C9.91508 30.2228 9.73929 30.2066 9.56334 30.2066C9.37964 30.2066 9.19115 30.2228 9.00684 30.2228V30.098H9.0643C9.3465 30.098 9.43246 29.9027 9.43246 29.5715V27.8216C9.43246 27.5893 9.24366 27.4484 9.06027 27.4484H9.00684V27.3237C9.16203 27.3237 9.32187 27.3402 9.47707 27.3402C9.6002 27.3402 9.71884 27.3237 9.84151 27.3237L11.6628 29.4042Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M11.899 30.3027L11.7305 30.2969L9.65398 27.9477V29.6124C9.65893 29.9735 9.71299 30.0761 10.0211 30.0801H10.1087V30.2406H10.0906C9.91356 30.2406 9.73746 30.2239 9.56291 30.2239C9.37968 30.2239 9.19165 30.2406 9.00625 30.2406H8.98828V30.0801H9.06387C9.33429 30.0785 9.41158 29.9021 9.41453 29.5714V27.8223C9.41375 27.6011 9.23501 27.4665 9.05999 27.4665H8.98828V27.3057H9.00625C9.16268 27.3057 9.32283 27.3219 9.47632 27.3219C9.59837 27.3219 9.71655 27.3057 9.85455 27.3121L11.6528 29.3667V27.8391C11.6508 27.5092 11.4336 27.4692 11.3145 27.4665H11.2062V27.3057H11.2244C11.4177 27.3057 11.606 27.3219 11.7971 27.3219C11.9636 27.3219 12.1314 27.3057 12.3005 27.3057H12.3185V27.4665H12.2396C12.0707 27.4709 11.8973 27.486 11.8924 27.9758V29.8655C11.8924 30.0109 11.8969 30.1559 11.9165 30.2819L11.9203 30.3027H11.899ZM11.7436 30.2666H11.879C11.8607 30.1416 11.8574 30.0037 11.8574 29.8655V27.9759C11.8574 27.4774 12.0633 27.4304 12.2395 27.4301H12.2826V27.3417C12.1214 27.343 11.9598 27.3581 11.797 27.3581C11.6096 27.3581 11.4275 27.343 11.2425 27.3417L11.2421 27.4301H11.3144C11.4402 27.4304 11.6882 27.4871 11.6882 27.8391L11.6827 29.4092L11.6747 29.4172L11.6607 29.4305L9.84099 27.3417C9.71941 27.3417 9.60107 27.3581 9.47624 27.3581C9.32631 27.3581 9.17266 27.343 9.02428 27.3417L9.02351 27.4301H9.0599C9.25181 27.4304 9.44929 27.5791 9.44929 27.8223V29.5714C9.44929 29.9037 9.35806 30.116 9.06378 30.1171L9.02428 30.116V30.2051C9.20147 30.2037 9.38408 30.1884 9.56282 30.1884C9.7335 30.1884 9.90387 30.2037 10.0727 30.2051V30.1171H10.021C9.69896 30.116 9.61919 29.9735 9.61888 29.6124V27.8544L11.7436 30.2666ZM11.6623 29.4042L11.6752 29.3922L11.6623 29.4042ZM11.6528 29.3961V29.3945L11.6495 29.3918L11.6528 29.3961Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M12.9145 27.5313C12.6072 27.5313 12.5953 27.6064 12.534 27.9092H12.4111C12.4272 27.7928 12.4475 27.6767 12.4602 27.5562C12.4766 27.4394 12.4849 27.3236 12.4849 27.2035H12.5829C12.6159 27.3281 12.7181 27.3236 12.8292 27.3236H14.9396C15.0507 27.3236 15.1528 27.3195 15.1611 27.1948L15.2588 27.2118C15.2431 27.3236 15.2263 27.4358 15.2144 27.5482C15.2063 27.6603 15.2063 27.7721 15.2063 27.8842L15.0834 27.9304C15.075 27.777 15.0547 27.5313 14.7806 27.5313H14.1094V29.7408C14.1094 30.0612 14.2529 30.0978 14.449 30.0978H14.527V30.2227C14.3673 30.2227 14.0808 30.2066 13.8602 30.2066C13.6144 30.2066 13.3277 30.2227 13.1681 30.2227V30.0978H13.2461C13.4716 30.0978 13.5856 30.0774 13.5856 29.7495V27.5313H12.9145Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M14.5273 30.2405C14.366 30.2405 14.0798 30.224 13.8602 30.224C13.6147 30.224 13.3285 30.2405 13.168 30.2405H13.1505V30.08H13.2461C13.4716 30.0746 13.5622 30.0717 13.5673 29.7495V27.5491H12.9144V27.5128H13.6028V29.7495C13.6028 30.083 13.4703 30.1166 13.2461 30.1169H13.1855V30.2047C13.3469 30.2035 13.6226 30.1883 13.8602 30.1883C14.0731 30.1883 14.3465 30.2035 14.5087 30.2047V30.1169H14.4489C14.251 30.1166 14.0917 30.0673 14.0917 29.7409V27.5128H14.7805C15.055 27.5139 15.0914 27.7506 15.0999 27.9052L15.1885 27.872C15.1885 27.7635 15.1889 27.6549 15.1962 27.5458C15.2083 27.4384 15.2232 27.3329 15.2385 27.2265L15.1764 27.216C15.1573 27.3369 15.0419 27.3433 14.9394 27.3417H12.8077C12.7114 27.3419 12.6065 27.3372 12.5697 27.2213H12.5021C12.5015 27.3361 12.4938 27.4475 12.4783 27.5582C12.4661 27.6723 12.4473 27.7819 12.4324 27.892H12.5198C12.5735 27.6022 12.6085 27.5087 12.9144 27.5128V27.5491C12.6113 27.5552 12.618 27.6066 12.5512 27.9135L12.5483 27.9276H12.3906L12.3928 27.9061C12.4095 27.7902 12.4303 27.6736 12.4422 27.553C12.4592 27.4378 12.467 27.3225 12.467 27.2035V27.1851H12.5969L12.6 27.1982C12.6276 27.3029 12.7033 27.3037 12.8077 27.3056H14.9394C15.0534 27.3037 15.1364 27.3021 15.1434 27.1935L15.1448 27.1738L15.1634 27.1776L15.2791 27.1962L15.2761 27.2145C15.2599 27.326 15.2439 27.4378 15.2315 27.5491C15.2239 27.6604 15.2239 27.772 15.2239 27.8843V27.8968L15.212 27.9017L15.0672 27.9555L15.0663 27.9314C15.055 27.7752 15.0392 27.5491 14.7805 27.5491H14.1274V29.7409C14.1314 30.054 14.2537 30.0761 14.4489 30.08H14.5446V30.2405H14.5273Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M15.3896 30.098H15.4473C15.5941 30.098 15.7501 30.0775 15.7501 29.8614V27.6856C15.7501 27.4691 15.5941 27.4486 15.4473 27.4486H15.3896V27.3237C15.6384 27.3237 16.0649 27.3402 16.408 27.3402C16.7523 27.3402 17.1773 27.3237 17.4555 27.3237C17.4484 27.5023 17.4523 27.7771 17.4643 27.9595L17.341 27.9925C17.3214 27.7224 17.2723 27.507 16.8425 27.507H16.2744V28.5944H16.7604C17.0059 28.5944 17.0593 28.4537 17.0836 28.2293H17.2063C17.1981 28.3915 17.1938 28.5534 17.1938 28.7152C17.1938 28.8733 17.1981 29.031 17.2063 29.1885L17.0836 29.2134C17.0593 28.9645 17.0471 28.8026 16.7644 28.8026H16.2744V29.7697C16.2744 30.0401 16.5107 30.0401 16.7728 30.0401C17.2639 30.0401 17.4806 30.0066 17.6034 29.5338L17.7176 29.5624C17.6644 29.7829 17.6157 30.0024 17.579 30.2228C17.3167 30.2228 16.8462 30.2068 16.4786 30.2068C16.1096 30.2068 15.6231 30.2228 15.3896 30.2228V30.098Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M17.5784 30.2406C17.3159 30.2406 16.845 30.2233 16.478 30.2233C16.1093 30.2233 15.623 30.2406 15.3893 30.2406H15.3721V30.0801H15.4469C15.595 30.0776 15.7297 30.0644 15.7316 29.8614V27.6856C15.7297 27.4827 15.595 27.4692 15.4469 27.4665H15.3721V27.3057H15.3893C15.6392 27.3057 16.0649 27.3219 16.4078 27.3219C16.7518 27.3219 17.1766 27.3057 17.4553 27.3057H17.4734L17.4728 27.3248C17.4701 27.3869 17.4684 27.4608 17.4684 27.539C17.4684 27.6825 17.4728 27.8399 17.4808 27.9581L17.4816 27.9729L17.4678 27.9771L17.3239 28.0153L17.3233 27.9939C17.2992 27.7245 17.2635 27.5284 16.8422 27.5243H16.2907L16.2904 28.5762H16.76C16.9959 28.5737 17.038 28.4514 17.0659 28.2274L17.0668 28.2107H17.2242L17.2239 28.2297C17.216 28.392 17.2112 28.5534 17.2112 28.7152C17.2112 28.8722 17.216 29.0299 17.2239 29.1878L17.2242 29.2029L17.2093 29.2063L17.0668 29.2351L17.0659 29.2156C17.0376 28.962 17.0357 28.823 16.7642 28.8201H16.2907V29.7698C16.2913 30.0222 16.5057 30.0208 16.7724 30.0222C17.2651 30.0192 17.4624 29.9947 17.5857 29.5289L17.5899 29.5121L17.6071 29.5149L17.7383 29.5495L17.7345 29.5666C17.6814 29.7864 17.6326 30.006 17.5956 30.2258L17.5925 30.2406H17.5784ZM17.5634 30.2048C17.5992 29.9948 17.6458 29.785 17.696 29.576L17.6155 29.5554C17.4929 30.0199 17.2555 30.0614 16.7726 30.0583C16.5147 30.0583 16.257 30.0583 16.2556 29.7698V28.7846H16.7644C17.0501 28.7816 17.0789 28.9564 17.0994 29.1927L17.1877 29.1743C17.1798 29.0212 17.1757 28.8674 17.1757 28.7152C17.1757 28.5593 17.1798 28.4037 17.1877 28.2469H17.0994C17.0763 28.4639 17.0095 28.6153 16.7602 28.6126H16.2556V27.4884H16.8424C17.2679 27.4849 17.3384 27.7085 17.357 27.9698L17.4451 27.9454C17.438 27.8283 17.4332 27.6777 17.4332 27.539C17.4332 27.4679 17.435 27.4005 17.4373 27.3417C17.1593 27.343 16.7444 27.3581 16.408 27.3581C16.0717 27.3581 15.6579 27.343 15.4074 27.3417V27.4301H15.4471C15.5927 27.4304 15.7667 27.456 15.7677 27.6857V29.8614C15.7667 30.0907 15.5927 30.116 15.4471 30.1171H15.4074V30.2048C15.6456 30.204 16.1186 30.1884 16.4781 30.1884C16.8393 30.1884 17.2996 30.204 17.5634 30.2048Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M18.27 27.7636C18.27 27.4608 18.1062 27.4484 17.9792 27.4484H17.9053V27.3237C18.0363 27.3237 18.29 27.3402 18.5398 27.3402C18.7849 27.3402 18.9816 27.3237 19.1984 27.3237C19.7132 27.3237 20.1725 27.4647 20.1725 28.0549C20.1725 28.4284 19.9268 28.6565 19.6037 28.7861L20.3031 29.8487C20.418 30.0244 20.4991 30.0736 20.7002 30.098V30.2228C20.5648 30.2228 20.4339 30.2068 20.2993 30.2068C20.1725 30.2068 20.041 30.2228 19.9148 30.2228C19.5994 29.8035 19.3291 29.3552 19.0634 28.8768H18.7937V29.7661C18.7937 30.0859 18.9407 30.098 19.1282 30.098H19.2024V30.2228C18.9687 30.2228 18.7324 30.2068 18.4986 30.2068C18.3022 30.2068 18.1099 30.2228 17.9053 30.2228V30.098H17.9792C18.1311 30.098 18.27 30.0277 18.27 29.8743V27.7636ZM18.7938 28.7271H18.9938C19.4035 28.7271 19.624 28.5697 19.624 28.0794C19.624 27.7101 19.3908 27.4733 19.0262 27.4733C18.9033 27.4733 18.851 27.4861 18.7938 27.4901V28.7271Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M20.6994 30.2406C20.5622 30.2406 20.4321 30.2239 20.2975 30.2239C20.1728 30.2239 20.0419 30.2406 19.8994 30.2337C19.5855 29.8155 19.3165 29.3697 19.0522 28.8955H18.8105V29.7653C18.8149 30.078 18.9384 30.0757 19.1275 30.0801H19.2193V30.2406H19.2012C18.9674 30.2406 18.7296 30.2239 18.4977 30.2239C18.3023 30.2239 18.1101 30.2406 17.9045 30.2406H17.8867V30.0801H17.9784C18.1256 30.079 18.2499 30.0139 18.2505 29.8743V27.7636C18.2474 27.4692 18.1054 27.4706 17.9784 27.4665H17.8867V27.3057H17.9045C18.037 27.3057 18.2896 27.3219 18.5391 27.3219C18.7833 27.3219 18.9796 27.3057 19.1977 27.3057C19.7136 27.3068 20.1883 27.4509 20.1895 28.0543C20.1895 28.4291 19.9455 28.6633 19.6299 28.794L20.317 29.8388C20.4315 30.0111 20.5027 30.0541 20.7018 30.0801L20.7166 30.0824V30.2406H20.6994ZM18.7927 28.8589H19.0723L19.0774 28.8682C19.3438 29.3453 19.6127 29.7938 19.9139 30.2051C20.0385 30.2051 20.17 30.1884 20.2974 30.1884C20.428 30.1884 20.5544 30.2029 20.6814 30.2048V30.1136C20.4896 30.0899 20.3995 30.0311 20.2878 29.8589L19.5755 28.7778L19.5956 28.7695C19.9161 28.6414 20.1535 28.4195 20.1537 28.0543C20.1535 27.4782 19.712 27.3445 19.1976 27.3417C18.9821 27.3417 18.7854 27.3585 18.539 27.3585C18.2986 27.3585 18.0558 27.343 17.9219 27.3417V27.4301H17.9783C18.1053 27.4304 18.2861 27.4518 18.2861 27.7637V29.8743C18.2861 30.041 18.1323 30.1168 17.9783 30.1171H17.9219V30.2048C18.1186 30.204 18.3054 30.1884 18.4977 30.1884C18.7261 30.1884 18.9572 30.204 19.1835 30.2048V30.1171H19.1274C18.9411 30.1168 18.7746 30.0933 18.7746 29.7654V28.8589H18.7927ZM18.7926 28.7449H18.7745V27.4733L18.7901 27.472C18.8462 27.4674 18.9013 27.456 19.0251 27.456C19.3978 27.456 19.6405 27.7017 19.6408 28.0804C19.6397 28.5762 19.4055 28.7448 18.9927 28.7449H18.7926ZM18.993 28.7094C19.398 28.7053 19.6021 28.5628 19.6061 28.0803C19.6037 27.7174 19.3817 27.4923 19.0253 27.4908C18.9149 27.4908 18.8627 27.5011 18.8105 27.5063V28.7094H18.993Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M23.4779 29.4042L23.485 29.3961V27.8391C23.485 27.4982 23.2526 27.4484 23.1297 27.4484H23.0401V27.3237C23.2324 27.3237 23.42 27.3402 23.6128 27.3402C23.781 27.3402 23.9475 27.3237 24.1165 27.3237V27.4484H24.0549C23.8829 27.4484 23.6907 27.4816 23.6907 27.9758V29.8655C23.6907 30.0111 23.6948 30.1563 23.7149 30.2852H23.56L21.453 27.9008V29.6124C21.453 29.974 21.522 30.098 21.8371 30.098H21.9068V30.2228C21.731 30.2228 21.5547 30.2066 21.3789 30.2066C21.1941 30.2066 21.0063 30.2228 20.8223 30.2228V30.098H20.8791C21.1616 30.098 21.248 29.9027 21.248 29.5715V27.8216C21.248 27.5893 21.0595 27.4484 20.8755 27.4484H20.8223V27.3237C20.9772 27.3237 21.1379 27.3402 21.2931 27.3402C21.4147 27.3402 21.534 27.3237 21.6569 27.3237L23.4779 29.4042Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M23.7146 30.3027L23.5466 30.2969L21.4697 27.948V29.6122C21.4745 29.974 21.5284 30.0761 21.8369 30.0801H21.9237V30.2406H21.9059C21.729 30.2406 21.5534 30.2233 21.378 30.2233C21.1954 30.2233 21.0063 30.2406 20.822 30.2406H20.8037V30.0801H20.879C21.1493 30.079 21.2267 29.9021 21.2293 29.5704V27.8216C21.2289 27.6003 21.0504 27.4665 20.8754 27.4665H20.8037V27.3057H20.822C20.9783 27.3057 21.1384 27.3219 21.2928 27.3219C21.413 27.3219 21.5315 27.3057 21.6687 27.311L23.4676 29.3667V27.8391C23.4665 27.5092 23.2486 27.4684 23.1296 27.4665H23.0217V27.3057H23.0395C23.2328 27.3057 23.4214 27.3219 23.6127 27.3219C23.7794 27.3219 23.9469 27.3057 24.1156 27.3057H24.1337V27.4665H24.0547C23.8859 27.4706 23.712 27.486 23.708 27.9758V29.8655C23.708 30.0109 23.7115 30.1549 23.7324 30.2822L23.7344 30.3027H23.7146ZM23.5596 30.2666H23.6937C23.6757 30.1424 23.6722 30.0037 23.6722 29.8655V27.9759C23.6725 27.4774 23.8794 27.4312 24.0546 27.4301H24.0976V27.3417C23.9365 27.343 23.7748 27.3581 23.6125 27.3581C23.4245 27.3581 23.2422 27.343 23.0571 27.3417V27.4301H23.1294C23.2555 27.4312 23.5033 27.4871 23.5033 27.8391L23.4974 29.4092L23.49 29.4172L23.4772 29.4309L21.6566 27.3417C21.5349 27.3417 21.4163 27.3581 21.2927 27.3581C21.1409 27.3581 20.988 27.343 20.8393 27.3417V27.4301H20.8752C21.0678 27.4312 21.2646 27.5785 21.2646 27.8217V29.5705C21.2646 29.9037 21.1722 30.116 20.8788 30.1171L20.8393 30.1168V30.2049C21.016 30.2037 21.1983 30.1884 21.3778 30.1884C21.5495 30.1884 21.7195 30.2037 21.8887 30.2049V30.1171H21.8368C21.5148 30.1168 21.4345 29.974 21.4336 29.6123V27.855L23.5596 30.2666ZM23.4775 29.4042L23.4908 29.3922L23.4775 29.4042ZM23.4674 29.3961V29.395L23.4645 29.3918L23.4674 29.3961Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M24.7741 29.6286C24.7329 29.7693 24.6835 29.8784 24.6835 29.9521C24.6835 30.0771 24.8559 30.0977 24.9905 30.0977H25.0362V30.2224C24.8718 30.2134 24.7049 30.2064 24.5402 30.2064C24.3929 30.2064 24.2464 30.2134 24.0986 30.2224V30.0977H24.1236C24.2828 30.0977 24.4183 30.002 24.479 29.8275L25.1337 27.9218C25.1872 27.7677 25.2609 27.5602 25.2858 27.4062C25.4159 27.3607 25.5803 27.2782 25.6577 27.2277C25.6704 27.2235 25.678 27.2192 25.6904 27.2192C25.7028 27.2192 25.7104 27.2192 25.7194 27.2323C25.7314 27.2651 25.7434 27.3026 25.7561 27.3357L26.5093 29.5082C26.5584 29.6531 26.607 29.8067 26.6594 29.932C26.7092 30.0485 26.7952 30.0977 26.9307 30.0977H26.9552V30.2224C26.7709 30.2134 26.5862 30.2064 26.3908 30.2064C26.1902 30.2064 25.985 30.2134 25.7763 30.2224V30.0977H25.8214C25.915 30.0977 26.0756 30.0812 26.0756 29.9773C26.0756 29.9237 26.0386 29.8114 25.9929 29.678L25.8335 29.1964H24.9048L24.7741 29.6286ZM25.3715 27.7887H25.363L24.9827 28.9642H25.7472L25.3715 27.7887Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M26.954 30.2404C26.7702 30.2324 26.5857 30.2231 26.3909 30.2231C26.1903 30.2231 25.9861 30.2324 25.7774 30.2404L25.7585 30.2414V30.0791H25.8215C25.9163 30.0791 26.0569 30.0576 26.0572 29.9776C26.0582 29.9302 26.0215 29.8164 25.9764 29.6844L25.8206 29.2145H24.9181L24.7907 29.6342C24.7495 29.7754 24.6998 29.8851 24.7006 29.9527C24.702 30.0541 24.8547 30.0791 24.9905 30.0791H25.0534V30.2414L25.0348 30.2404C24.8713 30.2324 24.7043 30.2231 24.5406 30.2231C24.3945 30.2231 24.2466 30.2324 24.1001 30.2404L24.0811 30.2414V30.0791H24.1235C24.2756 30.0788 24.4026 29.9906 24.4618 29.8219L25.1171 27.9156C25.1699 27.7619 25.2442 27.5553 25.2796 27.3893C25.408 27.3451 25.5726 27.2613 25.6511 27.2112C25.6626 27.2071 25.6739 27.2017 25.6903 27.2017C25.7004 27.2011 25.7224 27.2038 25.7357 27.2255C25.7473 27.2596 25.7603 27.2969 25.7727 27.3303L26.5261 29.5025C26.5742 29.6479 26.6232 29.8013 26.6768 29.9244C26.7242 30.0351 26.7993 30.0788 26.9308 30.0791H26.9721V30.2414L26.954 30.2404ZM25.7943 30.2036C25.9968 30.1963 26.1955 30.1883 26.391 30.1883C26.5807 30.1883 26.7591 30.1963 26.9369 30.2036V30.1166H26.9309C26.7906 30.1176 26.6941 30.0616 26.6439 29.9391C26.5906 29.8137 26.5409 29.6595 26.4926 29.5141L25.7392 27.3417C25.7268 27.3086 25.7152 27.2715 25.7045 27.2419C25.7005 27.2378 25.7014 27.2378 25.6981 27.2378H25.6904C25.6822 27.2378 25.6772 27.2403 25.6667 27.243C25.588 27.2949 25.424 27.3768 25.3023 27.4092C25.2773 27.5666 25.2036 27.7741 25.1505 27.928L24.4958 29.8338C24.4335 30.0143 24.2896 30.1169 24.1236 30.1166H24.1168V30.2036C24.2571 30.1963 24.3987 30.1883 24.5407 30.1883C24.699 30.1883 24.8604 30.1963 25.017 30.2036V30.1166H24.9906C24.857 30.1147 24.6708 30.1 24.6661 29.9528C24.6665 29.8704 24.7166 29.7642 24.7568 29.6238L24.7741 29.629L24.7568 29.6233L24.8915 29.1795H25.8456L26.0095 29.6727C26.0555 29.8063 26.0926 29.917 26.0926 29.9777C26.0866 30.1048 25.9144 30.1143 25.8216 30.1166H25.7943V30.2036ZM24.958 28.9822L25.3497 27.7704H25.3717V27.7888L25.3674 27.7901L25.3717 27.7888V27.7704H25.384L25.7729 28.9822H24.958ZM25.0067 28.946H25.723L25.3669 27.8331L25.0067 28.946ZM25.3539 27.7943L25.3634 27.7913L25.3539 27.7943Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M27.1347 27.5313C26.8279 27.5313 26.8155 27.6064 26.7538 27.9092H26.6309C26.647 27.7928 26.6679 27.6767 26.6806 27.5562C26.6965 27.4394 26.7044 27.3236 26.7044 27.2035H26.8034C26.8355 27.3281 26.938 27.3236 27.0484 27.3236H29.1601C29.2701 27.3236 29.3723 27.3195 29.3804 27.1948L29.4783 27.2118C29.4631 27.3236 29.4468 27.4358 29.434 27.5482C29.425 27.6603 29.425 27.7721 29.425 27.8842L29.3028 27.9304C29.2955 27.777 29.2749 27.5313 29.0001 27.5313H28.3292V29.7408C28.3292 30.0612 28.4726 30.0978 28.6687 30.0978H28.7469V30.2227C28.5871 30.2227 28.3011 30.2066 28.0797 30.2066C27.8346 30.2066 27.5475 30.2227 27.3879 30.2227V30.0978H27.4658C27.6914 30.0978 27.8055 30.0774 27.8055 29.7495V27.5313H27.1347Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M28.748 30.2405C28.5872 30.2405 28.3003 30.224 28.0804 30.224C27.836 30.224 27.5495 30.2405 27.3892 30.2405H27.371V30.08H27.4669C27.6926 30.0746 27.783 30.0717 27.7885 29.7495L27.7881 27.5491H27.1358V27.5128H27.8242V29.7495C27.8242 30.083 27.6917 30.1158 27.4669 30.1166H27.4067V30.205C27.5684 30.2035 27.8433 30.1883 28.0804 30.1883C28.2943 30.1883 28.5681 30.2035 28.7297 30.205V30.1166H28.6696C28.4724 30.1158 28.313 30.0677 28.3127 29.7409V27.5128H29.0012C29.2761 27.5139 29.3119 27.7506 29.3198 27.9052L29.4087 27.872C29.4087 27.7635 29.4093 27.6549 29.4177 27.5463C29.4287 27.4392 29.4442 27.3329 29.459 27.227L29.3972 27.216C29.3785 27.3369 29.263 27.3436 29.1612 27.3417H27.0286C26.9321 27.3428 26.8277 27.3372 26.7905 27.221H26.7236C26.7227 27.3359 26.7146 27.4475 26.6985 27.5582C26.6874 27.6728 26.6677 27.7827 26.6521 27.892H26.74C26.7938 27.6022 26.8293 27.5082 27.1358 27.5128V27.5491C26.8323 27.5544 26.839 27.6066 26.7723 27.9135L26.7693 27.9276H26.6113L26.6138 27.907C26.631 27.7902 26.6511 27.6736 26.6631 27.554C26.6798 27.4378 26.6874 27.3225 26.6874 27.2035V27.1851H26.8173L26.8207 27.1982C26.8494 27.3029 26.9239 27.3037 27.0286 27.3056H29.1612C29.2744 27.3037 29.357 27.3021 29.3643 27.1938L29.3649 27.1738L29.3839 27.1776L29.5001 27.1962L29.4973 27.2145C29.4804 27.326 29.4649 27.4378 29.4525 27.5491C29.4442 27.6604 29.4442 27.7722 29.4442 27.8843V27.8968L29.4322 27.9017L29.2874 27.9555L29.2868 27.9314C29.2761 27.7752 29.2599 27.5491 29.0012 27.5491H28.3479V29.7409C28.3521 30.054 28.4746 30.0761 28.6696 30.08H28.765V30.2405H28.748Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M29.6299 30.098H29.6872C29.8346 30.098 29.9895 30.0775 29.9895 29.8614V27.6856C29.9895 27.4691 29.8346 27.4486 29.6872 27.4486H29.6299V27.3237C29.7896 27.3237 30.0346 27.3402 30.2349 27.3402C30.4399 27.3402 30.6856 27.3237 30.8783 27.3237V27.4486H30.8208C30.6729 27.4486 30.5174 27.4691 30.5174 27.6856V29.8614C30.5174 30.0775 30.6729 30.098 30.8208 30.098H30.8783V30.2228C30.6817 30.2228 30.4359 30.2068 30.2316 30.2068C30.0307 30.2068 29.7896 30.2228 29.6299 30.2228V30.098Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M30.8792 30.2406C30.6814 30.2406 30.4367 30.2233 30.2325 30.2233C30.0322 30.2233 29.7906 30.2406 29.6308 30.2406H29.6133V30.0801H29.6882C29.8357 30.0776 29.9717 30.0644 29.9726 29.8614V27.6856C29.9717 27.4827 29.8357 27.4692 29.6882 27.4665H29.6133V27.3057H29.6308C29.7906 27.3057 30.0367 27.3219 30.2358 27.3219C30.4397 27.3219 30.6852 27.3057 30.8792 27.3057H30.8962V27.4665H30.8218C30.6721 27.4692 30.5375 27.4827 30.5361 27.6856V29.8614C30.5375 30.0644 30.6721 30.0776 30.8218 30.0801H30.8962V30.2406H30.8792ZM30.8605 30.2048V30.1168H30.8218C30.6749 30.1168 30.5013 30.0907 30.5013 29.8614V27.6857C30.5013 27.456 30.6749 27.4304 30.8218 27.4301H30.8605V27.3417C30.6718 27.343 30.4349 27.3581 30.2357 27.3581C30.0415 27.3581 29.8073 27.343 29.6485 27.3417V27.4301H29.6882C29.8334 27.4304 30.0078 27.456 30.0083 27.6857V29.8614C30.0078 30.0907 29.8334 30.1168 29.6882 30.1168H29.6485V30.2048C29.8062 30.2029 30.0376 30.1884 30.2324 30.1884C30.4308 30.1884 30.6675 30.2037 30.8605 30.2048Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M32.5103 27.2612C33.3826 27.2612 34.0779 27.81 34.0779 28.6947C34.0779 29.65 33.4026 30.285 32.5314 30.285C31.6636 30.285 31.001 29.6868 31.001 28.7937C31.001 27.9303 31.6595 27.2612 32.5103 27.2612ZM32.5722 30.1022C33.3663 30.1022 33.5048 29.3915 33.5048 28.7859C33.5048 28.179 33.1823 27.4442 32.5027 27.4442C31.7868 27.4442 31.5738 28.0922 31.5738 28.6482C31.5738 29.3915 31.9096 30.1022 32.5722 30.1022Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M30.9824 28.7937C30.9841 27.9203 31.6503 27.2446 32.5099 27.2432V27.2795C31.6687 27.2795 31.018 27.9394 31.0171 28.7937C31.0188 29.6767 31.6718 30.266 32.5313 30.2663C33.3937 30.266 34.0592 29.6401 34.0603 28.694C34.0595 27.8204 33.3752 27.2803 32.5099 27.2795V27.2432C33.3884 27.2441 34.0936 27.7983 34.0951 28.694C34.0942 29.6593 33.4109 30.3009 32.5313 30.3024C31.656 30.3009 30.9841 29.6967 30.9824 28.7937ZM31.5555 28.6481C31.5567 28.0892 31.7715 27.4255 32.5021 27.4255C33.1969 27.4271 33.5209 28.1755 33.5223 28.7858C33.5209 29.3914 33.3806 30.1191 32.572 30.1191V30.0839C33.35 30.0833 33.4852 29.3914 33.4864 28.7858C33.4864 28.1842 33.1672 27.4632 32.5021 27.4621C31.8002 27.4629 31.5928 28.0949 31.5909 28.6481C31.5912 29.3879 31.9239 30.0828 32.572 30.0839V30.1191C31.8928 30.1185 31.5567 29.3958 31.5555 28.6481Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M36.8353 29.4042L36.8439 29.3961V27.8391C36.8439 27.4982 36.6098 27.4484 36.4872 27.4484H36.3981V27.3237C36.5899 27.3237 36.7785 27.3402 36.9703 27.3402C37.1385 27.3402 37.3062 27.3237 37.4741 27.3237V27.4484H37.4126C37.2411 27.4484 37.048 27.4816 37.048 27.9758V29.8655C37.048 30.0111 37.0523 30.1563 37.0731 30.2852H36.9174L34.8098 27.9008V29.6124C34.8098 29.974 34.8796 30.098 35.194 30.098H35.2642V30.2228C35.0881 30.2228 34.9124 30.2066 34.7365 30.2066C34.5522 30.2066 34.3638 30.2228 34.1797 30.2228V30.098H34.2371C34.52 30.098 34.6053 29.9027 34.6053 29.5715V27.8216C34.6053 27.5893 34.4177 27.4484 34.2327 27.4484H34.1797V27.3237C34.3352 27.3237 34.4946 27.3402 34.6504 27.3402C34.7729 27.3402 34.8909 27.3237 35.0142 27.3237L36.8353 29.4042Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M37.0729 30.3027L36.9036 30.2969L34.827 27.948V29.6124C34.8318 29.974 34.8859 30.0757 35.1932 30.0793H35.2813V30.2406H35.264C35.0868 30.2406 34.9111 30.2239 34.7361 30.2239C34.5527 30.2239 34.3644 30.2406 34.1788 30.2406H34.1621V30.0793H34.2366C34.5063 30.0785 34.584 29.9021 34.5873 29.5714V27.8216C34.5871 27.6003 34.4082 27.4665 34.2324 27.4665H34.1621V27.3057H34.1788C34.3357 27.3057 34.4953 27.3219 34.6498 27.3219C34.7713 27.3219 34.8888 27.3057 35.0276 27.3121L36.8255 29.3667V27.8391C36.8241 27.5092 36.6062 27.4692 36.4868 27.4665H36.379V27.3057H36.3977C36.5899 27.3057 36.7787 27.3219 36.9694 27.3219C37.1368 27.3219 37.3038 27.3057 37.4739 27.3057H37.4911V27.4665H37.4121C37.2434 27.4709 37.0693 27.4866 37.0659 27.9758V29.8655C37.0659 30.0109 37.0691 30.1559 37.089 30.2822L37.0925 30.3027H37.0729ZM36.9171 30.2666H37.0512C37.0339 30.1416 37.0298 30.0037 37.0298 29.8655V27.9759C37.0298 27.4766 37.2365 27.4312 37.4121 27.4301H37.4564V27.3417C37.2939 27.343 37.133 27.3581 36.9694 27.3581C36.7831 27.3581 36.6002 27.343 36.4149 27.3417V27.4301H36.4868C36.6132 27.4312 36.8602 27.4879 36.8602 27.8391L36.8559 29.4092L36.848 29.4172L36.835 29.4309L35.014 27.3417C34.8929 27.3417 34.7738 27.3581 34.6499 27.3581C34.499 27.3581 34.3454 27.343 34.1965 27.3417V27.4301H34.2325C34.4248 27.4312 34.6225 27.5785 34.6225 27.8217V29.5714C34.6225 29.9037 34.5311 30.116 34.2366 30.1171L34.1965 30.1168V30.2049C34.3742 30.2037 34.5563 30.1884 34.7361 30.1884C34.9068 30.1884 35.0764 30.2037 35.246 30.2049V30.1171H35.1932C34.8721 30.1168 34.7916 29.974 34.7916 29.6124V27.8544L36.9171 30.2666ZM36.8351 29.4042L36.8481 29.3922L36.8351 29.4042ZM36.8256 29.3961V29.395L36.8224 29.3918L36.8256 29.3961Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M38.1311 29.6286C38.091 29.7693 38.0416 29.8784 38.0416 29.9521C38.0416 30.0771 38.214 30.0977 38.3481 30.0977H38.3938V30.2224C38.2299 30.2134 38.062 30.2064 37.8981 30.2064C37.7508 30.2064 37.6037 30.2134 37.457 30.2224V30.0977H37.4803C37.6407 30.0977 37.7762 30.002 37.836 29.8275L38.4921 27.9218C38.5449 27.7677 38.619 27.5602 38.6425 27.4062C38.774 27.3607 38.9373 27.2782 39.0161 27.2277C39.0276 27.2235 39.0358 27.2192 39.0485 27.2192C39.0604 27.2192 39.0681 27.2192 39.0765 27.2323C39.0889 27.2651 39.1011 27.3026 39.1135 27.3357L39.8664 29.5082C39.9152 29.6531 39.9646 29.8067 40.0181 29.932C40.0672 30.0485 40.153 30.0977 40.2879 30.0977H40.3131V30.2224C40.1286 30.2134 39.9443 30.2064 39.7478 30.2064C39.5477 30.2064 39.3428 30.2134 39.1338 30.2224V30.0977H39.1792C39.2728 30.0977 39.4332 30.0812 39.4332 29.9773C39.4332 29.9237 39.3965 29.8114 39.3508 29.678L39.1913 29.1964H38.2626L38.1311 29.6286ZM38.7292 27.7887H38.721L38.3395 28.9642H39.1059L38.7292 27.7887Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M40.3115 30.2407C40.127 30.2333 39.9433 30.224 39.7482 30.224C39.5485 30.224 39.3435 30.2333 39.135 30.2407L39.1169 30.2416V30.0802H39.1791C39.2742 30.0802 39.4152 30.0578 39.4153 29.9778C39.4164 29.9305 39.3794 29.8172 39.3334 29.6846L39.1782 29.2147H38.2749L38.1485 29.6345C38.1073 29.7768 38.059 29.8854 38.0595 29.9527C38.0595 30.0544 38.213 30.0802 38.3482 30.0802H38.4107V30.2416L38.3923 30.2407C38.2289 30.2333 38.0613 30.224 37.8984 30.224C37.7517 30.224 37.6049 30.2333 37.4573 30.2407L37.4395 30.2416V30.0802H37.4805C37.6331 30.0794 37.7607 29.9907 37.8206 29.8222L38.475 27.9159C38.5275 27.7621 38.6014 27.5556 38.6373 27.3902C38.7659 27.3449 38.9302 27.2616 39.0098 27.2114C39.0204 27.2073 39.0318 27.2023 39.0486 27.2023C39.0591 27.2014 39.0806 27.204 39.0932 27.2267C39.1056 27.2594 39.1176 27.2971 39.131 27.3306L39.8834 29.5027C39.9326 29.6482 39.9814 29.8016 40.0346 29.9255C40.0827 30.0354 40.1568 30.0791 40.2876 30.0802H40.3299V30.2416L40.3115 30.2407ZM39.1516 30.204C39.354 30.1964 39.5531 30.1884 39.7482 30.1884C39.9384 30.1884 40.1164 30.1964 40.295 30.2037L40.2945 30.1167H40.2877C40.1491 30.117 40.0526 30.0617 40.0015 29.9392C39.9476 29.8138 39.8989 29.6596 39.8498 29.5146L39.0969 27.3418C39.0849 27.3087 39.0718 27.2716 39.0622 27.2428C39.0588 27.2379 39.0591 27.2379 39.0567 27.2379H39.0486C39.0398 27.2379 39.0353 27.2407 39.0255 27.2436C38.9455 27.2944 38.7817 27.3777 38.6609 27.4093C38.6355 27.5666 38.5612 27.7738 38.5085 27.9281L37.8532 29.8339C37.7909 30.0144 37.648 30.117 37.4806 30.1167H37.4745V30.2037C37.6155 30.1964 37.7561 30.1884 37.8984 30.1884C38.0569 30.1884 38.2187 30.1964 38.3759 30.2037V30.1167H38.3482C38.2152 30.1148 38.0287 30.1005 38.0234 29.9526C38.0245 29.8705 38.0749 29.7646 38.115 29.6239L38.1314 29.6291L38.115 29.6234L38.2496 29.1796H39.2033L39.3677 29.6728C39.4127 29.8064 39.4501 29.9171 39.4501 29.9777C39.4442 30.1049 39.2721 30.1144 39.1792 30.1167H39.1516V30.204ZM38.3155 28.9823L38.7084 27.7707H38.7296V27.7891L38.725 27.7904L38.7296 27.7891V27.7707H38.742L39.1289 28.9823H38.3155ZM38.3649 28.9463H39.0808L38.7249 27.834L38.3649 28.9463ZM38.7127 27.7946L38.7207 27.7916L38.7127 27.7946Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M41.3443 29.8155C41.3443 29.9824 41.458 30.0316 41.5893 30.0489C41.7568 30.0614 41.9411 30.0614 42.1299 30.0401C42.3015 30.0192 42.4488 29.9202 42.5222 29.8155C42.5873 29.7243 42.6241 29.608 42.6492 29.5168H42.7676C42.7225 29.7535 42.6653 29.9864 42.6162 30.2228C42.2569 30.2228 41.8957 30.2068 41.5362 30.2068C41.1758 30.2068 40.816 30.2228 40.4561 30.2228V30.098H40.5127C40.6603 30.098 40.8205 30.0775 40.8205 29.82V27.6856C40.8205 27.4691 40.6603 27.4484 40.5127 27.4484H40.4561V27.3237C40.6726 27.3237 40.8857 27.3402 41.1022 27.3402C41.3113 27.3402 41.5155 27.3237 41.7247 27.3237V27.4484H41.6219C41.4664 27.4484 41.3443 27.4528 41.3443 27.6729V29.8155Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M42.6158 30.2406C42.2549 30.2406 41.8945 30.2239 41.5356 30.2239C41.1757 30.2239 40.8156 30.2406 40.4547 30.2406H40.4375V30.0801H40.5122C40.6601 30.0765 40.8006 30.0659 40.8023 29.8201V27.6849C40.8006 27.4827 40.6607 27.4692 40.5122 27.4665H40.4375V27.3057H40.4547C40.6726 27.3057 40.8856 27.3219 41.1013 27.3219C41.3097 27.3219 41.5135 27.3057 41.7241 27.3057H41.7405V27.4665H41.6213C41.4625 27.4706 41.364 27.4633 41.3605 27.6729V29.8155C41.3615 29.9708 41.4618 30.0123 41.5897 30.0309C41.6617 30.0359 41.7379 30.0386 41.8166 30.0386C41.9167 30.0386 42.0206 30.0339 42.1264 30.0225C42.293 30.0024 42.4364 29.9046 42.5072 29.8056C42.5704 29.7168 42.606 29.603 42.6308 29.5126L42.6342 29.4989H42.7885L42.7849 29.5207C42.7386 29.7581 42.6823 29.9898 42.6327 30.2266L42.6294 30.2406H42.6158ZM42.6009 30.2048C42.6483 29.9792 42.7017 29.7586 42.746 29.5346H42.6616C42.6365 29.625 42.6 29.7365 42.5358 29.8269C42.4593 29.9344 42.3078 30.0359 42.1303 30.0583C42.0233 30.0693 41.9169 30.0749 41.8167 30.0749C41.7374 30.0749 41.6609 30.0713 41.5864 30.066C41.4533 30.0512 41.3246 29.9932 41.3248 29.8155V27.6729C41.3248 27.442 41.4687 27.4301 41.6214 27.4301H41.7056V27.3417C41.5041 27.343 41.3051 27.3585 41.1014 27.3585C40.89 27.3585 40.6826 27.343 40.4732 27.3417V27.4301H40.5123C40.6582 27.4301 40.8367 27.456 40.8367 27.6849V29.8201C40.8367 30.0889 40.6589 30.1168 40.5123 30.1168H40.4732V30.2048C40.8267 30.204 41.1804 30.1884 41.5357 30.1884C41.8915 30.1884 42.2467 30.204 42.6009 30.2048Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M17.1602 12.6614C17.1602 8.77664 20.2628 5.62744 24.09 5.62744C27.9174 5.62744 31.0201 8.77664 31.0201 12.6614C31.0201 16.5462 27.9174 19.6956 24.09 19.6956C20.2628 19.6956 17.1602 16.5462 17.1602 12.6614Z"
+			fill="#FFFFFE"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M28.2807 12.5227C28.2779 10.7214 27.1686 9.18519 25.6055 8.5768V16.4683C27.1686 15.8592 28.2779 14.3243 28.2807 12.5227ZM22.6238 16.4669V8.57771C21.0621 9.18799 19.9545 10.722 19.9503 12.5229C19.9545 14.3232 21.0621 15.8571 22.6238 16.4669ZM24.1156 5.85259C20.4863 5.85401 17.546 8.83908 17.5454 12.5228C17.546 16.206 20.4863 19.1906 24.1156 19.1913C27.7449 19.1906 30.6858 16.206 30.6867 12.5228C30.6858 8.83908 27.7449 5.85401 24.1156 5.85259ZM24.0995 19.8207C20.1281 19.8399 16.8594 16.5742 16.8594 12.5989C16.8594 8.25425 20.1281 5.24921 24.0995 5.25H25.9606C29.8851 5.24921 33.4668 8.25284 33.4668 12.5989C33.4668 16.5728 29.8851 19.8207 25.9606 19.8207H24.0995Z"
+			fill="#0069AA"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M7.60352 30.098H7.66098C7.80812 30.098 7.96362 30.0775 7.96362 29.8614V27.6856C7.96362 27.4691 7.80812 27.4486 7.66098 27.4486H7.60352V27.3237C7.76305 27.3237 8.00854 27.3402 8.20958 27.3402C8.41403 27.3402 8.65921 27.3237 8.85158 27.3237V27.4486H8.79381C8.64729 27.4486 8.49147 27.4691 8.49147 27.6856V29.8614C8.49147 30.0775 8.64729 30.098 8.79381 30.098H8.85158V30.2228C8.65534 30.2228 8.40923 30.2068 8.2054 30.2068C8.00451 30.2068 7.76305 30.2228 7.60352 30.2228V30.098Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M8.85181 30.2406C8.65387 30.2406 8.409 30.2239 8.20532 30.2239C8.00506 30.2239 7.76437 30.2406 7.60375 30.2406H7.58594V30.0801H7.6609C7.80944 30.0765 7.9445 30.0644 7.94574 29.8614V27.6856C7.9445 27.4824 7.80944 27.4692 7.6609 27.4665H7.58594V27.3057H7.60375C7.76437 27.3057 8.0097 27.3219 8.20981 27.3219C8.41333 27.3219 8.65836 27.3057 8.85181 27.3057H8.87009V27.4665H8.79482C8.64613 27.4692 8.51029 27.4824 8.50952 27.6856V29.8614C8.51029 30.0644 8.64613 30.0765 8.79482 30.0801H8.87009V30.2406H8.85181ZM8.83398 30.2051L8.83413 30.1168H8.79464C8.64827 30.1168 8.47433 30.0907 8.4734 29.8614V27.6857C8.47433 27.456 8.64827 27.4304 8.79464 27.4304H8.83398V27.3417C8.64517 27.3419 8.40804 27.3585 8.20963 27.3585C8.01525 27.3585 7.77998 27.343 7.62154 27.3417V27.4304H7.66072C7.80662 27.4304 7.98087 27.456 7.98087 27.6857V29.8614C7.98087 30.0907 7.80662 30.1168 7.66072 30.1168H7.62154V30.2051C7.77998 30.2037 8.01107 30.1884 8.20514 30.1884C8.40448 30.1884 8.64099 30.204 8.83398 30.2051Z"
+			fill="#1A1919"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M42.7169 27.2061C42.9638 27.2061 43.1479 27.3985 43.1479 27.6444C43.1479 27.8901 42.9638 28.0804 42.7169 28.0804C42.4706 28.0804 42.2861 27.8901 42.2861 27.6444C42.2861 27.3985 42.4706 27.2061 42.7169 27.2061ZM42.7168 27.9992C42.9101 27.9992 43.0577 27.8324 43.0577 27.6443C43.0577 27.456 42.9118 27.288 42.7168 27.288C42.5229 27.288 42.3754 27.456 42.3754 27.6443C42.3754 27.8324 42.5229 27.9992 42.7168 27.9992ZM42.5025 27.8751V27.8538C42.5551 27.8461 42.565 27.8475 42.565 27.8149V27.4907C42.565 27.4451 42.5606 27.4294 42.5042 27.4319V27.4096H42.7247C42.8005 27.4096 42.8703 27.4464 42.8703 27.5259C42.8703 27.5908 42.8282 27.6391 42.7684 27.6578L42.8393 27.7581C42.8723 27.8034 42.91 27.8461 42.9341 27.8612V27.8751H42.8503C42.8101 27.8751 42.7745 27.7892 42.6955 27.674H42.6478V27.8189C42.6478 27.8475 42.6577 27.8461 42.7106 27.8538V27.8751H42.5025ZM42.6481 27.6444H42.6989C42.7545 27.6444 42.7802 27.6018 42.7802 27.5328C42.7802 27.4633 42.7406 27.4386 42.6961 27.4386H42.6481V27.6444Z"
+			fill="#1A1919"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/discover.js b/plugins/woocommerce-admin/client/subscriptions/cards/discover.js
new file mode 100644
index 00000000000..42439da3e86
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/discover.js
@@ -0,0 +1,47 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="52"
+		height="35"
+		viewBox="0 0 52 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="0.878906"
+			y="0.5"
+			width="50"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M17.1461 17.7823C17.1461 19.9191 18.8322 21.576 21.0021 21.576C21.6154 21.576 22.141 21.456 22.7888 21.1524V19.4832C22.2192 20.0506 21.7145 20.2795 21.0685 20.2795C19.6332 20.2795 18.6146 19.2439 18.6146 17.7717C18.6146 16.376 19.6654 15.2751 21.0021 15.2751C21.6818 15.2751 22.1963 15.5163 22.7888 16.0929V14.4246C22.1633 14.1089 21.649 13.978 21.0357 13.978C18.8768 13.978 17.1461 15.6685 17.1461 17.7823ZM13.4892 16.0168C13.4892 16.4097 13.7401 16.6173 14.5953 16.9321C16.2163 17.5222 16.6967 18.0449 16.6967 19.2001C16.6967 20.6072 15.6577 21.5872 14.177 21.5872C13.0926 21.5872 12.304 21.1622 11.6475 20.2031L12.5682 19.3209C12.8962 19.9523 13.4437 20.2907 14.1234 20.2907C14.7593 20.2907 15.2298 19.8542 15.2298 19.2653C15.2298 18.96 15.0873 18.6979 14.8025 18.5128C14.6594 18.4252 14.3754 18.2949 13.8174 18.0988C12.479 17.6197 12.0201 17.1068 12.0201 16.1053C12.0201 14.9155 13.006 14.0224 14.2987 14.0224C15.0997 14.0224 15.8327 14.2948 16.4455 14.8282L15.6998 15.7997C15.3286 15.3857 14.9775 15.211 14.5507 15.211C13.9366 15.211 13.4892 15.559 13.4892 16.0168ZM9.68583 21.4123H11.1109V14.1424H9.68583V21.4123ZM6.77288 19.6035C6.32524 20.006 5.74353 20.1815 4.82283 20.1815H4.44039V15.374H4.82283C5.74353 15.374 6.30238 15.538 6.77288 15.9621C7.26569 16.3986 7.56205 17.0755 7.56205 17.7717C7.56205 18.4697 7.26569 19.1671 6.77288 19.6035ZM5.10834 14.1424H3.0166V21.4121H5.09733C6.20374 21.4121 7.0025 21.1525 7.70389 20.5728C8.53737 19.8867 9.03017 18.8523 9.03017 17.7824C9.03017 15.6369 7.41938 14.1424 5.10834 14.1424ZM32.1394 14.1424L34.0875 19.0255L36.061 14.1424H37.6057L34.4496 21.5988H33.6828L30.5826 14.1424H32.1394ZM38.2501 21.4122H42.2913V20.1815H39.6741V18.2191H42.1951V16.9878H39.6741V15.3742H42.2913V14.1424H38.2501V21.4122ZM44.6585 17.4893H45.0748C45.9851 17.4893 46.4674 17.0958 46.4674 16.365C46.4674 15.6575 45.9851 15.2876 45.0974 15.2876H44.6585V17.4893ZM45.3485 14.1422C46.9918 14.1422 47.9339 14.9275 47.9339 16.2886C47.9339 17.4016 47.3429 18.1325 46.2695 18.3496L48.5695 21.4121H46.817L44.8447 18.4917H44.6587V21.4121H43.2353V14.1422H45.3485Z"
+			fill="#1D1D1B"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M30.415 19.8859C31.5716 18.0862 31.0433 15.6953 29.235 14.5445C27.4267 13.3937 25.0236 13.9191 23.867 15.7188C22.7107 17.518 23.2391 19.9096 25.0474 21.0604C26.8557 22.2112 29.2587 21.6851 30.415 19.8859Z"
+			fill="url(#paint0_linear)"
+		/>
+		<defs>
+			<linearGradient
+				id="paint0_linear"
+				x1="32.5088"
+				y1="16.6279"
+				x2="25.9795"
+				y2="12.4317"
+				gradientUnits="userSpaceOnUse"
+			>
+				<stop stopColor="#F6A000" />
+				<stop offset="0.623918" stopColor="#E47E02" />
+				<stop offset="1" stopColor="#D36002" />
+			</linearGradient>
+		</defs>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/jcb.js b/plugins/woocommerce-admin/client/subscriptions/cards/jcb.js
new file mode 100644
index 00000000000..aac8d382666
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/jcb.js
@@ -0,0 +1,39 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="51"
+		height="35"
+		viewBox="0 0 51 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="0.878906"
+			y="0.5"
+			width="49"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M33.473 17.5973H33.494H33.5346H33.5752H33.6158H33.6564H33.697H33.7376H33.7782H33.8188H33.8594H33.9H33.9406H33.9812H34.0218H34.0624H34.103H34.1436H34.1842H34.2248H34.2654H34.306H34.3466H34.3872H34.4278H34.4684H34.509H34.5496H34.5902H34.6308H34.6714H34.712H34.7527H34.7932H34.8338H34.8745H34.915H34.9556H34.9963H35.0368H35.0774H35.1181H35.1586H35.1992H35.2399H35.2805H35.321H35.3617H35.4023H35.4428H35.4835H35.5241H35.5646H35.6053H35.6459H35.6864H35.7271H35.7677H35.8083H35.8489H35.8895H35.9233L35.9301 17.5975C35.9426 17.5978 35.9563 17.5984 35.9707 17.5991C35.9837 17.5999 35.9973 17.6008 36.0113 17.6018C36.0246 17.6028 36.0383 17.604 36.0519 17.6052C36.0656 17.6065 36.0792 17.6079 36.0925 17.6093C36.1064 17.6109 36.1201 17.6126 36.1331 17.6143C36.1476 17.6163 36.1613 17.6183 36.1737 17.6205C36.1826 17.622 36.1909 17.6235 36.1982 17.6251L36.2143 17.6288C36.2279 17.632 36.2414 17.6354 36.2549 17.6392C36.2685 17.643 36.282 17.647 36.2955 17.6513C36.3091 17.6557 36.3227 17.6603 36.3361 17.6653C36.3497 17.6702 36.3632 17.6755 36.3767 17.681C36.3903 17.6866 36.4039 17.6926 36.4173 17.6987C36.431 17.705 36.4445 17.7116 36.4579 17.7185C36.4716 17.7254 36.4851 17.7328 36.4985 17.7403C36.5122 17.7481 36.5257 17.7562 36.5391 17.7646C36.5528 17.7732 36.5664 17.7821 36.5797 17.7913C36.5934 17.8008 36.607 17.8105 36.6203 17.8206C36.634 17.8311 36.6476 17.8419 36.6609 17.8531C36.6747 17.8646 36.6882 17.8766 36.7015 17.8889C36.7154 17.9017 36.7289 17.9148 36.7421 17.9284C36.7561 17.9426 36.7695 17.9574 36.7827 17.9725C36.7967 17.9885 36.8102 18.005 36.8233 18.0219C36.8374 18.0401 36.8509 18.0587 36.8639 18.0779C36.8781 18.0989 36.8917 18.1205 36.9045 18.1426C36.919 18.1675 36.9325 18.1932 36.9451 18.2196C36.96 18.2508 36.9736 18.283 36.9857 18.3161C37.002 18.3606 37.0156 18.4067 37.0263 18.4544C37.0449 18.5369 37.0549 18.6238 37.0549 18.7145C37.0549 18.8057 37.0449 18.893 37.0263 18.9758C37.0156 19.0235 37.002 19.0698 36.9857 19.1143C36.9736 19.1476 36.96 19.1798 36.9451 19.2111C36.9325 19.2375 36.919 19.2632 36.9045 19.2882C36.8917 19.3103 36.8782 19.3319 36.8639 19.3529C36.8509 19.3721 36.8374 19.3908 36.8233 19.409C36.8102 19.4259 36.7967 19.4423 36.7827 19.4584C36.7695 19.4734 36.756 19.4881 36.7421 19.5024C36.7289 19.516 36.7153 19.5291 36.7015 19.5419C36.6882 19.5541 36.6747 19.566 36.6609 19.5775C36.6476 19.5886 36.6341 19.5995 36.6203 19.6099C36.607 19.62 36.5934 19.6297 36.5797 19.6391C36.5664 19.6483 36.5528 19.6572 36.5391 19.6657C36.5257 19.674 36.5122 19.6821 36.4985 19.6898C36.4851 19.6974 36.4716 19.7046 36.4579 19.7116C36.4445 19.7184 36.431 19.7249 36.4173 19.7312C36.4039 19.7373 36.3903 19.7432 36.3767 19.7488C36.3632 19.7542 36.3497 19.7595 36.3361 19.7644C36.3227 19.7692 36.3091 19.7738 36.2955 19.7781C36.282 19.7824 36.2685 19.7863 36.2549 19.7901C36.2414 19.7937 36.2279 19.7971 36.2143 19.8003L36.1982 19.8039C36.1909 19.8056 36.1826 19.8073 36.1737 19.8089C36.1613 19.8111 36.1476 19.8132 36.1331 19.8152C36.1201 19.8169 36.1064 19.8186 36.0925 19.8202C36.0792 19.8217 36.0656 19.823 36.0519 19.8243C36.0383 19.8255 36.0246 19.8266 36.0113 19.8276C35.9973 19.8286 35.9837 19.8295 35.9707 19.8301C35.9563 19.8309 35.9426 19.8314 35.9301 19.8317L35.9083 19.832H35.8895H35.8489H35.8083H35.7677H35.7271H35.6864H35.6459H35.6053H35.5646H35.5241H35.4835H35.4428H35.4023H35.3617H35.321H35.2805H35.2399H35.1992H35.1586H35.1181H35.0774H35.0368H34.9963H34.9556H34.915H34.8745H34.8338H34.7932H34.7527H34.712H34.6714H34.6308H34.5902H34.5496H34.509H34.4684H34.4278H34.3872H34.3466H34.306H34.2654H34.2248H34.1842H34.1436H34.103H34.0624H34.0218H33.9812H33.9406H33.9H33.8594H33.8188H33.7782H33.7376H33.697H33.6564H33.6158H33.5752H33.5346H33.494H33.473V17.5973ZM36.7423 15.0681C36.7586 15.1431 36.7673 15.2226 36.7673 15.3062C36.7673 15.3898 36.7586 15.4691 36.7423 15.5441C36.7318 15.5923 36.7181 15.6385 36.7016 15.6829C36.6896 15.7153 36.676 15.7467 36.661 15.7769C36.6485 15.8023 36.6349 15.8269 36.6204 15.8508C36.6076 15.8718 36.594 15.8923 36.5798 15.9122C36.5668 15.9303 36.5533 15.9478 36.5392 15.9649C36.5261 15.9807 36.5126 15.9961 36.4986 16.011C36.4855 16.0251 36.472 16.0387 36.4581 16.0518C36.4448 16.0644 36.4313 16.0765 36.4174 16.0883C36.4042 16.0996 36.3906 16.1104 36.3768 16.121C36.3636 16.1311 36.35 16.1409 36.3363 16.1504C36.3229 16.1596 36.3094 16.1684 36.2956 16.1769C36.2823 16.1852 36.2687 16.1931 36.255 16.2007C36.2417 16.2082 36.2281 16.2154 36.2145 16.2222C36.2011 16.2289 36.1875 16.2353 36.1738 16.2415C36.1604 16.2475 36.1469 16.2532 36.1332 16.2586C36.1198 16.2639 36.1063 16.269 36.0926 16.2737C36.0792 16.2784 36.0657 16.2829 36.0521 16.287C36.0386 16.2911 36.0251 16.295 36.0114 16.2985C35.998 16.3021 35.9845 16.3053 35.9708 16.3083C35.9574 16.3113 35.9439 16.3139 35.9303 16.3164L35.9204 16.3182C35.9125 16.3195 35.902 16.3211 35.8896 16.3227C35.8777 16.3242 35.8639 16.3258 35.849 16.3273C35.8362 16.3286 35.8225 16.3299 35.8085 16.3311C35.7952 16.3322 35.7815 16.3332 35.7678 16.334C35.7542 16.3349 35.7405 16.3357 35.7272 16.3362C35.7132 16.3368 35.6995 16.3372 35.6867 16.3372L35.6802 16.3373H35.6461H35.6054H35.5648H35.5243H35.4836H35.443H35.4025H35.3619H35.3212H35.2807H35.2401H35.1994H35.1589H35.1183H35.0776H35.037H34.9965H34.9559H34.9152H34.8747H34.8341H34.7934H34.7529H34.7123H34.6716H34.6311H34.5905H34.5499H34.5092H34.4687H34.4281H34.3874H34.3469H34.3063H34.2657H34.2251H34.1845H34.1439H34.1033H34.0627H34.0221H33.9814H33.9409H33.9003H33.8597H33.8191H33.7785H33.7379H33.6973H33.6567H33.6161H33.5754H33.5349H33.4943H33.473V14.2751H33.4943H33.5349H33.5754H33.6161H33.6567H33.6973H33.7379H33.7785H33.8191H33.8597H33.9003H33.9409H33.9814H34.0221H34.0627H34.1033H34.1439H34.1845H34.2251H34.2657H34.3063H34.3469H34.3874H34.4281H34.4687H34.5092H34.5499H34.5905H34.6311H34.6716H34.7123H34.7529H34.7934H34.8341H34.8747H34.9152H34.9559H34.9965H35.037H35.0776H35.1183H35.1589H35.1994H35.2401H35.2807H35.3212H35.3619H35.4025H35.443H35.4836H35.5243H35.5648H35.6054H35.6461H35.6867H35.7037L35.7272 14.2759C35.7405 14.2764 35.7542 14.2772 35.7678 14.2781C35.7815 14.279 35.7952 14.28 35.8085 14.2811C35.8225 14.2822 35.8362 14.2835 35.849 14.2848C35.8639 14.2862 35.8777 14.2877 35.8896 14.2891C35.902 14.2905 35.9125 14.2919 35.9204 14.293L35.9303 14.2948C35.9439 14.2972 35.9574 14.3 35.9708 14.303C35.9845 14.306 35.998 14.3093 36.0114 14.3129C36.0251 14.3165 36.0386 14.3203 36.0521 14.3245C36.0657 14.3287 36.0792 14.3331 36.0926 14.3378C36.1063 14.3427 36.1198 14.3477 36.1332 14.3531C36.1469 14.3585 36.1604 14.3643 36.1738 14.3703C36.1875 14.3765 36.2011 14.3829 36.2145 14.3896C36.2281 14.3965 36.2417 14.4036 36.255 14.4111C36.2687 14.4187 36.2823 14.4267 36.2956 14.435C36.3094 14.4435 36.3229 14.4523 36.3363 14.4615C36.35 14.4709 36.3636 14.4808 36.3768 14.491C36.3906 14.5015 36.4042 14.5124 36.4174 14.5237C36.4313 14.5355 36.4448 14.5476 36.4581 14.5602C36.472 14.5733 36.4855 14.5869 36.4986 14.601C36.5126 14.6159 36.5261 14.6313 36.5392 14.6471C36.5533 14.6642 36.5668 14.6818 36.5798 14.6999C36.594 14.7197 36.6076 14.7402 36.6204 14.7613C36.6349 14.7851 36.6485 14.8097 36.661 14.8351C36.676 14.8654 36.6896 14.8968 36.7016 14.9292C36.7181 14.9736 36.7318 15.0199 36.7423 15.0681ZM41.7774 4.375H41.7941L41.794 25.5542C41.794 25.6807 41.7882 25.8059 41.7774 25.9296C41.7679 26.0385 41.7543 26.1462 41.7368 26.2526C41.725 26.324 41.7115 26.3948 41.6962 26.465C41.6838 26.5221 41.6703 26.5789 41.6556 26.6351C41.6429 26.6836 41.6293 26.7318 41.615 26.7796C41.602 26.8228 41.5886 26.8658 41.5744 26.9085C41.5614 26.9472 41.5478 26.9855 41.5338 27.0237C41.5207 27.0593 41.5071 27.0946 41.4932 27.1297C41.48 27.1627 41.4665 27.1954 41.4526 27.228C41.4394 27.2588 41.4258 27.2895 41.4119 27.3199C41.3987 27.3489 41.3852 27.3778 41.3714 27.4064C41.3581 27.4339 41.3446 27.4612 41.3307 27.4883C41.3175 27.5143 41.3039 27.5402 41.2901 27.5659C41.2769 27.5906 41.2632 27.615 41.2495 27.6394C41.2362 27.663 41.2227 27.6865 41.2089 27.7098C41.1956 27.7325 41.182 27.755 41.1683 27.7775C41.1549 27.7993 41.1414 27.8211 41.1277 27.8427C41.1144 27.8635 41.1007 27.8842 41.0871 27.9049C41.0737 27.9249 41.0601 27.9448 41.0465 27.9647C41.0331 27.9841 41.0195 28.0036 41.0058 28.0228C40.9924 28.0416 40.979 28.0603 40.9653 28.0789C40.9519 28.097 40.9383 28.1148 40.9246 28.1327C40.9112 28.1503 40.8977 28.1678 40.884 28.1852C40.8706 28.2022 40.8571 28.2191 40.8434 28.2359C40.83 28.2523 40.8164 28.2686 40.8028 28.2849C40.7893 28.3009 40.7759 28.3171 40.7622 28.3329C40.7488 28.3484 40.7352 28.3637 40.7216 28.379C40.7082 28.3941 40.6946 28.4091 40.681 28.424C40.6675 28.4387 40.6541 28.4534 40.6404 28.4679C40.627 28.4821 40.6134 28.4961 40.5998 28.5102C40.5863 28.5241 40.5729 28.5382 40.5592 28.5519C40.5458 28.5654 40.5321 28.5786 40.5186 28.5919C40.5051 28.605 40.4916 28.6182 40.4779 28.6313C40.4645 28.644 40.451 28.6567 40.4374 28.6693C40.4239 28.6818 40.4103 28.6942 40.3967 28.7065C40.3833 28.7187 40.3698 28.7308 40.3561 28.7428C40.3427 28.7546 40.3291 28.7664 40.3155 28.7781C40.302 28.7896 40.2886 28.8012 40.2749 28.8126C40.2615 28.8239 40.2479 28.8349 40.2343 28.846C40.2208 28.857 40.2073 28.8681 40.1937 28.8789C40.1803 28.8896 40.1667 28.9001 40.1531 28.9106C40.1396 28.9211 40.1261 28.9316 40.1125 28.942C40.0991 28.9521 40.0854 28.9621 40.0719 28.9721C40.0583 28.9821 40.0449 28.9921 40.0313 29.002C40.0178 29.0117 40.0042 29.0211 39.9907 29.0306C39.9771 29.0401 39.9637 29.0496 39.95 29.059C39.9366 29.0682 39.923 29.0772 39.9095 29.0862C39.896 29.0953 39.8825 29.1043 39.8688 29.1132C39.8554 29.122 39.8418 29.1306 39.8282 29.1392C39.8147 29.1477 39.8012 29.1563 39.7876 29.1647C39.7742 29.1731 39.7606 29.1813 39.747 29.1895L39.7064 29.2137C39.6929 29.2216 39.6794 29.2295 39.6658 29.2373C39.6524 29.2451 39.6388 29.2526 39.6252 29.2602C39.6117 29.2678 39.5982 29.2754 39.5846 29.2828C39.5711 29.2901 39.5575 29.2972 39.544 29.3044C39.5304 29.3115 39.517 29.3189 39.5034 29.326C39.4899 29.3329 39.4763 29.3395 39.4628 29.3463C39.4492 29.3531 39.4358 29.36 39.4221 29.3666C39.4087 29.3732 39.3951 29.3796 39.3816 29.3861L39.3409 29.4052L39.3003 29.4237C39.2868 29.4298 39.2733 29.4357 39.2597 29.4416C39.2462 29.4475 39.2327 29.4536 39.2191 29.4593C39.2057 29.4651 39.1921 29.4704 39.1785 29.476C39.165 29.4816 39.1515 29.4873 39.1379 29.4927C39.1244 29.4981 39.1109 29.5032 39.0973 29.5085C39.0838 29.5137 39.0703 29.5189 39.0567 29.524L39.0161 29.5391C39.0026 29.544 38.989 29.5487 38.9755 29.5535C38.9619 29.5583 38.9485 29.5632 38.9349 29.5679C38.9214 29.5724 38.9078 29.5767 38.8942 29.5811L38.8537 29.5944C38.8402 29.5987 38.8266 29.6028 38.813 29.607L38.7724 29.6192C38.7589 29.6232 38.7454 29.6273 38.7318 29.6311C38.7184 29.635 38.7048 29.6385 38.6912 29.6422C38.6777 29.6459 38.6642 29.6497 38.6506 29.6533L38.61 29.6636L38.5694 29.6735L38.5288 29.6833C38.5153 29.6864 38.5017 29.6892 38.4882 29.6922C38.4746 29.6952 38.4611 29.6983 38.4476 29.7011L38.407 29.7093L38.3663 29.7171C38.3528 29.7196 38.3393 29.7224 38.3257 29.7248C38.3123 29.7272 38.2987 29.7293 38.2851 29.7316L38.2445 29.7383L38.2039 29.7445L38.1633 29.7502C38.1498 29.7521 38.1363 29.7542 38.1227 29.7559C38.1092 29.7577 38.0956 29.759 38.0821 29.7606C38.0686 29.7622 38.0551 29.7638 38.0415 29.7653C38.028 29.7667 38.0145 29.7682 38.0009 29.7695C37.9874 29.7709 37.9738 29.772 37.9603 29.7732C37.9467 29.7744 37.9332 29.7757 37.9197 29.7768C37.9062 29.7778 37.8926 29.7787 37.8791 29.7796L37.8384 29.7822C37.8249 29.783 37.8114 29.784 37.7978 29.7847C37.7844 29.7854 37.7708 29.7857 37.7572 29.7863L37.7166 29.7878L37.676 29.7889C37.6625 29.7892 37.649 29.7892 37.6354 29.7894L37.5948 29.7899L37.5864 29.79H37.5542H37.5136H37.473H37.4324H37.3917H37.3512H37.3105H37.2699H37.2293H37.1887H37.1481H37.1075H37.0669H37.0263H36.9857H36.9451H36.9045H36.8638H36.8233H36.7826H36.742H36.7014H36.6608H36.6202H36.5796H36.539H36.4984H36.4578H36.4172H36.3766H36.3359H36.2954H36.2547H36.2141H36.1735H36.1329H36.0923H36.0517H36.0111H35.9705H35.9299H35.8893H35.8487H35.808H35.7675H35.7268H35.6862H35.6456H35.605H35.5644H35.5238H35.4832H35.4426H35.402H35.3614H35.3208H35.2801H35.2396H35.1989H35.1583H35.1177H35.0771H35.0365H34.9959H34.9553H34.9147H34.8741H34.8335H34.7929H34.7522H34.7117H34.671H34.6304H34.5898H34.5492H34.5086H34.468H34.4274H34.3868H34.3462H34.3056H34.265H34.2243H34.1838H34.1431H34.1025H34.0619H34.0213H33.9807H33.9401H33.8995H33.8589H33.8183H33.7777H33.7371H33.6964H33.6559H33.6152H33.5746H33.534H33.4934H33.4528H33.4122H33.3716H33.331H33.2904H33.2498H33.2092H33.1685H33.128H33.0873H33.0467H33.0061H32.9655H32.9249H32.8843H32.8437H32.8031H32.7625H32.7219H32.6813H32.6406H32.6H32.5594H32.5188H32.4782H32.4376H32.397H32.3564H32.3158H32.2752H32.2346H32.194H32.1534H32.1127H32.0721H32.0315H31.9909H31.9503H31.9097H31.8691H31.8285H31.7879H31.7473H31.7067H31.666H31.6255H31.5848H31.5442H31.5036H31.416V21.1545H31.5036H31.5442H31.5848H31.6255H31.666H31.7067H31.7473H31.7879H31.8285H31.8691H31.9097H31.9503H31.9909H32.0315H32.0721H32.1127H32.1534H32.194H32.2346H32.2752H32.3158H32.3564H32.397H32.4376H32.4782H32.5188H32.5594H32.6H32.6406H32.6813H32.7219H32.7625H32.8031H32.8437H32.8843H32.9249H32.9655H33.0061H33.0467H33.0873H33.128H33.1685H33.2092H33.2498H33.2904H33.331H33.3716H33.4122H33.4528H33.4934H33.534H33.5746H33.6152H33.6559H33.6964H33.7371H33.7777H33.8183H33.8589H33.8995H33.9401H33.9807H34.0213H34.0619H34.1025H34.1431H34.1838H34.2243H34.265H34.3056H34.3462H34.3868H34.4274H34.468H34.5086H34.5492H34.5898H34.6304H34.671H34.7117H34.7522H34.7929H34.8335H34.8741H34.9147H34.9553H34.9959H35.0365H35.0771H35.1177H35.1583H35.1989H35.2396H35.2801H35.3208H35.3614H35.402H35.4426H35.4832H35.5238H35.5644H35.605H35.6456H35.6862H35.7268H35.7675H35.808H35.8487H35.8893H35.9299H35.9705H36.0111H36.0517H36.0923H36.1329H36.1735H36.2141H36.2547H36.2954H36.3359H36.3766H36.4172H36.4578H36.4984H36.539H36.5796H36.6202H36.6608H36.7014H36.742H36.7826H36.8233H36.8638H36.9045H36.9451H36.9857H37.0263H37.0669H37.1075H37.1481H37.1887H37.2293H37.2699H37.3105H37.3512H37.3917H37.4324H37.473H37.5136H37.5542H37.5948H37.6354H37.676H37.7166H37.7572H37.7978H37.8384H37.8791H37.9197H37.9412L37.9603 21.1543L38.0009 21.154L38.0415 21.1532C38.0551 21.1528 38.0686 21.1526 38.0821 21.1521C38.0957 21.1517 38.1092 21.151 38.1227 21.1504L38.1633 21.1485L38.2039 21.146L38.2445 21.1432L38.2851 21.14L38.3257 21.1363C38.3393 21.135 38.3529 21.1337 38.3663 21.1323C38.3799 21.1309 38.3934 21.1293 38.407 21.1277L38.4476 21.1227C38.4611 21.1209 38.4747 21.1192 38.4882 21.1173C38.5018 21.1154 38.5153 21.1133 38.5288 21.1113C38.5424 21.1092 38.5559 21.1072 38.5694 21.105L38.61 21.0981L38.6506 21.0908C38.6642 21.0882 38.6778 21.0858 38.6912 21.0831C38.7048 21.0804 38.7183 21.0775 38.7318 21.0746L38.7724 21.0658C38.786 21.0627 38.7996 21.0597 38.813 21.0565C38.8267 21.0533 38.8402 21.0498 38.8537 21.0465C38.8672 21.0431 38.8808 21.0396 38.8942 21.0361C38.9078 21.0325 38.9214 21.0288 38.9349 21.0251C38.9485 21.0213 38.962 21.0174 38.9755 21.0134C38.9891 21.0095 39.0026 21.0054 39.0161 21.0013L39.0567 20.9885C39.0703 20.9841 39.0838 20.9796 39.0973 20.975C39.1109 20.9704 39.1245 20.9658 39.1379 20.961C39.1515 20.9562 39.1651 20.9514 39.1785 20.9464C39.1922 20.9413 39.2056 20.9361 39.2191 20.9308C39.2327 20.9256 39.2463 20.9202 39.2597 20.9147C39.2733 20.9092 39.2869 20.9037 39.3003 20.898C39.314 20.8923 39.3275 20.8864 39.3409 20.8804C39.3546 20.8744 39.3681 20.8682 39.3816 20.862C39.3951 20.8557 39.4087 20.8493 39.4221 20.8429C39.4357 20.8363 39.4493 20.8297 39.4628 20.823C39.4764 20.8161 39.4899 20.8091 39.5034 20.802C39.517 20.7949 39.5305 20.7875 39.544 20.7801C39.5576 20.7727 39.5712 20.7651 39.5846 20.7574C39.5982 20.7496 39.6118 20.7417 39.6252 20.7337C39.6388 20.7256 39.6524 20.7174 39.6658 20.709C39.6795 20.7004 39.693 20.6917 39.7064 20.683C39.7201 20.674 39.7336 20.6649 39.747 20.6558C39.7607 20.6464 39.7742 20.6369 39.7876 20.6274C39.8013 20.6176 39.8148 20.6077 39.8282 20.5976C39.8419 20.5874 39.8555 20.577 39.8688 20.5665C39.8825 20.5558 39.8961 20.5449 39.9095 20.5339C39.9232 20.5226 39.9367 20.5112 39.95 20.4996C39.9638 20.4878 39.9773 20.4757 39.9907 20.4636C40.0044 20.451 40.0179 20.4383 40.0313 20.4255C40.045 20.4123 40.0586 20.3989 40.0719 20.3854C40.0857 20.3714 40.0992 20.3572 40.1125 20.3428C40.1263 20.328 40.1398 20.3129 40.1531 20.2977C40.1669 20.2819 40.1805 20.2658 40.1937 20.2496C40.2075 20.2327 40.2211 20.2156 40.2343 20.1983C40.2481 20.1801 40.2618 20.1618 40.2749 20.1432C40.2889 20.1235 40.3023 20.1034 40.3155 20.0831C40.3295 20.0616 40.343 20.0399 40.3561 20.0179C40.3702 19.9942 40.3837 19.9701 40.3967 19.9458C40.4109 19.9193 40.4245 19.8926 40.4374 19.8654C40.4517 19.835 40.4652 19.8041 40.4779 19.7728C40.4926 19.7368 40.5061 19.7004 40.5186 19.6634C40.5338 19.6177 40.5473 19.5711 40.5592 19.5237C40.5765 19.4544 40.5901 19.3833 40.5998 19.3104C40.6116 19.222 40.6178 19.1312 40.6178 19.0378C40.6178 18.9469 40.6116 18.8586 40.5998 18.7728C40.5901 18.7024 40.5765 18.6337 40.5592 18.5668C40.5473 18.5213 40.5338 18.4766 40.5186 18.4327C40.5061 18.3968 40.4926 18.3613 40.4779 18.3266C40.4653 18.2964 40.4517 18.2667 40.4374 18.2375C40.4245 18.2112 40.4109 18.1853 40.3967 18.1598C40.3837 18.1363 40.3702 18.113 40.3561 18.0901C40.3431 18.0689 40.3295 18.0479 40.3155 18.0273C40.3024 18.0078 40.2889 17.9884 40.2749 17.9694C40.2618 17.9514 40.2482 17.9337 40.2343 17.9163C40.2211 17.8995 40.2075 17.883 40.1937 17.8667C40.1804 17.851 40.1669 17.8355 40.1531 17.8202C40.1398 17.8055 40.1263 17.791 40.1125 17.7767C40.0992 17.7628 40.0856 17.7492 40.0719 17.7357C40.0586 17.7226 40.045 17.7097 40.0313 17.697C40.0179 17.6846 40.0044 17.6724 39.9907 17.6604C39.9773 17.6486 39.9638 17.637 39.95 17.6255C39.9367 17.6143 39.9232 17.6033 39.9095 17.5924C39.8961 17.5817 39.8825 17.5712 39.8688 17.5608C39.8554 17.5507 39.8419 17.5407 39.8282 17.5307C39.8148 17.5211 39.8013 17.5115 39.7876 17.502C39.7742 17.4928 39.7607 17.4836 39.747 17.4745C39.7336 17.4657 39.7201 17.4569 39.7064 17.4482C39.693 17.4398 39.6795 17.4314 39.6658 17.4231C39.6524 17.415 39.6389 17.407 39.6252 17.3991C39.6118 17.3913 39.5982 17.3837 39.5846 17.3761C39.5712 17.3687 39.5576 17.3614 39.544 17.3541C39.5305 17.347 39.517 17.3399 39.5034 17.333C39.4899 17.3261 39.4764 17.3193 39.4628 17.3126C39.4493 17.3061 39.4358 17.2995 39.4221 17.2931C39.4087 17.2868 39.3951 17.2807 39.3816 17.2746C39.3681 17.2685 39.3546 17.2626 39.3409 17.2567C39.3275 17.251 39.3139 17.2453 39.3003 17.2396C39.2868 17.2341 39.2734 17.2285 39.2597 17.2231C39.2463 17.2178 39.2327 17.2126 39.2191 17.2074C39.2057 17.2023 39.1921 17.1974 39.1785 17.1925C39.165 17.1876 39.1515 17.1828 39.1379 17.1781C39.1244 17.1734 39.1109 17.1688 39.0973 17.1642C39.0838 17.1598 39.0703 17.1554 39.0567 17.1511C39.0432 17.1468 39.0296 17.1427 39.0161 17.1386L38.9755 17.1266C38.962 17.1227 38.9485 17.1188 38.9349 17.1151C38.9214 17.1114 38.9078 17.1078 38.8942 17.1043C38.8808 17.1008 38.8672 17.0974 38.8537 17.094C38.8402 17.0906 38.8266 17.0873 38.813 17.0841C38.7996 17.0809 38.786 17.0779 38.7724 17.0748C38.759 17.0718 38.7454 17.069 38.7318 17.0661C38.7183 17.0633 38.7048 17.0604 38.6912 17.0577L38.6506 17.0499L38.61 17.0426C38.5965 17.0403 38.583 17.0379 38.5694 17.0357L38.5288 17.0292C38.5153 17.0272 38.5017 17.0252 38.4882 17.0233L38.4476 17.0178L38.407 17.0126L38.3663 17.008L38.3257 17.0037L38.2851 16.9999L38.2445 16.9965L38.207 16.9936L38.207 16.9446L38.2445 16.9387L38.2851 16.932C38.2987 16.9296 38.3123 16.9273 38.3257 16.9248L38.3663 16.9169C38.38 16.9142 38.3935 16.9114 38.407 16.9085L38.4476 16.8996C38.4611 16.8965 38.4747 16.8934 38.4882 16.8902C38.5018 16.8869 38.5153 16.8834 38.5288 16.8799C38.5424 16.8764 38.5559 16.8728 38.5694 16.8691C38.583 16.8654 38.5965 16.8616 38.61 16.8577C38.6236 16.8538 38.6372 16.8498 38.6506 16.8457C38.6642 16.8416 38.6778 16.8373 38.6912 16.833C38.7049 16.8286 38.7184 16.824 38.7318 16.8195C38.7455 16.8148 38.759 16.81 38.7724 16.8052C38.7861 16.8003 38.7996 16.7954 38.813 16.7903C38.8267 16.7852 38.8402 16.7799 38.8537 16.7746C38.8673 16.7692 38.8808 16.7637 38.8942 16.7581C38.9079 16.7524 38.9214 16.7467 38.9349 16.7408C38.9485 16.7348 38.962 16.7287 38.9755 16.7225C38.9891 16.7162 39.0026 16.7098 39.0161 16.7033C39.0297 16.6967 39.0433 16.6899 39.0567 16.6831C39.0703 16.6761 39.0839 16.6691 39.0973 16.662C39.111 16.6547 39.1245 16.6472 39.1379 16.6398C39.1516 16.6321 39.1651 16.6243 39.1785 16.6165C39.1922 16.6084 39.2057 16.6003 39.2191 16.592C39.2328 16.5836 39.2463 16.575 39.2597 16.5664C39.2734 16.5575 39.2869 16.5485 39.3003 16.5394C39.314 16.53 39.3276 16.5206 39.3409 16.511C39.3547 16.5012 39.3682 16.4912 39.3816 16.4812C39.3953 16.4708 39.4088 16.4604 39.4221 16.4498C39.4359 16.4389 39.4494 16.4279 39.4628 16.4167C39.4765 16.4052 39.49 16.3935 39.5034 16.3817C39.5172 16.3695 39.5307 16.3571 39.544 16.3446C39.5577 16.3317 39.5713 16.3186 39.5846 16.3054C39.5984 16.2917 39.6119 16.2779 39.6252 16.2639C39.639 16.2493 39.6526 16.2345 39.6658 16.2195C39.6796 16.2039 39.6932 16.1881 39.7064 16.1721C39.7203 16.1554 39.7338 16.1385 39.747 16.1214C39.7609 16.1033 39.7745 16.085 39.7876 16.0665C39.8016 16.0469 39.8151 16.027 39.8282 16.007C39.8422 15.9856 39.8558 15.9639 39.8688 15.942C39.8829 15.9183 39.8965 15.8942 39.9095 15.8699C39.9237 15.8432 39.9372 15.8162 39.95 15.7888C39.9645 15.7581 39.978 15.7268 39.9907 15.6953C40.0054 15.6586 40.0189 15.6214 40.0313 15.5836C40.0467 15.5362 40.0603 15.488 40.0719 15.4393C40.0906 15.3601 40.1042 15.2793 40.1125 15.1971C40.1191 15.1322 40.1225 15.0665 40.1225 15.0001C40.1225 14.93 40.1191 14.8616 40.1125 14.795C40.1041 14.7098 40.0905 14.6275 40.0719 14.5481C40.0603 14.4985 40.0467 14.45 40.0313 14.4027C40.0189 14.3648 40.0054 14.3277 39.9907 14.2913C39.978 14.26 39.9644 14.2292 39.95 14.199C39.9372 14.172 39.9236 14.1455 39.9095 14.1194C39.8965 14.0955 39.8829 14.072 39.8688 14.0488C39.8557 14.0273 39.8422 14.0061 39.8282 13.9852C39.8151 13.9656 39.8015 13.9464 39.7876 13.9274C39.7745 13.9095 39.7609 13.8917 39.747 13.8743C39.7338 13.8576 39.7203 13.8411 39.7064 13.8249C39.6932 13.8095 39.6796 13.7943 39.6658 13.7793C39.6526 13.7649 39.639 13.7506 39.6252 13.7366C39.6119 13.723 39.5984 13.7097 39.5846 13.6965C39.5713 13.6837 39.5577 13.6711 39.544 13.6587C39.5307 13.6466 39.5171 13.6347 39.5034 13.623C39.49 13.6116 39.4765 13.6004 39.4628 13.5893C39.4494 13.5785 39.4359 13.5678 39.4221 13.5574C39.4088 13.5471 39.3952 13.5371 39.3816 13.5272C39.3682 13.5174 39.3546 13.5079 39.3409 13.4984C39.3275 13.4892 39.314 13.4801 39.3003 13.4711C39.2869 13.4623 39.2734 13.4537 39.2597 13.4451C39.2463 13.4367 39.2328 13.4285 39.2191 13.4204C39.2057 13.4124 39.1922 13.4045 39.1785 13.3968C39.1651 13.3891 39.1516 13.3816 39.1379 13.3742C39.1245 13.3669 39.111 13.3598 39.0973 13.3527C39.0839 13.3458 39.0703 13.339 39.0567 13.3322C39.0432 13.3256 39.0297 13.319 39.0161 13.3126C39.0026 13.3062 38.9891 13.2999 38.9755 13.2938C38.962 13.2878 38.9485 13.282 38.9349 13.2761C38.9214 13.2704 38.9078 13.2647 38.8942 13.2591C38.8808 13.2536 38.8672 13.2482 38.8537 13.2429C38.8402 13.2376 38.8267 13.2324 38.813 13.2273C38.7996 13.2223 38.7861 13.2174 38.7724 13.2126C38.759 13.2078 38.7454 13.2031 38.7318 13.1985C38.7184 13.194 38.7048 13.1895 38.6912 13.1852C38.6778 13.1808 38.6642 13.1766 38.6506 13.1724C38.6371 13.1683 38.6236 13.1641 38.61 13.1602C38.5965 13.1563 38.583 13.1525 38.5694 13.1488C38.5559 13.1451 38.5424 13.1415 38.5288 13.1379L38.4882 13.1275C38.4747 13.1242 38.4612 13.1209 38.4476 13.1177C38.4341 13.1145 38.4206 13.1115 38.407 13.1085L38.3663 13.0998C38.3528 13.097 38.3394 13.0941 38.3257 13.0915C38.3123 13.0888 38.2987 13.0864 38.2851 13.0839L38.2445 13.0767C38.231 13.0744 38.2175 13.0721 38.2039 13.0699L38.1633 13.0637L38.1227 13.0579L38.0821 13.0525L38.0415 13.0477L38.0009 13.0433L37.9603 13.0392L37.9197 13.0356L37.8791 13.0324L37.8384 13.0295L37.7978 13.0272L37.7817 13.0263L37.7572 13.0247L37.7166 13.0223L37.676 13.0201L37.6354 13.0179L37.5948 13.016L37.5542 13.0142L37.5136 13.0127L37.473 13.0114L37.4324 13.0105L37.3917 13.01L37.3694 13.0099H37.3512H37.3105H37.2699H37.2293H37.1887H37.1481H37.1075H37.0669H37.0263H36.9857H36.9451H36.9045H36.8638H36.8233H36.7826H36.742H36.7014H36.6608H36.6202H36.5796H36.539H36.4984H36.4578H36.4172H36.3766H36.3359H36.2954H36.2547H36.2141H36.1735H36.1329H36.0923H36.0517H36.0111H35.9705H35.9299H35.8893H35.8487H35.808H35.7675H35.7268H35.6862H35.6456H35.605H35.5644H35.5238H35.4832H35.4426H35.402H35.3614H35.3208H35.2801H35.2396H35.1989H35.1583H35.1177H35.0771H35.0365H34.9959H34.9553H34.9147H34.8741H34.8335H34.7929H34.7522H34.7117H34.671H34.6304H34.5898H34.5492H34.5086H34.468H34.4274H34.3868H34.3462H34.3056H34.265H34.2243H34.1838H34.1431H34.1025H34.0619H34.0213H33.9807H33.9401H33.8995H33.8589H33.8183H33.7777H33.7371H33.6964H33.6559H33.6152H33.5746H33.534H33.4934H33.4528H33.4122H33.3716H33.331H33.2904H33.2498H33.2092H33.1685H33.128H33.0873H33.0467H33.0061H32.9655H32.9249H32.8843H32.8437H32.8031H32.7625H32.7219H32.6813H32.6406H32.6H32.5594H32.5188H32.4782H32.4376H32.397H32.3564H32.3158H32.2752H32.2346H32.194H32.1534H32.1127H32.0721H32.0315H31.9909H31.9503H31.9097H31.8691H31.8285H31.7879H31.7473H31.7067H31.666H31.6255H31.5848H31.5442H31.5036H31.416V8.61119C31.416 8.31526 31.4463 8.02649 31.5036 7.74768C31.5159 7.68797 31.5295 7.62877 31.5442 7.57005C31.5569 7.5198 31.5705 7.46992 31.5848 7.42041C31.5977 7.37619 31.6112 7.33227 31.6255 7.28866C31.6385 7.24881 31.6519 7.20917 31.666 7.16986C31.6791 7.1334 31.6926 7.09714 31.7067 7.06115C31.7198 7.02754 31.7333 6.99409 31.7473 6.96092C31.7605 6.92961 31.774 6.89843 31.7879 6.8675C31.8011 6.83812 31.8147 6.80894 31.8285 6.77994C31.8417 6.75225 31.8553 6.72477 31.8691 6.69742C31.8824 6.67113 31.896 6.64504 31.9097 6.61905C31.923 6.594 31.9365 6.56913 31.9503 6.5444C31.9636 6.5204 31.9772 6.49662 31.9909 6.47293C32.0043 6.44996 32.0178 6.42708 32.0315 6.40441C32.0449 6.38242 32.0584 6.3606 32.0721 6.33888C32.0854 6.31784 32.0991 6.297 32.1127 6.27622C32.1261 6.25589 32.1396 6.23563 32.1534 6.21554C32.1668 6.19585 32.1802 6.17616 32.194 6.15671C32.2073 6.13787 32.2209 6.11927 32.2346 6.10066C32.2479 6.08236 32.2615 6.0642 32.2752 6.04614C32.2887 6.02835 32.3021 6.01049 32.3158 5.99294C32.3291 5.97586 32.3428 5.95905 32.3564 5.94218C32.3698 5.92554 32.3833 5.90904 32.397 5.89264C32.4105 5.87644 32.4239 5.86024 32.4376 5.84425C32.451 5.82866 32.4646 5.81335 32.4782 5.79796C32.4917 5.78271 32.5051 5.76743 32.5188 5.75239C32.5322 5.73765 32.5458 5.72304 32.5594 5.70847C32.5729 5.6941 32.5864 5.67984 32.6 5.66564C32.6135 5.65164 32.627 5.63765 32.6406 5.62382C32.6541 5.61024 32.6677 5.59685 32.6813 5.58347C32.6948 5.57015 32.7082 5.5567 32.7219 5.54358C32.7352 5.53074 32.7489 5.5182 32.7625 5.50553C32.776 5.49292 32.7894 5.48028 32.8031 5.46785C32.8165 5.45561 32.8301 5.44362 32.8437 5.43159C32.8572 5.41963 32.8707 5.40767 32.8843 5.39587C32.8978 5.38425 32.9113 5.3728 32.9249 5.36134C32.9384 5.34999 32.9519 5.33868 32.9655 5.32749C32.979 5.31641 32.9925 5.30547 33.0061 5.29459L33.0467 5.26243L33.0873 5.23112C33.1008 5.22085 33.1144 5.21066 33.128 5.20056C33.1414 5.19056 33.1549 5.1806 33.1685 5.17074L33.2092 5.1417C33.2226 5.13218 33.2362 5.12272 33.2498 5.11337L33.2904 5.08568L33.331 5.05875C33.3445 5.0499 33.358 5.04109 33.3716 5.03242L33.4122 5.00687C33.4257 4.99843 33.4392 4.98999 33.4528 4.98172C33.4663 4.97352 33.4799 4.96556 33.4934 4.95753C33.507 4.9495 33.5204 4.9414 33.534 4.93354C33.5474 4.92578 33.5611 4.91829 33.5746 4.91067C33.5882 4.90304 33.6016 4.89528 33.6152 4.88783C33.6287 4.88047 33.6423 4.87336 33.6559 4.86614C33.6694 4.85892 33.6828 4.85167 33.6964 4.84459C33.7099 4.83757 33.7235 4.83076 33.7371 4.82392C33.7506 4.81711 33.7641 4.81026 33.7777 4.80359L33.8183 4.78383C33.8318 4.77736 33.8453 4.77106 33.8589 4.76472C33.8724 4.75842 33.8859 4.75201 33.8995 4.74585C33.913 4.73975 33.9266 4.73392 33.9401 4.72795C33.9536 4.72199 33.9671 4.71592 33.9807 4.7101C33.9942 4.70434 34.0078 4.69885 34.0213 4.69322C34.0348 4.68763 34.0483 4.68197 34.0619 4.67651L34.1025 4.66042L34.1431 4.64487C34.1567 4.63972 34.1702 4.6345 34.1838 4.62952C34.1972 4.62457 34.2108 4.61993 34.2243 4.61511C34.2379 4.6103 34.2514 4.60539 34.265 4.60071C34.2784 4.59607 34.292 4.5917 34.3056 4.58719L34.3462 4.57394C34.3597 4.56961 34.3732 4.56523 34.3868 4.56103C34.4003 4.55686 34.4139 4.55293 34.4274 4.5489C34.4409 4.54484 34.4544 4.54063 34.468 4.53674C34.4815 4.53287 34.4951 4.52928 34.5086 4.52555C34.5221 4.52183 34.5356 4.51807 34.5492 4.51447L34.5898 4.5039C34.6033 4.50048 34.6169 4.49723 34.6304 4.49394C34.644 4.49065 34.6574 4.48713 34.671 4.48398C34.6845 4.48086 34.6981 4.47801 34.7117 4.475L34.7522 4.46608L34.7929 4.45765C34.8063 4.45494 34.8199 4.45239 34.8335 4.44982C34.847 4.44721 34.8605 4.44443 34.8741 4.44196C34.8876 4.43948 34.9012 4.43738 34.9147 4.43508L34.9553 4.4283C34.9688 4.42613 34.9824 4.4239 34.9959 4.42186C35.0094 4.41983 35.023 4.41803 35.0365 4.41614C35.0501 4.41424 35.0635 4.41217 35.0771 4.41041C35.0906 4.40865 35.1042 4.40709 35.1177 4.40546L35.1583 4.40079C35.1719 4.3993 35.1854 4.39764 35.1989 4.39628C35.2124 4.39492 35.226 4.39387 35.2396 4.39265L35.2801 4.38903L35.3208 4.38595C35.3343 4.38496 35.3478 4.38418 35.3614 4.38334C35.3749 4.38252 35.3884 4.38147 35.402 4.38076C35.4155 4.38005 35.4291 4.37964 35.4426 4.37907L35.4832 4.37754C35.4968 4.3771 35.5103 4.37652 35.5238 4.37622C35.5373 4.37591 35.5509 4.37588 35.5644 4.37568C35.5779 4.37547 35.5915 4.37524 35.605 4.37517L35.6152 4.37503H35.6456H35.6862H35.7268H35.7675H35.808H35.8487H35.8893H35.9299H35.9705H36.0111H36.0517H36.0923H36.1329H36.1735H36.2141H36.2547H36.2954H36.3359H36.3766H36.4172H36.4578H36.4984H36.539H36.5796H36.6202H36.6608H36.7014H36.742H36.7826H36.8233H36.8638H36.9045H36.9451H36.9857H37.0263H37.0669H37.1075H37.1481H37.1887H37.2293H37.2699H37.3105H37.3512H37.3917H37.4324H37.473H37.5136H37.5542H37.5948H37.6354H37.676H37.7166H37.7572H37.7978H37.8384H37.8791H37.9197H37.9603H38.0009H38.0415H38.0821H38.1227H38.1633H38.2039H38.2445H38.2851H38.3257H38.3663H38.407H38.4476H38.4882H38.5288H38.5694H38.61H38.6506H38.6912H38.7318H38.7724H38.813H38.8537H38.8942H38.9349H38.9755H39.0161H39.0567H39.0973H39.1379H39.1785H39.2191H39.2597H39.3003H39.3409H39.3816H39.4221H39.4628H39.5034H39.544H39.5846H39.6252H39.6658H39.7064H39.747H39.7876H39.8282H39.8688H39.9095H39.95H39.9907H40.0313H40.0719H40.1125H40.1531H40.1937H40.2343H40.2749H40.3155H40.3561H40.3967H40.4374H40.4779H40.5186H40.5592H40.5998H40.6404H40.681H40.7216H40.7622H40.8028H40.8434H40.884H40.9246H40.9653H41.0058H41.0465H41.0871H41.1277H41.1683H41.2089H41.2495H41.2901H41.3307H41.3714H41.4119H41.4526H41.4932H41.5338H41.5744H41.615H41.6556H41.6962H41.7368H41.7774V4.375Z"
+			fill="#54B230"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M8.1377 19.0723V8.61115C8.1377 8.31608 8.16772 8.02805 8.22476 7.74998C8.23702 7.69027 8.25061 7.63111 8.26532 7.57235C8.27791 7.52203 8.29147 7.47212 8.30584 7.42254C8.31867 7.37836 8.3322 7.33451 8.34637 7.29093C8.35936 7.25105 8.37279 7.21133 8.38692 7.17196C8.40001 7.13553 8.41341 7.09931 8.42744 7.06336C8.44054 7.02974 8.45407 6.99623 8.468 6.96302C8.48116 6.93171 8.49466 6.9006 8.50852 6.8697C8.52172 6.84032 8.53525 6.81118 8.54904 6.78217C8.56224 6.75445 8.57583 6.72694 8.5896 6.69956C8.60283 6.67326 8.61636 6.64717 8.63012 6.62121C8.64338 6.59617 8.65691 6.5713 8.67064 6.54656C8.68394 6.52261 8.69744 6.49879 8.7112 6.47513C8.72453 6.45216 8.73796 6.42925 8.75172 6.40655C8.76505 6.38459 8.77858 6.3628 8.79228 6.34112C8.80554 6.32011 8.81917 6.29923 8.8328 6.27846C8.84616 6.25813 8.85963 6.23787 8.87332 6.21777C8.88679 6.19805 8.90011 6.17836 8.91388 6.15888C8.92717 6.14007 8.94081 6.1215 8.9544 6.1029C8.9678 6.0846 8.98129 6.06644 8.99496 6.04838C9.00839 6.03062 9.02178 6.01273 9.03548 5.99518C9.04881 5.97813 9.06244 5.96136 9.076 5.94452C9.0894 5.92788 9.10289 5.91131 9.11656 5.89487C9.12999 5.87871 9.14342 5.86258 9.15708 5.84662C9.17044 5.831 9.18404 5.81565 9.19764 5.80023C9.21107 5.78495 9.2245 5.7697 9.23816 5.75466C9.25152 5.73992 9.26512 5.72538 9.27868 5.71084C9.29211 5.69644 9.30561 5.68217 9.31924 5.66798C9.33267 5.65398 9.34613 5.63999 9.35976 5.62616C9.37316 5.61257 9.38675 5.59919 9.40032 5.5858C9.41381 5.57249 9.42717 5.55907 9.44084 5.54595C9.4542 5.53311 9.46783 5.52057 9.48136 5.5079C9.49486 5.49526 9.50825 5.48259 9.52192 5.47015C9.53531 5.45795 9.54891 5.44599 9.56244 5.43396C9.57594 5.422 9.58936 5.41 9.603 5.39821C9.61642 5.38659 9.62995 5.37517 9.64352 5.36372C9.65695 5.35237 9.67044 5.34101 9.68404 5.32983C9.69747 5.31878 9.71103 5.30784 9.7246 5.29693C9.73806 5.28612 9.75152 5.27541 9.76512 5.26477C9.77855 5.25423 9.79211 5.24383 9.80567 5.23346C9.81914 5.22319 9.83263 5.21296 9.8462 5.20286L9.88672 5.17311C9.90018 5.16332 9.91368 5.15359 9.92728 5.14397C9.9407 5.13445 9.95423 5.12503 9.9678 5.11567C9.98126 5.10635 9.99476 5.0971 10.0083 5.08795C10.0218 5.07891 10.0353 5.07 10.0489 5.06108C10.0623 5.05224 10.0758 5.04333 10.0894 5.03462C10.1028 5.02601 10.1164 5.01761 10.13 5.00914C10.1435 5.0007 10.1569 4.99216 10.1705 4.98389C10.1839 4.97573 10.1975 4.9678 10.211 4.95977C10.2245 4.95173 10.2379 4.94357 10.2516 4.93567C10.265 4.92791 10.2786 4.92049 10.2921 4.91287C10.3056 4.90524 10.319 4.89752 10.3326 4.89003C10.3461 4.88264 10.3596 4.87553 10.3732 4.86831C10.3867 4.86109 10.4001 4.85384 10.4137 4.84676C10.4271 4.83974 10.4407 4.83286 10.4542 4.82598L10.4948 4.80572C10.5083 4.79905 10.5217 4.79237 10.5353 4.78586C10.5488 4.77939 10.5623 4.77312 10.5758 4.76679C10.5894 4.76045 10.6028 4.75398 10.6164 4.74781C10.6298 4.74168 10.6434 4.73592 10.6569 4.72995C10.6704 4.72399 10.6839 4.71792 10.6974 4.71209C10.7109 4.70633 10.7245 4.70078 10.738 4.69515L10.7785 4.67848L10.819 4.66228L10.8596 4.64676C10.8731 4.64161 10.8865 4.63629 10.9001 4.63128C10.9135 4.62633 10.9272 4.62172 10.9407 4.61691C10.9542 4.6121 10.9676 4.60722 10.9812 4.60254L11.0217 4.58889L11.0623 4.57564C11.0758 4.5713 11.0892 4.56686 11.1028 4.56266C11.1162 4.55849 11.1298 4.55453 11.1433 4.55049C11.1568 4.54643 11.1703 4.54229 11.1839 4.53836C11.1973 4.53447 11.2109 4.53084 11.2244 4.52708L11.265 4.516C11.2784 4.51241 11.2919 4.50875 11.3055 4.50529C11.3189 4.50183 11.3325 4.49868 11.346 4.49536C11.3595 4.49204 11.373 4.48858 11.3866 4.4854C11.4 4.48225 11.4136 4.4793 11.4271 4.47628L11.4676 4.46741C11.4811 4.46449 11.4946 4.46154 11.5082 4.4588C11.5216 4.45609 11.5352 4.45358 11.5487 4.45097C11.5622 4.44836 11.5757 4.44565 11.5892 4.44318C11.6027 4.4407 11.6162 4.43847 11.6298 4.43613L11.6703 4.42935C11.6838 4.42718 11.6973 4.42485 11.7108 4.42278C11.7243 4.42071 11.7379 4.41898 11.7514 4.41705C11.7648 4.41515 11.7783 4.41312 11.7919 4.41133L11.8324 4.40621L11.873 4.40157C11.8865 4.40004 11.8999 4.39828 11.9135 4.39689C11.927 4.3955 11.9405 4.39448 11.954 4.39323L11.9946 4.38964C12.0081 4.38849 12.0216 4.38737 12.0351 4.38639C12.0486 4.3854 12.0621 4.38462 12.0757 4.38378C12.0892 4.38293 12.1027 4.38195 12.1162 4.3812C12.1297 4.38046 12.1432 4.37995 12.1567 4.37934L12.1973 4.37778C12.2108 4.3773 12.2242 4.37659 12.2378 4.37625C12.2513 4.37591 12.2648 4.37595 12.2783 4.37575C12.2918 4.37554 12.3053 4.3753 12.3189 4.37524L12.3594 4.375H12.3999H12.4405H12.481H12.5215H12.5621H12.6026H12.6431H12.6837H12.7242H12.7647H12.8053H12.8458H12.8863H12.9269H12.9674H13.008H13.0485H13.089H13.1296H13.1701H13.2107H13.2512H13.2917H13.3323H13.3728H13.4133H13.4539H13.4944H13.5349H13.5755H13.616H13.6565H13.6971H13.7376H13.7781H13.8187H13.8592H13.8997H13.9403H13.9808H14.0213H14.0619H14.1024H14.143H14.1835H14.224H14.2646H14.3051H14.3457H14.3862H14.4267H14.4673H14.5078H14.5483H14.5889H14.6294H14.6699H14.7105H14.751H14.7915H14.8321H14.8726H14.9131H14.9537H14.9942H15.0347H15.0753H15.1158H15.1563H15.1969H15.2374H15.278H15.3185H15.359H15.3996H15.4401H15.4807H15.5212H15.5617H15.6023H15.6428H15.6833H15.7239H15.7644H15.8049H15.8455H15.886H15.9265H15.9671H16.0076H16.0481H16.0887H16.1292H16.1697H16.2103H16.2508H16.2914H16.3319H16.3724H16.413H16.4535H16.494H16.5346H16.5751H16.6157H16.6562H16.6967H16.7373H16.7778H16.8183H16.8589H16.8994H16.9399H16.9805H17.021H17.0615H17.1021H17.1426H17.1831H17.2237H17.2642H17.3047H17.3453H17.3858H17.4264H17.4669H17.5074H17.548H17.5885H17.629H17.6696H17.7101H17.7506H17.7912H17.8317H17.8722H17.9128H17.9533H17.9938H18.0344H18.0749H18.1154H18.156H18.1965H18.237H18.2776H18.3181H18.3586H18.3992H18.4397H18.4803H18.5147V25.5542C18.5147 25.7384 18.5029 25.9199 18.4803 26.098C18.4694 26.1837 18.4556 26.2685 18.4397 26.3525C18.4276 26.4165 18.4141 26.4799 18.3992 26.5427C18.3866 26.5957 18.3732 26.6483 18.3586 26.7005C18.3459 26.7463 18.3323 26.7917 18.3181 26.8368C18.3052 26.8777 18.2917 26.9182 18.2776 26.9586C18.2646 26.9959 18.2511 27.033 18.237 27.0698C18.224 27.1042 18.2105 27.1384 18.1965 27.1723C18.1834 27.2043 18.1699 27.2361 18.156 27.2676C18.1428 27.2976 18.1293 27.3273 18.1154 27.357C18.1023 27.3852 18.0887 27.4132 18.0749 27.4411C18.0617 27.4679 18.0482 27.4945 18.0344 27.5209C18.0211 27.5463 18.0076 27.5717 17.9938 27.5968C17.9805 27.6211 17.9671 27.6454 17.9533 27.6694C17.94 27.6926 17.9265 27.7156 17.9128 27.7385C17.8995 27.7607 17.8859 27.7826 17.8722 27.8045C17.8589 27.8259 17.8454 27.8471 17.8317 27.8682C17.8183 27.8889 17.8049 27.9095 17.7912 27.9298C17.7778 27.9496 17.7643 27.9692 17.7506 27.9887C17.7373 28.0078 17.7238 28.0267 17.7101 28.0456C17.6967 28.0641 17.6832 28.0826 17.6696 28.1009C17.6562 28.1188 17.6427 28.1365 17.629 28.1542C17.6157 28.1714 17.6021 28.1885 17.5885 28.2056C17.5751 28.2224 17.5616 28.2392 17.548 28.2558C17.5346 28.2721 17.521 28.2881 17.5074 28.3041C17.494 28.3199 17.4805 28.3356 17.4669 28.3512C17.4534 28.3665 17.44 28.382 17.4264 28.3972C17.413 28.412 17.3994 28.4266 17.3858 28.4413C17.3723 28.4558 17.359 28.4704 17.3453 28.4847C17.3319 28.4988 17.3183 28.5126 17.3047 28.5265C17.2913 28.5402 17.2778 28.5539 17.2642 28.5674C17.2508 28.5808 17.2373 28.5941 17.2237 28.6073C17.2103 28.6203 17.1967 28.6331 17.1831 28.6459C17.1697 28.6586 17.1562 28.6713 17.1426 28.6839C17.1292 28.6962 17.1156 28.7082 17.1021 28.7204C17.0886 28.7325 17.0752 28.7447 17.0615 28.7566C17.0482 28.7682 17.0345 28.7796 17.021 28.7911C17.0075 28.8026 16.9941 28.8142 16.9805 28.8255C16.9671 28.8366 16.9535 28.8475 16.9399 28.8584C16.9264 28.8693 16.913 28.8803 16.8994 28.8911C16.886 28.9016 16.8724 28.9119 16.8589 28.9223C16.8454 28.9327 16.832 28.9431 16.8183 28.9533C16.8049 28.9634 16.7913 28.9732 16.7778 28.9831C16.7643 28.993 16.7509 29.003 16.7373 29.0127C16.7239 29.0222 16.7103 29.0316 16.6967 29.041C16.6832 29.0504 16.6698 29.0599 16.6562 29.0692C16.6428 29.0782 16.6292 29.0871 16.6157 29.096C16.6021 29.105 16.5887 29.1141 16.5751 29.1229C16.5617 29.1315 16.5481 29.1398 16.5346 29.1484C16.5211 29.1569 16.5076 29.1655 16.494 29.1738C16.4806 29.1821 16.467 29.1901 16.4535 29.1981C16.44 29.2062 16.4266 29.2143 16.413 29.2223C16.3995 29.2301 16.386 29.2377 16.3724 29.2454C16.359 29.2531 16.3455 29.2608 16.3319 29.2682C16.3184 29.2757 16.3049 29.2831 16.2914 29.2904L16.2508 29.3119C16.2373 29.319 16.2239 29.3261 16.2103 29.333C16.1968 29.3399 16.1833 29.3466 16.1697 29.3533C16.1562 29.36 16.1428 29.367 16.1292 29.3735C16.1158 29.38 16.1022 29.3862 16.0887 29.3926C16.0752 29.399 16.0617 29.4054 16.0481 29.4117C16.0347 29.4178 16.0211 29.4237 16.0076 29.4298L15.9671 29.4476L15.9265 29.4649C15.9131 29.4706 15.8995 29.4761 15.886 29.4816C15.8725 29.4871 15.859 29.4928 15.8455 29.4982C15.832 29.5035 15.8185 29.5085 15.8049 29.5136C15.7914 29.5188 15.778 29.5241 15.7644 29.5292C15.7509 29.5342 15.7374 29.539 15.7239 29.5438L15.6833 29.5582L15.6428 29.5722C15.6293 29.5767 15.6158 29.5811 15.6023 29.5854C15.5887 29.5899 15.5753 29.5944 15.5617 29.5987C15.5483 29.6029 15.5347 29.6068 15.5212 29.6109L15.4807 29.6231L15.4401 29.6347C15.4266 29.6385 15.4131 29.6421 15.3996 29.6457C15.386 29.6494 15.3726 29.6533 15.359 29.6567C15.3456 29.6602 15.332 29.6633 15.3185 29.6667C15.305 29.6701 15.2915 29.6734 15.278 29.6767L15.2374 29.6861L15.1969 29.695C15.1834 29.6979 15.1699 29.7011 15.1563 29.7039C15.1429 29.7067 15.1293 29.709 15.1158 29.7117C15.1023 29.7143 15.0888 29.717 15.0753 29.7195L15.0347 29.7269C15.0213 29.7292 15.0077 29.7314 14.9942 29.7336C14.9807 29.7358 14.9672 29.7383 14.9537 29.7404C14.9402 29.7425 14.9267 29.7442 14.9131 29.7462L14.8726 29.7519C14.8591 29.7538 14.8456 29.7556 14.8321 29.7573C14.8186 29.759 14.805 29.7604 14.7915 29.762C14.778 29.7635 14.7645 29.7652 14.751 29.7667C14.7375 29.7681 14.724 29.7693 14.7105 29.7706L14.6699 29.7742C14.6564 29.7754 14.6429 29.7768 14.6294 29.7778C14.6159 29.7788 14.6024 29.7795 14.5889 29.7804L14.5483 29.783L14.5078 29.7851C14.4943 29.7858 14.4808 29.7862 14.4673 29.7867C14.4537 29.7872 14.4402 29.7878 14.4267 29.7883C14.4132 29.7886 14.3997 29.7888 14.3862 29.789L14.3457 29.7895C14.3331 29.7896 14.3207 29.79 14.3081 29.79H14.2646H14.224H14.1835H14.143H14.1024H14.0619H14.0213H13.9808H13.9403H13.8997H13.8592H13.8187H13.7781H13.7376H13.6971H13.6565H13.616H13.5755H13.5349H13.4944H13.4539H13.4133H13.3728H13.3323H13.2917H13.2512H13.2107H13.1701H13.1296H13.089H13.0485H13.008H12.9674H12.9269H12.8863H12.8458H12.8053H12.7647H12.7242H12.6837H12.6431H12.6026H12.5621H12.5215H12.481H12.4405H12.3999H12.3594H12.3189H12.2783H12.2378H12.1973H12.1567H12.1162H12.0757H12.0351H11.9946H11.954H11.9135H11.873H11.8324H11.7919H11.7514H11.7108H11.6703H11.6298H11.5892H11.5487H11.5082H11.4676H11.4271H11.3866H11.346H11.3055H11.265H11.2244H11.1839H11.1433H11.1028H11.0623H11.0217H10.9812H10.9407H10.9001H10.8596H10.819H10.7785H10.738H10.6974H10.6569H10.6164H10.5758H10.5353H10.4948H10.4542H10.4137H10.3732H10.3326H10.2921H10.2516H10.211H10.1705H10.13H10.0894H10.0489H10.0083H9.9678H9.92728H9.88672H9.8462H9.80567H9.76512H9.7246H9.68404H9.64352H9.603H9.56244H9.52192H9.48136H9.44084H9.40032H9.35976H9.31924H9.27868H9.23816H9.19764H9.15708H9.11656H9.076H9.03548H8.99496H8.9544H8.91388H8.87332H8.8328H8.79228H8.75172H8.7112H8.67064H8.63012H8.5896H8.54904H8.50852H8.468H8.42744H8.38692H8.34637H8.30584H8.26532H8.22476H8.1377V20.8632C8.1377 20.8632 8.16765 20.8715 8.22476 20.886L8.26532 20.8962L8.30584 20.9062L8.34637 20.916L8.38692 20.9256L8.42744 20.9351L8.468 20.9445L8.50852 20.9537L8.54904 20.9628L8.5896 20.9717L8.63012 20.9805L8.67064 20.9893L8.7112 20.9979L8.75172 21.0064L8.79228 21.0147L8.8328 21.023L8.87332 21.0311L8.91388 21.0392L8.9544 21.0471L8.99496 21.055L9.03548 21.0628L9.076 21.0704L9.11656 21.078L9.15708 21.0854L9.19764 21.0928L9.23816 21.1001L9.27868 21.1072L9.31924 21.1143L9.35976 21.1212L9.40032 21.1281L9.44084 21.1349L9.48136 21.1416L9.52192 21.1482L9.56244 21.1547L9.603 21.1612L9.64352 21.1675L9.68404 21.1738L9.7246 21.1799L9.76512 21.186L9.80567 21.1919L9.8462 21.1978L9.88672 21.2036L9.92728 21.2093L9.9678 21.2149L10.0083 21.2205L10.0489 21.2259L10.0894 21.2313L10.13 21.2366L10.1705 21.2417L10.211 21.2468L10.2516 21.2518L10.2921 21.2568L10.3326 21.2615L10.3732 21.2663L10.4137 21.2709L10.4542 21.2755L10.4948 21.28L10.5353 21.2844L10.5758 21.2887L10.6164 21.2929L10.6569 21.297L10.6974 21.301L10.738 21.305L10.7785 21.3089L10.819 21.3126L10.8596 21.3164L10.9001 21.3199L10.9407 21.3234L10.9812 21.3269L11.0217 21.3302L11.0623 21.3335L11.1028 21.3366L11.1433 21.3397L11.1839 21.3426L11.2244 21.3455L11.265 21.3483L11.3055 21.351L11.346 21.3536L11.3866 21.3562L11.4271 21.3586L11.4676 21.361L11.5082 21.3632L11.5487 21.3654L11.5892 21.3675L11.6298 21.3694L11.6703 21.3713L11.7108 21.3731L11.7514 21.3748L11.7919 21.3765L11.8324 21.3779L11.873 21.3793L11.9135 21.3807L11.954 21.3819L11.9946 21.3831L12.0351 21.3841L12.0757 21.385L12.1162 21.386L12.1567 21.3867L12.1973 21.3873L12.2378 21.388L12.2783 21.3884L12.3189 21.3888L12.3594 21.3891L12.3999 21.3892L12.4405 21.3893L12.481 21.3893L12.5215 21.389L12.5621 21.3888L12.6026 21.3885L12.6431 21.3883L12.6837 21.3875L12.7242 21.3868L12.7647 21.3861L12.8053 21.3853L12.8458 21.3843L12.8863 21.383L12.9269 21.3818L12.9674 21.3805L13.008 21.3791L13.0485 21.3773L13.089 21.3756L13.1296 21.3737L13.1701 21.3719L13.2107 21.3697L13.2512 21.3673L13.2917 21.3649L13.3323 21.3626L13.3728 21.3599L13.4133 21.3569L13.4539 21.354L13.4944 21.3511L13.5349 21.3478L13.5755 21.3443L13.616 21.3408L13.6565 21.3372L13.6971 21.3334L13.7376 21.3292L13.7781 21.3251L13.8187 21.3209L13.8592 21.3164L13.8997 21.3116L13.9403 21.3068L13.9808 21.302L14.0213 21.2967L14.0619 21.2912L14.1024 21.2858L14.143 21.2802C14.1566 21.2782 14.1699 21.2761 14.1835 21.2741L14.224 21.2679L14.2646 21.2618L14.3051 21.2553C14.3187 21.2531 14.3321 21.2507 14.3457 21.2484L14.3862 21.2416C14.3996 21.2393 14.4134 21.2371 14.4267 21.2347C14.4404 21.2323 14.4537 21.2296 14.4673 21.2271L14.5078 21.2195L14.5483 21.2119L14.5889 21.2039C14.6025 21.2012 14.6159 21.1983 14.6294 21.1955L14.6699 21.1871L14.7105 21.1785C14.7242 21.1756 14.7374 21.1724 14.751 21.1694L14.7915 21.1601C14.805 21.157 14.8187 21.1541 14.8321 21.151C14.8458 21.1477 14.8591 21.1443 14.8726 21.141L14.9131 21.1309C14.9266 21.1276 14.9403 21.1243 14.9537 21.1209C14.9673 21.1174 14.9807 21.1138 14.9942 21.1102L15.0347 21.0993C15.0482 21.0956 15.0619 21.0921 15.0753 21.0883C15.0889 21.0846 15.1023 21.0806 15.1158 21.0768L15.1563 21.065C15.1698 21.061 15.1835 21.0571 15.1969 21.0531L15.2374 21.0406L15.278 21.0278C15.2914 21.0235 15.3052 21.0193 15.3185 21.015L15.359 21.0014L15.3996 20.9876C15.413 20.9829 15.4268 20.9784 15.4401 20.9737C15.4538 20.9689 15.4671 20.9638 15.4807 20.9589L15.5212 20.9441C15.5347 20.939 15.5483 20.9341 15.5617 20.9289C15.5754 20.9237 15.5887 20.9183 15.6023 20.913C15.6158 20.9077 15.6294 20.9024 15.6428 20.897L15.6833 20.8804L15.7239 20.8632C15.7373 20.8575 15.7511 20.852 15.7644 20.8461C15.7781 20.8401 15.7914 20.8339 15.8049 20.8278L15.8455 20.8094L15.886 20.7904C15.8996 20.784 15.9131 20.7774 15.9265 20.7708C15.94 20.7642 15.9538 20.7577 15.9671 20.751C15.9808 20.7441 15.9941 20.737 16.0076 20.73C16.0211 20.723 16.0348 20.7161 16.0481 20.7091C16.0618 20.7018 16.0752 20.6944 16.0887 20.687C16.1023 20.6796 16.1158 20.6721 16.1292 20.6646C16.1428 20.6569 16.1563 20.6492 16.1697 20.6415C16.1834 20.6336 16.1969 20.6255 16.2103 20.6175C16.2239 20.6094 16.2375 20.6013 16.2508 20.5931C16.2645 20.5847 16.2779 20.5761 16.2914 20.5676C16.3049 20.559 16.3186 20.5504 16.3319 20.5417C16.3456 20.5328 16.359 20.5236 16.3724 20.5145C16.386 20.5053 16.3996 20.4963 16.413 20.487C16.4267 20.4774 16.44 20.4677 16.4535 20.458C16.4671 20.4482 16.4807 20.4384 16.494 20.4286C16.5077 20.4184 16.5211 20.408 16.5346 20.3977C16.5482 20.3872 16.5618 20.3767 16.5751 20.3661C16.5888 20.3552 16.6023 20.3442 16.6157 20.3331C16.6293 20.3218 16.6428 20.3104 16.6562 20.299C16.6698 20.2873 16.6834 20.2757 16.6967 20.2639C16.7105 20.2517 16.7238 20.2393 16.7373 20.2269C16.7508 20.2144 16.7645 20.2019 16.7778 20.1892C16.7915 20.176 16.805 20.1627 16.8183 20.1493C16.832 20.1356 16.8455 20.1218 16.8589 20.108C16.8725 20.0938 16.8861 20.0797 16.8994 20.0653C16.9132 20.0503 16.9265 20.0351 16.9399 20.0199C16.9537 20.0043 16.9672 19.9885 16.9805 19.9727C16.9942 19.9564 17.0078 19.9401 17.021 19.9236C17.0347 19.9064 17.0483 19.8892 17.0615 19.8718C17.0754 19.8536 17.0888 19.8352 17.1021 19.8168C17.1159 19.7976 17.1293 19.7783 17.1426 19.7589C17.1564 19.7386 17.1699 19.7182 17.1831 19.6976C17.197 19.6761 17.2105 19.6543 17.2237 19.6324C17.2375 19.6093 17.2511 19.5861 17.2642 19.5627C17.2781 19.5378 17.2916 19.5128 17.3047 19.4876C17.3187 19.4606 17.3322 19.4335 17.3453 19.4061C17.3594 19.3767 17.3728 19.3471 17.3858 19.3172C17.3999 19.2847 17.4135 19.2521 17.4264 19.2191C17.4406 19.1827 17.4541 19.1461 17.4669 19.1091C17.4814 19.0672 17.4948 19.0248 17.5074 18.982C17.5222 18.9321 17.5356 18.8816 17.548 18.8307C17.5632 18.7675 17.5768 18.7036 17.5885 18.639C17.6059 18.5428 17.6193 18.4451 17.629 18.346C17.6426 18.208 17.6493 18.0674 17.6493 17.9246V13.01H17.5885H17.548H17.5074H17.4669H17.4264H17.3858H17.3453H17.3047H17.2642H17.2237H17.1831H17.1426H17.1021H17.0615H17.021H16.9805H16.9399H16.8994H16.8589H16.8183H16.7778H16.7373H16.6967H16.6562H16.6157H16.5751H16.5346H16.494H16.4535H16.413H16.3724H16.3319H16.2914H16.2508H16.2103H16.1697H16.1292H16.0887H16.0481H16.0076H15.9671H15.9265H15.886H15.8455H15.8049H15.7644H15.7239H15.6833H15.6428H15.6023H15.5617H15.5212H15.4807H15.4401H15.3996H15.359H15.3185H15.278H15.2374H15.1969H15.1563H15.1158H15.0753H15.0347H14.9942H14.9537H14.9131H14.8726H14.8321H14.7915H14.751H14.7105H14.6699H14.6294H14.5889H14.5483H14.5078H14.4673H14.4267H14.3862H14.3457H14.3051H14.2646H14.224H14.1835H14.143H14.1024H14.0619L14.0312 17.9246C14.0312 18.0016 14.0278 18.0773 14.0213 18.1515C14.0131 18.2461 13.9995 18.3383 13.9808 18.4279C13.9693 18.4833 13.9557 18.5377 13.9403 18.591C13.928 18.6335 13.9145 18.6753 13.8997 18.7164C13.8872 18.7514 13.8736 18.7858 13.8592 18.8198C13.8464 18.8501 13.8329 18.8799 13.8187 18.9093C13.8057 18.9361 13.7923 18.9626 13.7781 18.9885C13.7652 19.0125 13.7516 19.0359 13.7376 19.0592C13.7245 19.081 13.711 19.1026 13.6971 19.1238C13.6839 19.1438 13.6704 19.1634 13.6565 19.1828C13.6433 19.2013 13.6299 19.2196 13.616 19.2376C13.6028 19.2547 13.5893 19.2714 13.5755 19.288C13.5622 19.3039 13.5487 19.3196 13.5349 19.3351C13.5217 19.35 13.5082 19.3647 13.4944 19.3792C13.4811 19.3931 13.4676 19.407 13.4539 19.4206C13.4406 19.4337 13.4271 19.4467 13.4133 19.4594C13.4 19.4718 13.3865 19.4839 13.3728 19.4958C13.3595 19.5075 13.346 19.519 13.3323 19.5302C13.3189 19.5412 13.3054 19.552 13.2917 19.5627C13.2784 19.5731 13.2648 19.5833 13.2512 19.5934C13.2378 19.6032 13.2243 19.6129 13.2107 19.6224C13.1973 19.6318 13.1838 19.6409 13.1701 19.65C13.1567 19.6588 13.1432 19.6674 13.1296 19.676C13.1162 19.6843 13.1027 19.6925 13.089 19.7006C13.0757 19.7085 13.0621 19.7162 13.0485 19.7239C13.0351 19.7314 13.0216 19.7386 13.008 19.7459C12.9946 19.753 12.9811 19.76 12.9674 19.7668C12.954 19.7735 12.9405 19.7801 12.9269 19.7866C12.9135 19.793 12.9 19.7993 12.8863 19.8055C12.8729 19.8115 12.8595 19.8175 12.8458 19.8232C12.8325 19.8289 12.8189 19.8344 12.8053 19.8399C12.7919 19.8453 12.7783 19.8505 12.7647 19.8557C12.7513 19.8608 12.7379 19.8657 12.7242 19.8706C12.7108 19.8754 12.6973 19.8802 12.6837 19.8848C12.6703 19.8893 12.6567 19.8937 12.6431 19.898C12.6298 19.9022 12.6162 19.9063 12.6026 19.9103C12.5892 19.9143 12.5757 19.9183 12.5621 19.922C12.5486 19.9258 12.5351 19.9295 12.5215 19.933C12.5081 19.9365 12.4946 19.9399 12.481 19.9432C12.4676 19.9464 12.4541 19.9495 12.4405 19.9526C12.427 19.9556 12.4135 19.9586 12.3999 19.9614C12.3865 19.9642 12.373 19.967 12.3594 19.9696C12.346 19.9722 12.3324 19.9746 12.3189 19.977C12.3054 19.9794 12.2919 19.9817 12.2783 19.9839L12.2378 19.9902C12.2244 19.9921 12.2108 19.9939 12.1973 19.9957C12.1838 19.9975 12.1703 19.9993 12.1567 20.0009L12.1162 20.0054C12.1028 20.0068 12.0892 20.008 12.0757 20.0093C12.0622 20.0105 12.0487 20.0118 12.0351 20.0128C12.0217 20.0139 12.0082 20.0148 11.9946 20.0157C11.9811 20.0165 11.9676 20.0173 11.954 20.018C11.9405 20.0187 11.9271 20.0194 11.9135 20.02C11.9001 20.0205 11.8865 20.0208 11.873 20.0212L11.8324 20.0222C11.819 20.0224 11.8055 20.0225 11.7919 20.0226L11.7514 20.0226L11.7108 20.0223L11.6703 20.0218L11.6298 20.0209L11.5892 20.0198L11.5487 20.0185L11.5082 20.0168L11.4676 20.0149L11.4271 20.0129L11.3866 20.0104L11.346 20.0078L11.3055 20.0049L11.265 20.0017L11.2244 19.9983L11.1839 19.9946L11.1433 19.9907L11.1028 19.9865L11.0623 19.9821L11.0217 19.9775L10.9812 19.9725L10.9407 19.9674L10.9001 19.962L10.8596 19.9563L10.819 19.9504L10.7785 19.9443L10.738 19.9379L10.6974 19.9313L10.6569 19.9244L10.6164 19.9173L10.5758 19.91L10.5353 19.9024L10.4948 19.8946L10.4542 19.8866L10.4137 19.8783L10.3732 19.8698L10.3326 19.8611L10.2921 19.8521L10.2516 19.8429L10.211 19.8335L10.1705 19.8238L10.13 19.8139L10.0894 19.8038L10.0489 19.7936L10.0083 19.7829L9.9678 19.7722L9.92728 19.7612L9.88672 19.75L9.8462 19.7386L9.80567 19.7269L9.76512 19.7151L9.7246 19.703L9.68404 19.6907L9.64352 19.6782L9.603 19.6654L9.56244 19.6525L9.52192 19.6394L9.48136 19.6261L9.44084 19.6125L9.40032 19.5987L9.35976 19.5847L9.31924 19.5706L9.27868 19.5562L9.23816 19.5416L9.19764 19.5269L9.15708 19.5118L9.11656 19.4967L9.076 19.4813L9.03548 19.4657L8.99496 19.4499L8.9544 19.434L8.91388 19.4178L8.87332 19.4014L8.8328 19.3849L8.79228 19.3682L8.75172 19.3513L8.7112 19.3341L8.67064 19.3168L8.63012 19.2993L8.5896 19.2817L8.54904 19.2637L8.50852 19.2457L8.468 19.2275L8.42744 19.2091L8.38692 19.1905L8.34637 19.1717L8.30584 19.1528L8.26532 19.1336L8.22476 19.1144C8.19572 19.1004 8.16671 19.0864 8.1377 19.0723Z"
+			fill="#006CB9"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M19.8644 14.0838C19.8348 14.1079 19.8057 14.1321 19.7773 14.1567V8.61115C19.7773 8.31625 19.8074 8.02839 19.8644 7.75042C19.8766 7.69075 19.8902 7.63162 19.9049 7.57289C19.9175 7.52251 19.9311 7.47253 19.9455 7.42288C19.9583 7.37866 19.9718 7.33475 19.986 7.29114C19.999 7.25129 20.0124 7.21164 20.0265 7.17233C20.0396 7.1359 20.0531 7.09965 20.0671 7.06369C20.0802 7.03008 20.0937 6.99663 20.1076 6.96343C20.1208 6.93212 20.1343 6.90101 20.1481 6.87007C20.1613 6.84069 20.1749 6.81152 20.1887 6.78251C20.2019 6.75479 20.2154 6.72734 20.2292 6.69997C20.2424 6.67367 20.256 6.64758 20.2698 6.62159C20.283 6.59655 20.2966 6.57167 20.3103 6.54694C20.3236 6.52298 20.3371 6.49912 20.3508 6.47547C20.3642 6.4525 20.3776 6.42963 20.3914 6.40692C20.4047 6.385 20.4182 6.36321 20.4319 6.34156C20.4452 6.32048 20.4588 6.29964 20.4725 6.27883C20.4858 6.25847 20.4993 6.23824 20.513 6.21814C20.5264 6.19842 20.5398 6.1787 20.5535 6.15925C20.5668 6.14041 20.5805 6.12188 20.5941 6.10331C20.6074 6.08501 20.6209 6.06681 20.6346 6.04875C20.648 6.03096 20.6614 6.01314 20.6751 5.99558C20.6884 5.97854 20.7021 5.96173 20.7157 5.94489C20.7291 5.92825 20.7426 5.91168 20.7562 5.89528C20.7696 5.87908 20.7831 5.86295 20.7968 5.84699C20.8101 5.83141 20.8237 5.81602 20.8373 5.80064C20.8507 5.78539 20.8642 5.77007 20.8778 5.75499C20.8912 5.74025 20.9048 5.72568 20.9183 5.71115C20.9317 5.69678 20.9453 5.68251 20.9589 5.66832C20.9723 5.65432 20.9858 5.64033 20.9994 5.6265C21.0128 5.61295 21.0264 5.59956 21.0399 5.58618C21.0534 5.57286 21.0668 5.55944 21.0805 5.54629C21.0938 5.53345 21.1075 5.52091 21.121 5.50824C21.1345 5.4956 21.1479 5.48293 21.1616 5.47049C21.175 5.45829 21.1886 5.4463 21.2021 5.43427C21.2156 5.42227 21.229 5.41031 21.2426 5.39852C21.2561 5.38689 21.2696 5.37548 21.2832 5.36402C21.2966 5.35267 21.3101 5.34132 21.3237 5.3301C21.3372 5.31906 21.3507 5.30811 21.3642 5.29723C21.3777 5.28642 21.3912 5.27568 21.4048 5.26504C21.4182 5.25454 21.4318 5.24413 21.4453 5.23377C21.4588 5.2235 21.4723 5.21326 21.4858 5.20317C21.4993 5.19314 21.5128 5.18324 21.5264 5.17338C21.5399 5.16362 21.5534 5.15386 21.5669 5.14424C21.5804 5.13472 21.5939 5.12533 21.6075 5.11594C21.6209 5.10663 21.6344 5.09734 21.648 5.08819C21.6614 5.07914 21.675 5.07023 21.6886 5.06132C21.702 5.05244 21.7155 5.04356 21.7291 5.03486C21.7425 5.02625 21.7561 5.01785 21.7696 5.00937C21.7831 5.00094 21.7966 4.9924 21.8102 4.98413C21.8236 4.97593 21.8372 4.968 21.8507 4.95997C21.8642 4.95194 21.8776 4.94374 21.8912 4.93588C21.9046 4.92812 21.9183 4.92066 21.9318 4.91304C21.9453 4.90541 21.9587 4.89772 21.9723 4.89027C21.9857 4.88288 21.9993 4.87576 22.0128 4.86851C22.0263 4.86129 22.0398 4.85404 22.0534 4.84696L22.0939 4.82619L22.1345 4.80589C22.1479 4.79925 22.1614 4.79254 22.175 4.78603C22.1885 4.77956 22.202 4.77329 22.2156 4.76696C22.2291 4.76065 22.2425 4.75415 22.2561 4.74798C22.2695 4.74185 22.2831 4.73609 22.2966 4.73012C22.3101 4.72416 22.3236 4.71809 22.3372 4.71226C22.3506 4.7065 22.3641 4.70091 22.3777 4.69529L22.4182 4.67862C22.4317 4.67316 22.4452 4.6677 22.4588 4.66238C22.4722 4.6571 22.4858 4.65202 22.4993 4.64686C22.5128 4.64171 22.5262 4.63639 22.5398 4.63138C22.5533 4.62643 22.5669 4.62182 22.5804 4.61701C22.5939 4.6122 22.6073 4.60732 22.6209 4.60264C22.6344 4.59797 22.6479 4.59349 22.6615 4.58899L22.702 4.57574C22.7155 4.5714 22.729 4.56696 22.7425 4.56273C22.756 4.55856 22.7696 4.55463 22.7831 4.5506C22.7966 4.54653 22.8101 4.54236 22.8236 4.53843C22.8371 4.53453 22.8506 4.53091 22.8641 4.52715L22.9047 4.51607C22.9182 4.51247 22.9317 4.50881 22.9452 4.50536C22.9587 4.50194 22.9722 4.49872 22.9857 4.4954C22.9992 4.49208 23.0127 4.48862 23.0263 4.48543C23.0398 4.48228 23.0533 4.47933 23.0668 4.47632L23.1074 4.46744C23.1209 4.46456 23.1343 4.46158 23.1479 4.45883C23.1614 4.45609 23.1749 4.45361 23.1885 4.45101C23.202 4.4484 23.2154 4.44565 23.229 4.44318L23.2695 4.43613L23.3101 4.42939C23.3236 4.42718 23.337 4.42485 23.3506 4.42278C23.3641 4.42071 23.3776 4.41898 23.3911 4.41705C23.4046 4.41515 23.4181 4.41316 23.4317 4.41136L23.4722 4.40624L23.5127 4.40157C23.5263 4.40004 23.5397 4.39828 23.5533 4.39689C23.5668 4.3955 23.5803 4.39448 23.5938 4.39323L23.6344 4.38964C23.6479 4.38849 23.6614 4.38737 23.6749 4.38639C23.6884 4.3854 23.7019 4.38462 23.7154 4.38378C23.7289 4.38293 23.7424 4.38195 23.756 4.3812C23.7695 4.38046 23.783 4.37995 23.7965 4.37934L23.837 4.37778C23.8506 4.3773 23.864 4.37659 23.8776 4.37625C23.8911 4.37591 23.9046 4.37595 23.9181 4.37575C23.9317 4.37554 23.9452 4.3753 23.9587 4.37524L23.9766 4.375H23.9992H24.0398H24.0803H24.1208H24.1614H24.2019H24.2424H24.283H24.3235H24.364H24.4046H24.4451H24.4856H24.5262H24.5667H24.6073H24.6478H24.6884H24.7289H24.7694H24.81H24.8505H24.891H24.9316H24.9721H25.0127H25.0532H25.0937H25.1343H25.1748H25.2153H25.2559H25.2964H25.3369H25.3775H25.418H25.4585H25.4991H25.5396H25.5802H25.6207H25.6613H25.7018H25.7423H25.7829H25.8234H25.8639H25.9045H25.945H25.9855H26.0261H26.0666H26.1072H26.1477H26.1882H26.2288H26.2693H26.3099H26.3504H26.3909H26.4315H26.472H26.5125H26.5531H26.5936H26.6342H26.6747H26.7152H26.7558H26.7963H26.8368H26.8774H26.9179H26.9584H26.999H27.0395H27.0801H27.1206H27.1612H27.2017H27.2422H27.2828H27.3233H27.3638H27.4044H27.4449H27.4854H27.526H27.5665H27.6071H27.6476H27.6882H27.7287H27.7692H27.8098H27.8503H27.8908H27.9314H27.9719H28.0124H28.053H28.0935H28.1341H28.1746H28.2151H28.2557H28.2962H28.3367H28.3773H28.4178H28.4583H28.4989H28.5394H28.58H28.6205H28.661H28.7016H28.7421H28.7827H28.8232H28.8637H28.9043H28.9448H28.9853H29.0259H29.0664H29.107H29.1475H29.1881H29.2286H29.2691H29.3097H29.3502H29.3907H29.4313H29.4718H29.5123H29.5529H29.5934H29.6339H29.6745H29.715H29.7556H29.7961H29.8366H29.8772H29.9177H29.9582H29.9988H30.0393H30.0799H30.1204H30.1548V25.5542C30.1548 25.7384 30.1431 25.9197 30.1204 26.0977C30.1095 26.1834 30.0958 26.2682 30.0799 26.3522C30.0678 26.4161 30.0543 26.4796 30.0393 26.5425C30.0267 26.5954 30.0133 26.6481 29.9988 26.7003C29.986 26.746 29.9725 26.7915 29.9582 26.8366C29.9454 26.8775 29.9318 26.918 29.9177 26.9583C29.9047 26.9956 29.8912 27.0327 29.8772 27.0696C29.8641 27.1039 29.8506 27.1381 29.8366 27.172C29.8235 27.204 29.81 27.2358 29.7961 27.2674C29.7829 27.2973 29.7694 27.3271 29.7556 27.3567C29.7423 27.3849 29.7288 27.413 29.715 27.4409C29.7018 27.4676 29.6883 27.4942 29.6745 27.5207C29.6612 27.5461 29.6477 27.5715 29.6339 27.5966C29.6206 27.621 29.6072 27.6452 29.5934 27.6692C29.5801 27.6924 29.5666 27.7154 29.5529 27.7382C29.5396 27.7604 29.526 27.7824 29.5123 27.8043C29.499 27.8256 29.4855 27.8469 29.4718 27.868C29.4584 27.8886 29.445 27.9093 29.4313 27.9296C29.4179 27.9494 29.4044 27.969 29.3907 27.9885C29.3774 28.0076 29.3638 28.0265 29.3502 28.0453C29.3368 28.0639 29.3233 28.0824 29.3097 28.1007C29.2963 28.1185 29.2828 28.1362 29.2691 28.1539C29.2558 28.1712 29.2422 28.1883 29.2286 28.2053C29.2151 28.2222 29.2017 28.239 29.1881 28.2556C29.1747 28.2718 29.1611 28.2879 29.1475 28.3039C29.1341 28.3197 29.1206 28.3353 29.107 28.3509C29.0935 28.3663 29.0801 28.3817 29.0664 28.3969C29.0531 28.4118 29.0394 28.4264 29.0259 28.441C29.0124 28.4556 28.999 28.4702 28.9853 28.4845C28.9719 28.4986 28.9584 28.5124 28.9448 28.5263C28.9314 28.54 28.9179 28.5536 28.9043 28.5672C28.8909 28.5806 28.8774 28.5939 28.8637 28.6071C28.8503 28.62 28.8368 28.6329 28.8232 28.6457C28.8097 28.6584 28.7963 28.6712 28.7827 28.6837C28.7693 28.696 28.7557 28.7081 28.7421 28.7202C28.7286 28.7323 28.7152 28.7445 28.7016 28.7564C28.6882 28.7681 28.6746 28.7795 28.661 28.791C28.6475 28.8025 28.6341 28.814 28.6205 28.8253C28.6071 28.8364 28.5935 28.8472 28.58 28.8582C28.5665 28.8691 28.5531 28.8801 28.5394 28.8909C28.526 28.9014 28.5124 28.9117 28.4989 28.9221C28.4854 28.9325 28.472 28.9429 28.4583 28.9532C28.445 28.9632 28.4314 28.9731 28.4178 28.983C28.4043 28.9928 28.3909 29.0028 28.3773 29.0125C28.3639 29.0221 28.3503 29.0314 28.3367 29.0408C28.3232 29.0502 28.3098 29.0597 28.2962 29.069C28.2828 29.0781 28.2692 29.0869 28.2557 29.0959C28.2422 29.1048 28.2288 29.1139 28.2151 29.1227C28.2017 29.1314 28.1881 29.1397 28.1746 29.1482C28.1611 29.1567 28.1477 29.1653 28.1341 29.1737C28.1206 29.1819 28.107 29.1899 28.0935 29.198C28.08 29.206 28.0666 29.2142 28.053 29.2221C28.0395 29.2299 28.026 29.2376 28.0124 29.2453L27.9719 29.2681L27.9314 29.2902L27.8908 29.3118C27.8773 29.3188 27.8639 29.326 27.8503 29.3329C27.8368 29.3398 27.8233 29.3465 27.8098 29.3532C27.7963 29.3599 27.7828 29.3668 27.7692 29.3734C27.7558 29.3799 27.7422 29.3861 27.7287 29.3925C27.7152 29.3988 27.7017 29.4053 27.6882 29.4115C27.6747 29.4177 27.6611 29.4236 27.6476 29.4297L27.6071 29.4475L27.5665 29.4648L27.526 29.4815C27.5125 29.487 27.499 29.4927 27.4854 29.4981C27.472 29.5034 27.4584 29.5084 27.4449 29.5135C27.4314 29.5187 27.418 29.524 27.4044 29.5291C27.3909 29.5341 27.3774 29.5389 27.3638 29.5437L27.3233 29.5581L27.2828 29.5721C27.2693 29.5766 27.2557 29.5809 27.2422 29.5853C27.2287 29.5898 27.2152 29.5944 27.2017 29.5986C27.1883 29.6028 27.1747 29.6067 27.1612 29.6108L27.1206 29.623L27.0801 29.6346C27.0666 29.6384 27.0531 29.642 27.0395 29.6456C27.026 29.6493 27.0126 29.6532 26.999 29.6567C26.9855 29.6602 26.972 29.6633 26.9584 29.6666C26.945 29.67 26.9315 29.6734 26.9179 29.6766L26.8774 29.686L26.8368 29.6949C26.8233 29.6978 26.8099 29.701 26.7963 29.7038C26.7829 29.7066 26.7693 29.709 26.7558 29.7116L26.7152 29.7194L26.6747 29.7268C26.6612 29.7292 26.6477 29.7313 26.6342 29.7336C26.6206 29.7358 26.6072 29.7382 26.5936 29.7403C26.5802 29.7424 26.5666 29.7442 26.5531 29.7462L26.5125 29.7519C26.499 29.7537 26.4855 29.7556 26.472 29.7573C26.4585 29.759 26.445 29.7604 26.4315 29.762C26.418 29.7635 26.4045 29.7652 26.3909 29.7666C26.3775 29.7681 26.3639 29.7693 26.3504 29.7706L26.3099 29.7742C26.2963 29.7754 26.2829 29.7768 26.2693 29.7778C26.2559 29.7788 26.2423 29.7795 26.2288 29.7804L26.1882 29.783L26.1477 29.7851C26.1342 29.7858 26.1207 29.7862 26.1072 29.7867C26.0936 29.7872 26.0802 29.7878 26.0666 29.7882C26.0532 29.7886 26.0396 29.7887 26.0261 29.789L25.9855 29.7895C25.9729 29.7896 25.9604 29.79 25.9477 29.79H25.945H25.9045H25.8639H25.8234H25.7829H25.7423H25.7018H25.6613H25.6207H25.5802H25.5396H25.4991H25.4585H25.418H25.3775H25.3369H25.2964H25.2559H25.2153H25.1748H25.1343H25.0937H25.0532H25.0127H24.9721H24.9316H24.891H24.8505H24.81H24.7694H24.7289H24.6884H24.6478H24.6073H24.5667H24.5262H24.4856H24.4451H24.4046H24.364H24.3235H24.283H24.2424H24.2019H24.1614H24.1208H24.0803H24.0398H23.9992H23.9587H23.9181H23.8776H23.837H23.7965H23.756H23.7154H23.6749H23.6344H23.5938H23.5533H23.5127H23.4722H23.4317H23.3911H23.3506H23.3101H23.2695H23.229H23.1885H23.1479H23.1074H23.0668H23.0263H22.9857H22.9452H22.9047H22.8641H22.8236H22.7831H22.7425H22.702H22.6615H22.6209H22.5804H22.5398H22.4993H22.4588H22.4182H22.3777H22.3372H22.2966H22.2561H22.2156H22.175H22.1345H22.0939H22.0534H22.0128H21.9723H21.9318H21.8912H21.8507H21.8102H21.7696H21.7291H21.6886H21.648H21.6075H21.5669H21.5264H21.4858H21.4453H21.4048H21.3642H21.3237H21.2832H21.2426H21.2021H21.1616H21.121H21.0805H21.0399H20.9994H20.9589H20.9183H20.8778H20.8373H20.7968H20.7562H20.7157H20.6751H20.6346H20.5941H20.5535H20.513H20.4725H20.4319H20.3914H20.3508H20.3103H20.2698H20.2292H20.1887H20.1481H20.1076H20.0671H20.0265H19.986H19.9455H19.9049H19.8644H19.7773V20.01C19.8057 20.0345 19.8348 20.0588 19.8644 20.0828C19.8778 20.0937 19.8913 20.1046 19.9049 20.1153C19.9183 20.126 19.9318 20.1366 19.9455 20.1471C19.9589 20.1575 19.9723 20.1679 19.986 20.1782C19.9994 20.1882 20.013 20.1982 20.0265 20.2081C20.0399 20.218 20.0535 20.2277 20.0671 20.2375C20.0805 20.2471 20.094 20.2566 20.1076 20.2662L20.1481 20.2941C20.1615 20.3032 20.1751 20.3123 20.1887 20.3213L20.2292 20.3479C20.2426 20.3567 20.2561 20.3654 20.2698 20.374C20.2831 20.3825 20.2967 20.3909 20.3103 20.3993L20.3508 20.4241C20.3643 20.4323 20.3778 20.4404 20.3914 20.4484C20.4048 20.4564 20.4183 20.4642 20.4319 20.472L20.4725 20.4952L20.513 20.5178L20.5535 20.5399C20.567 20.5471 20.5804 20.5545 20.5941 20.5617C20.6074 20.5687 20.621 20.5757 20.6346 20.5827L20.6751 20.6034L20.7157 20.6237L20.7562 20.6434C20.7697 20.6499 20.7831 20.6565 20.7968 20.6629L20.8373 20.6818L20.8778 20.7004L20.9183 20.7185L20.9589 20.7363L20.9994 20.7538L21.0399 20.7708L21.0805 20.7875L21.121 20.8038L21.1616 20.8199L21.2021 20.8354C21.2156 20.8406 21.229 20.8458 21.2426 20.8509L21.2832 20.8657C21.2967 20.8707 21.3101 20.8757 21.3237 20.8806C21.3371 20.8854 21.3507 20.8901 21.3642 20.8948L21.4048 20.909L21.4453 20.9227C21.4588 20.9272 21.4722 20.9319 21.4858 20.9364C21.4992 20.9408 21.5129 20.9451 21.5264 20.9494L21.5669 20.9625L21.6075 20.9751L21.648 20.9876L21.6886 20.9996L21.7291 21.0115L21.7696 21.0231L21.8102 21.0345L21.8507 21.0456L21.8912 21.0565L21.9318 21.0672L21.9723 21.0776L22.0128 21.0879L22.0534 21.0978L22.0939 21.1077L22.1345 21.1171L22.175 21.1264L22.2156 21.1355L22.2561 21.1444L22.2966 21.1532L22.3372 21.1616L22.3777 21.17L22.4182 21.178L22.4588 21.186L22.4993 21.1937L22.5398 21.2012L22.5804 21.2087L22.6209 21.2158L22.6615 21.2228L22.702 21.2296L22.7425 21.2363L22.7831 21.2429L22.8236 21.2491L22.8641 21.2553L22.9047 21.2613L22.9452 21.2671L22.9857 21.2728L23.0263 21.2782L23.0668 21.2836L23.1074 21.2888L23.1479 21.2938L23.1885 21.2988L23.229 21.3035L23.2695 21.3081L23.3101 21.3126L23.3506 21.3168L23.3911 21.321L23.4317 21.3251L23.4722 21.3289L23.5127 21.3328L23.5533 21.3363L23.5938 21.3398L23.6344 21.3433L23.6749 21.3464L23.7154 21.3495L23.756 21.3526L23.7965 21.3554L23.837 21.3581L23.8776 21.3608L23.9181 21.3632L23.9587 21.3656L23.9992 21.3679L24.0398 21.3699L24.0803 21.3719L24.1208 21.3739L24.1614 21.3756L24.2019 21.3773L24.2424 21.3789L24.283 21.3803L24.3235 21.3816L24.364 21.3829L24.4046 21.384L24.4451 21.385L24.4856 21.386L24.5262 21.3867L24.5667 21.3874L24.6073 21.3881L24.6478 21.3885L24.6884 21.3889L24.7289 21.3892L24.7694 21.3894L24.81 21.3895L24.8505 21.3895L24.891 21.3894L24.9316 21.3892L24.9721 21.389L25.0127 21.3886L25.0532 21.3881L25.0937 21.3876L25.1343 21.387L25.1748 21.3862L25.2153 21.3853L25.2559 21.3845L25.2964 21.3834L25.3369 21.3823L25.3775 21.3812L25.418 21.38L25.4585 21.3785L25.4991 21.3771L25.5396 21.3757L25.5802 21.374L25.6207 21.3723L25.6613 21.3706L25.6811 21.3698L25.7018 21.3688L25.7423 21.3668L25.7829 21.3646L25.8234 21.3624L25.8639 21.3599L25.9045 21.3574L25.945 21.3547L25.9855 21.3519L26.0261 21.3489L26.0666 21.3458L26.1072 21.3426L26.1477 21.3393L26.1882 21.3358L26.2288 21.3322L26.2693 21.3285L26.3099 21.3246L26.3504 21.3207L26.3909 21.3166L26.4315 21.3125L26.472 21.3082L26.5125 21.3038L26.5531 21.2993L26.5936 21.2947L26.6342 21.29L26.6747 21.2852L26.7152 21.2803L26.7558 21.2753L26.7963 21.2701L26.8368 21.2649L26.8774 21.2597L26.9179 21.2542L26.9584 21.2487L26.999 21.2431L27.0395 21.2374L27.0801 21.2317L27.1206 21.2258L27.1612 21.2198L27.2017 21.2137L27.2422 21.2076L27.2828 21.2014L27.3233 21.1951L27.3638 21.1887L27.4044 21.1822L27.4449 21.1756L27.4854 21.169L27.526 21.1622L27.5665 21.1554L27.6071 21.1485L27.6476 21.1415L27.6882 21.1344L27.7287 21.1273L27.7692 21.12L27.8098 21.1127L27.8503 21.1053L27.8908 21.0979L27.9314 21.0903L27.9719 21.0826L28.0124 21.0749L28.053 21.0671L28.0935 21.0593L28.1341 21.0513L28.1746 21.0433L28.2151 21.0352L28.2557 21.027L28.2962 21.0187L28.3367 21.0103L28.3773 21.0019L28.4178 20.9934L28.4583 20.9848L28.4989 20.976L28.5394 20.9673L28.58 20.9584L28.6205 20.9495L28.661 20.9404L28.7016 20.9313L28.7421 20.9221L28.7827 20.9127L28.8232 20.9033L28.8637 20.8937L28.9043 20.884L28.9448 20.8741L28.9851 20.8641V19.0723L28.9448 19.0925L28.9043 19.1127L28.8637 19.1326L28.8232 19.1524L28.7827 19.1721L28.7421 19.1915L28.7016 19.2107L28.661 19.2297L28.6205 19.2485L28.58 19.2672L28.5394 19.2856L28.4989 19.3038L28.4583 19.3217L28.4178 19.3395L28.3773 19.3571L28.3367 19.3744L28.2962 19.3916L28.2557 19.4085L28.2151 19.4252L28.1746 19.4417L28.1341 19.4579L28.0935 19.474L28.053 19.4897L28.0124 19.5053L27.9719 19.5207L27.9314 19.5358L27.8908 19.5506L27.8503 19.5653L27.8098 19.5797L27.7692 19.5939L27.7287 19.6079L27.6882 19.6216L27.6476 19.6351L27.6071 19.6484L27.5665 19.6614L27.526 19.6742L27.4854 19.6868L27.4449 19.6991L27.4044 19.7112L27.3638 19.7231L27.3233 19.7347L27.2828 19.7461L27.2422 19.7573L27.2017 19.7682L27.1612 19.7789L27.1206 19.7894L27.0801 19.7996L27.0395 19.8096L26.999 19.8195L26.9584 19.829L26.9179 19.8383L26.8774 19.8474L26.8368 19.8563L26.7963 19.8649L26.7558 19.8733L26.7152 19.8815L26.6747 19.8895L26.6342 19.8972L26.5936 19.9047L26.5531 19.912L26.5125 19.919L26.472 19.9258L26.4315 19.9324L26.3909 19.9389L26.3504 19.945L26.3099 19.9509L26.2693 19.9567L26.2288 19.9622L26.1882 19.9674L26.1477 19.9725L26.1072 19.9774L26.0666 19.982L26.0261 19.9864L25.9855 19.9906L25.945 19.9946L25.9045 19.9984L25.8639 20.002L25.8234 20.0053L25.7988 20.0072L25.7829 20.0083L25.7423 20.0111L25.7018 20.0138L25.6613 20.016L25.6207 20.0181L25.5802 20.02L25.5396 20.0213L25.4991 20.0226L25.4585 20.0235L25.418 20.0241L25.3775 20.0246C25.3639 20.0247 25.3505 20.0245 25.3369 20.0245L25.2964 20.0243L25.2559 20.0237L25.2153 20.0228L25.1748 20.0218C25.1612 20.0213 25.1478 20.0207 25.1343 20.0201C25.1208 20.0196 25.1072 20.0191 25.0937 20.0185L25.0532 20.0162L25.0127 20.0138L24.9721 20.0109L24.9316 20.0077C24.9181 20.0066 24.9045 20.0056 24.891 20.0044C24.8774 20.0031 24.864 20.0016 24.8505 20.0003L24.81 19.9962L24.7694 19.9914L24.7289 19.9865L24.6884 19.9811L24.6478 19.9753C24.6343 19.9733 24.6207 19.9714 24.6073 19.9692C24.5937 19.9671 24.5802 19.9648 24.5667 19.9625C24.5532 19.9602 24.5396 19.9581 24.5262 19.9557C24.5126 19.9533 24.4992 19.9506 24.4856 19.9481C24.4721 19.9455 24.4585 19.9431 24.4451 19.9404C24.4315 19.9377 24.4181 19.9347 24.4046 19.9319C24.3911 19.929 24.3775 19.9263 24.364 19.9233C24.3504 19.9203 24.337 19.9171 24.3235 19.9139L24.283 19.9043C24.2694 19.901 24.2559 19.8975 24.2424 19.894C24.2289 19.8905 24.2153 19.8871 24.2019 19.8835C24.1883 19.8798 24.1748 19.876 24.1614 19.8722C24.1478 19.8684 24.1342 19.8645 24.1208 19.8605C24.1072 19.8565 24.0937 19.8523 24.0803 19.8482C24.0667 19.844 24.0532 19.8398 24.0398 19.8354C24.0262 19.831 24.0127 19.8265 23.9992 19.8219C23.9857 19.8174 23.9721 19.8128 23.9587 19.8081C23.9451 19.8033 23.9316 19.7983 23.9181 19.7934C23.9046 19.7884 23.891 19.7835 23.8776 19.7784C23.864 19.7731 23.8505 19.7677 23.837 19.7623C23.8235 19.7569 23.8099 19.7516 23.7965 19.7461C23.7829 19.7404 23.7695 19.7345 23.756 19.7287C23.7424 19.7228 23.7288 19.717 23.7154 19.711C23.7018 19.7049 23.6884 19.6985 23.6749 19.6922C23.6613 19.6858 23.6478 19.6794 23.6344 19.6729C23.6208 19.6663 23.6072 19.6595 23.5938 19.6527C23.5802 19.6458 23.5667 19.6388 23.5533 19.6317C23.5397 19.6246 23.5261 19.6175 23.5127 19.6101C23.4991 19.6027 23.4857 19.5949 23.4722 19.5872C23.4587 19.5795 23.4451 19.5718 23.4317 19.5638C23.418 19.5557 23.4046 19.5474 23.3911 19.5392C23.3775 19.5307 23.364 19.5221 23.3506 19.5135C23.337 19.5048 23.3234 19.4962 23.3101 19.4872C23.2964 19.4781 23.283 19.4686 23.2695 19.4592C23.2559 19.4498 23.2424 19.4401 23.229 19.4304C23.2154 19.4206 23.2018 19.4107 23.1885 19.4006C23.1748 19.3902 23.1613 19.3796 23.1479 19.369C23.1343 19.3582 23.1208 19.3474 23.1074 19.3364C23.0938 19.3252 23.0802 19.314 23.0668 19.3025C23.0531 19.2907 23.0397 19.2787 23.0263 19.2666C23.0126 19.2543 22.9991 19.2419 22.9857 19.2293C22.9721 19.2164 22.9585 19.2035 22.9452 19.1904C22.9316 19.1769 22.918 19.1635 22.9047 19.1498C22.8909 19.1356 22.8775 19.1212 22.8641 19.1067C22.8504 19.0918 22.8369 19.0767 22.8236 19.0615C22.8099 19.0458 22.7964 19.03 22.7831 19.014C22.7694 18.9976 22.7558 18.9809 22.7425 18.9641C22.7288 18.9467 22.7152 18.929 22.702 18.9112C22.6883 18.8928 22.6747 18.8742 22.6615 18.8553C22.6477 18.8357 22.6341 18.8159 22.6209 18.7958C22.6071 18.7748 22.5936 18.7536 22.5804 18.7321C22.5665 18.7096 22.553 18.6868 22.5398 18.6638C22.5259 18.6396 22.5125 18.615 22.4993 18.5902C22.4853 18.5638 22.4719 18.5371 22.4588 18.5101C22.4448 18.4814 22.4313 18.4523 22.4182 18.4228C22.4042 18.3911 22.3906 18.3592 22.3777 18.3266C22.3634 18.2907 22.3501 18.254 22.3372 18.217C22.3228 18.176 22.3093 18.1344 22.2966 18.0921C22.282 18.0431 22.2684 17.9933 22.2561 17.9426C22.2407 17.8795 22.2273 17.8151 22.2156 17.7495C22.1981 17.6522 22.1845 17.5523 22.175 17.4496C22.1641 17.331 22.1585 17.2089 22.1585 17.0832C22.1585 16.9574 22.1641 16.8352 22.175 16.7165C22.1845 16.6138 22.1981 16.5138 22.2156 16.4165C22.2273 16.3509 22.2407 16.2864 22.2561 16.2233C22.2684 16.1726 22.282 16.1228 22.2966 16.0737C22.3093 16.0314 22.3228 15.9898 22.3372 15.9487C22.3501 15.9117 22.3634 15.8751 22.3777 15.8391C22.3906 15.8065 22.4042 15.7745 22.4182 15.7428C22.4313 15.7133 22.4448 15.6842 22.4588 15.6555C22.4719 15.6285 22.4853 15.6017 22.4993 15.5754C22.5125 15.5506 22.5259 15.526 22.5398 15.5017C22.553 15.4787 22.5665 15.4559 22.5804 15.4334C22.5936 15.4119 22.6071 15.3907 22.6209 15.3697C22.6341 15.3496 22.6477 15.3298 22.6615 15.3101C22.6747 15.2912 22.6883 15.2726 22.702 15.2542C22.7152 15.2363 22.7288 15.2188 22.7425 15.2013C22.7558 15.1845 22.7694 15.1678 22.7831 15.1514C22.7964 15.1353 22.8099 15.1195 22.8236 15.1039C22.8369 15.0886 22.8504 15.0735 22.8641 15.0586C22.8775 15.0441 22.8909 15.0296 22.9047 15.0155C22.918 15.0018 22.9316 14.9883 22.9452 14.9749C22.9585 14.9618 22.9721 14.9488 22.9857 14.936C22.9991 14.9234 23.0126 14.9109 23.0263 14.8986C23.0397 14.8865 23.0531 14.8745 23.0668 14.8627C23.0802 14.8512 23.0938 14.8401 23.1074 14.8288C23.1208 14.8178 23.1343 14.8069 23.1479 14.7962C23.1613 14.7855 23.1748 14.7749 23.1885 14.7646C23.2018 14.7545 23.2154 14.7446 23.229 14.7347C23.2424 14.725 23.2559 14.7154 23.2695 14.7059C23.283 14.6965 23.2964 14.6871 23.3101 14.6779C23.3234 14.669 23.337 14.6603 23.3506 14.6516C23.364 14.6429 23.3775 14.6344 23.3911 14.626C23.4046 14.6177 23.418 14.6094 23.4317 14.6013C23.4451 14.5934 23.4587 14.5856 23.4722 14.5779C23.4857 14.5702 23.4991 14.5625 23.5127 14.555C23.5261 14.5476 23.5397 14.5405 23.5533 14.5334C23.5667 14.5263 23.5802 14.5193 23.5938 14.5123C23.6072 14.5055 23.6208 14.4988 23.6344 14.4921C23.6478 14.4856 23.6613 14.4792 23.6749 14.4729C23.6884 14.4666 23.7018 14.4602 23.7154 14.4541C23.7288 14.448 23.7424 14.4422 23.756 14.4364C23.7695 14.4305 23.7829 14.4246 23.7965 14.419C23.8099 14.4134 23.8235 14.4081 23.837 14.4027C23.8505 14.3973 23.864 14.3919 23.8776 14.3867C23.891 14.3815 23.9046 14.3766 23.9181 14.3717C23.9316 14.3667 23.9451 14.3617 23.9587 14.3569C23.9721 14.3522 23.9857 14.3476 23.9992 14.3431C24.0127 14.3385 24.0262 14.334 24.0398 14.3296C24.0532 14.3252 24.0667 14.321 24.0803 14.3168C24.0937 14.3127 24.1072 14.3085 24.1208 14.3045L24.1614 14.2928C24.1748 14.289 24.1883 14.2852 24.2019 14.2815C24.2153 14.2779 24.2289 14.2744 24.2424 14.2709C24.2559 14.2675 24.2694 14.264 24.283 14.2606L24.3235 14.2511C24.337 14.2479 24.3504 14.2447 24.364 14.2417C24.3775 14.2387 24.3911 14.2359 24.4046 14.2331C24.4181 14.2302 24.4315 14.2272 24.4451 14.2245C24.4585 14.2218 24.4721 14.2194 24.4856 14.2169C24.4992 14.2144 24.5126 14.2117 24.5262 14.2092C24.5396 14.2068 24.5532 14.2047 24.5667 14.2025C24.5802 14.2002 24.5937 14.1979 24.6073 14.1957L24.6478 14.1897L24.6884 14.1838L24.7289 14.1784L24.7694 14.1735L24.81 14.1687L24.8505 14.1646C24.864 14.1633 24.8774 14.1618 24.891 14.1605C24.9045 14.1593 24.9181 14.1583 24.9316 14.1572L24.9721 14.154L25.0127 14.1512L25.0532 14.1487L25.0937 14.1464C25.1072 14.1458 25.1208 14.1453 25.1343 14.1448C25.1478 14.1442 25.1612 14.1436 25.1748 14.1431L25.2153 14.1421L25.2559 14.1412L25.2964 14.1406L25.3369 14.1405C25.3505 14.1404 25.3639 14.1402 25.3775 14.1403L25.418 14.1408L25.4585 14.1414L25.4991 14.1423L25.5396 14.1436L25.5802 14.145L25.6207 14.1469L25.6613 14.1489L25.7018 14.1511L25.7423 14.1538L25.7829 14.1566L25.7988 14.1577L25.8234 14.1596L25.8639 14.1629L25.9045 14.1664L25.945 14.1701L25.9855 14.174L26.0261 14.1782L26.0666 14.1826L26.1072 14.1871L26.1477 14.1919L26.1882 14.1969L26.2288 14.2021L26.2693 14.2075L26.3099 14.2132L26.3504 14.219L26.3909 14.2251L26.4315 14.2314L26.472 14.238L26.5125 14.2447L26.5531 14.2517L26.5936 14.2589L26.6342 14.2663L26.6747 14.274L26.7152 14.2819L26.7558 14.29L26.7963 14.2983L26.8368 14.3069L26.8774 14.3157L26.9179 14.3247L26.9584 14.3339L26.999 14.3434L27.0395 14.3532L27.0801 14.3631L27.1206 14.3733L27.1612 14.3837L27.2017 14.3944L27.2422 14.4053L27.2828 14.4164L27.3233 14.4278L27.3638 14.4394L27.4044 14.4513L27.4449 14.4634L27.4854 14.4757L27.526 14.4883L27.5665 14.501L27.6071 14.5141L27.6476 14.5274L27.6882 14.5409L27.7287 14.5546L27.7692 14.5686L27.8098 14.5828L27.8503 14.5973L27.8908 14.612L27.9314 14.6269L27.9719 14.6421L28.0124 14.6575L28.053 14.6732L28.0935 14.689L28.1341 14.7051L28.1746 14.7215L28.2151 14.738L28.2557 14.7548L28.2962 14.7719L28.3367 14.7891L28.3773 14.8066L28.4178 14.8243L28.4583 14.8422L28.4989 14.8603L28.5394 14.8787L28.58 14.8973L28.6205 14.916L28.661 14.935L28.7016 14.9542L28.7421 14.9736L28.7827 14.9932L28.8232 15.013L28.8637 15.033L28.9043 15.0531L28.9448 15.0735L28.9851 15.0939V13.3008L28.9448 13.2908L28.9043 13.2809L28.8637 13.2712L28.8232 13.2617L28.7827 13.2522L28.7421 13.2429L28.7016 13.2336L28.661 13.2245L28.6205 13.2155L28.58 13.2065L28.5394 13.1976L28.4989 13.1889L28.4583 13.1802L28.4178 13.1716L28.3773 13.1631L28.3367 13.1546L28.2962 13.1463L28.2557 13.138L28.2151 13.1298L28.1746 13.1217L28.1341 13.1137L28.0935 13.1057L28.053 13.0979L28.0124 13.0901L27.9719 13.0824L27.9314 13.0747L27.8908 13.0672L27.8503 13.0597L27.8098 13.0523L27.7692 13.045L27.7287 13.0378L27.6882 13.0307L27.6476 13.0236L27.6071 13.0166L27.5665 13.0097L27.526 13.0029L27.4854 12.9962L27.4449 12.9895L27.4044 12.983L27.3638 12.9765L27.3233 12.9701L27.2828 12.9638L27.2422 12.9576L27.2017 12.9514L27.1612 12.9454L27.1206 12.9394L27.0801 12.9336L27.0395 12.9278L26.999 12.9222L26.9584 12.9166L26.9179 12.9111L26.8774 12.9057L26.8368 12.9004L26.7963 12.8952L26.7558 12.8901L26.7152 12.8851L26.6747 12.8802L26.6342 12.8754L26.5936 12.8707L26.5531 12.8661L26.5125 12.8616L26.472 12.8573L26.4315 12.853L26.3909 12.8489L26.3504 12.8448L26.3099 12.8409L26.2693 12.837L26.2288 12.8334L26.1882 12.8298L26.1477 12.8263L26.1072 12.823L26.0666 12.8198L26.0261 12.8168L25.9855 12.8138L25.945 12.811L25.9045 12.8083L25.8639 12.8058L25.8234 12.8034L25.7829 12.8011L25.7423 12.799L25.7018 12.797L25.6811 12.796L25.6613 12.7952L25.6207 12.7935L25.5802 12.7918L25.5396 12.7901L25.4991 12.7887L25.4585 12.7873L25.418 12.7859L25.3775 12.7846L25.3369 12.7835L25.2964 12.7824L25.2559 12.7813L25.2153 12.7805L25.1748 12.7797L25.1343 12.7788L25.0937 12.7783L25.0532 12.7777L25.0127 12.7772L24.9721 12.7769L24.9316 12.7767L24.891 12.7764L24.8505 12.7763L24.81 12.7764L24.7694 12.7764L24.7289 12.7766L24.6884 12.777L24.6478 12.7774L24.6073 12.7778L24.5667 12.7785L24.5262 12.7792L24.4856 12.7799L24.4451 12.7809L24.4046 12.7819L24.364 12.7829L24.3235 12.7842L24.283 12.7856L24.2424 12.787L24.2019 12.7886L24.1614 12.7903L24.1208 12.792L24.0803 12.794L24.0398 12.796L23.9992 12.798L23.9587 12.8003L23.9181 12.8027L23.8776 12.8051L23.837 12.8078L23.7965 12.8105L23.756 12.8133L23.7154 12.8164L23.6749 12.8195L23.6344 12.8227L23.5938 12.8261L23.5533 12.8295L23.5127 12.8332L23.4722 12.837L23.4317 12.8408L23.3911 12.8449L23.3506 12.8491L23.3101 12.8533L23.2695 12.8579L23.229 12.8625L23.1885 12.8672L23.1479 12.8722L23.1074 12.8772L23.0668 12.8824L23.0263 12.8878L22.9857 12.8932L22.9452 12.8989L22.9047 12.9047L22.8641 12.9107L22.8236 12.9169L22.7831 12.9231L22.7425 12.9297L22.702 12.9364L22.6615 12.9432L22.6209 12.9502L22.5804 12.9573L22.5398 12.9648L22.4993 12.9723L22.4588 12.9801L22.4182 12.988L22.3777 12.996L22.3372 13.0045L22.2966 13.0129L22.2561 13.0216L22.2156 13.0306L22.175 13.0396L22.1345 13.049L22.0939 13.0584L22.0534 13.0683L22.0128 13.0782L21.9723 13.0885L21.9318 13.0989L21.8912 13.1096L21.8507 13.1205L21.8102 13.1316L21.7696 13.1431L21.7291 13.1546L21.6886 13.1666L21.648 13.1786L21.6075 13.1911L21.5669 13.2037L21.5264 13.2168C21.5129 13.2212 21.4992 13.2254 21.4858 13.2299L21.4453 13.2435C21.4318 13.2481 21.4182 13.2525 21.4048 13.2572L21.3642 13.2714L21.3237 13.2857C21.3101 13.2905 21.2967 13.2956 21.2832 13.3005C21.2696 13.3055 21.256 13.3104 21.2426 13.3154L21.2021 13.3309C21.1886 13.3361 21.175 13.3412 21.1616 13.3464L21.121 13.3625L21.0805 13.3788L21.0399 13.3956L20.9994 13.4126L20.9589 13.43L20.9183 13.4478L20.8778 13.4659L20.8373 13.4846L20.7968 13.5034C20.7831 13.5099 20.7697 13.5164 20.7562 13.523L20.7157 13.5427L20.6751 13.563L20.6346 13.5837C20.621 13.5908 20.6074 13.5977 20.5941 13.6048C20.5804 13.612 20.567 13.6193 20.5535 13.6266L20.513 13.6487L20.4725 13.6713C20.4588 13.679 20.4454 13.6867 20.4319 13.6945C20.4183 13.7023 20.4048 13.7101 20.3914 13.7181C20.3778 13.7261 20.3643 13.7342 20.3508 13.7424C20.3372 13.7506 20.3237 13.7589 20.3103 13.7672C20.2967 13.7756 20.2831 13.784 20.2698 13.7925C20.2561 13.8012 20.2426 13.8099 20.2292 13.8186L20.1887 13.8453C20.1751 13.8543 20.1615 13.8633 20.1481 13.8724L20.1076 13.9004C20.094 13.91 20.0805 13.9195 20.0671 13.9291C20.0535 13.9389 20.0399 13.9487 20.0265 13.9585C20.013 13.9685 19.9994 13.9784 19.986 13.9885C19.9723 13.9988 19.9589 14.0091 19.9455 14.0195C19.9318 14.0301 19.9183 14.0407 19.9049 14.0513C19.8913 14.0621 19.8778 14.0729 19.8644 14.0839V14.0838Z"
+			fill="#E10238"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/maestro.js b/plugins/woocommerce-admin/client/subscriptions/cards/maestro.js
new file mode 100644
index 00000000000..a8b580579f4
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/maestro.js
@@ -0,0 +1,67 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="51"
+		height="35"
+		viewBox="0 0 51 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="0.5"
+			y="0.5"
+			width="49.6897"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			d="M29.9708 22.8244H21.3047V7.35352H29.9708V22.8244Z"
+			fill="#6C6BBD"
+		/>
+		<path
+			d="M21.8549 15.0891C21.8549 11.9507 23.3341 9.15521 25.6375 7.35365C23.9531 6.03626 21.8272 5.24995 19.5168 5.24995C14.0471 5.24995 9.61328 9.65501 9.61328 15.0891C9.61328 20.5232 14.0471 24.9282 19.5168 24.9282C21.8272 24.9282 23.9531 24.1419 25.6375 22.8245C23.3341 21.023 21.8549 18.2274 21.8549 15.0891Z"
+			fill="#EB001B"
+		/>
+		<path
+			d="M41.6626 15.0891C41.6626 20.5232 37.2288 24.9282 31.7591 24.9282C29.4487 24.9282 27.3228 24.1419 25.6377 22.8245C27.9418 21.023 29.421 18.2274 29.421 15.0891C29.421 11.9507 27.9418 9.15521 25.6377 7.35365C27.3228 6.03626 29.4487 5.24995 31.7591 5.24995C37.2288 5.24995 41.6626 9.65501 41.6626 15.0891Z"
+			fill="#0099DF"
+		/>
+		<path
+			d="M32.9036 27.1956C33.0188 27.1956 33.1845 27.2175 33.311 27.2669L33.1347 27.8024C33.0138 27.753 32.8929 27.7367 32.777 27.7367C32.403 27.7367 32.216 27.9769 32.216 28.4085V29.8735H31.6436V27.2613H32.2103V27.5784C32.3589 27.3489 32.5736 27.1956 32.9036 27.1956Z"
+			fill="#231F20"
+		/>
+		<path
+			d="M30.7887 27.7807H29.8536V28.9611C29.8536 29.2232 29.9468 29.3984 30.2333 29.3984C30.382 29.3984 30.569 29.3489 30.739 29.2507L30.904 29.7368C30.7226 29.8625 30.4367 29.9395 30.1893 29.9395C29.5123 29.9395 29.2762 29.5785 29.2762 28.9717V27.7807H28.7422V27.2615H29.2762V26.469H29.8536V27.2615H30.7887V27.7807Z"
+			fill="#231F20"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M24.1754 27.1958C24.9128 27.1958 25.4191 27.7532 25.4247 28.5676C25.4247 28.6433 25.4192 28.7135 25.4135 28.7842L25.4134 28.7859H23.4607C23.5432 29.2557 23.8788 29.4252 24.2472 29.4252C24.511 29.4252 24.7919 29.327 25.0116 29.1519L25.2925 29.5729C24.9732 29.8406 24.6105 29.9388 24.2144 29.9388C23.4273 29.9388 22.8662 29.3977 22.8662 28.5676C22.8662 27.7532 23.4052 27.1958 24.1754 27.1958ZM24.1648 27.7036C23.7574 27.7036 23.5269 27.9607 23.4658 28.3379H24.8304C24.77 27.9332 24.5332 27.7036 24.1648 27.7036Z"
+			fill="#231F20"
+		/>
+		<path
+			d="M27.9386 27.9283C27.7793 27.8295 27.455 27.7038 27.1193 27.7038C26.8057 27.7038 26.6187 27.8189 26.6187 28.0103C26.6187 28.1848 26.8164 28.2342 27.0639 28.2668L27.3334 28.3049C27.9058 28.3875 28.2522 28.6277 28.2522 29.0868C28.2522 29.5841 27.812 29.9395 27.0532 29.9395C26.6237 29.9395 26.2277 29.83 25.9141 29.6004L26.1836 29.1575C26.3763 29.3052 26.6628 29.4309 27.0589 29.4309C27.4493 29.4309 27.6584 29.3164 27.6584 29.1137C27.6584 28.9667 27.5098 28.8842 27.1962 28.841L26.9266 28.8028C26.3379 28.7203 26.0186 28.4582 26.0186 28.0322C26.0186 27.513 26.4481 27.1958 27.1137 27.1958C27.5318 27.1958 27.9115 27.289 28.1861 27.4692L27.9386 27.9283Z"
+			fill="#231F20"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M35.561 27.3015C35.3872 27.2308 35.1982 27.1958 34.9942 27.1958C34.7902 27.1958 34.6013 27.2308 34.4275 27.3015C34.2537 27.3716 34.1044 27.4685 33.9785 27.5918C33.8526 27.715 33.7537 27.8608 33.6819 28.0284C33.6101 28.1967 33.5742 28.3793 33.5742 28.5764C33.5742 28.7734 33.6101 28.9561 33.6819 29.1243C33.7537 29.292 33.8526 29.4384 33.9785 29.5616C34.1044 29.6848 34.2537 29.7812 34.4275 29.8519C34.6013 29.9219 34.7902 29.9569 34.9942 29.9569C35.1982 29.9569 35.3872 29.9219 35.561 29.8519C35.7348 29.7812 35.8853 29.6848 36.0118 29.5616C36.139 29.4384 36.2379 29.292 36.3097 29.1243C36.3815 28.9561 36.4174 28.7734 36.4174 28.5764C36.4174 28.3793 36.3815 28.1967 36.3097 28.0284C36.2379 27.8608 36.139 27.715 36.0118 27.5918C35.8853 27.4685 35.7348 27.3716 35.561 27.3015ZM34.666 27.7969C34.7674 27.7563 34.8763 27.7356 34.9941 27.7356C35.1118 27.7356 35.2214 27.7563 35.3221 27.7969C35.4235 27.8382 35.5117 27.8958 35.5854 27.9696C35.6603 28.0434 35.7182 28.1322 35.761 28.2354C35.8032 28.3386 35.824 28.4525 35.824 28.5763C35.824 28.7008 35.8032 28.8141 35.761 28.9173C35.7182 29.0205 35.6603 29.1093 35.5854 29.1831C35.5117 29.2569 35.4235 29.3145 35.3221 29.3558C35.2214 29.3971 35.1118 29.4171 34.9941 29.4171C34.8763 29.4171 34.7674 29.3971 34.666 29.3558C34.5652 29.3145 34.4777 29.2569 34.404 29.1831C34.3303 29.1093 34.2724 29.0205 34.2302 28.9173C34.188 28.8141 34.1672 28.7008 34.1672 28.5763C34.1672 28.4525 34.188 28.3386 34.2302 28.2354C34.2724 28.1322 34.3303 28.0434 34.404 27.9696C34.4777 27.8958 34.5652 27.8382 34.666 27.7969Z"
+			fill="#231F20"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M22.2524 27.2615V28.5676V29.8737H21.6806V29.5566C21.4986 29.7918 21.224 29.9394 20.85 29.9394C20.1126 29.9394 19.5352 29.3652 19.5352 28.5676C19.5352 27.7694 20.1126 27.1958 20.85 27.1958C21.224 27.1958 21.4986 27.3434 21.6806 27.5786V27.2615H22.2524ZM20.9211 27.7312C20.4262 27.7312 20.1233 28.1084 20.1233 28.5675C20.1233 29.0267 20.4262 29.4033 20.9211 29.4033C21.394 29.4033 21.7133 29.0429 21.7133 28.5675C21.7133 28.0921 21.394 27.7312 20.9211 27.7312Z"
+			fill="#231F20"
+		/>
+		<path
+			d="M19.0293 29.8735V28.234C19.0293 27.6166 18.6332 27.2012 17.9953 27.1956C17.6597 27.19 17.3127 27.2938 17.0709 27.6604C16.8896 27.3707 16.603 27.1956 16.2013 27.1956C15.9211 27.1956 15.6459 27.2775 15.4312 27.5834V27.2613H14.8594V29.8735H15.4368V28.4254C15.4368 27.9719 15.69 27.7311 16.0804 27.7311C16.4601 27.7311 16.6528 27.9769 16.6528 28.4198V29.8735H17.2302V28.4254C17.2302 27.9719 17.4947 27.7311 17.8738 27.7311C18.2649 27.7311 18.4519 27.9769 18.4519 28.4198V29.8735H19.0293V29.8735Z"
+			fill="#231F20"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/mastercard.js b/plugins/woocommerce-admin/client/subscriptions/cards/mastercard.js
new file mode 100644
index 00000000000..6830585f03b
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/mastercard.js
@@ -0,0 +1,39 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="51"
+		height="35"
+		viewBox="0 0 51 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="0.5"
+			y="0.5"
+			width="50"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M18.6846 27.0292V28.3215V29.6137H18.1154V29.2999C17.9349 29.5327 17.661 29.6787 17.2886 29.6787C16.5546 29.6787 15.9791 29.1112 15.9791 28.3215C15.9791 27.5324 16.5546 26.9642 17.2886 26.9642C17.661 26.9642 17.9349 27.1103 18.1154 27.343V27.0292H18.6846ZM17.3594 27.494C16.8667 27.494 16.5652 27.8672 16.5652 28.3215C16.5652 28.7757 16.8667 29.1489 17.3594 29.1489C17.8302 29.1489 18.148 28.7918 18.148 28.3215C18.148 27.8511 17.8302 27.494 17.3594 27.494ZM37.9186 28.3215C37.9186 27.8672 38.2201 27.494 38.7128 27.494C39.1842 27.494 39.5014 27.8511 39.5014 28.3215C39.5014 28.7918 39.1842 29.1489 38.7128 29.1489C38.2201 29.1489 37.9186 28.7757 37.9186 28.3215ZM40.0386 25.9913V28.3215V29.6137H39.4688V29.2999C39.2882 29.5327 39.0143 29.6787 38.642 29.6787C37.9079 29.6787 37.3325 29.1112 37.3325 28.3215C37.3325 27.5324 37.9079 26.9642 38.642 26.9642C39.0143 26.9642 39.2882 27.1103 39.4688 27.343V25.9913H40.0386ZM25.7496 27.4674C26.1163 27.4674 26.352 27.6945 26.4122 28.0943H25.0538C25.1146 27.7211 25.3441 27.4674 25.7496 27.4674ZM24.4571 28.3215C24.4571 27.5157 24.9937 26.9642 25.7609 26.9642C26.4943 26.9642 26.9983 27.5157 27.0039 28.3215C27.0039 28.397 26.9983 28.4675 26.9926 28.5375L25.0488 28.5375C25.1309 29.0029 25.465 29.1706 25.8317 29.1706C26.0944 29.1706 26.374 29.0728 26.5933 28.9001L26.8723 29.3167C26.5545 29.5815 26.1934 29.6787 25.7991 29.6787C25.0156 29.6787 24.4571 29.1434 24.4571 28.3215ZM32.6337 28.3215C32.6337 27.8672 32.9353 27.494 33.4279 27.494C33.8987 27.494 34.2165 27.8511 34.2165 28.3215C34.2165 28.7918 33.8987 29.1489 33.4279 29.1489C32.9353 29.1489 32.6337 28.7757 32.6337 28.3215ZM34.7529 27.0292V28.3215V29.6137H34.1837V29.2999C34.0026 29.5327 33.7293 29.6787 33.3569 29.6787C32.6229 29.6787 32.0475 29.1112 32.0475 28.3215C32.0475 27.5324 32.6229 26.9642 33.3569 26.9642C33.7293 26.9642 34.0026 27.1103 34.1837 27.343V27.0292H34.7529ZM29.4191 28.3215C29.4191 29.1056 29.972 29.6787 30.8157 29.6787C31.21 29.6787 31.4726 29.5921 31.7572 29.3705L31.4839 28.9162C31.2701 29.0679 31.0457 29.1489 30.7988 29.1489C30.3443 29.1434 30.0102 28.8191 30.0102 28.3215C30.0102 27.8239 30.3443 27.4996 30.7988 27.494C31.0457 27.494 31.2701 27.5751 31.4839 27.7267L31.7572 27.2724C31.4726 27.0509 31.21 26.9642 30.8157 26.9642C29.972 26.9642 29.4191 27.5373 29.4191 28.3215ZM36.0674 27.3431C36.2153 27.1159 36.4291 26.9643 36.7575 26.9643C36.8729 26.9643 37.0371 26.986 37.1631 27.0349L36.9876 27.5646C36.8672 27.5157 36.7469 27.4997 36.6315 27.4997C36.2592 27.4997 36.073 27.7373 36.073 28.165V29.6138H35.5032V27.0293H36.0674V27.3431ZM21.4996 27.2347C21.2257 27.0564 20.8483 26.9642 20.4321 26.9642C19.7689 26.9642 19.342 27.278 19.342 27.7917C19.342 28.2132 19.6599 28.4731 20.2453 28.5542L20.5142 28.5919C20.8264 28.6352 20.9737 28.7163 20.9737 28.8624C20.9737 29.0623 20.7656 29.1762 20.377 29.1762C19.9827 29.1762 19.6981 29.0518 19.5063 28.9057L19.238 29.3433C19.5502 29.5704 19.9444 29.6787 20.3713 29.6787C21.1273 29.6787 21.5654 29.3272 21.5654 28.8352C21.5654 28.3809 21.2207 28.1432 20.6509 28.0621L20.3826 28.0238C20.1363 27.9916 19.9388 27.9433 19.9388 27.77C19.9388 27.5806 20.125 27.4674 20.4371 27.4674C20.7712 27.4674 21.0947 27.5918 21.2533 27.689L21.4996 27.2347ZM28.1542 27.3431C28.3015 27.1159 28.5152 26.9643 28.8437 26.9643C28.959 26.9643 29.1233 26.986 29.2493 27.0349L29.0738 27.5646C28.9534 27.5157 28.833 27.4997 28.7177 27.4997C28.3454 27.4997 28.1592 27.7373 28.1592 28.165V29.6138H27.59V27.0293L28.1542 27.0293V27.3431ZM23.9862 27.0292H23.0553V26.2451H22.4799V27.0292H21.949V27.5429H22.4799V28.7219C22.4799 29.3216 22.7156 29.6787 23.3888 29.6787C23.6358 29.6787 23.9204 29.6032 24.1009 29.4788L23.9367 28.9973C23.7668 29.0945 23.5806 29.1434 23.4327 29.1434C23.1481 29.1434 23.0553 28.9701 23.0553 28.7108V27.5429H23.9862V27.0292ZM15.4758 27.9917V29.6138H14.9003V28.1755C14.9003 27.7373 14.7142 27.4941 14.3255 27.4941C13.9475 27.4941 13.6849 27.7324 13.6849 28.1811V29.6138H13.1095V28.1755C13.1095 27.7373 12.9183 27.4941 12.5403 27.4941C12.151 27.4941 11.899 27.7324 11.899 28.1811V29.6138H11.3242V27.0293H11.894V27.348C12.1078 27.0454 12.3811 26.9643 12.6606 26.9643C13.0606 26.9643 13.3451 27.1376 13.5257 27.4242C13.767 27.0615 14.1118 26.9587 14.4459 26.9643C15.0815 26.9699 15.4758 27.3808 15.4758 27.9917Z"
+			fill="#231F20"
+		/>
+		<path
+			d="M29.9381 22.6376H21.3115V7.33105H29.9381V22.6376Z"
+			fill="#FF5F00"
+		/>
+		<path
+			d="M21.8586 14.9846C21.8586 11.8796 23.331 9.11372 25.624 7.33129C23.9472 6.02789 21.831 5.24994 19.5311 5.24994C14.0864 5.24994 9.67285 9.60822 9.67285 14.9846C9.67285 20.361 14.0864 24.7192 19.5311 24.7192C21.831 24.7192 23.9472 23.9413 25.624 22.6379C23.331 20.8555 21.8586 18.0896 21.8586 14.9846Z"
+			fill="#EB001B"
+		/>
+		<path
+			d="M41.5758 14.9846C41.5758 20.361 37.1622 24.7192 31.7175 24.7192C29.4177 24.7192 27.3014 23.9413 25.624 22.6379C27.9176 20.8555 29.3901 18.0896 29.3901 14.9846C29.3901 11.8796 27.9176 9.11372 25.624 7.33129C27.3014 6.02789 29.4177 5.24994 31.7175 5.24994C37.1622 5.24994 41.5758 9.60822 41.5758 14.9846Z"
+			fill="#F79E1B"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/unionpay.js b/plugins/woocommerce-admin/client/subscriptions/cards/unionpay.js
new file mode 100644
index 00000000000..3f364be6948
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/unionpay.js
@@ -0,0 +1,111 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="52"
+		height="35"
+		viewBox="0 0 52 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="0.878906"
+			y="0.5"
+			width="50"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M44.0545 5.25735L34.3353 5.25488C34.3341 5.25488 34.3328 5.25488 34.3328 5.25488C34.3253 5.25488 34.3179 5.2562 34.3106 5.2562C32.9754 5.29641 31.3124 6.34915 31.0096 7.64726L26.4132 27.6401C26.1104 28.9503 26.9343 30.0165 28.2599 30.0361H38.4703C39.7756 29.9726 41.044 28.932 41.3417 27.6486L45.9382 7.65564C46.2459 6.33208 45.402 5.25735 44.0545 5.25735Z"
+			fill="#01798A"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M26.4134 27.6401L31.0097 7.64729C31.3126 6.34917 32.9755 5.29643 34.3107 5.25622L30.4464 5.25376L23.484 5.25244C22.1451 5.27936 20.4605 6.33949 20.1577 7.64729L15.5601 27.6401C15.2561 28.9503 16.0813 30.0165 17.4059 30.0361H28.26C26.9345 30.0165 26.1105 28.9503 26.4134 27.6401"
+			fill="#024381"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M15.5602 27.64L20.1578 7.64714C20.4606 6.33934 22.1452 5.27922 23.4841 5.2523L14.5649 5.25C13.2185 5.25 11.4923 6.32227 11.1846 7.64714L6.58694 27.64C6.55896 27.762 6.54344 27.8815 6.53418 27.9986V28.3695C6.62418 29.3246 7.36619 30.0201 8.43278 30.036H17.406C16.0814 30.0163 15.2562 28.9502 15.5602 27.64Z"
+			fill="#DD0228"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M23.6716 19.8205H23.8404C23.9955 19.8205 24.0999 19.7693 24.1488 19.668L24.5874 19.0227H25.762L25.5171 19.4472H26.9254L26.7467 20.0975H25.0709C24.8779 20.3829 24.6403 20.5171 24.3547 20.5012H23.4818L23.6716 19.8205H23.6716ZM23.4788 20.7527H26.5643L26.3676 21.4591H25.1268L24.9374 22.1409H26.1449L25.9482 22.8473H24.7407L24.4602 23.8548C24.3908 24.0232 24.4821 24.099 24.7327 24.0818H25.7168L25.5345 24.7382H23.6451C23.287 24.7382 23.1641 24.5368 23.2765 24.1331L23.6351 22.8473H22.8633L23.0593 22.1409H23.8313L24.0205 21.4591H23.2827L23.4788 20.7527H23.4788ZM28.4035 19.018L28.355 19.4315C28.355 19.4315 28.937 19.002 29.4656 19.002H31.4189L30.6719 21.6601C30.61 21.964 30.3443 22.1151 29.8752 22.1151H27.6612L27.1426 23.9817C27.1128 24.0817 27.155 24.133 27.2667 24.133H27.7023L27.5422 24.7124H26.4347C26.0096 24.7124 25.8328 24.5867 25.903 24.3343L27.3684 19.018H28.4035H28.4035ZM30.0576 19.7693H28.3141L28.1056 20.4866C28.1056 20.4866 28.3959 20.2805 28.8811 20.2731C29.365 20.2657 29.9173 20.2731 29.9173 20.2731L30.0576 19.7693ZM29.4261 21.4333C29.555 21.4504 29.6271 21.4003 29.6358 21.282L29.7425 20.9039H27.9964L27.85 21.4333H29.4261ZM28.2483 22.2921H29.2547L29.236 22.7203H29.504C29.6394 22.7203 29.7065 22.6776 29.7065 22.5935L29.7858 22.3166H30.6223L30.5106 22.7203C30.4161 23.057 30.1656 23.2327 29.7586 23.2499H29.2225L29.22 23.9817C29.2101 24.0989 29.318 24.1587 29.54 24.1587H30.0439L29.8813 24.7381H28.6727C28.3339 24.754 28.1678 24.5953 28.1713 24.2587L28.2483 22.2921V22.2921Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M16.0529 15.4764C15.9164 16.1339 15.6 16.639 15.1091 16.9976C14.6227 17.3502 13.9954 17.527 13.2273 17.527C12.5044 17.527 11.9745 17.3465 11.6364 16.9841C11.4018 16.7267 11.2852 16.3998 11.2852 16.0045C11.2852 15.8411 11.3051 15.6654 11.3448 15.4764L12.1631 11.5972H13.3991L12.5919 15.4325C12.5671 15.5386 12.5571 15.6374 12.5584 15.7265C12.5571 15.9229 12.6068 16.0839 12.7073 16.2095C12.8537 16.3962 13.0914 16.4889 13.4221 16.4889C13.8024 16.4889 14.1158 16.3974 14.359 16.2132C14.6022 16.0302 14.761 15.7704 14.8324 15.4325L15.6422 11.5972H16.8719L16.0529 15.4764Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M21.2436 13.9502H22.2116L21.4534 17.4123H20.4873L21.2436 13.9502ZM21.5482 12.689H22.5248L22.3424 13.5293H21.3659L21.5482 12.689Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M23.0688 17.1487C22.8156 16.9109 22.6878 16.59 22.6865 16.1826C22.6865 16.113 22.6908 16.0338 22.7002 15.9471C22.7095 15.8592 22.7214 15.7739 22.738 15.6946C22.8528 15.1323 23.0973 14.6858 23.4739 14.3564C23.8499 14.0258 24.3036 13.8599 24.8347 13.8599C25.2696 13.8599 25.6145 13.9794 25.8672 14.2185C26.1196 14.4589 26.2462 14.7833 26.2462 15.1957C26.2462 15.2664 26.2407 15.3481 26.2313 15.436C26.2201 15.525 26.2066 15.6104 26.1909 15.6946C26.0787 16.2484 25.8349 16.69 25.4583 17.0134C25.0816 17.3391 24.6293 17.5012 24.1019 17.5012C23.6651 17.5012 23.3213 17.3841 23.0688 17.1487M24.9136 16.4631C25.0843 16.2814 25.2065 16.0056 25.2809 15.6385C25.2921 15.5812 25.302 15.5214 25.3082 15.4616C25.3143 15.403 25.3168 15.3482 25.3168 15.2981C25.3168 15.0846 25.2616 14.9188 25.1506 14.8016C25.0402 14.6833 24.8832 14.6248 24.6804 14.6248C24.4122 14.6248 24.1939 14.7174 24.0227 14.9029C23.8501 15.0884 23.7279 15.3689 23.6509 15.7422C23.6404 15.7995 23.6317 15.8569 23.6237 15.913C23.6175 15.9703 23.6157 16.024 23.6168 16.0728C23.6168 16.285 23.6721 16.4485 23.7831 16.5644C23.8935 16.6803 24.0498 16.7376 24.2553 16.7376C24.5246 16.7376 24.743 16.6461 24.9136 16.4631Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M32.5262 19.8496L32.7596 19.0421H33.9397L33.8888 19.3385C33.8888 19.3385 34.4918 19.0421 34.9261 19.0421C35.3606 19.0421 36.3854 19.0421 36.3854 19.0421L36.1535 19.8496H35.9239L34.8231 23.6582H35.0527L34.8343 24.4146H34.6047L34.5092 24.7427H33.3664L33.4617 24.4146H31.207L31.4268 23.6582H31.6527L32.7544 19.8496H32.5262H32.5262ZM33.7993 19.8498L33.4989 20.8805C33.4989 20.8805 34.0128 20.6866 34.4558 20.6318C34.5536 20.2718 34.6815 19.8498 34.6815 19.8498H33.7993V19.8498ZM33.3598 21.3637L33.0585 22.4433C33.0585 22.4433 33.628 22.1676 34.0188 22.1444C34.1317 21.7271 34.2447 21.3637 34.2447 21.3637H33.3598V21.3637ZM33.5808 23.6583L33.8067 22.8751H32.9258L32.6987 23.6583H33.5808ZM36.4352 18.9922H37.5447L37.5918 19.3946C37.5844 19.4971 37.6463 19.546 37.7779 19.546H37.9739L37.7756 20.2279H36.9601C36.6487 20.2437 36.4886 20.1267 36.4738 19.8741L36.4352 18.9922ZM36.1102 20.4548H39.7039L39.493 21.1868H38.3488L38.1526 21.8673H39.2957L39.0835 22.5981H37.8104L37.5224 23.0264H38.1455L38.2894 23.8839C38.3066 23.9693 38.3836 24.0108 38.5151 24.0108H38.7086L38.5053 24.717H37.8202C37.4653 24.7342 37.2818 24.6171 37.2667 24.3646L37.1016 23.5814L36.5346 24.4146C36.4005 24.65 36.1945 24.7599 35.9167 24.7427H34.8705L35.074 24.0363H35.4004C35.5345 24.0363 35.646 23.9778 35.7465 23.8595L36.634 22.5981H35.4898L35.7018 21.8673H36.9428L37.1402 21.1868H35.898L36.1102 20.4548Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M17.1915 13.9492H18.0645L17.9647 14.4493L18.0899 14.3066C18.3729 14.009 18.7166 13.8613 19.1224 13.8613C19.4898 13.8613 19.7547 13.9663 19.921 14.1773C20.0847 14.3884 20.1294 14.6799 20.0519 15.0544L19.571 17.4137H18.6738L19.1081 15.2752C19.1529 15.0544 19.1405 14.8897 19.0715 14.7836C19.0033 14.6774 18.873 14.625 18.685 14.625C18.4542 14.625 18.26 14.6957 18.1017 14.8361C17.9429 14.9776 17.8381 15.174 17.7865 15.424L17.3863 17.4137H16.4873L17.1915 13.9492Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M27.2021 13.9492H28.0758L27.9767 14.4493L28.1006 14.3066C28.3837 14.009 28.7287 13.8613 29.1332 13.8613C29.5005 13.8613 29.766 13.9663 29.931 14.1773C30.0937 14.3884 30.1408 14.6799 30.0614 15.0544L29.5823 17.4137H28.6839L29.1184 15.2752C29.1629 15.0544 29.1506 14.8897 29.0823 14.7836C29.0115 14.6774 28.8836 14.625 28.6964 14.625C28.4655 14.625 28.272 14.6957 28.1119 14.8361C27.953 14.9776 27.8476 15.174 27.798 15.424L27.396 17.4137H26.498L27.2021 13.9492"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M31.5212 11.8018H34.0577C34.5454 11.8018 34.9225 11.9104 35.1818 12.1238C35.44 12.3398 35.5692 12.6497 35.5692 13.0534V13.0656C35.5692 13.1424 35.564 13.229 35.5567 13.3229C35.5441 13.4157 35.5279 13.5095 35.5071 13.6072C35.3954 14.1415 35.1359 14.571 34.7352 14.8967C34.333 15.2211 33.8567 15.3846 33.3082 15.3846H31.9479L31.5274 17.4133H30.3496L31.5212 11.8018M32.1554 14.4087H33.2835C33.5776 14.4087 33.8108 14.3415 33.9809 14.2086C34.1497 14.0744 34.2614 13.8695 34.3234 13.5914C34.3332 13.54 34.3394 13.4937 34.3469 13.451C34.3508 13.4108 34.3556 13.3704 34.3556 13.3315C34.3556 13.1326 34.2838 12.9887 34.1397 12.8984C33.9958 12.8068 33.7701 12.763 33.4572 12.763H32.4991L32.1554 14.4087"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M40.8406 18.0833C40.4683 18.8615 40.1135 19.3152 39.9051 19.5263C39.6964 19.735 39.2833 20.2205 38.2881 20.1839L38.3737 19.5898C39.2112 19.3361 39.6642 18.1929 39.9223 17.6867L39.6146 13.9587L40.2624 13.9502H40.8059L40.8643 16.2888L41.8829 13.9502H42.9143L40.8406 18.0833Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M37.9561 14.232L37.5464 14.509C37.1183 14.1796 36.7274 13.9759 35.9731 14.3199C34.9454 14.7883 34.0868 18.381 36.9161 17.1976L37.0774 17.3855L38.1905 17.4135L38.9215 14.1491L37.9561 14.232M37.3233 16.0168C37.1445 16.5353 36.7451 16.8781 36.4324 16.7805C36.1196 16.6853 36.008 16.1851 36.1891 15.6655C36.3678 15.1458 36.7698 14.8042 37.08 14.9018C37.3927 14.997 37.5056 15.4971 37.3233 16.0168Z"
+			fill="white"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M34.3328 5.26107L30.4463 5.25342L34.3106 5.26981C34.318 5.26981 34.3253 5.26107 34.3328 5.26107"
+			fill="#E02F41"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M30.4467 5.27406L23.5378 5.25C23.5204 5.25 23.5024 5.25765 23.4844 5.26531L30.4467 5.27406"
+			fill="#2E4F7D"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/cards/visa.js b/plugins/woocommerce-admin/client/subscriptions/cards/visa.js
new file mode 100644
index 00000000000..2634d362b8a
--- /dev/null
+++ b/plugins/woocommerce-admin/client/subscriptions/cards/visa.js
@@ -0,0 +1,41 @@
+export default () => (
+	/* eslint-disable */
+	<svg
+		width="51"
+		height="35"
+		viewBox="0 0 51 35"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<rect
+			x="0.5"
+			y="0.5"
+			width="50"
+			height="34"
+			rx="3.5"
+			fill="white"
+			stroke="#F3F3F3"
+		/>
+		<path
+			d="M22.6435 24.004H19.248L21.3718 11.7534H24.7671L22.6435 24.004Z"
+			fill="#15195A"
+		/>
+		<path
+			d="M34.952 12.0528C34.2823 11.8049 33.22 11.5312 31.9066 11.5312C28.5534 11.5312 26.1922 13.1993 26.1777 15.5842C26.1499 17.3437 27.8683 18.321 29.1536 18.9077C30.4672 19.5072 30.9138 19.8985 30.9138 20.4329C30.9004 21.2536 29.8522 21.6319 28.8747 21.6319C27.5191 21.6319 26.7927 21.4369 25.6889 20.9803L25.2417 20.7845L24.7666 23.5345C25.563 23.873 27.0302 24.1733 28.5534 24.1865C32.1162 24.1865 34.4356 22.5442 34.4631 20.0028C34.4767 18.6082 33.5693 17.5396 31.613 16.6665C30.4254 16.1059 29.6981 15.728 29.6981 15.1544C29.7121 14.6331 30.3133 14.099 31.6539 14.099C32.7577 14.0729 33.5687 14.3204 34.1831 14.5681L34.4902 14.6982L34.952 12.0528Z"
+			fill="#15195A"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M41.0301 11.7534H43.6565L46.3957 24.0039H43.2519C43.2519 24.0039 42.9442 22.5963 42.8467 22.1662H38.4873C38.3612 22.4919 37.7747 24.0039 37.7747 24.0039H34.2119L39.2554 12.7699C39.6049 11.9748 40.2202 11.7534 41.0301 11.7534ZM40.8208 16.2365C40.8208 16.2365 39.7448 18.9603 39.4652 19.6641H42.2875C42.1478 19.0516 41.5048 16.1192 41.5048 16.1192L41.2676 15.0636C41.1676 15.3355 41.0231 15.7092 40.9256 15.9612C40.8596 16.1321 40.8151 16.2471 40.8208 16.2365Z"
+			fill="#15195A"
+		/>
+		<path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M4.53636 11.7534H9.99929C10.7398 11.7792 11.3406 12.0008 11.5361 12.7832L12.7233 18.4113C12.7234 18.4118 12.7236 18.4124 12.7238 18.4129L13.0871 20.1072L16.4124 11.7534H20.0028L14.6657 23.991H11.0752L8.04881 13.3464C7.00461 12.7769 5.81289 12.3188 4.48047 12.0009L4.53636 11.7534Z"
+			fill="#15195A"
+		/>
+	</svg>
+	/* eslint-enable */
+);
diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index 2df5a4b6965..3a923f09dcc 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -3,7 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { createInterpolateElement, useState } from '@wordpress/element';
-import { Button, Notice } from '@wordpress/components';
+import { Button, Card, CardBody, Notice } from '@wordpress/components';
 import { PLUGINS_STORE_NAME } from '@woocommerce/data';
 import { useDispatch } from '@wordpress/data';
 import { recordEvent } from '@woocommerce/tracks';
@@ -11,9 +11,14 @@ import { recordEvent } from '@woocommerce/tracks';
 /**
  * Internal dependencies
  */
-import unconnectedImage from './subscriptions-empty-state-unconnected.svg';
+import Visa from './cards/visa.js';
+import MasterCard from './cards/mastercard.js';
+import Amex from './cards/amex.js';
+import DinersClub from './cards/diners.js';
+import Discover from './cards/discover.js';
+import JCB from './cards/jcb.js';
+import UnionPay from './cards/unionpay.js';
 import './style.scss';
-
 declare global {
 	interface Window {
 		wcWcpaySubscriptions: {
@@ -28,11 +33,9 @@ const {
 	onboardingUrl,
 } = window.wcWcpaySubscriptions;
 
-const ErrorNotice = ( { isError }: { isError: boolean } ) => {
-	if ( ! isError ) {
-		return null;
-	}
+type setHasErrorFunction = React.Dispatch< React.SetStateAction< boolean > >;
 
+const ErrorNotice = () => {
 	return (
 		<Notice
 			className="wcpay-empty-subscriptions__error"
@@ -59,29 +62,13 @@ const ErrorNotice = ( { isError }: { isError: boolean } ) => {
 	);
 };
 
-const TOS = () => (
-	<p className="wcpay-empty-subscriptions__tos">
-		{ createInterpolateElement(
-			__(
-				'By clicking "Get started", you agree to the <a>Terms of Service</a>',
-				'woocommerce'
-			),
-			{
-				a: (
-					// eslint-disable-next-line jsx-a11y/anchor-has-content
-					<a
-						href="https://wordpress.com/tos/"
-						target="_blank"
-						rel="noreferrer"
-					/>
-				),
-			}
-		) }
-	</p>
-);
+type GetStartedButtonProps = {
+	setHasError: setHasErrorFunction;
+};
 
-// eslint-disable-next-line @typescript-eslint/ban-types
-const GetStartedButton = ( { setIsError }: { setIsError: Function } ) => {
+const GetStartedButton: React.FC< GetStartedButtonProps > = ( {
+	setHasError,
+} ) => {
 	const [ isGettingStarted, setIsGettingStarted ] = useState( false );
 	const { installAndActivatePlugins } = useDispatch( PLUGINS_STORE_NAME );
 
@@ -109,7 +96,7 @@ const GetStartedButton = ( { setIsError }: { setIsError: Function } ) => {
 						} )
 						.catch( () => {
 							setIsGettingStarted( false );
-							setIsError( true );
+							setHasError( true );
 						} );
 				} }
 			>
@@ -119,22 +106,151 @@ const GetStartedButton = ( { setIsError }: { setIsError: Function } ) => {
 	);
 };
 
-const SubscriptionsPage = () => {
-	const [ isError, setIsError ] = useState( false );
+const StepNumber: React.FC = ( { children } ) => (
+	<span className="wcpay-empty-subscriptions-page-step-number">
+		{ children }
+	</span>
+);
 
+const TermsOfService = () => (
+	<span className="wcpay-empty-subscriptions-page-terms-of-service">
+		{ createInterpolateElement(
+			__(
+				'By clicking “Get started”, the WooCommerce Payments plugin will be installed and you agree to the <a>Terms of Service</a>',
+				'woocommerce'
+			),
+			{
+				a: (
+					// eslint-disable-next-line jsx-a11y/anchor-has-content
+					<a
+						href="https://wordpress.com/tos/"
+						target="_blank"
+						rel="noreferrer"
+					/>
+				),
+			}
+		) }
+	</span>
+);
+
+type MainContentProps = {
+	setHasError: setHasErrorFunction;
+};
+
+const MainContent: React.FC< MainContentProps > = ( { setHasError } ) => {
 	return (
-		<div className="wcpay-empty-subscriptions__container">
-			<ErrorNotice isError={ isError } />
-			<img src={ unconnectedImage } alt="" />
-			<p className="wcpay-empty-subscriptions__description">
+		<>
+			<h2>
+				{ __( 'Start selling subscriptions today', 'woocommerce' ) }
+			</h2>
+			<p>
 				{ __(
-					'Track recurring revenue and manage active subscriptions directly from your store’s dashboard — powered by WooCommerce Payments.',
+					'With WooCommerce Payments, you can sell subscriptions with no setup costs or monthly fees. Create subscription products, track recurring revenue, and manages subscriptions directly from your store’s dashboard.',
 					'woocommerce'
 				) }
+				<br />
+				<a
+					href="https://woocommerce.com/document/payments/subscriptions/"
+					target="_blank"
+					rel="noreferrer"
+				>
+					{ __( 'Learn more', 'woocommerce' ) }
+				</a>
 			</p>
-			<TOS />
-			<GetStartedButton setIsError={ setIsError } />
+
+			<h3>{ __( 'Accepted payment methods', 'woocommerce' ) }</h3>
+
+			<div className="wcpay-empty-subscriptions-page-payment-methods">
+				<Visa />
+				<MasterCard />
+				<Amex />
+				<DinersClub />
+				<Discover />
+				<UnionPay />
+				<JCB />
+			</div>
+
+			<hr />
+
+			<p className="subscriptions__action">
+				<TermsOfService />
+			</p>
+
+			<GetStartedButton setHasError={ setHasError } />
+		</>
+	);
+};
+
+const OnboardingSteps = () => (
+	<>
+		<h2>
+			{ __(
+				'You’re only steps away from selling subscriptions',
+				'woocommerce'
+			) }
+		</h2>
+		<div className="subscriptions-page-onboarding-steps">
+			<div className="subscriptions-page-onboarding-steps-item">
+				<StepNumber>1</StepNumber>
+				<h3>
+					{ __( 'Create and connect your account', 'woocommerce' ) }
+				</h3>
+				<p>
+					{ __(
+						'To ensure safe and secure transactions, a WordPress.com account is required.',
+						'woocommerce'
+					) }
+				</p>
+			</div>
+			<div className="subscriptions-page-onboarding-steps-item">
+				<StepNumber>2</StepNumber>
+				<h3>
+					{ __( 'Provide a few business details', 'woocommerce' ) }
+				</h3>
+				<p>
+					{ __(
+						'Next we’ll ask you to verify your business and payment details to enable deposits.',
+						'woocommerce'
+					) }
+				</p>
+			</div>
+			<div className="subscriptions-page-onboarding-steps-item">
+				<StepNumber>3</StepNumber>
+				<h3>{ __( 'Create subscriptions', 'woocommerce' ) }</h3>
+				<p>
+					{ __(
+						'Finally, publish subscription products to offer on your store.',
+						'woocommerce'
+					) }
+				</p>
+			</div>
 		</div>
+	</>
+);
+
+const SubscriptionsPage = () => {
+	const [ hasError, setHasError ] = useState( false );
+
+	return (
+		<>
+			{ hasError && <ErrorNotice /> }
+			<div className="subscriptions-page">
+				<div className="subscriptions">
+					<Card className="subscriptions__card">
+						<CardBody>
+							<div className="content">
+								<MainContent setHasError={ setHasError } />
+							</div>
+						</CardBody>
+					</Card>
+					<Card className="subscriptions__steps">
+						<CardBody>
+							<OnboardingSteps />
+						</CardBody>
+					</Card>
+				</div>
+			</div>
+		</>
 	);
 };
 
diff --git a/plugins/woocommerce-admin/client/subscriptions/style.scss b/plugins/woocommerce-admin/client/subscriptions/style.scss
index f03a7f32c68..4e979e1f6b7 100644
--- a/plugins/woocommerce-admin/client/subscriptions/style.scss
+++ b/plugins/woocommerce-admin/client/subscriptions/style.scss
@@ -1,35 +1,109 @@
-.wcpay-empty-subscriptions__container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	padding: 48px 0;
-	position: static;
-	height: 344px;
-	left: calc(50% - 1240px / 2);
-	top: 271px;
-	flex: none;
-	order: 1;
-	flex-grow: 0;
-	margin: 0;
-	text-align: center;
+$max-width: 680px;
 
-	.wcpay-empty-subscriptions__description {
-		max-width: 535px;
-		margin: 15px 0;
+.wcpay-empty-subscriptions__error {
+	margin: 0 auto 24px;
+	max-width: $max-width;
+}
+
+.subscriptions-page {
+	margin: 0 auto;
+	max-width: $max-width;
+
+	.components-card {
+		margin-bottom: 24px;
 	}
 
-	.wcpay-empty-subscriptions__tos {
-		font-size: 11px;
-		color: #757575;
-		margin-bottom: 6px;
+	.wcpay-empty-subscriptions-page-payment-methods {
+		svg {
+			display: inline-block;
+			height: 35px;
+			width: 52px;
+			margin-right: 0.5em;
+			margin-bottom: 0.5em;
+		}
 	}
 
-	.wcpay-empty-subscriptions__button_container {
-		margin: 8px 0;
+	.wcpay-empty-subscriptions-page-terms-of-service {
+		display: block;
+		margin: 0.5em 0;
 	}
 
-	.wcpay-empty-subscriptions__error {
-		margin: 15px 0;
+	.subscriptions-page-onboarding-steps {
+		@include breakpoint( '>600px' ) {
+			display: flex;
+			flex-direction: row;
+		}
+
+		.subscriptions-page-onboarding-steps-item {
+			margin-top: 30px;
+
+			@include breakpoint( '>600px' ) {
+				margin-top: 0;
+				margin-right: 80px;
+			}
+		}
+	}
+
+	.wcpay-empty-subscriptions-page-step-number {
+		background-color: $studio-woocommerce-purple-50;
+		color: $white;
+		font-size: 20px;
+		border-radius: 50%;
+		min-height: 32px;
+		min-width: 32px;
+		display: inline-block;
+		text-align: center;
+		line-height: 32px;
+	}
+
+	.subscriptions {
+		h2 {
+			font-size: 20px;
+			font-weight: 300;
+			margin-top: 0;
+		}
+
+		h3 {
+			font-size: 1em;
+		}
+
+		p {
+			color: #3c434a;
+		}
+
+		.subscriptions__card {
+			.components-card__body {
+				padding: 0;
+
+				.content {
+					padding: 24px;
+
+					a {
+						text-decoration: none;
+					}
+
+					hr {
+						position: relative;
+						left: -24px;
+						width: calc( 100% + 48px );
+					}
+				}
+			}
+		}
+
+		.subscriptions__action {
+			margin-top: 16px;
+			margin-bottom: 0;
+		}
+
+		.subscriptions__steps {
+			.components-card__body {
+				padding: 24px;
+			}
+
+			h2 {
+				margin-top: 0;
+			}
+		}
 	}
 }
diff --git a/plugins/woocommerce-admin/client/subscriptions/subscriptions-empty-state-unconnected.svg b/plugins/woocommerce-admin/client/subscriptions/subscriptions-empty-state-unconnected.svg
deleted file mode 100644
index 8823ffa6132..00000000000
--- a/plugins/woocommerce-admin/client/subscriptions/subscriptions-empty-state-unconnected.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<svg width="159" height="105" viewBox="0 0 159 105" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.16943" y="1" width="114.053" height="84.5849" rx="10" fill="white"/>
-<path d="M152.274 70.631C151.139 71.8704 149.731 72.793 148.203 73.5094H148.201C148.057 73.5775 147.913 73.6438 147.767 73.7064H147.766L147.764 73.7082L147.762 73.7064H147.76C147.76 73.7066 147.76 73.7069 147.76 73.7071C147.76 73.7073 147.76 73.7076 147.76 73.7077C147.759 73.7079 147.759 73.708 147.759 73.7081C147.759 73.7082 147.759 73.7083 147.758 73.7082H147.756L147.755 73.7064C147.753 73.7082 147.753 73.7082 147.751 73.7064L147.749 73.7082L147.747 73.7064H147.745C147.744 73.7082 147.744 73.7082 147.742 73.7064H147.74C146.717 74.1484 145.667 74.5236 144.595 74.8298C138.295 76.6155 131.673 76.9611 125.22 75.8408C125.097 75.8187 124.975 75.7966 124.852 75.7745V60.8375C124.973 60.786 125.097 60.7344 125.22 60.6847C126.026 60.3514 126.841 60.0451 127.666 59.7657C128.853 59.3606 130.057 59.0132 131.277 58.7234C135.258 57.7608 139.366 57.4289 143.45 57.74C144.193 57.7953 144.934 57.8751 145.673 57.9794C147.22 58.1949 148.842 58.5706 150.269 59.2225H150.271C150.479 59.3201 150.684 59.4214 150.886 59.53C152.155 60.2169 153.224 61.1617 153.876 62.4563C154.111 62.9212 154.279 63.4164 154.378 63.9277V63.9314C154.414 64.1082 154.44 64.2868 154.46 64.4636C154.693 66.644 153.788 68.9773 152.274 70.631Z" fill="#C5D9ED"/>
-<path d="M154.46 64.4648C154.442 64.4693 154.424 64.4718 154.405 64.4721C151.248 64.6103 148.094 64.8153 144.945 65.0872H144.94C144.927 65.0891 144.916 65.0891 144.903 65.0909C141.67 65.3708 138.443 65.7213 135.224 66.1424C135.087 66.1609 134.953 66.1793 134.818 66.1959C132.592 66.4924 130.369 66.8214 128.151 67.1829C127.172 67.3431 126.195 67.5101 125.22 67.6838C125.097 67.7059 124.975 67.7262 124.852 67.7501V67.1921C124.975 67.1682 125.099 67.1479 125.22 67.1258C128.468 66.5513 131.727 66.0498 134.997 65.6213C135.819 65.5108 136.643 65.4064 137.467 65.3082C139.849 65.0209 142.234 64.7729 144.623 64.5642C144.798 64.5495 144.971 64.5348 145.146 64.52C148.204 64.2604 151.267 64.0633 154.333 63.9289C154.348 63.9282 154.363 63.9295 154.378 63.9326C154.673 63.9584 154.735 64.4003 154.46 64.4648Z" fill="white"/>
-<path d="M147.898 73.1648C143.965 73.1936 140.09 71.5273 137.307 68.7691C136.522 67.9878 135.83 67.1183 135.246 66.178C135.058 65.8775 134.619 66.2089 134.805 66.5068C136.966 69.969 140.565 72.4353 144.534 73.3422C145.661 73.5973 146.814 73.7205 147.969 73.7094C148.322 73.7068 148.249 73.1622 147.898 73.1648V73.1648Z" fill="white"/>
-<path d="M131.277 58.7246C131.26 58.7764 131.23 58.8228 131.19 58.8593C131.149 58.8959 131.1 58.9211 131.047 58.9327C130.145 59.1687 129.274 59.5086 128.452 59.9456C127.25 60.5796 126.159 61.4036 125.22 62.3856C125.17 62.4354 125.123 62.4851 125.076 62.5367C124.999 62.6177 124.925 62.7006 124.852 62.7853V61.9823C124.97 61.8571 125.093 61.7337 125.22 61.6159C125.961 60.9071 126.782 60.2866 127.666 59.7669C128.853 59.3618 130.057 59.0143 131.277 58.7246Z" fill="white"/>
-<path d="M150.591 59.0785C148.089 60.153 145.995 61.9972 144.615 64.3428C144.587 64.4099 144.587 64.4853 144.614 64.5527C144.641 64.62 144.694 64.6739 144.761 64.7026C144.828 64.7292 144.903 64.7288 144.97 64.7016C145.037 64.6745 145.091 64.6225 145.121 64.5566C146.439 62.3413 148.427 60.6012 150.798 59.5874C151.123 59.4485 150.917 58.9394 150.591 59.0785L150.591 59.0785Z" fill="white"/>
-<path d="M158.138 43.4369C157.71 45.0612 156.89 46.5326 155.871 47.8751L155.869 47.877C155.775 48.0022 155.677 48.1293 155.576 48.2508V48.2526C154.868 49.1237 154.104 49.9474 153.288 50.7185C150.356 53.5101 147.044 55.874 143.45 57.7404C137.797 60.6906 131.478 62.4346 125.22 62.534C125.172 62.5358 125.124 62.5358 125.076 62.5358C125.001 62.5377 124.925 62.5377 124.852 62.5377V54.1678C124.971 53.9394 125.095 53.7111 125.22 53.4845C126.847 50.561 128.83 47.8503 131.124 45.4148C131.18 45.354 131.237 45.2932 131.294 45.2343C132.157 44.3246 133.061 43.4584 134.007 42.6359C137.647 39.4382 141.854 36.9492 146.411 35.2972C147.88 34.7705 149.491 34.3488 151.058 34.2659C151.288 34.2531 151.517 34.2475 151.747 34.2494C153.19 34.2696 154.575 34.6103 155.756 35.4538C156.179 35.7574 156.559 36.1173 156.884 36.5237C156.999 36.6655 157.104 36.811 157.205 36.9602V36.962C158.425 38.7851 158.709 41.2694 158.138 43.4369Z" fill="#C5D9ED"/>
-<path d="M157.205 36.9608V36.9627C157.191 36.9745 157.177 36.985 157.161 36.994C154.433 38.5796 151.739 40.2228 149.08 41.9238C149.076 41.9257 149.074 41.9275 149.071 41.9294C149.06 41.9368 149.049 41.9435 149.037 41.9496C146.304 43.6991 143.609 45.5075 140.953 47.3749C140.842 47.4522 140.73 47.5314 140.617 47.6106C138.783 48.9052 136.968 50.2275 135.172 51.5773C131.78 54.1297 128.463 56.7767 125.22 59.5182C125.097 59.6213 124.975 59.7262 124.852 59.8312V59.1148C124.973 59.0099 125.097 58.9049 125.22 58.8018C126.463 57.7539 127.716 56.7208 128.981 55.7024C129.358 55.3986 129.738 55.0947 130.118 54.7945C133.491 52.1114 136.94 49.5283 140.464 47.0452H140.466C141.159 46.5572 141.854 46.0735 142.549 45.5941C144.525 44.235 146.523 42.9085 148.544 41.6145C148.689 41.5205 148.837 41.4266 148.984 41.3327C151.57 39.6826 154.19 38.0866 156.844 36.5446C156.857 36.5368 156.87 36.53 156.884 36.5244C157.161 36.4139 157.421 36.7785 157.205 36.9608Z" fill="white"/>
-<path d="M155.441 47.7081C151.971 49.5591 147.765 49.8819 144.018 48.7306C142.96 48.4031 141.943 47.9542 140.988 47.3928C140.682 47.2137 140.447 47.7108 140.751 47.8883C144.274 49.9515 148.608 50.4652 152.544 49.4266C153.661 49.1295 154.739 48.7036 155.757 48.1576C156.068 47.9916 155.75 47.5432 155.441 47.708V47.7081Z" fill="white"/>
-<path d="M129.478 54.4471C129.307 53.483 129.248 52.5023 129.303 51.5246C129.427 49.295 130.11 47.1323 131.29 45.2356C132.154 44.3262 133.058 43.4599 134.004 42.6367C134.013 42.6906 134.008 42.7458 133.989 42.797C133.97 42.8481 133.938 42.8935 133.896 42.9286C133.208 43.556 132.595 44.261 132.069 45.0294C130.191 47.7678 129.458 51.1308 130.026 54.4015C130.035 54.4386 130.035 54.4774 130.025 54.5143C130.014 54.5511 129.995 54.5848 129.968 54.612C129.929 54.6463 129.881 54.6697 129.83 54.6798C129.778 54.69 129.725 54.6866 129.676 54.6699C129.626 54.6532 129.582 54.6239 129.547 54.5848C129.513 54.5457 129.489 54.4982 129.478 54.4471Z" fill="white"/>
-<path d="M151.275 33.9847C149.559 36.0974 148.563 38.7022 148.431 41.42C148.437 41.4924 148.472 41.5593 148.527 41.6063C148.583 41.6533 148.655 41.6765 148.727 41.6708C148.799 41.6631 148.866 41.628 148.912 41.5728C148.959 41.5177 148.983 41.4466 148.978 41.3744C149.115 38.8011 150.066 36.3377 151.695 34.3394C151.919 34.0654 151.499 33.7102 151.275 33.9847Z" fill="white"/>
-<path d="M132.19 40.0358V40.0377C132.177 40.1961 132.162 40.3526 132.145 40.5091V40.5128C132.017 41.627 131.817 42.7318 131.546 43.8203C131.417 44.3543 131.277 44.8847 131.124 45.415C131.106 45.4832 131.086 45.5513 131.065 45.6176V45.6195C130.615 47.162 130.077 48.6776 129.454 50.1589C128.308 52.8862 126.89 55.4911 125.22 57.934C125.1 58.1126 124.977 58.2913 124.852 58.4681V29.6291C124.975 29.6218 125.097 29.6218 125.22 29.6255C125.279 29.6255 125.338 29.6273 125.397 29.631C125.917 29.6583 126.431 29.7581 126.923 29.9275C127.097 29.9846 127.264 30.049 127.43 30.1209C129.441 31.0011 131.021 32.9421 131.707 35.0765C132.221 36.675 132.324 38.3563 132.19 40.0358Z" fill="#C5D9ED"/>
-<path d="M127.43 30.1201C127.426 30.1381 127.419 30.1555 127.41 30.1716C126.664 31.621 125.934 33.0776 125.22 34.5417C125.097 34.794 124.973 35.0481 124.852 35.3004V34.0481C124.973 33.7977 125.096 33.5472 125.22 33.2968C125.771 32.1808 126.332 31.0697 126.901 29.9635C126.908 29.9506 126.915 29.9383 126.923 29.9267C127.093 29.6836 127.513 29.8494 127.43 30.1201Z" fill="white"/>
-<path d="M132.249 40.333C132.216 40.3919 132.182 40.4508 132.145 40.5098C131.604 41.4521 130.96 42.3316 130.225 43.1322C128.813 44.6629 127.112 45.9001 125.22 46.7729C125.099 46.8319 124.975 46.8871 124.852 46.9387V46.3402C124.975 46.2849 125.099 46.2278 125.22 46.1689C127.958 44.864 130.233 42.7555 131.74 40.1249C131.762 40.0873 131.791 40.0549 131.827 40.0297C131.862 40.0046 131.902 39.9873 131.945 39.9791C131.988 39.9709 132.032 39.9719 132.074 39.9822C132.116 39.9924 132.156 40.0115 132.19 40.0383C132.213 40.0538 132.233 40.0737 132.249 40.0969C132.264 40.1201 132.275 40.1461 132.28 40.1734C132.286 40.2008 132.286 40.229 132.28 40.2564C132.275 40.2837 132.264 40.3098 132.249 40.333Z" fill="white"/>
-<path d="M125.217 7.07717V21.0731H124.848V20.9239H1.53126V21.0731H1.1626V7.07717C1.16418 5.46589 1.80556 3.92106 2.94598 2.78171C4.0864 1.64236 5.63269 1.00158 7.24549 1H119.134C120.747 1.00158 122.293 1.64236 123.433 2.78171C124.574 3.92106 125.215 5.46589 125.217 7.07717Z" fill="#007CBA"/>
-<path d="M119.134 0.5H119.134L7.24549 0.5L7.245 0.5C5.49991 0.501712 3.8267 1.19504 2.5926 2.42799C1.35848 3.66095 0.664311 5.33281 0.662598 7.07668V7.07717L0.662597 87.0011L0.662598 87.0016C0.664311 88.7455 1.35848 90.4174 2.5926 91.6503C3.8267 92.8833 5.49991 93.5766 7.245 93.5783H7.24549H119.134H119.134C120.879 93.5766 122.553 92.8833 123.787 91.6503C125.021 90.4174 125.715 88.7455 125.717 87.0016V87.0011V7.07717V7.07668C125.715 5.33281 125.021 3.66095 123.787 2.42799C122.553 1.19504 120.879 0.501712 119.134 0.5ZM122.819 3.39625C123.796 4.37288 124.346 5.69686 124.348 7.07781V87.0005C124.346 88.3814 123.796 89.7054 122.819 90.6821C121.841 91.6587 120.516 92.2082 119.133 92.21H7.24612C5.86344 92.2082 4.53799 91.6587 3.56044 90.6821C2.58297 89.7055 2.03311 88.3816 2.03126 87.0008V7.07749C2.03311 5.69665 2.58297 4.3728 3.56044 3.39625C4.53792 2.41969 5.86324 1.87016 7.24581 1.86831H119.133C120.516 1.87016 121.841 2.41969 122.819 3.39625Z" fill="#EEEEEE" stroke="#EEEEEE"/>
-<path d="M26.233 14.7188C28.269 14.7188 29.9196 13.0698 29.9196 11.0357C29.9196 9.00153 28.269 7.35254 26.233 7.35254C24.1969 7.35254 22.5464 9.00153 22.5464 11.0357C22.5464 13.0698 24.1969 14.7188 26.233 14.7188Z" fill="#C5D9ED"/>
-<path d="M100.149 14.7188C102.185 14.7188 103.835 13.0698 103.835 11.0357C103.835 9.00153 102.185 7.35254 100.149 7.35254C98.1125 7.35254 96.4619 9.00153 96.4619 11.0357C96.4619 13.0698 98.1125 14.7188 100.149 14.7188Z" fill="#C5D9ED"/>
-<path d="M36.883 52.1039H14.9521C14.023 52.1028 13.1323 51.7336 12.4753 51.0773C11.8184 50.4209 11.4488 49.531 11.4478 48.6028V38.2472C11.4488 37.319 11.8184 36.429 12.4753 35.7727C13.1323 35.1163 14.023 34.7471 14.9521 34.7461H36.883C37.8121 34.7471 38.7028 35.1163 39.3598 35.7727C40.0168 36.429 40.3863 37.319 40.3874 38.2472V48.6028C40.3863 49.531 40.0168 50.4209 39.3598 51.0773C38.7028 51.7336 37.8121 52.1028 36.883 52.1039Z" fill="#007CBA"/>
-<path d="M74.1926 52.1039H52.2617C51.3326 52.1028 50.4419 51.7336 49.7849 51.0773C49.1279 50.4209 48.7584 49.531 48.7573 48.6028V38.2472C48.7584 37.319 49.1279 36.429 49.7849 35.7727C50.4419 35.1163 51.3326 34.7471 52.2617 34.7461H74.1926C75.1217 34.7471 76.0124 35.1163 76.6694 35.7727C77.3263 36.429 77.6959 37.319 77.697 38.2472V48.6028C77.6959 49.531 77.3263 50.4209 76.6694 51.0773C76.0124 51.7336 75.1217 52.1028 74.1926 52.1039Z" fill="#007CBA"/>
-<path d="M74.1928 78.8611H52.2619C51.3047 78.86 50.3869 78.4796 49.7101 77.8034C49.0332 77.1271 48.6524 76.2103 48.6514 75.2539V64.8982C48.6524 63.9418 49.0332 63.025 49.7101 62.3487C50.3869 61.6725 51.3047 61.2921 52.2619 61.291H74.1928C75.1501 61.2921 76.0678 61.6725 76.7447 62.3487C77.4216 63.025 77.8023 63.9418 77.8034 64.8982V75.2539C77.8023 76.2103 77.4216 77.1271 76.7447 77.8034C76.0678 78.4796 75.1501 78.86 74.1928 78.8611Z" fill="#C5D9ED"/>
-<path d="M36.8115 78.8611H14.8806C13.9233 78.86 13.0056 78.4796 12.3287 77.8034C11.6518 77.1271 11.2711 76.2103 11.27 75.2539V64.8982C11.2711 63.9418 11.6518 63.025 12.3287 62.3487C13.0056 61.6725 13.9233 61.2921 14.8806 61.291H36.8115C37.7687 61.2921 38.6865 61.6725 39.3633 62.3487C40.0402 63.025 40.421 63.9418 40.4221 64.8982V75.2539C40.421 76.2103 40.0402 77.1271 39.3633 77.8034C38.6865 78.4796 37.7687 78.86 36.8115 78.8611Z" fill="#C5D9ED"/>
-<path d="M111.497 78.8611H89.5666C88.6094 78.86 87.6916 78.4796 87.0147 77.8034C86.3379 77.1271 85.9571 76.2103 85.9561 75.2539V64.8982C85.9571 63.9418 86.3379 63.025 87.0147 62.3487C87.6916 61.6725 88.6094 61.2921 89.5666 61.291H111.497C112.455 61.2921 113.372 61.6725 114.049 62.3487C114.726 63.025 115.107 63.9418 115.108 64.8982V75.2539C115.107 76.2103 114.726 77.1271 114.049 77.8034C113.372 78.4796 112.455 78.86 111.497 78.8611Z" fill="#C5D9ED"/>
-<path d="M111.497 52.1248H89.5666C88.6094 52.1237 87.6916 51.7433 87.0147 51.0671C86.3379 50.3908 85.9571 49.4739 85.9561 48.5176V38.1619C85.9571 37.2055 86.3379 36.2886 87.0147 35.6124C87.6916 34.9362 88.6094 34.5558 89.5666 34.5547H111.497C112.455 34.5558 113.372 34.9362 114.049 35.6124C114.726 36.2886 115.107 37.2055 115.108 38.1619V48.5176C115.107 49.4739 114.726 50.3908 114.049 51.0671C113.372 51.7433 112.455 52.1237 111.497 52.1248Z" fill="#C5D9ED"/>
-<path d="M25.9166 49.3658C29.2009 49.3658 31.8634 46.7059 31.8634 43.4246C31.8634 40.1434 29.2009 37.4834 25.9166 37.4834C22.6322 37.4834 19.9697 40.1434 19.9697 43.4246C19.9697 46.7059 22.6322 49.3658 25.9166 49.3658Z" fill="white"/>
-<path d="M25.3276 45.6914C25.1938 45.6916 25.0636 45.6484 24.9565 45.5682L24.9499 45.5632L23.5523 44.4942C23.4875 44.4447 23.4331 44.3829 23.3922 44.3124C23.3513 44.2419 23.3248 44.164 23.314 44.0832C23.3033 44.0024 23.3086 43.9202 23.3296 43.8415C23.3506 43.7627 23.387 43.6889 23.4366 43.6242C23.4863 43.5595 23.5482 43.5052 23.6188 43.4644C23.6894 43.4236 23.7674 43.3971 23.8483 43.3865C23.9292 43.3758 24.0114 43.3812 24.0902 43.4023C24.169 43.4234 24.2429 43.4598 24.3076 43.5094L25.2128 44.2029L27.352 41.4157C27.4016 41.3511 27.4635 41.2968 27.5341 41.2561C27.6047 41.2153 27.6826 41.1888 27.7635 41.1782C27.8443 41.1675 27.9265 41.1729 28.0052 41.1939C28.084 41.215 28.1578 41.2513 28.2225 41.3009L28.2092 41.319L28.2229 41.3012C28.3534 41.4014 28.4388 41.5492 28.4603 41.7123C28.4819 41.8753 28.4378 42.0403 28.3378 42.1709L25.8216 45.4493C25.7634 45.5248 25.6886 45.586 25.6029 45.6279C25.5172 45.6699 25.423 45.6916 25.3276 45.6914Z" fill="#2C3338"/>
-<path d="M63.3335 49.2819C66.6179 49.2819 69.2804 46.6219 69.2804 43.3406C69.2804 40.0594 66.6179 37.3994 63.3335 37.3994C60.0492 37.3994 57.3867 40.0594 57.3867 43.3406C57.3867 46.6219 60.0492 49.2819 63.3335 49.2819Z" fill="white"/>
-<path d="M62.7397 45.6064C62.6059 45.6067 62.4757 45.5634 62.3686 45.4832L62.362 45.4783L60.9645 44.4093C60.8337 44.3092 60.7482 44.1614 60.7266 43.9983C60.705 43.8352 60.7491 43.6702 60.8492 43.5396C60.9494 43.409 61.0974 43.3235 61.2606 43.3019C61.4239 43.2803 61.589 43.3244 61.7197 43.4245L62.6249 44.1179L64.7641 41.3308C64.8137 41.2661 64.8756 41.2119 64.9462 41.1711C65.0168 41.1304 65.0948 41.1039 65.1756 41.0932C65.2564 41.0826 65.3386 41.0879 65.4173 41.109C65.4961 41.13 65.5699 41.1664 65.6346 41.2159L65.6213 41.234L65.635 41.2162C65.7655 41.3164 65.8509 41.4643 65.8725 41.6273C65.894 41.7904 65.8499 41.9553 65.7499 42.0859L63.2337 45.3643C63.1755 45.4399 63.1007 45.501 63.015 45.543C62.9294 45.585 62.8352 45.6067 62.7397 45.6064Z" fill="#2C3338"/>
-<path d="M103.523 71.3749C103.719 71.1614 103.865 70.9078 103.951 70.6318C104.038 70.3559 104.063 70.0643 104.025 69.7776C103.986 69.4909 103.885 69.2162 103.729 68.9726C103.573 68.7291 103.365 68.5227 103.121 68.3681L99.8008 50.6572L95.7632 52.1531L100.296 69.0919C100.063 69.5197 99.9957 70.0179 100.106 70.4922C100.216 70.9665 100.497 71.3839 100.895 71.6653C101.293 71.9467 101.78 72.0726 102.264 72.0191C102.749 71.9655 103.197 71.7363 103.523 71.3749Z" fill="#FBBEBE"/>
-<path d="M71.3034 44.3506C71.3134 44.4605 71.3148 44.5711 71.3074 44.6813L79.158 50.7179L81.3843 49.8045L83.2031 52.9811L79.4192 54.9806C79.1135 55.1421 78.7636 55.2003 78.4221 55.1462C78.0805 55.0922 77.7657 54.9289 77.5249 54.6809L69.6778 46.5984C69.2624 46.692 68.8284 46.657 68.4334 46.4982C68.0384 46.3393 67.7012 46.064 67.4666 45.709C67.232 45.354 67.1111 44.936 67.1201 44.5107C67.1291 44.0854 67.2674 43.6729 67.5168 43.328C67.7662 42.9832 68.1147 42.7224 68.5161 42.5803C68.9174 42.4382 69.3526 42.4215 69.7636 42.5325C70.1747 42.6435 70.5422 42.8769 70.8172 43.2017C71.0923 43.5264 71.2618 43.9272 71.3034 44.3506H71.3034Z" fill="#FBBEBE"/>
-<path d="M89.6449 102.811H87.3853L86.3101 95.9443L89.6455 95.9445L89.6449 102.811Z" fill="#FBBEBE"/>
-<path d="M90.2217 105L82.9351 105V104.908C82.9351 104.536 83.0084 104.167 83.1509 103.823C83.2935 103.48 83.5024 103.167 83.7657 102.904C84.0291 102.641 84.3418 102.432 84.6859 102.29C85.03 102.147 85.3988 102.074 85.7713 102.074H85.7714L90.2219 102.074L90.2217 105Z" fill="#2C3338"/>
-<path d="M98.1259 102.811H95.8662L94.791 95.9443L98.1265 95.9445L98.1259 102.811Z" fill="#FBBEBE"/>
-<path d="M98.7007 105L91.4141 105V104.908C91.4141 104.536 91.4874 104.167 91.6299 103.823C91.7725 103.48 91.9814 103.167 92.2448 102.904C92.5081 102.641 92.8208 102.432 93.1649 102.29C93.509 102.147 93.8778 102.074 94.2502 102.074H94.2504L98.7009 102.074L98.7007 105Z" fill="#2C3338"/>
-<path d="M86.9192 101.454C86.7128 101.454 86.5139 101.377 86.3613 101.238C86.2087 101.1 86.1135 100.909 86.0943 100.704L84.125 74.2425L84.2181 74.2349L97.7702 73.1221L97.7738 73.2183L98.8511 100.63C98.8553 100.741 98.837 100.853 98.7972 100.957C98.7574 101.061 98.697 101.156 98.6196 101.236C98.5422 101.316 98.4494 101.38 98.3468 101.424C98.2441 101.467 98.1337 101.49 98.0222 101.49H95.365C95.1666 101.491 94.9745 101.42 94.824 101.291C94.6734 101.162 94.5744 100.983 94.5452 100.787L90.9367 78.6432C90.9332 78.6203 90.9211 78.5996 90.903 78.5852C90.8849 78.5708 90.862 78.5637 90.8389 78.5654C90.8158 78.567 90.7942 78.5774 90.7784 78.5942C90.7625 78.6111 90.7536 78.6333 90.7535 78.6565L90.5898 100.52C90.5881 100.731 90.5058 100.934 90.3598 101.087C90.2138 101.239 90.015 101.331 89.8039 101.342L86.9637 101.453C86.9488 101.453 86.9339 101.454 86.9192 101.454Z" fill="#2C3338"/>
-<path d="M89.2305 40.801C91.7308 40.801 93.7578 38.776 93.7578 36.278C93.7578 33.7799 91.7308 31.7549 89.2305 31.7549C86.7301 31.7549 84.7031 33.7799 84.7031 36.278C84.7031 38.776 86.7301 40.801 89.2305 40.801Z" fill="#FBBEBE"/>
-<path d="M90.1074 75.9301C88.1286 75.9242 86.1593 75.6554 84.2515 75.1306C84.0679 75.0772 83.9083 74.9622 83.7997 74.805C83.6911 74.6478 83.64 74.458 83.6551 74.2675C84.2645 65.1162 84.4078 58.0144 83.1262 53.1007C82.58 51.0065 82.828 48.8008 83.8066 47.0494C85.2794 44.4136 87.9864 42.8093 90.8738 42.8647C91.0118 42.8673 91.1512 42.8722 91.2919 42.8794C95.674 43.1048 99.0886 47.0654 98.9037 51.7082L98.0223 73.838C98.019 73.9995 97.968 74.1564 97.8757 74.2889C97.7833 74.4215 97.6537 74.5237 97.5033 74.5828C95.1388 75.4715 92.6336 75.9278 90.1074 75.9301Z" fill="#135E96"/>
-<path d="M83.8726 54.7998L80.4814 50.6481C80.3849 50.53 80.315 50.3925 80.2765 50.2449C80.238 50.0974 80.2318 49.9433 80.2583 49.7931C80.2848 49.643 80.3434 49.5003 80.43 49.3748C80.5167 49.2493 80.6294 49.1439 80.7605 49.0659L85.3543 46.3311C85.962 45.8412 86.7394 45.6121 87.516 45.694C88.2926 45.7759 89.005 46.1622 89.4969 46.7681C89.9888 47.3739 90.2202 48.15 90.1403 48.9261C90.0603 49.7021 89.6756 50.4148 89.0704 50.9079L85.4802 54.8439C85.3773 54.9566 85.2514 55.0458 85.111 55.1054C84.9705 55.1651 84.8188 55.1938 84.6663 55.1896C84.5137 55.1854 84.3639 55.1484 84.2269 55.0812C84.0899 55.0139 83.9691 54.918 83.8726 54.7998Z" fill="#135E96"/>
-<path d="M94.538 54.2787C94.3987 54.2164 94.2745 54.1248 94.1738 54.0102C94.0732 53.8956 93.9985 53.7607 93.9548 53.6146L92.4281 48.5125C92.0967 47.806 92.0593 46.997 92.3241 46.263C92.5889 45.529 93.1343 44.9298 93.8406 44.597C94.547 44.2642 95.3566 44.2248 96.092 44.4875C96.8273 44.7502 97.4284 45.2936 97.7633 45.9985L100.716 50.4529C100.8 50.58 100.856 50.7238 100.879 50.8745C100.903 51.0251 100.894 51.179 100.852 51.3258C100.811 51.4726 100.739 51.6088 100.64 51.725C100.541 51.8413 100.419 51.9349 100.28 51.9996L95.4224 54.2713C95.2842 54.3361 95.1336 54.3702 94.981 54.3715C94.8284 54.3727 94.6773 54.3411 94.538 54.2787Z" fill="#135E96"/>
-<path d="M91.4685 39.9894L88.1126 39.222C87.7664 39.1428 87.3505 38.9918 87.3025 38.6403C87.238 38.1679 87.9184 37.8388 87.8557 37.3662C87.7949 36.9084 87.175 36.8494 86.733 36.7143C86.3214 36.57 85.9821 36.2714 85.787 35.8816C85.5918 35.4919 85.5561 35.0415 85.6875 34.6259C85.2092 35.2992 84.1167 35.3569 83.4964 34.8114C82.8761 34.2659 82.7572 33.2762 83.1297 32.5393C83.3309 32.1773 83.6148 31.8679 83.9583 31.6362C84.3018 31.4045 84.6952 31.2571 85.1064 31.2059C85.9333 31.1122 86.7694 31.2679 87.507 31.653C87.5561 31.1312 88.2082 30.9197 88.7328 30.915C89.8224 30.9277 90.8811 31.2795 91.7613 31.9213C92.6415 32.5632 93.2996 33.4632 93.6439 34.4962C94.2876 36.5684 93.857 38.8398 92.056 40.0522L91.4685 39.9894Z" fill="#2C3338"/>
-</svg>

From b223ed27f6b59303184a0df16e968b0273288ec7 Mon Sep 17 00:00:00 2001
From: Chris Aprea <chris.aprea@automattic.com>
Date: Mon, 9 May 2022 10:47:06 +1000
Subject: [PATCH 321/327] Fix typo.

---
 plugins/woocommerce-admin/client/subscriptions/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index 3a923f09dcc..82e6e56aa7b 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -145,7 +145,7 @@ const MainContent: React.FC< MainContentProps > = ( { setHasError } ) => {
 			</h2>
 			<p>
 				{ __(
-					'With WooCommerce Payments, you can sell subscriptions with no setup costs or monthly fees. Create subscription products, track recurring revenue, and manages subscriptions directly from your store’s dashboard.',
+					'With WooCommerce Payments, you can sell subscriptions with no setup costs or monthly fees. Create subscription products, track recurring revenue, and manage subscribers directly from your store’s dashboard.',
 					'woocommerce'
 				) }
 				<br />

From f34fcab0400db34393865071c6feee14530573d2 Mon Sep 17 00:00:00 2001
From: Chris Aprea <chris.aprea@automattic.com>
Date: Mon, 9 May 2022 10:55:04 +1000
Subject: [PATCH 322/327] Fix font weight.

---
 plugins/woocommerce-admin/client/subscriptions/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/style.scss b/plugins/woocommerce-admin/client/subscriptions/style.scss
index 4e979e1f6b7..b9eaa4a2ba9 100644
--- a/plugins/woocommerce-admin/client/subscriptions/style.scss
+++ b/plugins/woocommerce-admin/client/subscriptions/style.scss
@@ -59,7 +59,7 @@ $max-width: 680px;
 	.subscriptions {
 		h2 {
 			font-size: 20px;
-			font-weight: 300;
+			font-weight: 400;
 			margin-top: 0;
 		}
 

From 738b3764e53e09c4667fbeded45971f35009d873 Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Mon, 9 May 2022 13:41:16 +1000
Subject: [PATCH 323/327] Add a dismiss ("No thanks") button to the wcpay
 susbcriptions welcome page

---
 .../client/subscriptions/index.tsx            | 97 +++++++++++++------
 .../client/subscriptions/style.scss           |  8 +-
 .../Internal/Admin/WcPaySubscriptionsPage.php | 13 +++
 3 files changed, 86 insertions(+), 32 deletions(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index 82e6e56aa7b..d42a4368296 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -7,6 +7,7 @@ import { Button, Card, CardBody, Notice } from '@wordpress/components';
 import { PLUGINS_STORE_NAME } from '@woocommerce/data';
 import { useDispatch } from '@wordpress/data';
 import { recordEvent } from '@woocommerce/tracks';
+import apiFetch from '@wordpress/api-fetch';
 
 /**
  * Internal dependencies
@@ -24,6 +25,8 @@ declare global {
 		wcWcpaySubscriptions: {
 			newSubscriptionProductUrl: string;
 			onboardingUrl: string;
+			noThanksUrl: string;
+			dismissOptionKey: string;
 		};
 	}
 }
@@ -31,6 +34,8 @@ declare global {
 const {
 	newSubscriptionProductUrl,
 	onboardingUrl,
+	noThanksUrl,
+	dismissOptionKey,
 } = window.wcWcpaySubscriptions;
 
 type setHasErrorFunction = React.Dispatch< React.SetStateAction< boolean > >;
@@ -62,6 +67,35 @@ const ErrorNotice = () => {
 	);
 };
 
+const NoThanksButton = () => {
+	const [ isNoThanksClicked, setIsNoThanksClicked ] = useState( false );
+
+	return (
+		<Button
+			isBusy={ isNoThanksClicked }
+			isSecondary
+			onClick={ () => {
+				setIsNoThanksClicked( true );
+				recordEvent(
+					'wccore_subscriptions_empty_state_no_thanks_click',
+					{}
+				);
+				apiFetch( {
+					path: 'wc-admin/options',
+					method: 'POST',
+					data: {
+						[ dismissOptionKey ]: 'yes',
+					},
+				} ).then( () => {
+					window.location.href = noThanksUrl;
+				} );
+			} }
+		>
+			{ __( 'No thanks', 'woocommerce' ) }
+		</Button>
+	);
+};
+
 type GetStartedButtonProps = {
 	setHasError: setHasErrorFunction;
 };
@@ -73,36 +107,34 @@ const GetStartedButton: React.FC< GetStartedButtonProps > = ( {
 	const { installAndActivatePlugins } = useDispatch( PLUGINS_STORE_NAME );
 
 	return (
-		<div className="wcpay-empty-subscriptions__button_container">
-			<Button
-				disabled={ isGettingStarted }
-				isBusy={ isGettingStarted }
-				isPrimary
-				onClick={ () => {
-					setIsGettingStarted( true );
-					recordEvent(
-						'wccore_subscriptions_empty_state_get_started_click',
-						{}
-					);
-					installAndActivatePlugins( [ 'woocommerce-payments' ] )
-						.then( () => {
-							/*
-							 * TODO:
-							 * Navigate to either newSubscriptionProductUrl or onboardingUrl
-							 * depending on the which treatment the user is assigned to.
-							 */
-							// eslint-disable-next-line no-console
-							console.log( 'It was a success!' );
-						} )
-						.catch( () => {
-							setIsGettingStarted( false );
-							setHasError( true );
-						} );
-				} }
-			>
-				{ __( 'Get started', 'woocommerce' ) }
-			</Button>
-		</div>
+		<Button
+			disabled={ isGettingStarted }
+			isBusy={ isGettingStarted }
+			isPrimary
+			onClick={ () => {
+				setIsGettingStarted( true );
+				recordEvent(
+					'wccore_subscriptions_empty_state_get_started_click',
+					{}
+				);
+				installAndActivatePlugins( [ 'woocommerce-payments' ] )
+					.then( () => {
+						/*
+						 * TODO:
+						 * Navigate to either newSubscriptionProductUrl or onboardingUrl
+						 * depending on the which treatment the user is assigned to.
+						 */
+						// eslint-disable-next-line no-console
+						console.log( 'It was a success!' );
+					} )
+					.catch( () => {
+						setIsGettingStarted( false );
+						setHasError( true );
+					} );
+			} }
+		>
+			{ __( 'Get started', 'woocommerce' ) }
+		</Button>
 	);
 };
 
@@ -176,7 +208,10 @@ const MainContent: React.FC< MainContentProps > = ( { setHasError } ) => {
 				<TermsOfService />
 			</p>
 
-			<GetStartedButton setHasError={ setHasError } />
+			<div className="wcpay-empty-subscriptions__button_container">
+				<NoThanksButton></NoThanksButton>
+				<GetStartedButton setHasError={ setHasError } />
+			</div>
 		</>
 	);
 };
diff --git a/plugins/woocommerce-admin/client/subscriptions/style.scss b/plugins/woocommerce-admin/client/subscriptions/style.scss
index b9eaa4a2ba9..63cde73e491 100644
--- a/plugins/woocommerce-admin/client/subscriptions/style.scss
+++ b/plugins/woocommerce-admin/client/subscriptions/style.scss
@@ -85,7 +85,7 @@ $max-width: 680px;
 					hr {
 						position: relative;
 						left: -24px;
-						width: calc( 100% + 48px );
+						width: calc(100% + 48px);
 					}
 				}
 			}
@@ -106,4 +106,10 @@ $max-width: 680px;
 			}
 		}
 	}
+
+	.wcpay-empty-subscriptions__button_container {
+		button:not(:first-child) {
+			margin-left: 10px;
+		}
+	}
 }
diff --git a/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php b/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
index db8708af919..8d3c6b66759 100644
--- a/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
+++ b/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
@@ -24,6 +24,13 @@ class WcPaySubscriptionsPage {
 	 */
 	private $user_viewed_option = 'woocommerce-wcpay-subscriptions_page_viewed';
 
+	/**
+	 * The option key used to record when the user dismisses the WCPay Subscriptions page.
+	 *
+	 * @var string
+	 */
+	private $user_dismissed_option = 'woocommerce-wcpay-subscriptions_dismissed';
+
 	/**
 	 * Hook into WooCommerce.
 	 */
@@ -42,6 +49,10 @@ class WcPaySubscriptionsPage {
 	public function register_subscriptions_page() {
 		global $submenu;
 
+		if ( 'yes' === get_option( $this->user_dismissed_option, 'no' ) ) {
+			return;
+		}
+
 		// WC Payments must not be active.
 		if ( is_plugin_active( 'woocommerce-payments/woocommerce-payments.php' ) ) {
 			return;
@@ -113,6 +124,8 @@ class WcPaySubscriptionsPage {
 				),
 				admin_url( 'admin.php' )
 			),
+			'dismissOptionKey'          => $this->user_dismissed_option,
+			'noThanksUrl'               => wc_admin_url(),
 		);
 
 		wp_add_inline_script( WC_ADMIN_APP, 'window.wcWcpaySubscriptions = ' . wp_json_encode( $data ), 'before' );

From 59478e391c51cdc38adf12cae80988a019126c40 Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Mon, 9 May 2022 14:56:59 +1000
Subject: [PATCH 324/327] Reorder and self close the No thanks buttons

---
 plugins/woocommerce-admin/client/subscriptions/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index d42a4368296..da6b4a91be9 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -209,8 +209,8 @@ const MainContent: React.FC< MainContentProps > = ( { setHasError } ) => {
 			</p>
 
 			<div className="wcpay-empty-subscriptions__button_container">
-				<NoThanksButton></NoThanksButton>
 				<GetStartedButton setHasError={ setHasError } />
+				<NoThanksButton />
 			</div>
 		</>
 	);

From b45d095e2d93c66794e11d152323af11da817b0d Mon Sep 17 00:00:00 2001
From: James Allan <james.allan@automattic.com>
Date: Mon, 9 May 2022 15:10:17 +1000
Subject: [PATCH 325/327] Use updateOptions from @woocommerce/data
 OPTIONS_STORE_NAME to set wp options instead of using apiFetch

---
 .../woocommerce-admin/client/subscriptions/index.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/plugins/woocommerce-admin/client/subscriptions/index.tsx b/plugins/woocommerce-admin/client/subscriptions/index.tsx
index da6b4a91be9..62546885a9f 100644
--- a/plugins/woocommerce-admin/client/subscriptions/index.tsx
+++ b/plugins/woocommerce-admin/client/subscriptions/index.tsx
@@ -4,10 +4,9 @@
 import { __ } from '@wordpress/i18n';
 import { createInterpolateElement, useState } from '@wordpress/element';
 import { Button, Card, CardBody, Notice } from '@wordpress/components';
-import { PLUGINS_STORE_NAME } from '@woocommerce/data';
+import { PLUGINS_STORE_NAME, OPTIONS_STORE_NAME } from '@woocommerce/data';
 import { useDispatch } from '@wordpress/data';
 import { recordEvent } from '@woocommerce/tracks';
-import apiFetch from '@wordpress/api-fetch';
 
 /**
  * Internal dependencies
@@ -69,6 +68,7 @@ const ErrorNotice = () => {
 
 const NoThanksButton = () => {
 	const [ isNoThanksClicked, setIsNoThanksClicked ] = useState( false );
+	const { updateOptions } = useDispatch( OPTIONS_STORE_NAME );
 
 	return (
 		<Button
@@ -80,12 +80,8 @@ const NoThanksButton = () => {
 					'wccore_subscriptions_empty_state_no_thanks_click',
 					{}
 				);
-				apiFetch( {
-					path: 'wc-admin/options',
-					method: 'POST',
-					data: {
-						[ dismissOptionKey ]: 'yes',
-					},
+				updateOptions( {
+					[ dismissOptionKey ]: 'yes',
 				} ).then( () => {
 					window.location.href = noThanksUrl;
 				} );

From ce2385d0d36d485f4aa108cccac99af2ad568dd8 Mon Sep 17 00:00:00 2001
From: Chris Aprea <chris.aprea@automattic.com>
Date: Mon, 9 May 2022 15:58:35 +1000
Subject: [PATCH 326/327] Change the badge wording to "new".

---
 .../src/Internal/Admin/WcPaySubscriptionsPage.php          | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php b/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
index 8d3c6b66759..c3ce8dd0582 100644
--- a/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
+++ b/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
@@ -76,10 +76,13 @@ class WcPaySubscriptionsPage {
 			return;
 		}
 
-		// Add the "1" badge.
+		// translators: Admin menu item badge. It is used alongside the "Subscriptions" menu item to grab attention and let merchants know that this is a new offering.
+		$new_badge_text = __( 'new', 'woocommerce' );
+
+		// Add the "new" badge.
 		foreach ( $submenu['woocommerce'] as $key => $menu_item ) {
 			if ( 'wc-admin&path=/subscriptions' === $menu_item[2] ) {
-				$submenu['woocommerce'][ $key ][0] .= ' <span class="wcpay-subscriptions-menu-badge awaiting-mod count-1"><span class="plugin-count">1</span></span>'; // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited
+				$submenu['woocommerce'][ $key ][0] .= sprintf( ' <span class="wcpay-subscriptions-menu-badge awaiting-mod count-1"><span class="plugin-count">%s</span></span>', esc_html( $new_badge_text ) ); // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited
 				break;
 			}
 		}

From 0601a75e1cfff3c3c39dddf5a21b6a583f1ec142 Mon Sep 17 00:00:00 2001
From: Chris Aprea <chris.aprea@automattic.com>
Date: Mon, 9 May 2022 16:06:33 +1000
Subject: [PATCH 327/327] Fix enqueue_scripts logic.

---
 .../src/Internal/Admin/WcPaySubscriptionsPage.php          | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php b/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
index c3ce8dd0582..0da7a57efc9 100644
--- a/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
+++ b/plugins/woocommerce/src/Internal/Admin/WcPaySubscriptionsPage.php
@@ -102,12 +102,11 @@ class WcPaySubscriptionsPage {
 	}
 
 	/**
-	 * Enqueues an inline script on the WooCommerce → Subscriptions admin page.
+	 * Enqueues an inline script WooCommerce registered pages for use
+	 * on the WooCommerce → Subscriptions admin page.
 	 */
 	public function enqueue_scripts() {
-		$current_page = PageController::get_instance()->get_current_page();
-
-		if ( ! isset( $current_page['id'] ) || $current_page['id'] !== $this->page_id ) {
+		if ( ! PageController::get_instance()->is_registered_page() ) {
 			return;
 		}