diff --git a/.yarn/cache/@babel-code-frame-npm-7.12.11-1a9a1b277f-3963eff3eb.zip b/.yarn/cache/@babel-code-frame-npm-7.12.11-1a9a1b277f-3963eff3eb.zip
new file mode 100644
index 000000000000..404e74ab0b3c
Binary files /dev/null and b/.yarn/cache/@babel-code-frame-npm-7.12.11-1a9a1b277f-3963eff3eb.zip differ
diff --git a/.yarn/cache/@es-joy-jsdoccomment-npm-0.8.0-alpha.2-d987641165-cb6b06a836.zip b/.yarn/cache/@es-joy-jsdoccomment-npm-0.8.0-alpha.2-d987641165-cb6b06a836.zip
new file mode 100644
index 000000000000..90bbf7a7139f
Binary files /dev/null and b/.yarn/cache/@es-joy-jsdoccomment-npm-0.8.0-alpha.2-d987641165-cb6b06a836.zip differ
diff --git a/.yarn/cache/@eslint-eslintrc-npm-0.4.2-f8b688e654-17f90cf079.zip b/.yarn/cache/@eslint-eslintrc-npm-0.4.2-f8b688e654-17f90cf079.zip
new file mode 100644
index 000000000000..b0da787783cf
Binary files /dev/null and b/.yarn/cache/@eslint-eslintrc-npm-0.4.2-f8b688e654-17f90cf079.zip differ
diff --git a/.yarn/cache/@jest-console-npm-27.0.2-3f0dc49490-71b812a49c.zip b/.yarn/cache/@jest-console-npm-27.0.2-3f0dc49490-71b812a49c.zip
new file mode 100644
index 000000000000..1af755817879
Binary files /dev/null and b/.yarn/cache/@jest-console-npm-27.0.2-3f0dc49490-71b812a49c.zip differ
diff --git a/.yarn/cache/@jest-test-result-npm-27.0.2-4add172036-2522808ff4.zip b/.yarn/cache/@jest-test-result-npm-27.0.2-4add172036-2522808ff4.zip
new file mode 100644
index 000000000000..ffed9244adc6
Binary files /dev/null and b/.yarn/cache/@jest-test-result-npm-27.0.2-4add172036-2522808ff4.zip differ
diff --git a/.yarn/cache/@types-json5-npm-0.0.29-f63a7916bd-e60b153664.zip b/.yarn/cache/@types-json5-npm-0.0.29-f63a7916bd-e60b153664.zip
new file mode 100644
index 000000000000..82bfbc82ae9c
Binary files /dev/null and b/.yarn/cache/@types-json5-npm-0.0.29-f63a7916bd-e60b153664.zip differ
diff --git a/.yarn/cache/@types-minimatch-npm-3.0.3-c8b0625f84-b80259d55b.zip b/.yarn/cache/@types-minimatch-npm-3.0.3-c8b0625f84-b80259d55b.zip
deleted file mode 100644
index 0a9c50533dc6..000000000000
Binary files a/.yarn/cache/@types-minimatch-npm-3.0.3-c8b0625f84-b80259d55b.zip and /dev/null differ
diff --git a/.yarn/cache/@types-minimatch-npm-3.0.4-f1932169cb-583a174116.zip b/.yarn/cache/@types-minimatch-npm-3.0.4-f1932169cb-583a174116.zip
new file mode 100644
index 000000000000..471388042bf9
Binary files /dev/null and b/.yarn/cache/@types-minimatch-npm-3.0.4-f1932169cb-583a174116.zip differ
diff --git a/.yarn/cache/@types-stack-utils-npm-2.0.0-8ded8461bc-b3fbae25b0.zip b/.yarn/cache/@types-stack-utils-npm-2.0.0-8ded8461bc-b3fbae25b0.zip
new file mode 100644
index 000000000000..7b51292f18ee
Binary files /dev/null and b/.yarn/cache/@types-stack-utils-npm-2.0.0-8ded8461bc-b3fbae25b0.zip differ
diff --git a/.yarn/cache/JSONStream-npm-0.8.4-9f52558f52-929379d639.zip b/.yarn/cache/JSONStream-npm-0.8.4-9f52558f52-929379d639.zip
deleted file mode 100644
index a6fab1112e15..000000000000
Binary files a/.yarn/cache/JSONStream-npm-0.8.4-9f52558f52-929379d639.zip and /dev/null differ
diff --git a/.yarn/cache/ansi-escapes-npm-4.3.0-d4160cc8d6-e847b98db7.zip b/.yarn/cache/ansi-escapes-npm-4.3.0-d4160cc8d6-e847b98db7.zip
deleted file mode 100644
index b201946e34e8..000000000000
Binary files a/.yarn/cache/ansi-escapes-npm-4.3.0-d4160cc8d6-e847b98db7.zip and /dev/null differ
diff --git a/.yarn/cache/ansi-escapes-npm-4.3.2-3ad173702f-93111c4218.zip b/.yarn/cache/ansi-escapes-npm-4.3.2-3ad173702f-93111c4218.zip
new file mode 100644
index 000000000000..6b90effb518c
Binary files /dev/null and b/.yarn/cache/ansi-escapes-npm-4.3.2-3ad173702f-93111c4218.zip differ
diff --git a/.yarn/cache/aria-query-npm-3.0.0-d7c2f8ca6a-52861d7d31.zip b/.yarn/cache/aria-query-npm-3.0.0-d7c2f8ca6a-52861d7d31.zip
deleted file mode 100644
index d63b47ebc205..000000000000
Binary files a/.yarn/cache/aria-query-npm-3.0.0-d7c2f8ca6a-52861d7d31.zip and /dev/null differ
diff --git a/.yarn/cache/array-differ-npm-1.0.0-ad58eb65d0-ac6060952c.zip b/.yarn/cache/array-differ-npm-1.0.0-ad58eb65d0-ac6060952c.zip
deleted file mode 100644
index d296f56a5040..000000000000
Binary files a/.yarn/cache/array-differ-npm-1.0.0-ad58eb65d0-ac6060952c.zip and /dev/null differ
diff --git a/.yarn/cache/array-differ-npm-3.0.0-ddc0d89007-117edd9df5.zip b/.yarn/cache/array-differ-npm-3.0.0-ddc0d89007-117edd9df5.zip
new file mode 100644
index 000000000000..292ae640ef46
Binary files /dev/null and b/.yarn/cache/array-differ-npm-3.0.0-ddc0d89007-117edd9df5.zip differ
diff --git a/.yarn/cache/array-includes-npm-3.1.1-46cc1bb4a6-e6d35d400c.zip b/.yarn/cache/array-includes-npm-3.1.1-46cc1bb4a6-e6d35d400c.zip
deleted file mode 100644
index 8d543e518c29..000000000000
Binary files a/.yarn/cache/array-includes-npm-3.1.1-46cc1bb4a6-e6d35d400c.zip and /dev/null differ
diff --git a/.yarn/cache/array-includes-npm-3.1.3-5f58cf4c82-eaab881241.zip b/.yarn/cache/array-includes-npm-3.1.3-5f58cf4c82-eaab881241.zip
new file mode 100644
index 000000000000..2551809dfee2
Binary files /dev/null and b/.yarn/cache/array-includes-npm-3.1.3-5f58cf4c82-eaab881241.zip differ
diff --git a/.yarn/cache/array.prototype.flat-npm-1.2.3-1da18d2561-ba4cf6e538.zip b/.yarn/cache/array.prototype.flat-npm-1.2.3-1da18d2561-ba4cf6e538.zip
deleted file mode 100644
index 2993684451b4..000000000000
Binary files a/.yarn/cache/array.prototype.flat-npm-1.2.3-1da18d2561-ba4cf6e538.zip and /dev/null differ
diff --git a/.yarn/cache/array.prototype.flat-npm-1.2.4-7b3397fc11-1ec5d9887a.zip b/.yarn/cache/array.prototype.flat-npm-1.2.4-7b3397fc11-1ec5d9887a.zip
new file mode 100644
index 000000000000..174242b775f9
Binary files /dev/null and b/.yarn/cache/array.prototype.flat-npm-1.2.4-7b3397fc11-1ec5d9887a.zip differ
diff --git a/.yarn/cache/array.prototype.flatmap-npm-1.2.3-5a87b1ccec-d0f96793d3.zip b/.yarn/cache/array.prototype.flatmap-npm-1.2.3-5a87b1ccec-d0f96793d3.zip
deleted file mode 100644
index fcf89514e353..000000000000
Binary files a/.yarn/cache/array.prototype.flatmap-npm-1.2.3-5a87b1ccec-d0f96793d3.zip and /dev/null differ
diff --git a/.yarn/cache/array.prototype.flatmap-npm-1.2.4-77697fdbe6-1d32ec6747.zip b/.yarn/cache/array.prototype.flatmap-npm-1.2.4-77697fdbe6-1d32ec6747.zip
new file mode 100644
index 000000000000..d22e879de198
Binary files /dev/null and b/.yarn/cache/array.prototype.flatmap-npm-1.2.4-77697fdbe6-1d32ec6747.zip differ
diff --git a/.yarn/cache/astral-regex-npm-1.0.0-2df7c41332-93417fc087.zip b/.yarn/cache/astral-regex-npm-1.0.0-2df7c41332-93417fc087.zip
deleted file mode 100644
index d8a1b724e6ba..000000000000
Binary files a/.yarn/cache/astral-regex-npm-1.0.0-2df7c41332-93417fc087.zip and /dev/null differ
diff --git a/.yarn/cache/axe-core-npm-4.1.1-4fa3a9279e-558ab63e4e.zip b/.yarn/cache/axe-core-npm-4.1.1-4fa3a9279e-558ab63e4e.zip
deleted file mode 100644
index 8b872098c715..000000000000
Binary files a/.yarn/cache/axe-core-npm-4.1.1-4fa3a9279e-558ab63e4e.zip and /dev/null differ
diff --git a/.yarn/cache/axe-core-npm-4.2.2-e00eca5619-e837068106.zip b/.yarn/cache/axe-core-npm-4.2.2-e00eca5619-e837068106.zip
new file mode 100644
index 000000000000..4428b4553b0e
Binary files /dev/null and b/.yarn/cache/axe-core-npm-4.2.2-e00eca5619-e837068106.zip differ
diff --git a/.yarn/cache/axobject-query-npm-2.1.1-26d0ef1417-75626cdef3.zip b/.yarn/cache/axobject-query-npm-2.2.0-6553738f52-96b8c7d807.zip
similarity index 75%
rename from .yarn/cache/axobject-query-npm-2.1.1-26d0ef1417-75626cdef3.zip
rename to .yarn/cache/axobject-query-npm-2.2.0-6553738f52-96b8c7d807.zip
index 97999acf6c52..2324554d9533 100644
Binary files a/.yarn/cache/axobject-query-npm-2.1.1-26d0ef1417-75626cdef3.zip and b/.yarn/cache/axobject-query-npm-2.2.0-6553738f52-96b8c7d807.zip differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001228-80662cadf9-d7ea2234d3.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001228-80662cadf9-d7ea2234d3.zip
deleted file mode 100644
index 4ff0261cb3b2..000000000000
Binary files a/.yarn/cache/caniuse-lite-npm-1.0.30001228-80662cadf9-d7ea2234d3.zip and /dev/null differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001238-3c592524df-ae5e743214.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001238-3c592524df-ae5e743214.zip
new file mode 100644
index 000000000000..e181b0c49731
Binary files /dev/null and b/.yarn/cache/caniuse-lite-npm-1.0.30001238-3c592524df-ae5e743214.zip differ
diff --git a/.yarn/cache/cliui-npm-4.1.0-4dad363d19-0f8a77e55c.zip b/.yarn/cache/cliui-npm-4.1.0-4dad363d19-0f8a77e55c.zip
deleted file mode 100644
index f3326949f341..000000000000
Binary files a/.yarn/cache/cliui-npm-4.1.0-4dad363d19-0f8a77e55c.zip and /dev/null differ
diff --git a/.yarn/cache/comment-parser-npm-0.7.2-2cd59f6cb5-4800a5bec3.zip b/.yarn/cache/comment-parser-npm-0.7.2-2cd59f6cb5-4800a5bec3.zip
deleted file mode 100644
index e6ac67dc3c4b..000000000000
Binary files a/.yarn/cache/comment-parser-npm-0.7.2-2cd59f6cb5-4800a5bec3.zip and /dev/null differ
diff --git a/.yarn/cache/comment-parser-npm-1.1.5-8a063d6f6a-e669d6328a.zip b/.yarn/cache/comment-parser-npm-1.1.5-8a063d6f6a-e669d6328a.zip
new file mode 100644
index 000000000000..5c447a7f7c27
Binary files /dev/null and b/.yarn/cache/comment-parser-npm-1.1.5-8a063d6f6a-e669d6328a.zip differ
diff --git a/.yarn/cache/confusing-browser-globals-npm-1.0.9-c5c9ec32d2-585f244fc0.zip b/.yarn/cache/confusing-browser-globals-npm-1.0.10-ecb768852b-7ccdc44c2c.zip
similarity index 55%
rename from .yarn/cache/confusing-browser-globals-npm-1.0.9-c5c9ec32d2-585f244fc0.zip
rename to .yarn/cache/confusing-browser-globals-npm-1.0.10-ecb768852b-7ccdc44c2c.zip
index 9cb08e42a6db..c453b25b9bf7 100644
Binary files a/.yarn/cache/confusing-browser-globals-npm-1.0.9-c5c9ec32d2-585f244fc0.zip and b/.yarn/cache/confusing-browser-globals-npm-1.0.10-ecb768852b-7ccdc44c2c.zip differ
diff --git a/.yarn/cache/contains-path-npm-0.1.0-3b9a1b340e-94ecfd944e.zip b/.yarn/cache/contains-path-npm-0.1.0-3b9a1b340e-94ecfd944e.zip
deleted file mode 100644
index 5496e00c4039..000000000000
Binary files a/.yarn/cache/contains-path-npm-0.1.0-3b9a1b340e-94ecfd944e.zip and /dev/null differ
diff --git a/.yarn/cache/damerau-levenshtein-npm-1.0.5-8c317500ae-d15159bc73.zip b/.yarn/cache/damerau-levenshtein-npm-1.0.5-8c317500ae-d15159bc73.zip
deleted file mode 100644
index 51e96085ded9..000000000000
Binary files a/.yarn/cache/damerau-levenshtein-npm-1.0.5-8c317500ae-d15159bc73.zip and /dev/null differ
diff --git a/.yarn/cache/damerau-levenshtein-npm-1.0.7-dec33bdde6-ec8161cb38.zip b/.yarn/cache/damerau-levenshtein-npm-1.0.7-dec33bdde6-ec8161cb38.zip
new file mode 100644
index 000000000000..50b36418be23
Binary files /dev/null and b/.yarn/cache/damerau-levenshtein-npm-1.0.7-dec33bdde6-ec8161cb38.zip differ
diff --git a/.yarn/cache/doiuse-npm-4.2.0-cb94a96cb2-9755113d36.zip b/.yarn/cache/doiuse-npm-4.2.0-cb94a96cb2-9755113d36.zip
deleted file mode 100644
index 44f4ba160f15..000000000000
Binary files a/.yarn/cache/doiuse-npm-4.2.0-cb94a96cb2-9755113d36.zip and /dev/null differ
diff --git a/.yarn/cache/doiuse-npm-4.4.1-dc565b1667-bd3346fedd.zip b/.yarn/cache/doiuse-npm-4.4.1-dc565b1667-bd3346fedd.zip
new file mode 100644
index 000000000000..7ed4f5b5df0e
Binary files /dev/null and b/.yarn/cache/doiuse-npm-4.4.1-dc565b1667-bd3346fedd.zip differ
diff --git a/.yarn/cache/emoji-regex-npm-9.2.2-e6fac8d058-8487182da7.zip b/.yarn/cache/emoji-regex-npm-9.2.2-e6fac8d058-8487182da7.zip
new file mode 100644
index 000000000000..e6b0ab4d8054
Binary files /dev/null and b/.yarn/cache/emoji-regex-npm-9.2.2-e6fac8d058-8487182da7.zip differ
diff --git a/.yarn/cache/es-abstract-npm-1.17.4-bc343b5153-c8b977a975.zip b/.yarn/cache/es-abstract-npm-1.17.4-bc343b5153-c8b977a975.zip
deleted file mode 100644
index 6dbd232e0cd7..000000000000
Binary files a/.yarn/cache/es-abstract-npm-1.17.4-bc343b5153-c8b977a975.zip and /dev/null differ
diff --git a/.yarn/cache/es-abstract-npm-1.18.3-d113127c45-6bbf526b5a.zip b/.yarn/cache/es-abstract-npm-1.18.3-d113127c45-6bbf526b5a.zip
new file mode 100644
index 000000000000..1f4b061a6141
Binary files /dev/null and b/.yarn/cache/es-abstract-npm-1.18.3-d113127c45-6bbf526b5a.zip differ
diff --git a/.yarn/cache/eslint-config-airbnb-base-npm-14.0.0-63c6ef8766-136596aecc.zip b/.yarn/cache/eslint-config-airbnb-base-npm-14.0.0-63c6ef8766-136596aecc.zip
deleted file mode 100644
index b6e716b24131..000000000000
Binary files a/.yarn/cache/eslint-config-airbnb-base-npm-14.0.0-63c6ef8766-136596aecc.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-config-airbnb-base-npm-14.2.1-50131c00fb-858bea748a.zip b/.yarn/cache/eslint-config-airbnb-base-npm-14.2.1-50131c00fb-858bea748a.zip
new file mode 100644
index 000000000000..5f84b75fab25
Binary files /dev/null and b/.yarn/cache/eslint-config-airbnb-base-npm-14.2.1-50131c00fb-858bea748a.zip differ
diff --git a/.yarn/cache/eslint-config-airbnb-npm-18.0.1-c51c64fcfa-58df7f039c.zip b/.yarn/cache/eslint-config-airbnb-npm-18.0.1-c51c64fcfa-58df7f039c.zip
deleted file mode 100644
index 6d757acb8a06..000000000000
Binary files a/.yarn/cache/eslint-config-airbnb-npm-18.0.1-c51c64fcfa-58df7f039c.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-config-airbnb-npm-18.2.1-19125926b3-ea11cd0006.zip b/.yarn/cache/eslint-config-airbnb-npm-18.2.1-19125926b3-ea11cd0006.zip
new file mode 100644
index 000000000000..b570b9e811c2
Binary files /dev/null and b/.yarn/cache/eslint-config-airbnb-npm-18.2.1-19125926b3-ea11cd0006.zip differ
diff --git a/.yarn/cache/eslint-config-prettier-npm-6.9.0-694692a385-9f0ea25534.zip b/.yarn/cache/eslint-config-prettier-npm-6.9.0-694692a385-9f0ea25534.zip
deleted file mode 100644
index e1b3e71e12b7..000000000000
Binary files a/.yarn/cache/eslint-config-prettier-npm-6.9.0-694692a385-9f0ea25534.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-config-prettier-npm-8.3.0-f540cd1f53-df4cea3032.zip b/.yarn/cache/eslint-config-prettier-npm-8.3.0-f540cd1f53-df4cea3032.zip
new file mode 100644
index 000000000000..90bb397fe0c6
Binary files /dev/null and b/.yarn/cache/eslint-config-prettier-npm-8.3.0-f540cd1f53-df4cea3032.zip differ
diff --git a/.yarn/cache/eslint-import-resolver-node-npm-0.3.3-9648418358-f373b986f1.zip b/.yarn/cache/eslint-import-resolver-node-npm-0.3.3-9648418358-f373b986f1.zip
deleted file mode 100644
index 24d7f6bcd846..000000000000
Binary files a/.yarn/cache/eslint-import-resolver-node-npm-0.3.3-9648418358-f373b986f1.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-import-resolver-node-npm-0.3.4-fa0173d267-a0db55ec26.zip b/.yarn/cache/eslint-import-resolver-node-npm-0.3.4-fa0173d267-a0db55ec26.zip
new file mode 100644
index 000000000000..1e1f2ab428b2
Binary files /dev/null and b/.yarn/cache/eslint-import-resolver-node-npm-0.3.4-fa0173d267-a0db55ec26.zip differ
diff --git a/.yarn/cache/eslint-module-utils-npm-2.5.2-5962609579-5a76349a37.zip b/.yarn/cache/eslint-module-utils-npm-2.5.2-5962609579-5a76349a37.zip
deleted file mode 100644
index 603b102f2016..000000000000
Binary files a/.yarn/cache/eslint-module-utils-npm-2.5.2-5962609579-5a76349a37.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-module-utils-npm-2.6.1-bfddc3ec15-3cc43a36a0.zip b/.yarn/cache/eslint-module-utils-npm-2.6.1-bfddc3ec15-3cc43a36a0.zip
new file mode 100644
index 000000000000..3d91ce29ad99
Binary files /dev/null and b/.yarn/cache/eslint-module-utils-npm-2.6.1-bfddc3ec15-3cc43a36a0.zip differ
diff --git a/.yarn/cache/eslint-npm-6.8.0-d27045f313-d4edbe6958.zip b/.yarn/cache/eslint-npm-6.8.0-d27045f313-d4edbe6958.zip
deleted file mode 100644
index c5602a872d00..000000000000
Binary files a/.yarn/cache/eslint-npm-6.8.0-d27045f313-d4edbe6958.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-npm-7.28.0-8900a2b146-624ed594c9.zip b/.yarn/cache/eslint-npm-7.28.0-8900a2b146-624ed594c9.zip
new file mode 100644
index 000000000000..bf2421fbbdc0
Binary files /dev/null and b/.yarn/cache/eslint-npm-7.28.0-8900a2b146-624ed594c9.zip differ
diff --git a/.yarn/cache/eslint-plugin-cypress-npm-2.11.2-d1caa76747-b1e68f13d7.zip b/.yarn/cache/eslint-plugin-cypress-npm-2.11.3-c5cf5f6323-793286f62a.zip
similarity index 65%
rename from .yarn/cache/eslint-plugin-cypress-npm-2.11.2-d1caa76747-b1e68f13d7.zip
rename to .yarn/cache/eslint-plugin-cypress-npm-2.11.3-c5cf5f6323-793286f62a.zip
index 7d483ba57742..0b3fb554020d 100644
Binary files a/.yarn/cache/eslint-plugin-cypress-npm-2.11.2-d1caa76747-b1e68f13d7.zip and b/.yarn/cache/eslint-plugin-cypress-npm-2.11.3-c5cf5f6323-793286f62a.zip differ
diff --git a/.yarn/cache/eslint-plugin-import-npm-2.20.0-5384efc21f-175eb7b392.zip b/.yarn/cache/eslint-plugin-import-npm-2.20.0-5384efc21f-175eb7b392.zip
deleted file mode 100644
index 6980614b8f54..000000000000
Binary files a/.yarn/cache/eslint-plugin-import-npm-2.20.0-5384efc21f-175eb7b392.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-plugin-import-npm-2.23.4-b5f1dc1c73-8c64bb96fa.zip b/.yarn/cache/eslint-plugin-import-npm-2.23.4-b5f1dc1c73-8c64bb96fa.zip
new file mode 100644
index 000000000000..3b8c3f8e21b7
Binary files /dev/null and b/.yarn/cache/eslint-plugin-import-npm-2.23.4-b5f1dc1c73-8c64bb96fa.zip differ
diff --git a/.yarn/cache/eslint-plugin-jsdoc-npm-20.4.0-7a9463114f-dbf61faad1.zip b/.yarn/cache/eslint-plugin-jsdoc-npm-20.4.0-7a9463114f-dbf61faad1.zip
deleted file mode 100644
index 99bf5eb13635..000000000000
Binary files a/.yarn/cache/eslint-plugin-jsdoc-npm-20.4.0-7a9463114f-dbf61faad1.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-plugin-jsdoc-npm-35.3.0-5a1b07e5aa-09141f7407.zip b/.yarn/cache/eslint-plugin-jsdoc-npm-35.3.0-5a1b07e5aa-09141f7407.zip
new file mode 100644
index 000000000000..1c55e145ea2f
Binary files /dev/null and b/.yarn/cache/eslint-plugin-jsdoc-npm-35.3.0-5a1b07e5aa-09141f7407.zip differ
diff --git a/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.2.3-7fdc63b66f-2e9f0ff285.zip b/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.2.3-7fdc63b66f-2e9f0ff285.zip
deleted file mode 100644
index 7594614d476d..000000000000
Binary files a/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.2.3-7fdc63b66f-2e9f0ff285.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.4.1-c0ffc3303a-3032627638.zip b/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.4.1-c0ffc3303a-3032627638.zip
new file mode 100644
index 000000000000..ed4c38a61f34
Binary files /dev/null and b/.yarn/cache/eslint-plugin-jsx-a11y-npm-6.4.1-c0ffc3303a-3032627638.zip differ
diff --git a/.yarn/cache/eslint-plugin-prettier-npm-3.1.2-3a4770254f-f591459f69.zip b/.yarn/cache/eslint-plugin-prettier-npm-3.1.2-3a4770254f-f591459f69.zip
deleted file mode 100644
index f14fe8926538..000000000000
Binary files a/.yarn/cache/eslint-plugin-prettier-npm-3.1.2-3a4770254f-f591459f69.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-plugin-prettier-npm-3.4.0-36b0696d09-30a07e8d12.zip b/.yarn/cache/eslint-plugin-prettier-npm-3.4.0-36b0696d09-30a07e8d12.zip
new file mode 100644
index 000000000000..07984b915a4a
Binary files /dev/null and b/.yarn/cache/eslint-plugin-prettier-npm-3.4.0-36b0696d09-30a07e8d12.zip differ
diff --git a/.yarn/cache/eslint-plugin-react-hooks-npm-4.0.4-5302161b89-b7f77abed6.zip b/.yarn/cache/eslint-plugin-react-hooks-npm-4.0.4-5302161b89-b7f77abed6.zip
deleted file mode 100644
index 6ec4af5dd09e..000000000000
Binary files a/.yarn/cache/eslint-plugin-react-hooks-npm-4.0.4-5302161b89-b7f77abed6.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-plugin-react-hooks-npm-4.2.0-e09b1ea4ce-ead5c5be3d.zip b/.yarn/cache/eslint-plugin-react-hooks-npm-4.2.0-e09b1ea4ce-ead5c5be3d.zip
new file mode 100644
index 000000000000..e79ed2d1cdeb
Binary files /dev/null and b/.yarn/cache/eslint-plugin-react-hooks-npm-4.2.0-e09b1ea4ce-ead5c5be3d.zip differ
diff --git a/.yarn/cache/eslint-plugin-react-npm-7.18.0-f2c3c39e20-85bb93398f.zip b/.yarn/cache/eslint-plugin-react-npm-7.18.0-f2c3c39e20-85bb93398f.zip
deleted file mode 100644
index d0ddf47a9d35..000000000000
Binary files a/.yarn/cache/eslint-plugin-react-npm-7.18.0-f2c3c39e20-85bb93398f.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-plugin-react-npm-7.24.0-16621467df-bf844f98d9.zip b/.yarn/cache/eslint-plugin-react-npm-7.24.0-16621467df-bf844f98d9.zip
new file mode 100644
index 000000000000..ac587580f0df
Binary files /dev/null and b/.yarn/cache/eslint-plugin-react-npm-7.24.0-16621467df-bf844f98d9.zip differ
diff --git a/.yarn/cache/eslint-scope-npm-5.0.0-16bd164da6-87c445c65b.zip b/.yarn/cache/eslint-scope-npm-5.0.0-16bd164da6-87c445c65b.zip
deleted file mode 100644
index 1363ae5f02c4..000000000000
Binary files a/.yarn/cache/eslint-scope-npm-5.0.0-16bd164da6-87c445c65b.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-scope-npm-5.1.1-71fe59b18a-47e4b6a3f0.zip b/.yarn/cache/eslint-scope-npm-5.1.1-71fe59b18a-47e4b6a3f0.zip
new file mode 100644
index 000000000000..cf013ed64f88
Binary files /dev/null and b/.yarn/cache/eslint-scope-npm-5.1.1-71fe59b18a-47e4b6a3f0.zip differ
diff --git a/.yarn/cache/eslint-utils-npm-1.4.3-b8f8bce3ac-a20630e686.zip b/.yarn/cache/eslint-utils-npm-1.4.3-b8f8bce3ac-a20630e686.zip
deleted file mode 100644
index 765c77f2e1b4..000000000000
Binary files a/.yarn/cache/eslint-utils-npm-1.4.3-b8f8bce3ac-a20630e686.zip and /dev/null differ
diff --git a/.yarn/cache/eslint-utils-npm-2.1.0-a3a7ebf4fa-27500938f3.zip b/.yarn/cache/eslint-utils-npm-2.1.0-a3a7ebf4fa-27500938f3.zip
new file mode 100644
index 000000000000..1dadeb5d09b1
Binary files /dev/null and b/.yarn/cache/eslint-utils-npm-2.1.0-a3a7ebf4fa-27500938f3.zip differ
diff --git a/.yarn/cache/eslint-visitor-keys-npm-1.1.0-58aec922ec-1cb5616063.zip b/.yarn/cache/eslint-visitor-keys-npm-1.3.0-c07780a0fb-37a19b712f.zip
similarity index 55%
rename from .yarn/cache/eslint-visitor-keys-npm-1.1.0-58aec922ec-1cb5616063.zip
rename to .yarn/cache/eslint-visitor-keys-npm-1.3.0-c07780a0fb-37a19b712f.zip
index 9b68ecfb45b2..070b3cb78842 100644
Binary files a/.yarn/cache/eslint-visitor-keys-npm-1.1.0-58aec922ec-1cb5616063.zip and b/.yarn/cache/eslint-visitor-keys-npm-1.3.0-c07780a0fb-37a19b712f.zip differ
diff --git a/.yarn/cache/eslint-visitor-keys-npm-2.1.0-c31806b6b9-e3081d7dd2.zip b/.yarn/cache/eslint-visitor-keys-npm-2.1.0-c31806b6b9-e3081d7dd2.zip
new file mode 100644
index 000000000000..a99eddbc6a32
Binary files /dev/null and b/.yarn/cache/eslint-visitor-keys-npm-2.1.0-c31806b6b9-e3081d7dd2.zip differ
diff --git a/.yarn/cache/espree-npm-6.1.2-e2d96e52c0-4ffc19e5ed.zip b/.yarn/cache/espree-npm-6.1.2-e2d96e52c0-4ffc19e5ed.zip
deleted file mode 100644
index 2c8ff05bb3be..000000000000
Binary files a/.yarn/cache/espree-npm-6.1.2-e2d96e52c0-4ffc19e5ed.zip and /dev/null differ
diff --git a/.yarn/cache/espree-npm-7.3.1-8d8ea5d1e3-aa9b50dcce.zip b/.yarn/cache/espree-npm-7.3.1-8d8ea5d1e3-aa9b50dcce.zip
new file mode 100644
index 000000000000..be256f025959
Binary files /dev/null and b/.yarn/cache/espree-npm-7.3.1-8d8ea5d1e3-aa9b50dcce.zip differ
diff --git a/.yarn/cache/esquery-npm-1.0.1-b909fe9deb-2d66ec49c3.zip b/.yarn/cache/esquery-npm-1.0.1-b909fe9deb-2d66ec49c3.zip
deleted file mode 100644
index de9d05447501..000000000000
Binary files a/.yarn/cache/esquery-npm-1.0.1-b909fe9deb-2d66ec49c3.zip and /dev/null differ
diff --git a/.yarn/cache/esquery-npm-1.4.0-f39408b1a7-a0807e17ab.zip b/.yarn/cache/esquery-npm-1.4.0-f39408b1a7-a0807e17ab.zip
new file mode 100644
index 000000000000..abf91d4c4faf
Binary files /dev/null and b/.yarn/cache/esquery-npm-1.4.0-f39408b1a7-a0807e17ab.zip differ
diff --git a/.yarn/cache/esrecurse-npm-4.2.1-9ebee4c3b1-3f05f9b650.zip b/.yarn/cache/esrecurse-npm-4.3.0-10b86a887a-ebc17b1a33.zip
similarity index 81%
rename from .yarn/cache/esrecurse-npm-4.2.1-9ebee4c3b1-3f05f9b650.zip
rename to .yarn/cache/esrecurse-npm-4.3.0-10b86a887a-ebc17b1a33.zip
index 7ab6db230e51..97e67b46e5d8 100644
Binary files a/.yarn/cache/esrecurse-npm-4.2.1-9ebee4c3b1-3f05f9b650.zip and b/.yarn/cache/esrecurse-npm-4.3.0-10b86a887a-ebc17b1a33.zip differ
diff --git a/.yarn/cache/file-entry-cache-npm-5.0.1-7212af17f3-9014b17766.zip b/.yarn/cache/file-entry-cache-npm-5.0.1-7212af17f3-9014b17766.zip
deleted file mode 100644
index 7a48922c93da..000000000000
Binary files a/.yarn/cache/file-entry-cache-npm-5.0.1-7212af17f3-9014b17766.zip and /dev/null differ
diff --git a/.yarn/cache/flat-cache-npm-2.0.1-abf037b0b9-0f5e664676.zip b/.yarn/cache/flat-cache-npm-2.0.1-abf037b0b9-0f5e664676.zip
deleted file mode 100644
index d23a3828df8a..000000000000
Binary files a/.yarn/cache/flat-cache-npm-2.0.1-abf037b0b9-0f5e664676.zip and /dev/null differ
diff --git a/.yarn/cache/get-stdin-npm-6.0.0-22ebabe125-593f6fb4ff.zip b/.yarn/cache/get-stdin-npm-6.0.0-22ebabe125-593f6fb4ff.zip
deleted file mode 100644
index ccfc69781d4b..000000000000
Binary files a/.yarn/cache/get-stdin-npm-6.0.0-22ebabe125-593f6fb4ff.zip and /dev/null differ
diff --git a/.yarn/cache/glob-parent-npm-5.1.0-8e781a1aff-6d20a09867.zip b/.yarn/cache/glob-parent-npm-5.1.0-8e781a1aff-6d20a09867.zip
deleted file mode 100644
index d51cd9d0a870..000000000000
Binary files a/.yarn/cache/glob-parent-npm-5.1.0-8e781a1aff-6d20a09867.zip and /dev/null differ
diff --git a/.yarn/cache/glob-parent-npm-5.1.2-021ab32634-f4f2bfe242.zip b/.yarn/cache/glob-parent-npm-5.1.2-021ab32634-f4f2bfe242.zip
new file mode 100644
index 000000000000..8a94317ecb67
Binary files /dev/null and b/.yarn/cache/glob-parent-npm-5.1.2-021ab32634-f4f2bfe242.zip differ
diff --git a/.yarn/cache/globals-npm-12.3.0-b784106451-1969bbafb1.zip b/.yarn/cache/globals-npm-12.3.0-b784106451-1969bbafb1.zip
deleted file mode 100644
index 22ffbb316682..000000000000
Binary files a/.yarn/cache/globals-npm-12.3.0-b784106451-1969bbafb1.zip and /dev/null differ
diff --git a/.yarn/cache/globals-npm-13.9.0-364a8ebd6b-566b29b475.zip b/.yarn/cache/globals-npm-13.9.0-364a8ebd6b-566b29b475.zip
new file mode 100644
index 000000000000..b0ed4c98aba8
Binary files /dev/null and b/.yarn/cache/globals-npm-13.9.0-364a8ebd6b-566b29b475.zip differ
diff --git a/.yarn/cache/has-bigints-npm-1.0.1-1b93717a74-44ab558681.zip b/.yarn/cache/has-bigints-npm-1.0.1-1b93717a74-44ab558681.zip
new file mode 100644
index 000000000000..1f82d8f3f640
Binary files /dev/null and b/.yarn/cache/has-bigints-npm-1.0.1-1b93717a74-44ab558681.zip differ
diff --git a/.yarn/cache/internal-slot-npm-1.0.2-3c004e7af2-4689d32549.zip b/.yarn/cache/internal-slot-npm-1.0.2-3c004e7af2-4689d32549.zip
deleted file mode 100644
index 1dd8fdad3d49..000000000000
Binary files a/.yarn/cache/internal-slot-npm-1.0.2-3c004e7af2-4689d32549.zip and /dev/null differ
diff --git a/.yarn/cache/internal-slot-npm-1.0.3-9e05eea002-1944f92e98.zip b/.yarn/cache/internal-slot-npm-1.0.3-9e05eea002-1944f92e98.zip
new file mode 100644
index 000000000000..18c6edaa9124
Binary files /dev/null and b/.yarn/cache/internal-slot-npm-1.0.3-9e05eea002-1944f92e98.zip differ
diff --git a/.yarn/cache/invert-kv-npm-2.0.0-67c5b7ac27-52ea317354.zip b/.yarn/cache/invert-kv-npm-2.0.0-67c5b7ac27-52ea317354.zip
deleted file mode 100644
index 3a34ad1668e9..000000000000
Binary files a/.yarn/cache/invert-kv-npm-2.0.0-67c5b7ac27-52ea317354.zip and /dev/null differ
diff --git a/.yarn/cache/is-bigint-npm-1.0.2-db0dde4bd4-5268edbde8.zip b/.yarn/cache/is-bigint-npm-1.0.2-db0dde4bd4-5268edbde8.zip
new file mode 100644
index 000000000000..eebdd7b11efe
Binary files /dev/null and b/.yarn/cache/is-bigint-npm-1.0.2-db0dde4bd4-5268edbde8.zip differ
diff --git a/.yarn/cache/is-boolean-object-npm-1.0.1-063abc4cbc-a357d1d80f.zip b/.yarn/cache/is-boolean-object-npm-1.0.1-063abc4cbc-a357d1d80f.zip
deleted file mode 100644
index 33ad65c1f16d..000000000000
Binary files a/.yarn/cache/is-boolean-object-npm-1.0.1-063abc4cbc-a357d1d80f.zip and /dev/null differ
diff --git a/.yarn/cache/is-boolean-object-npm-1.1.1-4a132c53e4-95b8322426.zip b/.yarn/cache/is-boolean-object-npm-1.1.1-4a132c53e4-95b8322426.zip
new file mode 100644
index 000000000000..180417e9ef5e
Binary files /dev/null and b/.yarn/cache/is-boolean-object-npm-1.1.1-4a132c53e4-95b8322426.zip differ
diff --git a/.yarn/cache/is-callable-npm-1.1.5-ffa06e733e-734cf282ab.zip b/.yarn/cache/is-callable-npm-1.1.5-ffa06e733e-734cf282ab.zip
deleted file mode 100644
index 44107173d210..000000000000
Binary files a/.yarn/cache/is-callable-npm-1.1.5-ffa06e733e-734cf282ab.zip and /dev/null differ
diff --git a/.yarn/cache/is-callable-npm-1.2.3-2a68c9d549-084a732afd.zip b/.yarn/cache/is-callable-npm-1.2.3-2a68c9d549-084a732afd.zip
new file mode 100644
index 000000000000..60628915af36
Binary files /dev/null and b/.yarn/cache/is-callable-npm-1.2.3-2a68c9d549-084a732afd.zip differ
diff --git a/.yarn/cache/is-negative-zero-npm-2.0.1-d8f3dbcfe1-a46f2e0cb5.zip b/.yarn/cache/is-negative-zero-npm-2.0.1-d8f3dbcfe1-a46f2e0cb5.zip
new file mode 100644
index 000000000000..f7c9fb7ab5a4
Binary files /dev/null and b/.yarn/cache/is-negative-zero-npm-2.0.1-d8f3dbcfe1-a46f2e0cb5.zip differ
diff --git a/.yarn/cache/is-string-npm-1.0.5-782e9359f5-68d77a991f.zip b/.yarn/cache/is-string-npm-1.0.5-782e9359f5-68d77a991f.zip
deleted file mode 100644
index 6c524dc15caa..000000000000
Binary files a/.yarn/cache/is-string-npm-1.0.5-782e9359f5-68d77a991f.zip and /dev/null differ
diff --git a/.yarn/cache/is-string-npm-1.0.6-2e7dbd354f-9990bf0abf.zip b/.yarn/cache/is-string-npm-1.0.6-2e7dbd354f-9990bf0abf.zip
new file mode 100644
index 000000000000..6c61c68cf0e3
Binary files /dev/null and b/.yarn/cache/is-string-npm-1.0.6-2e7dbd354f-9990bf0abf.zip differ
diff --git a/.yarn/cache/jest-message-util-npm-27.0.2-b37b426cca-b3c3733ec5.zip b/.yarn/cache/jest-message-util-npm-27.0.2-b37b426cca-b3c3733ec5.zip
new file mode 100644
index 000000000000..fec10b6a58f4
Binary files /dev/null and b/.yarn/cache/jest-message-util-npm-27.0.2-b37b426cca-b3c3733ec5.zip differ
diff --git a/.yarn/cache/jest-regex-util-npm-27.0.1-d1632ee0e1-b9a73d4dc0.zip b/.yarn/cache/jest-regex-util-npm-27.0.1-d1632ee0e1-b9a73d4dc0.zip
new file mode 100644
index 000000000000..a23ef0950736
Binary files /dev/null and b/.yarn/cache/jest-regex-util-npm-27.0.1-d1632ee0e1-b9a73d4dc0.zip differ
diff --git a/.yarn/cache/jest-util-npm-27.0.2-543ecb60f0-8751d6d97f.zip b/.yarn/cache/jest-util-npm-27.0.2-543ecb60f0-8751d6d97f.zip
new file mode 100644
index 000000000000..08e24a361a8a
Binary files /dev/null and b/.yarn/cache/jest-util-npm-27.0.2-543ecb60f0-8751d6d97f.zip differ
diff --git a/.yarn/cache/jest-watch-typeahead-npm-0.6.4-d0de96de8d-15a42b0593.zip b/.yarn/cache/jest-watch-typeahead-npm-0.6.4-d0de96de8d-15a42b0593.zip
new file mode 100644
index 000000000000..fd32bf9beb71
Binary files /dev/null and b/.yarn/cache/jest-watch-typeahead-npm-0.6.4-d0de96de8d-15a42b0593.zip differ
diff --git a/.yarn/cache/jest-watcher-npm-27.0.2-55e546b64d-4d3ee72f74.zip b/.yarn/cache/jest-watcher-npm-27.0.2-55e546b64d-4d3ee72f74.zip
new file mode 100644
index 000000000000..1f48bfae4a44
Binary files /dev/null and b/.yarn/cache/jest-watcher-npm-27.0.2-55e546b64d-4d3ee72f74.zip differ
diff --git a/.yarn/cache/jsdoc-type-pratt-parser-npm-1.0.0-alpha.23-54067d727f-a174d04aee.zip b/.yarn/cache/jsdoc-type-pratt-parser-npm-1.0.0-alpha.23-54067d727f-a174d04aee.zip
new file mode 100644
index 000000000000..41a48842e658
Binary files /dev/null and b/.yarn/cache/jsdoc-type-pratt-parser-npm-1.0.0-alpha.23-54067d727f-a174d04aee.zip differ
diff --git a/.yarn/cache/jsdoc-type-pratt-parser-npm-1.0.8-6766196e7d-21f8c08918.zip b/.yarn/cache/jsdoc-type-pratt-parser-npm-1.0.8-6766196e7d-21f8c08918.zip
new file mode 100644
index 000000000000..b085f241f0a3
Binary files /dev/null and b/.yarn/cache/jsdoc-type-pratt-parser-npm-1.0.8-6766196e7d-21f8c08918.zip differ
diff --git a/.yarn/cache/jsdoctypeparser-npm-6.1.0-069387bc3e-14a0ef3671.zip b/.yarn/cache/jsdoctypeparser-npm-6.1.0-069387bc3e-14a0ef3671.zip
deleted file mode 100644
index 086a5f6fda14..000000000000
Binary files a/.yarn/cache/jsdoctypeparser-npm-6.1.0-069387bc3e-14a0ef3671.zip and /dev/null differ
diff --git a/.yarn/cache/jsonfilter-npm-1.1.2-30fad30bad-9e66c136a8.zip b/.yarn/cache/jsonfilter-npm-1.1.2-30fad30bad-9e66c136a8.zip
deleted file mode 100644
index 3a0a0fd0949d..000000000000
Binary files a/.yarn/cache/jsonfilter-npm-1.1.2-30fad30bad-9e66c136a8.zip and /dev/null differ
diff --git a/.yarn/cache/jsonparse-npm-0.0.5-b8f60251d4-dd23da2397.zip b/.yarn/cache/jsonparse-npm-0.0.5-b8f60251d4-dd23da2397.zip
deleted file mode 100644
index 7f1d73e19b43..000000000000
Binary files a/.yarn/cache/jsonparse-npm-0.0.5-b8f60251d4-dd23da2397.zip and /dev/null differ
diff --git a/.yarn/cache/jsx-ast-utils-npm-2.2.3-0afe9e42fb-89130f37c9.zip b/.yarn/cache/jsx-ast-utils-npm-2.2.3-0afe9e42fb-89130f37c9.zip
deleted file mode 100644
index 64bc5ec2a51c..000000000000
Binary files a/.yarn/cache/jsx-ast-utils-npm-2.2.3-0afe9e42fb-89130f37c9.zip and /dev/null differ
diff --git a/.yarn/cache/jsx-ast-utils-npm-3.2.0-c3558dbd96-9f695c4802.zip b/.yarn/cache/jsx-ast-utils-npm-3.2.0-c3558dbd96-9f695c4802.zip
new file mode 100644
index 000000000000..dd44b9439a07
Binary files /dev/null and b/.yarn/cache/jsx-ast-utils-npm-3.2.0-c3558dbd96-9f695c4802.zip differ
diff --git a/.yarn/cache/language-subtag-registry-npm-0.3.21-b2d9abe624-5f794525a5.zip b/.yarn/cache/language-subtag-registry-npm-0.3.21-b2d9abe624-5f794525a5.zip
new file mode 100644
index 000000000000..fbe9dcb3806a
Binary files /dev/null and b/.yarn/cache/language-subtag-registry-npm-0.3.21-b2d9abe624-5f794525a5.zip differ
diff --git a/.yarn/cache/language-tags-npm-1.0.5-3a50e75c96-c81b5d8b9f.zip b/.yarn/cache/language-tags-npm-1.0.5-3a50e75c96-c81b5d8b9f.zip
new file mode 100644
index 000000000000..13d7f656ee3f
Binary files /dev/null and b/.yarn/cache/language-tags-npm-1.0.5-3a50e75c96-c81b5d8b9f.zip differ
diff --git a/.yarn/cache/lcid-npm-2.0.0-504d7cb4c6-278e27b5a0.zip b/.yarn/cache/lcid-npm-2.0.0-504d7cb4c6-278e27b5a0.zip
deleted file mode 100644
index 5789536307b5..000000000000
Binary files a/.yarn/cache/lcid-npm-2.0.0-504d7cb4c6-278e27b5a0.zip and /dev/null differ
diff --git a/.yarn/cache/levn-npm-0.4.1-d183b2d7bb-12c5021c85.zip b/.yarn/cache/levn-npm-0.4.1-d183b2d7bb-12c5021c85.zip
new file mode 100644
index 000000000000..dda4d01a3919
Binary files /dev/null and b/.yarn/cache/levn-npm-0.4.1-d183b2d7bb-12c5021c85.zip differ
diff --git a/.yarn/cache/load-json-file-npm-2.0.0-9317df26fa-7f212bbf08.zip b/.yarn/cache/load-json-file-npm-2.0.0-9317df26fa-7f212bbf08.zip
deleted file mode 100644
index a9b2431da4c4..000000000000
Binary files a/.yarn/cache/load-json-file-npm-2.0.0-9317df26fa-7f212bbf08.zip and /dev/null differ
diff --git a/.yarn/cache/lodash.isboolean-npm-3.0.3-b575b41488-b70068b4a8.zip b/.yarn/cache/lodash.isboolean-npm-3.0.3-b575b41488-b70068b4a8.zip
deleted file mode 100644
index fa18a4422b24..000000000000
Binary files a/.yarn/cache/lodash.isboolean-npm-3.0.3-b575b41488-b70068b4a8.zip and /dev/null differ
diff --git a/.yarn/cache/lodash.isregexp-npm-4.0.1-04d636c6bd-0da80e2f19.zip b/.yarn/cache/lodash.isregexp-npm-4.0.1-04d636c6bd-0da80e2f19.zip
deleted file mode 100644
index befcf3a82246..000000000000
Binary files a/.yarn/cache/lodash.isregexp-npm-4.0.1-04d636c6bd-0da80e2f19.zip and /dev/null differ
diff --git a/.yarn/cache/map-age-cleaner-npm-0.1.3-fd9e4b4aff-cb2804a5bc.zip b/.yarn/cache/map-age-cleaner-npm-0.1.3-fd9e4b4aff-cb2804a5bc.zip
deleted file mode 100644
index c53957b57a52..000000000000
Binary files a/.yarn/cache/map-age-cleaner-npm-0.1.3-fd9e4b4aff-cb2804a5bc.zip and /dev/null differ
diff --git a/.yarn/cache/mem-npm-4.3.0-c2a9c75d92-cf488608e5.zip b/.yarn/cache/mem-npm-4.3.0-c2a9c75d92-cf488608e5.zip
deleted file mode 100644
index 0fca46778f24..000000000000
Binary files a/.yarn/cache/mem-npm-4.3.0-c2a9c75d92-cf488608e5.zip and /dev/null differ
diff --git a/.yarn/cache/multimatch-npm-2.1.0-759256cc0a-19259848ec.zip b/.yarn/cache/multimatch-npm-2.1.0-759256cc0a-19259848ec.zip
deleted file mode 100644
index 2f8702b5d30f..000000000000
Binary files a/.yarn/cache/multimatch-npm-2.1.0-759256cc0a-19259848ec.zip and /dev/null differ
diff --git a/.yarn/cache/multimatch-npm-5.0.0-9938abf6fa-82c8030a53.zip b/.yarn/cache/multimatch-npm-5.0.0-9938abf6fa-82c8030a53.zip
new file mode 100644
index 000000000000..ac8e20c55f73
Binary files /dev/null and b/.yarn/cache/multimatch-npm-5.0.0-9938abf6fa-82c8030a53.zip differ
diff --git a/.yarn/cache/object-inspect-npm-1.10.2-ad1a73f626-ddd414048e.zip b/.yarn/cache/object-inspect-npm-1.10.2-ad1a73f626-ddd414048e.zip
deleted file mode 100644
index f467ada1152e..000000000000
Binary files a/.yarn/cache/object-inspect-npm-1.10.2-ad1a73f626-ddd414048e.zip and /dev/null differ
diff --git a/.yarn/cache/object-inspect-npm-1.10.3-5aa499f036-9a56db2e01.zip b/.yarn/cache/object-inspect-npm-1.10.3-5aa499f036-9a56db2e01.zip
new file mode 100644
index 000000000000..11e8a741eb35
Binary files /dev/null and b/.yarn/cache/object-inspect-npm-1.10.3-5aa499f036-9a56db2e01.zip differ
diff --git a/.yarn/cache/object.assign-npm-4.1.0-2a284b2bf7-648a9a4635.zip b/.yarn/cache/object.assign-npm-4.1.0-2a284b2bf7-648a9a4635.zip
deleted file mode 100644
index 6a1537a03ebf..000000000000
Binary files a/.yarn/cache/object.assign-npm-4.1.0-2a284b2bf7-648a9a4635.zip and /dev/null differ
diff --git a/.yarn/cache/object.assign-npm-4.1.2-d52edada1c-d621d832ed.zip b/.yarn/cache/object.assign-npm-4.1.2-d52edada1c-d621d832ed.zip
new file mode 100644
index 000000000000..0031b9781607
Binary files /dev/null and b/.yarn/cache/object.assign-npm-4.1.2-d52edada1c-d621d832ed.zip differ
diff --git a/.yarn/cache/object.entries-npm-1.1.1-611e0671fb-e3183f0a51.zip b/.yarn/cache/object.entries-npm-1.1.1-611e0671fb-e3183f0a51.zip
deleted file mode 100644
index 61433198c548..000000000000
Binary files a/.yarn/cache/object.entries-npm-1.1.1-611e0671fb-e3183f0a51.zip and /dev/null differ
diff --git a/.yarn/cache/object.entries-npm-1.1.4-d381ab8800-1ddd2e28f5.zip b/.yarn/cache/object.entries-npm-1.1.4-d381ab8800-1ddd2e28f5.zip
new file mode 100644
index 000000000000..a2ef3634a232
Binary files /dev/null and b/.yarn/cache/object.entries-npm-1.1.4-d381ab8800-1ddd2e28f5.zip differ
diff --git a/.yarn/cache/object.entries-ponyfill-npm-1.0.1-bfe1b91103-c3edaf0c95.zip b/.yarn/cache/object.entries-ponyfill-npm-1.0.1-bfe1b91103-c3edaf0c95.zip
deleted file mode 100644
index 9b66b0674d56..000000000000
Binary files a/.yarn/cache/object.entries-ponyfill-npm-1.0.1-bfe1b91103-c3edaf0c95.zip and /dev/null differ
diff --git a/.yarn/cache/object.fromentries-npm-2.0.2-17b1a805ec-950ab9e906.zip b/.yarn/cache/object.fromentries-npm-2.0.2-17b1a805ec-950ab9e906.zip
deleted file mode 100644
index 5a64316c4074..000000000000
Binary files a/.yarn/cache/object.fromentries-npm-2.0.2-17b1a805ec-950ab9e906.zip and /dev/null differ
diff --git a/.yarn/cache/object.fromentries-npm-2.0.4-cc608f8739-1e8e991c43.zip b/.yarn/cache/object.fromentries-npm-2.0.4-cc608f8739-1e8e991c43.zip
new file mode 100644
index 000000000000..89ced52b229b
Binary files /dev/null and b/.yarn/cache/object.fromentries-npm-2.0.4-cc608f8739-1e8e991c43.zip differ
diff --git a/.yarn/cache/object.values-npm-1.1.1-f4f0df6a55-f1217c09fa.zip b/.yarn/cache/object.values-npm-1.1.1-f4f0df6a55-f1217c09fa.zip
deleted file mode 100644
index 503d79156692..000000000000
Binary files a/.yarn/cache/object.values-npm-1.1.1-f4f0df6a55-f1217c09fa.zip and /dev/null differ
diff --git a/.yarn/cache/object.values-npm-1.1.4-2812105455-1a2f1e9d0b.zip b/.yarn/cache/object.values-npm-1.1.4-2812105455-1a2f1e9d0b.zip
new file mode 100644
index 000000000000..3b26a868448e
Binary files /dev/null and b/.yarn/cache/object.values-npm-1.1.4-2812105455-1a2f1e9d0b.zip differ
diff --git a/.yarn/cache/optionator-npm-0.9.1-577e397aae-dbc6fa0656.zip b/.yarn/cache/optionator-npm-0.9.1-577e397aae-dbc6fa0656.zip
new file mode 100644
index 000000000000..6e6efe345ba3
Binary files /dev/null and b/.yarn/cache/optionator-npm-0.9.1-577e397aae-dbc6fa0656.zip differ
diff --git a/.yarn/cache/os-locale-npm-3.1.0-c23c8ec673-53c542b11a.zip b/.yarn/cache/os-locale-npm-3.1.0-c23c8ec673-53c542b11a.zip
deleted file mode 100644
index 8821a15fc7b0..000000000000
Binary files a/.yarn/cache/os-locale-npm-3.1.0-c23c8ec673-53c542b11a.zip and /dev/null differ
diff --git a/.yarn/cache/p-defer-npm-1.0.0-4dfd0013f5-4271b935c2.zip b/.yarn/cache/p-defer-npm-1.0.0-4dfd0013f5-4271b935c2.zip
deleted file mode 100644
index f7e80f4bcc76..000000000000
Binary files a/.yarn/cache/p-defer-npm-1.0.0-4dfd0013f5-4271b935c2.zip and /dev/null differ
diff --git a/.yarn/cache/p-is-promise-npm-2.1.0-47a48ac6a0-c9a8248c8b.zip b/.yarn/cache/p-is-promise-npm-2.1.0-47a48ac6a0-c9a8248c8b.zip
deleted file mode 100644
index 6a596900bfca..000000000000
Binary files a/.yarn/cache/p-is-promise-npm-2.1.0-47a48ac6a0-c9a8248c8b.zip and /dev/null differ
diff --git a/.yarn/cache/path-type-npm-2.0.0-67d5226c36-749dc0c32d.zip b/.yarn/cache/path-type-npm-2.0.0-67d5226c36-749dc0c32d.zip
deleted file mode 100644
index 00dc2c38b13d..000000000000
Binary files a/.yarn/cache/path-type-npm-2.0.0-67d5226c36-749dc0c32d.zip and /dev/null differ
diff --git a/.yarn/cache/postcss-npm-8.2.15-8a34d0d953-07c309e531.zip b/.yarn/cache/postcss-npm-8.2.15-8a34d0d953-07c309e531.zip
deleted file mode 100644
index c17ef1418f64..000000000000
Binary files a/.yarn/cache/postcss-npm-8.2.15-8a34d0d953-07c309e531.zip and /dev/null differ
diff --git a/.yarn/cache/postcss-npm-8.3.5-2a354f6bd3-c73fc4825e.zip b/.yarn/cache/postcss-npm-8.3.5-2a354f6bd3-c73fc4825e.zip
new file mode 100644
index 000000000000..c9e21ee2a8cd
Binary files /dev/null and b/.yarn/cache/postcss-npm-8.3.5-2a354f6bd3-c73fc4825e.zip differ
diff --git a/.yarn/cache/prelude-ls-npm-1.2.1-3e4d272a55-cd192ec0d0.zip b/.yarn/cache/prelude-ls-npm-1.2.1-3e4d272a55-cd192ec0d0.zip
new file mode 100644
index 000000000000..38e7969199e6
Binary files /dev/null and b/.yarn/cache/prelude-ls-npm-1.2.1-3e4d272a55-cd192ec0d0.zip differ
diff --git a/.yarn/cache/read-pkg-npm-2.0.0-4715901f4f-85c5bf35f2.zip b/.yarn/cache/read-pkg-npm-2.0.0-4715901f4f-85c5bf35f2.zip
deleted file mode 100644
index d3d3330208ad..000000000000
Binary files a/.yarn/cache/read-pkg-npm-2.0.0-4715901f4f-85c5bf35f2.zip and /dev/null differ
diff --git a/.yarn/cache/read-pkg-up-npm-2.0.0-34b8096760-22f9026fb7.zip b/.yarn/cache/read-pkg-up-npm-2.0.0-34b8096760-22f9026fb7.zip
deleted file mode 100644
index 599f452234b6..000000000000
Binary files a/.yarn/cache/read-pkg-up-npm-2.0.0-34b8096760-22f9026fb7.zip and /dev/null differ
diff --git a/.yarn/cache/regexp.prototype.flags-npm-1.3.0-656dcc7c37-b6b985a6d5.zip b/.yarn/cache/regexp.prototype.flags-npm-1.3.0-656dcc7c37-b6b985a6d5.zip
deleted file mode 100644
index c24ad929d9c2..000000000000
Binary files a/.yarn/cache/regexp.prototype.flags-npm-1.3.0-656dcc7c37-b6b985a6d5.zip and /dev/null differ
diff --git a/.yarn/cache/regexp.prototype.flags-npm-1.3.1-f0c34f894f-343595db5a.zip b/.yarn/cache/regexp.prototype.flags-npm-1.3.1-f0c34f894f-343595db5a.zip
new file mode 100644
index 000000000000..85db07d77736
Binary files /dev/null and b/.yarn/cache/regexp.prototype.flags-npm-1.3.1-f0c34f894f-343595db5a.zip differ
diff --git a/.yarn/cache/regexpp-npm-2.0.1-ac47f2bc1e-1f41cf80ac.zip b/.yarn/cache/regexpp-npm-2.0.1-ac47f2bc1e-1f41cf80ac.zip
deleted file mode 100644
index 43f2b0353838..000000000000
Binary files a/.yarn/cache/regexpp-npm-2.0.1-ac47f2bc1e-1f41cf80ac.zip and /dev/null differ
diff --git a/.yarn/cache/regexpp-npm-3.2.0-2513f32cfc-a78dc5c715.zip b/.yarn/cache/regexpp-npm-3.2.0-2513f32cfc-a78dc5c715.zip
new file mode 100644
index 000000000000..9dac209df2f1
Binary files /dev/null and b/.yarn/cache/regexpp-npm-3.2.0-2513f32cfc-a78dc5c715.zip differ
diff --git a/.yarn/cache/regextras-npm-0.7.0-db1c7346ec-f0490d0685.zip b/.yarn/cache/regextras-npm-0.7.0-db1c7346ec-f0490d0685.zip
deleted file mode 100644
index f22d3cb024a3..000000000000
Binary files a/.yarn/cache/regextras-npm-0.7.0-db1c7346ec-f0490d0685.zip and /dev/null differ
diff --git a/.yarn/cache/regextras-npm-0.8.0-52c909a234-b7ec5b32a2.zip b/.yarn/cache/regextras-npm-0.8.0-52c909a234-b7ec5b32a2.zip
new file mode 100644
index 000000000000..c5a78d335334
Binary files /dev/null and b/.yarn/cache/regextras-npm-0.8.0-52c909a234-b7ec5b32a2.zip differ
diff --git a/.yarn/cache/resolve-npm-2.0.0-next.3-6be30bb506-f34b3b93ad.zip b/.yarn/cache/resolve-npm-2.0.0-next.3-6be30bb506-f34b3b93ad.zip
new file mode 100644
index 000000000000..4464fdaf7023
Binary files /dev/null and b/.yarn/cache/resolve-npm-2.0.0-next.3-6be30bb506-f34b3b93ad.zip differ
diff --git a/.yarn/cache/resolve-patch-4c1e11bf79-eb88c5e538.zip b/.yarn/cache/resolve-patch-4c1e11bf79-eb88c5e538.zip
new file mode 100644
index 000000000000..83b222a79769
Binary files /dev/null and b/.yarn/cache/resolve-patch-4c1e11bf79-eb88c5e538.zip differ
diff --git a/.yarn/cache/slice-ansi-npm-2.1.0-02505ccc06-4e82995aa5.zip b/.yarn/cache/slice-ansi-npm-2.1.0-02505ccc06-4e82995aa5.zip
deleted file mode 100644
index 23b558a26201..000000000000
Binary files a/.yarn/cache/slice-ansi-npm-2.1.0-02505ccc06-4e82995aa5.zip and /dev/null differ
diff --git a/.yarn/cache/source-map-js-npm-0.6.2-af388ea7f1-9c8151a29e.zip b/.yarn/cache/source-map-js-npm-0.6.2-af388ea7f1-9c8151a29e.zip
new file mode 100644
index 000000000000..86301b8b9864
Binary files /dev/null and b/.yarn/cache/source-map-js-npm-0.6.2-af388ea7f1-9c8151a29e.zip differ
diff --git a/.yarn/cache/spdx-expression-parse-npm-3.0.0-704f8535ae-308c8c4925.zip b/.yarn/cache/spdx-expression-parse-npm-3.0.0-704f8535ae-308c8c4925.zip
deleted file mode 100644
index f3df0c5317a5..000000000000
Binary files a/.yarn/cache/spdx-expression-parse-npm-3.0.0-704f8535ae-308c8c4925.zip and /dev/null differ
diff --git a/.yarn/cache/spdx-expression-parse-npm-3.0.1-b718cbb35a-a1c6e104a2.zip b/.yarn/cache/spdx-expression-parse-npm-3.0.1-b718cbb35a-a1c6e104a2.zip
new file mode 100644
index 000000000000..dcb97d090acf
Binary files /dev/null and b/.yarn/cache/spdx-expression-parse-npm-3.0.1-b718cbb35a-a1c6e104a2.zip differ
diff --git a/.yarn/cache/stack-utils-npm-2.0.2-2ae6e16cf5-e767be7ec6.zip b/.yarn/cache/stack-utils-npm-2.0.2-2ae6e16cf5-e767be7ec6.zip
deleted file mode 100644
index cc8524c5334d..000000000000
Binary files a/.yarn/cache/stack-utils-npm-2.0.2-2ae6e16cf5-e767be7ec6.zip and /dev/null differ
diff --git a/.yarn/cache/stack-utils-npm-2.0.3-e255395afd-c86ac08f58.zip b/.yarn/cache/stack-utils-npm-2.0.3-e255395afd-c86ac08f58.zip
new file mode 100644
index 000000000000..92c22ca29edc
Binary files /dev/null and b/.yarn/cache/stack-utils-npm-2.0.3-e255395afd-c86ac08f58.zip differ
diff --git a/.yarn/cache/stream-combiner-npm-0.2.2-b6dbf0eced-5d3f4f6dd3.zip b/.yarn/cache/stream-combiner-npm-0.2.2-b6dbf0eced-5d3f4f6dd3.zip
deleted file mode 100644
index a4a02a10fcc5..000000000000
Binary files a/.yarn/cache/stream-combiner-npm-0.2.2-b6dbf0eced-5d3f4f6dd3.zip and /dev/null differ
diff --git a/.yarn/cache/string.prototype.matchall-npm-4.0.2-ee3186a639-c08c0db9aa.zip b/.yarn/cache/string.prototype.matchall-npm-4.0.2-ee3186a639-c08c0db9aa.zip
deleted file mode 100644
index d8e5df7fecc9..000000000000
Binary files a/.yarn/cache/string.prototype.matchall-npm-4.0.2-ee3186a639-c08c0db9aa.zip and /dev/null differ
diff --git a/.yarn/cache/string.prototype.matchall-npm-4.0.5-d1090aaa50-0a9d64661e.zip b/.yarn/cache/string.prototype.matchall-npm-4.0.5-d1090aaa50-0a9d64661e.zip
new file mode 100644
index 000000000000..913557a822ea
Binary files /dev/null and b/.yarn/cache/string.prototype.matchall-npm-4.0.5-d1090aaa50-0a9d64661e.zip differ
diff --git a/.yarn/cache/string.prototype.trimend-npm-1.0.4-a656b8fe24-17e5aa45c3.zip b/.yarn/cache/string.prototype.trimend-npm-1.0.4-a656b8fe24-17e5aa45c3.zip
new file mode 100644
index 000000000000..3a6cb8db614d
Binary files /dev/null and b/.yarn/cache/string.prototype.trimend-npm-1.0.4-a656b8fe24-17e5aa45c3.zip differ
diff --git a/.yarn/cache/string.prototype.trimleft-npm-2.1.1-96b7e999e2-2581c73a37.zip b/.yarn/cache/string.prototype.trimleft-npm-2.1.1-96b7e999e2-2581c73a37.zip
deleted file mode 100644
index 595f350ca6ef..000000000000
Binary files a/.yarn/cache/string.prototype.trimleft-npm-2.1.1-96b7e999e2-2581c73a37.zip and /dev/null differ
diff --git a/.yarn/cache/string.prototype.trimright-npm-2.1.1-6247e528ee-f02a1d15cd.zip b/.yarn/cache/string.prototype.trimright-npm-2.1.1-6247e528ee-f02a1d15cd.zip
deleted file mode 100644
index c21e545b1852..000000000000
Binary files a/.yarn/cache/string.prototype.trimright-npm-2.1.1-6247e528ee-f02a1d15cd.zip and /dev/null differ
diff --git a/.yarn/cache/string.prototype.trimstart-npm-1.0.4-b31f5e7c85-3fb06818d3.zip b/.yarn/cache/string.prototype.trimstart-npm-1.0.4-b31f5e7c85-3fb06818d3.zip
new file mode 100644
index 000000000000..477439a72091
Binary files /dev/null and b/.yarn/cache/string.prototype.trimstart-npm-1.0.4-b31f5e7c85-3fb06818d3.zip differ
diff --git a/.yarn/cache/stylelint-config-prettier-npm-8.0.1-8f42e5d899-663e7bba91.zip b/.yarn/cache/stylelint-config-prettier-npm-8.0.1-8f42e5d899-663e7bba91.zip
deleted file mode 100644
index 9e15df028f6b..000000000000
Binary files a/.yarn/cache/stylelint-config-prettier-npm-8.0.1-8f42e5d899-663e7bba91.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-config-prettier-npm-8.0.2-768ded0ce2-6a3bfdf840.zip b/.yarn/cache/stylelint-config-prettier-npm-8.0.2-768ded0ce2-6a3bfdf840.zip
new file mode 100644
index 000000000000..ac512fc18f97
Binary files /dev/null and b/.yarn/cache/stylelint-config-prettier-npm-8.0.2-768ded0ce2-6a3bfdf840.zip differ
diff --git a/.yarn/cache/stylelint-config-recommended-npm-3.0.0-6b3f20fde3-8f02b2cd20.zip b/.yarn/cache/stylelint-config-recommended-npm-3.0.0-6b3f20fde3-8f02b2cd20.zip
deleted file mode 100644
index 245dffe24095..000000000000
Binary files a/.yarn/cache/stylelint-config-recommended-npm-3.0.0-6b3f20fde3-8f02b2cd20.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-config-recommended-npm-5.0.0-5268d1a05e-574468542e.zip b/.yarn/cache/stylelint-config-recommended-npm-5.0.0-5268d1a05e-574468542e.zip
new file mode 100644
index 000000000000..5cc654f0bf54
Binary files /dev/null and b/.yarn/cache/stylelint-config-recommended-npm-5.0.0-5268d1a05e-574468542e.zip differ
diff --git a/.yarn/cache/stylelint-config-standard-npm-20.0.0-a1b8c9cfbf-04d1a7d17c.zip b/.yarn/cache/stylelint-config-standard-npm-20.0.0-a1b8c9cfbf-04d1a7d17c.zip
deleted file mode 100644
index a2b5ec150f32..000000000000
Binary files a/.yarn/cache/stylelint-config-standard-npm-20.0.0-a1b8c9cfbf-04d1a7d17c.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-config-standard-npm-22.0.0-30e7e384f8-57497397c5.zip b/.yarn/cache/stylelint-config-standard-npm-22.0.0-30e7e384f8-57497397c5.zip
new file mode 100644
index 000000000000..e6fc0a7d6f45
Binary files /dev/null and b/.yarn/cache/stylelint-config-standard-npm-22.0.0-30e7e384f8-57497397c5.zip differ
diff --git a/.yarn/cache/stylelint-no-unsupported-browser-features-npm-4.0.0-332b8c6526-3cdc5afa4d.zip b/.yarn/cache/stylelint-no-unsupported-browser-features-npm-4.0.0-332b8c6526-3cdc5afa4d.zip
deleted file mode 100644
index a7d0459f4548..000000000000
Binary files a/.yarn/cache/stylelint-no-unsupported-browser-features-npm-4.0.0-332b8c6526-3cdc5afa4d.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-no-unsupported-browser-features-npm-5.0.1-91f501ab91-9569911ff7.zip b/.yarn/cache/stylelint-no-unsupported-browser-features-npm-5.0.1-91f501ab91-9569911ff7.zip
new file mode 100644
index 000000000000..3a00c1853566
Binary files /dev/null and b/.yarn/cache/stylelint-no-unsupported-browser-features-npm-5.0.1-91f501ab91-9569911ff7.zip differ
diff --git a/.yarn/cache/stylelint-prettier-npm-1.1.2-41c80f522e-dcc76caea1.zip b/.yarn/cache/stylelint-prettier-npm-1.1.2-41c80f522e-dcc76caea1.zip
deleted file mode 100644
index 014a6e655081..000000000000
Binary files a/.yarn/cache/stylelint-prettier-npm-1.1.2-41c80f522e-dcc76caea1.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-prettier-npm-1.2.0-8e18c18206-8bc3cf7277.zip b/.yarn/cache/stylelint-prettier-npm-1.2.0-8e18c18206-8bc3cf7277.zip
new file mode 100644
index 000000000000..5e1d43210a49
Binary files /dev/null and b/.yarn/cache/stylelint-prettier-npm-1.2.0-8e18c18206-8bc3cf7277.zip differ
diff --git a/.yarn/cache/stylelint-scss-npm-3.13.0-bef3617dab-acd12c5ef5.zip b/.yarn/cache/stylelint-scss-npm-3.13.0-bef3617dab-acd12c5ef5.zip
deleted file mode 100644
index 4ecc73d63654..000000000000
Binary files a/.yarn/cache/stylelint-scss-npm-3.13.0-bef3617dab-acd12c5ef5.zip and /dev/null differ
diff --git a/.yarn/cache/stylelint-scss-npm-3.19.0-b04809c0a0-5ce72106f5.zip b/.yarn/cache/stylelint-scss-npm-3.19.0-b04809c0a0-5ce72106f5.zip
new file mode 100644
index 000000000000..b8ed55dec401
Binary files /dev/null and b/.yarn/cache/stylelint-scss-npm-3.19.0-b04809c0a0-5ce72106f5.zip differ
diff --git a/.yarn/cache/table-npm-5.4.6-190b118384-9e35d3efa7.zip b/.yarn/cache/table-npm-5.4.6-190b118384-9e35d3efa7.zip
deleted file mode 100644
index 386d1baae9d8..000000000000
Binary files a/.yarn/cache/table-npm-5.4.6-190b118384-9e35d3efa7.zip and /dev/null differ
diff --git a/.yarn/cache/through2-npm-4.0.2-da7b2da443-ac7430bd54.zip b/.yarn/cache/through2-npm-4.0.2-da7b2da443-ac7430bd54.zip
new file mode 100644
index 000000000000..7fd3f010b269
Binary files /dev/null and b/.yarn/cache/through2-npm-4.0.2-da7b2da443-ac7430bd54.zip differ
diff --git a/.yarn/cache/tsconfig-paths-npm-3.9.0-92dcbdee37-243b3b098c.zip b/.yarn/cache/tsconfig-paths-npm-3.9.0-92dcbdee37-243b3b098c.zip
new file mode 100644
index 000000000000..8a80269bbfea
Binary files /dev/null and b/.yarn/cache/tsconfig-paths-npm-3.9.0-92dcbdee37-243b3b098c.zip differ
diff --git a/.yarn/cache/type-check-npm-0.4.0-60565800ce-ec688ebfc9.zip b/.yarn/cache/type-check-npm-0.4.0-60565800ce-ec688ebfc9.zip
new file mode 100644
index 000000000000..85a029590ea5
Binary files /dev/null and b/.yarn/cache/type-check-npm-0.4.0-60565800ce-ec688ebfc9.zip differ
diff --git a/.yarn/cache/type-fest-npm-0.21.3-5ff2a9c6fd-e6b32a3b38.zip b/.yarn/cache/type-fest-npm-0.21.3-5ff2a9c6fd-e6b32a3b38.zip
new file mode 100644
index 000000000000..89f3fd57a9ea
Binary files /dev/null and b/.yarn/cache/type-fest-npm-0.21.3-5ff2a9c6fd-e6b32a3b38.zip differ
diff --git a/.yarn/cache/unbox-primitive-npm-1.0.1-50b9fde246-89d950e18f.zip b/.yarn/cache/unbox-primitive-npm-1.0.1-50b9fde246-89d950e18f.zip
new file mode 100644
index 000000000000..27f2ec7f93d0
Binary files /dev/null and b/.yarn/cache/unbox-primitive-npm-1.0.1-50b9fde246-89d950e18f.zip differ
diff --git a/.yarn/cache/which-boxed-primitive-npm-1.0.2-e214f9ae5a-53ce774c73.zip b/.yarn/cache/which-boxed-primitive-npm-1.0.2-e214f9ae5a-53ce774c73.zip
new file mode 100644
index 000000000000..fef0ce42437f
Binary files /dev/null and b/.yarn/cache/which-boxed-primitive-npm-1.0.2-e214f9ae5a-53ce774c73.zip differ
diff --git a/.yarn/cache/write-npm-1.0.3-1bac756049-6496197ceb.zip b/.yarn/cache/write-npm-1.0.3-1bac756049-6496197ceb.zip
deleted file mode 100644
index b789c936a237..000000000000
Binary files a/.yarn/cache/write-npm-1.0.3-1bac756049-6496197ceb.zip and /dev/null differ
diff --git a/.yarn/cache/yargs-npm-12.0.5-b6175e0232-716f467be3.zip b/.yarn/cache/yargs-npm-12.0.5-b6175e0232-716f467be3.zip
deleted file mode 100644
index 803a7dae44fa..000000000000
Binary files a/.yarn/cache/yargs-npm-12.0.5-b6175e0232-716f467be3.zip and /dev/null differ
diff --git a/.yarn/cache/yargs-npm-16.1.1-374a071ba7-0557e6fabb.zip b/.yarn/cache/yargs-npm-16.2.0-547873d425-b14afbb51e.zip
similarity index 58%
rename from .yarn/cache/yargs-npm-16.1.1-374a071ba7-0557e6fabb.zip
rename to .yarn/cache/yargs-npm-16.2.0-547873d425-b14afbb51e.zip
index 430cc7e3b4a3..d11c27d51047 100644
Binary files a/.yarn/cache/yargs-npm-16.1.1-374a071ba7-0557e6fabb.zip and b/.yarn/cache/yargs-npm-16.2.0-547873d425-b14afbb51e.zip differ
diff --git a/.yarn/cache/yargs-parser-npm-11.1.1-6295375b3b-91a82f4e62.zip b/.yarn/cache/yargs-parser-npm-11.1.1-6295375b3b-91a82f4e62.zip
deleted file mode 100644
index 41fc1d46d864..000000000000
Binary files a/.yarn/cache/yargs-parser-npm-11.1.1-6295375b3b-91a82f4e62.zip and /dev/null differ
diff --git a/config/eslint-config-carbon/package.json b/config/eslint-config-carbon/package.json
index 466870e33076..7eea2c25470f 100644
--- a/config/eslint-config-carbon/package.json
+++ b/config/eslint-config-carbon/package.json
@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "2.5.0",
+  "version": "2.6.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -29,20 +29,20 @@
     "access": "public"
   },
   "peerDependencies": {
-    "eslint": "^6.0.0"
+    "eslint": "^6.0.0 || ^7.0.0"
   },
   "dependencies": {
     "babel-eslint": "^10.1.0",
-    "eslint-config-airbnb": "^18.0.1",
-    "eslint-config-airbnb-base": "^14.0.0",
-    "eslint-config-prettier": "^6.9.0",
-    "eslint-plugin-cypress": "^2.11.2",
-    "eslint-plugin-import": "^2.20.0",
-    "eslint-plugin-jsdoc": "^20.3.1",
-    "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-prettier": "^3.1.2",
-    "eslint-plugin-react": "^7.18.0",
-    "eslint-plugin-react-hooks": "^4.0.4",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-cypress": "^2.11.3",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsdoc": "^35.3.0",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-restricted-globals": "^0.2.0"
   },
   "devDependencies": {
diff --git a/config/jest-config-carbon/index.js b/config/jest-config-carbon/index.js
index ccfaecebdd79..9f043c02dcff 100644
--- a/config/jest-config-carbon/index.js
+++ b/config/jest-config-carbon/index.js
@@ -9,6 +9,7 @@
 
 module.exports = {
   moduleFileExtensions: ['js', 'json', 'node'],
+  modulePathIgnorePatterns: ['/build/', '/es/', '/lib/', '/umd/', '/examples/'],
   reporters: ['default'],
   setupFiles: [require.resolve('./setup/setup.js')],
   setupFilesAfterEnv: [require.resolve('./setup/setupAfterEnv.js')],
@@ -36,7 +37,13 @@ module.exports = {
     'examples',
     '/umd/',
   ],
-  transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
+  transformIgnorePatterns: [
+    '/build/',
+    '/es/',
+    '/lib/',
+    '/umd/',
+    '[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$',
+  ],
   watchPathIgnorePatterns: [
     '/cjs/',
     '/dist/',
@@ -46,4 +53,8 @@ module.exports = {
     '/storybook/',
     '/results/',
   ],
+  watchPlugins: [
+    'jest-watch-typeahead/filename',
+    'jest-watch-typeahead/testname',
+  ],
 };
diff --git a/config/jest-config-carbon/package.json b/config/jest-config-carbon/package.json
index 28a9d4fd51b8..579457b791a6 100644
--- a/config/jest-config-carbon/package.json
+++ b/config/jest-config-carbon/package.json
@@ -2,7 +2,7 @@
   "name": "jest-config-carbon",
   "private": true,
   "description": "Jest configuration and preset for Carbon",
-  "version": "0.4.0",
+  "version": "0.5.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -28,13 +28,14 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/runtime": "^7.14.0",
     "accessibility-checker": "^3.1.1",
-    "axe-core": "^4.1.1",
+    "axe-core": "^4.2.2",
     "babel-jest": "^26.6.3",
-    "chalk": "^4.1.0",
+    "chalk": "^4.1.1",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
     "enzyme-to-json": "^3.3.5",
-    "jest-circus": "^26.0.1"
+    "jest-circus": "^26.0.1",
+    "jest-watch-typeahead": "^0.6.4"
   },
   "devDependencies": {
     "react": "^17.0.1",
diff --git a/config/stylelint-config-carbon/package.json b/config/stylelint-config-carbon/package.json
index 3ad806bfcffa..e4e15ae21219 100644
--- a/config/stylelint-config-carbon/package.json
+++ b/config/stylelint-config-carbon/package.json
@@ -1,7 +1,7 @@
 {
   "name": "stylelint-config-carbon",
   "description": "Stylelint configuration for Carbon",
-  "version": "1.6.0",
+  "version": "1.7.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -27,15 +27,15 @@
   },
   "dependencies": {
     "stylelint-config-idiomatic-order": "^8.1.0",
-    "stylelint-config-prettier": "^8.0.1",
-    "stylelint-config-standard": "^20.0.0",
-    "stylelint-no-unsupported-browser-features": "^4.0.0",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-no-unsupported-browser-features": "^5.0.1",
     "stylelint-order": "^4.1.0",
-    "stylelint-prettier": "^1.1.2",
-    "stylelint-scss": "^3.13.0"
+    "stylelint-prettier": "^1.2.0",
+    "stylelint-scss": "^3.19.0"
   },
   "devDependencies": {
     "prettier": "^2.2.1",
-    "stylelint": "^13.6.0"
+    "stylelint": "^13.13.1"
   }
 }
diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 000000000000..b36806a14722
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+module.exports = {
+  preset: 'jest-config-carbon',
+  collectCoverageFrom: [
+    'packages/**/src/**/*.js',
+    '!packages/{cli,components,sketch}/**',
+    '!packages/**/{examples,stories}/**',
+    '!**/*-story.js',
+  ],
+  reporters: ['default', 'jest-junit'],
+};
diff --git a/jest.e2e.config.js b/jest.e2e.config.js
new file mode 100644
index 000000000000..5090ec7f2eaf
--- /dev/null
+++ b/jest.e2e.config.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+module.exports = {
+  preset: 'jest-config-carbon',
+  collectCoverageFrom: [
+    'packages/**/src/**/*.js',
+    '!packages/{cli,components,sketch}/**',
+    '!packages/**/{examples,stories}/**',
+    '!**/*-story.js',
+  ],
+  testMatch: ['<rootDir>/e2e/**/*-test.js'],
+  testPathIgnorePatterns: [
+    'examples',
+    '/packages/components/',
+    '/packages/react/',
+  ],
+  transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
+  reporters: ['default', 'jest-junit'],
+};
diff --git a/package.json b/package.json
index 77f81c9479b7..bebfe0b536a8 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "lint:styles": "stylelint '**/*.{css,scss}' --report-needless-disables --report-invalid-scope-disables",
     "sync": "carbon-cli sync",
     "test": "cross-env BABEL_ENV=test jest",
-    "test:e2e": "cross-env BABEL_ENV=test jest --testPathPattern='e2e/' --testPathIgnorePatterns='examples,/packages/components/,/packages/react/'"
+    "test:e2e": "cross-env BABEL_ENV=test jest -c jest.e2e.config.js"
   },
   "resolutions": {
     "ast-types": "^0.14.0",
@@ -55,7 +55,7 @@
     "cross-env": "^5.2.0",
     "cross-spawn": "^6.0.5",
     "doctoc": "^1.4.0",
-    "eslint": "^6.8.0",
+    "eslint": "^7.28.0",
     "fs-extra": "^8.1.0",
     "glob": "^7.1.4",
     "husky": "^4.0.10",
@@ -140,18 +140,5 @@
     "extends": [
       "./config/stylelint-config-carbon"
     ]
-  },
-  "jest": {
-    "preset": "jest-config-carbon",
-    "collectCoverageFrom": [
-      "packages/**/src/**/*.js",
-      "!packages/{cli,components,sketch}/**",
-      "!packages/**/{examples,stories}/**",
-      "!**/*-story.js"
-    ],
-    "reporters": [
-      "default",
-      "jest-junit"
-    ]
   }
 }
diff --git a/packages/carbon-react/.gitignore b/packages/carbon-react/.gitignore
new file mode 100644
index 000000000000..20687473be0b
--- /dev/null
+++ b/packages/carbon-react/.gitignore
@@ -0,0 +1 @@
+storybook-static
diff --git a/packages/carbon-react/.storybook/main.js b/packages/carbon-react/.storybook/main.js
index 0422efd91aa2..2530061da1fe 100644
--- a/packages/carbon-react/.storybook/main.js
+++ b/packages/carbon-react/.storybook/main.js
@@ -98,6 +98,14 @@ module.exports = {
       ],
     });
 
+    if (process.env.NODE_ENV === 'production') {
+      config.plugins.push(
+        new MiniCssExtractPlugin({
+          filename: '[name].[contenthash].css',
+        })
+      );
+    }
+
     return config;
   },
 };
diff --git a/packages/carbon-react/package.json b/packages/carbon-react/package.json
index decf9c9e5883..12b3426d9ae0 100644
--- a/packages/carbon-react/package.json
+++ b/packages/carbon-react/package.json
@@ -2,7 +2,7 @@
   "name": "@carbon/react",
   "private": true,
   "description": "React components for the Carbon Design System",
-  "version": "0.5.1",
+  "version": "0.6.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -41,11 +41,11 @@
   },
   "dependencies": {
     "@carbon/feature-flags": "^0.5.0",
-    "@carbon/icons-react": "^10.33.0",
-    "@carbon/styles": "^0.8.0",
+    "@carbon/icons-react": "^10.34.0-rc.0",
+    "@carbon/styles": "^0.9.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "@ibm/plex": "6.0.0-next.6",
-    "carbon-components-react": "^7.37.1"
+    "carbon-components-react": "^7.38.0-rc.0"
   },
   "devDependencies": {
     "@babel/core": "^7.14.2",
@@ -55,8 +55,8 @@
     "@babel/plugin-transform-react-constant-elements": "^7.13.13",
     "@babel/preset-env": "^7.14.2",
     "@babel/preset-react": "^7.13.13",
-    "@carbon/styles": "^0.8.0-rc.0",
-    "@carbon/themes": "^10.36.0",
+    "@carbon/styles": "^0.9.0-rc.0",
+    "@carbon/themes": "^10.37.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^18.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
diff --git a/packages/carbon-react/src/components/Accordion/index.js b/packages/carbon-react/src/components/Accordion/index.js
index 5e01fdc852e3..bff58f4e97a1 100644
--- a/packages/carbon-react/src/components/Accordion/index.js
+++ b/packages/carbon-react/src/components/Accordion/index.js
@@ -1 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 export { Accordion, AccordionItem } from 'carbon-components-react';
diff --git a/packages/carbon-react/src/components/DatePicker/DatePicker.stories.js b/packages/carbon-react/src/components/DatePicker/DatePicker.stories.js
new file mode 100644
index 000000000000..c82738966093
--- /dev/null
+++ b/packages/carbon-react/src/components/DatePicker/DatePicker.stories.js
@@ -0,0 +1,122 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import {
+  DatePicker,
+  DatePickerInput,
+  DatePickerSkeleton,
+} from 'carbon-components-react';
+
+// const patterns = {
+//   'Short (d{1,2}/d{4})': '\\d{1,2}/\\d{4}',
+//   'Regular (d{1,2}/d{1,2}/d{4})': '\\d{1,2}/\\d{1,2}/\\d{4}',
+// };
+
+// const sizes = {
+//   'Small  (sm)': 'sm',
+//   'Medium (md) - default': undefined,
+//   'Large  (lg)': 'lg',
+// };
+
+// const types = {
+//   Simple: 'simple',
+//   Single: 'single',
+//   Range: 'range',
+// };
+
+const props = {
+  datePicker: () => ({
+    dateFormat: 'm/d/Y',
+    id: 'date-picker',
+    light: false,
+    datePickerType: 'single',
+    minDate: '11/15/2020',
+    maxDate: '11/01/2040',
+    disable: ['07/15/2021'],
+    onClose: action('onClose'),
+    onOpen: action('onOpen'),
+  }),
+  datePickerInput: () => ({
+    id: 'date-picker-input-id',
+    className: 'some-class',
+    size: undefined,
+    labelText: 'Date Picker label',
+    pattern: 'd{1,2}/d{4}',
+    placeholder: 'mm/dd/yyyy',
+    disabled: false,
+    invalid: false,
+    invalidText: 'A valid date is required',
+    warn: false,
+    warnText: 'Selected dates may cause conflicts',
+    iconDescription: 'Icon description',
+  }),
+};
+
+export default {
+  title: 'Components/DatePicker',
+
+  parameters: {
+    component: DatePicker,
+
+    subcomponents: {
+      DatePickerInput,
+      DatePickerSkeleton,
+    },
+  },
+};
+
+export const Simple = () => (
+  <DatePicker datePickerType="simple">
+    <DatePickerInput
+      placeholder="mm/dd/yyyy"
+      labelText="Date Picker label"
+      id="date-picker-simple"
+    />
+  </DatePicker>
+);
+
+export const SingleWithCalendar = () => (
+  <DatePicker datePickerType="single">
+    <DatePickerInput
+      placeholder="mm/dd/yyyy"
+      labelText="Date Picker label"
+      id="date-picker-single"
+    />
+  </DatePicker>
+);
+
+export const RangeWithCalendar = () => {
+  return (
+    <DatePicker datePickerType="range">
+      <DatePickerInput
+        id="date-picker-input-id-start"
+        placeholder="mm/dd/yyyy"
+        labelText="Start date"
+      />
+      <DatePickerInput
+        id="date-picker-input-id-finish"
+        placeholder="mm/dd/yyyy"
+        labelText="End date"
+      />
+    </DatePicker>
+  );
+};
+
+/* eslint-disable react/prop-types */
+export const DatePickerPlayground = () => (
+  <DatePicker {...props.datePicker()}>
+    <DatePickerInput {...props.datePickerInput()} />
+    {props.datePicker().datePickerType === 'range' && (
+      <DatePickerInput {...props.datePickerInput()} id="date-picker-input-2" />
+    )}
+  </DatePicker>
+);
+/* eslint-enable react/prop-types */
+
+export const Skeleton = () => <DatePickerSkeleton range />;
diff --git a/packages/carbon-react/src/components/DatePicker/index.js b/packages/carbon-react/src/components/DatePicker/index.js
new file mode 100644
index 000000000000..ee8c2506dd30
--- /dev/null
+++ b/packages/carbon-react/src/components/DatePicker/index.js
@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { DatePicker, DatePickerSkeleton } from 'carbon-components-react';
diff --git a/packages/carbon-react/src/components/FileUploader/FileUploader-story.scss b/packages/carbon-react/src/components/FileUploader/FileUploader-story.scss
new file mode 100644
index 000000000000..214bb053d100
--- /dev/null
+++ b/packages/carbon-react/src/components/FileUploader/FileUploader-story.scss
@@ -0,0 +1,3 @@
+.bx--file__selected-file {
+  width: 288px;
+}
diff --git a/packages/carbon-react/src/components/FileUploader/FileUploader.mdx b/packages/carbon-react/src/components/FileUploader/FileUploader.mdx
new file mode 100644
index 000000000000..c00f54dc5d8e
--- /dev/null
+++ b/packages/carbon-react/src/components/FileUploader/FileUploader.mdx
@@ -0,0 +1,23 @@
+import { Props } from '@storybook/addon-docs/blocks';
+
+# FileUploader
+
+[Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/FileUploader)
+&nbsp;|&nbsp;
+[Usage guidelines](https://www.carbondesignsystem.com/components/file-uploader/usage)
+&nbsp;|&nbsp;
+[Accessibility](https://www.carbondesignsystem.com/components/file-uploader/accessibility)
+
+## Table of Contents
+
+## Overview
+
+## Component API
+
+<Props />
+
+## Feedback
+
+Help us improve this component by providing feedback, asking questions on Slack,
+or updating this file on
+[GitHub](https://github.com/carbon-design-system/carbon/edit/main/packages/react/src/components/FileUploader/FileUploader.mdx).
diff --git a/packages/carbon-react/src/components/FileUploader/FileUploader.stories.js b/packages/carbon-react/src/components/FileUploader/FileUploader.stories.js
new file mode 100644
index 000000000000..a93a5fcc6649
--- /dev/null
+++ b/packages/carbon-react/src/components/FileUploader/FileUploader.stories.js
@@ -0,0 +1,141 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* eslint-disable no-console */
+
+import React from 'react';
+import { settings } from 'carbon-components';
+import {
+  FileUploader,
+  FileUploaderButton,
+  FileUploaderDropContainer,
+  FileUploaderItem,
+  FileUploaderSkeleton,
+} from 'carbon-components-react';
+import mdx from './FileUploader.mdx';
+import './FileUploader-story.scss';
+
+const { prefix } = settings;
+
+const filenameStatuses = ['edit', 'complete', 'uploading'];
+
+export default {
+  title: 'Components/FileUploader',
+
+  parameters: {
+    component: FileUploader,
+    docs: {
+      page: mdx,
+    },
+
+    subcomponents: {
+      FileUploaderButton,
+      FileUploaderSkeleton,
+      FileUploaderItem,
+      FileUploaderDropContainer,
+    },
+  },
+};
+
+export const _FileUploader = (args) => {
+  return (
+    <div className={`${prefix}--file__container`}>
+      <FileUploader {...args} />
+    </div>
+  );
+};
+_FileUploader.args = {
+  labelTitle: 'Upload files',
+  labelDescription: 'Max file size is 500mb. Only .jpg files are supported.',
+  buttonLabel: 'Add file',
+  buttonKind: 'primary',
+  size: 'default',
+  filenameStatus: 'edit',
+  accept: ['.jpg', '.png'],
+  name: '',
+  multiple: true,
+  iconDescription: 'Clear file',
+};
+_FileUploader.argTypes = {
+  onChange: { action: 'onChange' },
+  onClick: { action: 'onClick' },
+  onDelete: { action: 'onDelete' },
+  buttonKind: {
+    control: { type: 'select' },
+    options: [
+      'primary',
+      'secondary',
+      'danger',
+      'ghost',
+      'danger--primary',
+      'tertiary',
+    ],
+  },
+  filenameStatus: {
+    control: { type: 'select' },
+    options: filenameStatuses,
+  },
+  size: {
+    control: { type: 'select' },
+    options: ['field', 'small', 'default', 'sm', 'md', 'lg'],
+  },
+};
+
+export const _FileUploaderItem = (args) => <FileUploaderItem {...args} />;
+_FileUploaderItem.args = {
+  name: 'README.md',
+  status: 'edit',
+  iconDescription: 'Clear file',
+  invalid: false,
+  errorSubject: 'File size exceeds limit',
+  errorBody: '500kb max file size. Select a new file and try again.',
+};
+_FileUploaderItem.argTypes = {
+  onDelete: { action: 'onDelete' },
+  status: {
+    control: { type: 'select' },
+    options: filenameStatuses,
+  },
+};
+
+export const _FileUploaderDropContainer = (args) => (
+  <FileUploaderDropContainer {...args} />
+);
+_FileUploaderDropContainer.args = {
+  labelText: 'Drag and drop files here or click to upload',
+  name: '',
+  multiple: true,
+  accept: ['image/jpeg', 'image/png'],
+  disabled: false,
+  role: '',
+  tabIndex: 0,
+};
+_FileUploaderDropContainer.argTypes = {
+  onChange: { action: 'onChange' },
+};
+
+export const DragAndDropUploadContainerExampleApplication = (args) =>
+  require('./stories/drop-container').default(args);
+
+DragAndDropUploadContainerExampleApplication.args = {
+  labelText: 'Drag and drop files here or click to upload',
+  name: '',
+  multiple: true,
+  accept: ['image/jpeg', 'image/png'],
+  disabled: false,
+  role: '',
+  tabIndex: 0,
+};
+DragAndDropUploadContainerExampleApplication.argTypes = {
+  onChange: { action: 'onChange' },
+};
+
+export const Skeleton = () => (
+  <div style={{ width: '500px' }}>
+    <FileUploaderSkeleton />
+  </div>
+);
diff --git a/packages/carbon-react/src/components/FileUploader/index.js b/packages/carbon-react/src/components/FileUploader/index.js
new file mode 100644
index 000000000000..752b023ecfb7
--- /dev/null
+++ b/packages/carbon-react/src/components/FileUploader/index.js
@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export {
+  FileUploader,
+  Filename,
+  FileUploaderSkeleton,
+  FileUploaderButton,
+  FileUploaderDropContainer,
+  FileUploaderItem,
+} from 'carbon-components-react';
diff --git a/packages/carbon-react/src/components/FileUploader/stories/drop-container.js b/packages/carbon-react/src/components/FileUploader/stories/drop-container.js
new file mode 100644
index 000000000000..41af86a94bf8
--- /dev/null
+++ b/packages/carbon-react/src/components/FileUploader/stories/drop-container.js
@@ -0,0 +1,193 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React, { useState, useCallback, useEffect } from 'react';
+import classnames from 'classnames';
+import { settings } from 'carbon-components';
+import {
+  FileUploaderItem,
+  FileUploaderDropContainer,
+  FormItem,
+} from 'carbon-components-react';
+// import uid from '../../../tools/uniqueId';
+import '../FileUploader-story.scss';
+
+const { prefix } = settings;
+
+// -- copied from internal/tools/uniqueId.js
+let lastId = 0;
+function uid(prefix = 'id') {
+  lastId++;
+  return `${prefix}${lastId}`;
+}
+// -- end copied
+
+const ExampleDropContainerApp = (props) => {
+  const [files, setFiles] = useState([]);
+  const handleDrop = (e) => {
+    e.preventDefault();
+  };
+
+  const handleDragover = (e) => {
+    e.preventDefault();
+  };
+
+  useEffect(() => {
+    document.addEventListener('drop', handleDrop);
+    document.addEventListener('dragover', handleDragover);
+    return () => {
+      document.removeEventListener('drop', handleDrop);
+      document.removeEventListener('dragover', handleDragover);
+    };
+  }, []);
+
+  const uploadFile = async (fileToUpload) => {
+    // file size validation
+    if (fileToUpload.filesize > 512000) {
+      const updatedFile = {
+        ...fileToUpload,
+        status: 'edit',
+        iconDescription: 'Delete file',
+        invalid: true,
+        errorSubject: 'File size exceeds limit',
+        errorBody: '500kb max file size. Select a new file and try again.',
+      };
+      setFiles((files) =>
+        files.map((file) =>
+          file.uuid === fileToUpload.uuid ? updatedFile : file
+        )
+      );
+      return;
+    }
+
+    // file type validation
+    if (fileToUpload.invalidFileType) {
+      const updatedFile = {
+        ...fileToUpload,
+        status: 'edit',
+        iconDescription: 'Delete file',
+        invalid: true,
+        errorSubject: 'Invalid file type',
+        errorBody: `"${fileToUpload.name}" does not have a valid file type.`,
+      };
+      setFiles((files) =>
+        files.map((file) =>
+          file.uuid === fileToUpload.uuid ? updatedFile : file
+        )
+      );
+      return;
+    }
+
+    // simulate network request time
+    const rand = Math.random() * 1000;
+    setTimeout(() => {
+      const updatedFile = {
+        ...fileToUpload,
+        status: 'complete',
+        iconDescription: 'Upload complete',
+      };
+      setFiles((files) =>
+        files.map((file) =>
+          file.uuid === fileToUpload.uuid ? updatedFile : file
+        )
+      );
+    }, rand);
+
+    // show x icon after 1 second
+    setTimeout(() => {
+      const updatedFile = {
+        ...fileToUpload,
+        status: 'edit',
+        iconDescription: 'Delete file',
+      };
+      setFiles((files) =>
+        files.map((file) =>
+          file.uuid === fileToUpload.uuid ? updatedFile : file
+        )
+      );
+    }, rand + 1000);
+  };
+
+  const onAddFiles = useCallback(
+    (evt, { addedFiles }) => {
+      evt.stopPropagation();
+      const newFiles = addedFiles.map((file) => ({
+        uuid: uid(),
+        name: file.name,
+        filesize: file.size,
+        status: 'uploading',
+        iconDescription: 'Uploading',
+        invalidFileType: file.invalidFileType,
+      }));
+      // eslint-disable-next-line react/prop-types
+      if (props.multiple) {
+        setFiles([...files, ...newFiles]);
+        newFiles.forEach(uploadFile);
+      } else if (newFiles[0]) {
+        setFiles([newFiles[0]]);
+        uploadFile(newFiles[0]);
+      }
+    },
+    // eslint-disable-next-line react/prop-types
+    [files, props.multiple]
+  );
+
+  const handleFileUploaderItemClick = useCallback(
+    (_, { uuid: clickedUuid }) =>
+      setFiles(files.filter(({ uuid }) => clickedUuid !== uuid)),
+    [files]
+  );
+
+  const labelClasses = classnames(`${prefix}--file--label`, {
+    // eslint-disable-next-line react/prop-types
+    [`${prefix}--file--label--disabled`]: props.disabled,
+  });
+
+  const helperTextClasses = classnames(`${prefix}--label-description`, {
+    // eslint-disable-next-line react/prop-types
+    [`${prefix}--label-description--disabled`]: props.disabled,
+  });
+
+  return (
+    <FormItem>
+      <p className={labelClasses}>Upload files</p>
+      <p className={helperTextClasses}>
+        Max file size is 500kb. Supported file types are .jpg and .png.
+      </p>
+      <FileUploaderDropContainer {...props} onAddFiles={onAddFiles} />
+      <div className={`${prefix}--file-container`} style={{ width: '100%' }}>
+        {files.map(
+          ({
+            uuid,
+            name,
+            filesize,
+            status,
+            iconDescription,
+            invalid,
+            ...rest
+          }) => (
+            <FileUploaderItem
+              key={uid()}
+              uuid={uuid}
+              name={name}
+              filesize={filesize}
+              // eslint-disable-next-line react/prop-types
+              size={props.size}
+              status={status}
+              iconDescription={iconDescription}
+              invalid={invalid}
+              onDelete={handleFileUploaderItemClick}
+              {...rest}
+            />
+          )
+        )}
+      </div>
+    </FormItem>
+  );
+};
+
+export default ExampleDropContainerApp;
diff --git a/packages/carbon-react/src/components/NumberInput/NumberInput.stories.js b/packages/carbon-react/src/components/NumberInput/NumberInput.stories.js
new file mode 100644
index 000000000000..b403c8622861
--- /dev/null
+++ b/packages/carbon-react/src/components/NumberInput/NumberInput.stories.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import { NumberInput, NumberInputSkeleton } from 'carbon-components-react';
+
+export default {
+  title: 'Components/NumberInput',
+  parameters: {
+    component: NumberInput,
+    subcomponents: {
+      NumberInputSkeleton,
+    },
+  },
+};
+
+const numberInputProps = {
+  className: 'some-class',
+  id: 'number-input-1',
+  label: 'Number Input',
+  helperText: 'Optional helper text.',
+  min: 0,
+  max: 100,
+  value: 50,
+  step: 1,
+};
+
+export const Default = () => {
+  return <NumberInput {...numberInputProps} />;
+};
+
+export const Skeleton = () => (
+  <div>
+    <NumberInputSkeleton />
+    &nbsp;
+    <NumberInputSkeleton small />
+  </div>
+);
diff --git a/packages/carbon-react/src/components/NumberInput/index.js b/packages/carbon-react/src/components/NumberInput/index.js
new file mode 100644
index 000000000000..f6f2b761d96e
--- /dev/null
+++ b/packages/carbon-react/src/components/NumberInput/index.js
@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { NumberInput } from 'carbon-components-react';
diff --git a/packages/carbon-react/src/components/Overflow/OverflowMenu.stories.js b/packages/carbon-react/src/components/Overflow/OverflowMenu.stories.js
new file mode 100644
index 000000000000..53d22796348d
--- /dev/null
+++ b/packages/carbon-react/src/components/Overflow/OverflowMenu.stories.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
+import React from 'react';
+
+export default {
+  title: 'Components/OverflowMenu',
+};
+
+export const Default = () => {
+  return (
+    <OverflowMenu>
+      <OverflowMenuItem itemText="Stop app" />
+      <OverflowMenuItem itemText="Restart app" />
+      <OverflowMenuItem itemText="Rename app" />
+      <OverflowMenuItem itemText="Edit routes and access" requireTitle />
+      <OverflowMenuItem hasDivider isDelete itemText="Delete app" />
+    </OverflowMenu>
+  );
+};
diff --git a/packages/carbon-react/src/components/Overflow/index.js b/packages/carbon-react/src/components/Overflow/index.js
new file mode 100644
index 000000000000..c83c7d3f7f47
--- /dev/null
+++ b/packages/carbon-react/src/components/Overflow/index.js
@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
diff --git a/packages/cli-reporter/package.json b/packages/cli-reporter/package.json
index 71c5994e639a..c9030e0b8d21 100644
--- a/packages/cli-reporter/package.json
+++ b/packages/cli-reporter/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/cli-reporter",
   "description": "Reporter for CLI-based tools in the Carbon Design System",
-  "version": "10.4.0",
+  "version": "10.5.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -23,6 +23,6 @@
     "access": "public"
   },
   "dependencies": {
-    "chalk": "^2.4.1"
+    "chalk": "^4.1.1"
   }
 }
diff --git a/packages/cli/package.json b/packages/cli/package.json
index 09736a8b953e..adfb860b9094 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/cli",
   "description": "Task automation for working with the Carbon Design System",
-  "version": "10.24.0",
+  "version": "10.25.0-rc.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-cli": "./bin/carbon-cli.js"
@@ -24,14 +24,14 @@
   },
   "dependencies": {
     "@babel/core": "^7.14.2",
-    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/cli-reporter": "^10.5.0-rc.0",
     "@octokit/plugin-retry": "^3.0.7",
     "@octokit/plugin-throttling": "^2.6.0",
     "@octokit/rest": "^16.28.1",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^18.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
-    "chalk": "^2.4.2",
+    "chalk": "^4.1.1",
     "change-case": "^4.1.2",
     "child-process-promise": "^2.2.1",
     "clipboardy": "^2.1.0",
diff --git a/packages/cli/src/commands/publish.js b/packages/cli/src/commands/publish.js
index 917f918e30b1..62ee081280ce 100644
--- a/packages/cli/src/commands/publish.js
+++ b/packages/cli/src/commands/publish.js
@@ -37,7 +37,8 @@ async function cleanup() {
  * creating git tags, making sure npm dist-tag's for packages are correct, and
  * will generate a changelog to be used in a GitHub release.
  *
- * @param {object}
+ * @param {object} tag
+ * @param {string} tag.tag
  * @returns {void}
  */
 async function publish({ tag, ...flags }) {
diff --git a/packages/colors/package.json b/packages/colors/package.json
index 3779dd6e445d..d2484e2b3f5c 100644
--- a/packages/colors/package.json
+++ b/packages/colors/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/colors",
   "description": "Colors for digital and software products using the Carbon Design System",
-  "version": "10.26.0",
+  "version": "10.27.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,8 +35,8 @@
     "clean": "rimraf css es lib umd scss index.scss"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
-    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/cli": "^10.25.0-rc.0",
+    "@carbon/cli-reporter": "^10.5.0-rc.0",
     "@carbon/scss-generator": "^10.13.0",
     "@carbon/test-utils": "^10.16.0",
     "change-case": "^4.1.1",
diff --git a/packages/components/demo/js/components/boot-nav.js b/packages/components/demo/js/components/boot-nav.js
index 1e15f6cd0a20..e7528c5beb58 100644
--- a/packages/components/demo/js/components/boot-nav.js
+++ b/packages/components/demo/js/components/boot-nav.js
@@ -25,6 +25,7 @@ const pollForBrowserSync = (callback) => {
 /**
  * Normalize Fractal Component instance data so the data structure can be shared with non-Fractal environment.
  * @param {object} data The Fractal Component instance data
+ * @param {Array} data.items
  * @param {string} [data.notes] The notes of the component.
  * @param {Array<object>} [data.variants] The variants of the component.
  * @returns {object} The normalized version of the Fractal Component instance data.
diff --git a/packages/components/package.json b/packages/components/package.json
index 5d7c3b90978a..c6be03f3cd7c 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "carbon-components",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "10.37.0",
+  "version": "10.38.0-rc.0",
   "license": "Apache-2.0",
   "main": "umd/index.js",
   "module": "es/index.js",
@@ -80,10 +80,10 @@
     "@babel/preset-env": "^7.14.2",
     "@babel/preset-react": "^7.13.13",
     "@babel/runtime": "^7.14.0",
-    "@carbon/cli": "^10.24.0",
-    "@carbon/elements": "^10.36.0",
-    "@carbon/icons-handlebars": "^10.33.0",
-    "@carbon/icons-react": "^10.33.0",
+    "@carbon/cli": "^10.25.0-rc.0",
+    "@carbon/elements": "^10.37.0-rc.0",
+    "@carbon/icons-handlebars": "^10.34.0-rc.0",
+    "@carbon/icons-react": "^10.34.0-rc.0",
     "@carbon/test-utils": "^10.16.0",
     "@frctl/fractal": "^1.1.0",
     "@rollup/plugin-babel": "^5.3.0",
diff --git a/packages/components/src/.eslintrc.js b/packages/components/src/.eslintrc.js
index 7ad7aecb332a..b0590a5aa2f3 100644
--- a/packages/components/src/.eslintrc.js
+++ b/packages/components/src/.eslintrc.js
@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 'use strict';
 
 const restrictedGlobals = require('eslint-restricted-globals');
@@ -37,6 +39,7 @@ module.exports = {
       },
     ],
     'class-methods-use-this': 0,
+    'func-names': 0,
     'max-len': [2, 130, 4],
     'no-plusplus': 0,
     'no-restricted-globals': ['error', 'isFinite'].concat(restrictedGlobals),
diff --git a/packages/components/src/components/radio-button/_radio-button.scss b/packages/components/src/components/radio-button/_radio-button.scss
index 9b410c09971d..d65c3073bb99 100644
--- a/packages/components/src/components/radio-button/_radio-button.scss
+++ b/packages/components/src/components/radio-button/_radio-button.scss
@@ -23,6 +23,7 @@
   .#{$prefix}--radio-button-group {
     @include reset;
 
+    position: relative;
     display: flex;
     align-items: center;
   }
diff --git a/packages/components/src/components/select/_select.scss b/packages/components/src/components/select/_select.scss
index 736255bbf4b1..7e496712e17e 100644
--- a/packages/components/src/components/select/_select.scss
+++ b/packages/components/src/components/select/_select.scss
@@ -176,6 +176,10 @@
   .#{$prefix}--select-option {
     // For the options to show in IE11
     color: $text-primary;
+
+    &:disabled {
+      color: $text-disabled;
+    }
   }
 
   .#{$prefix}--select--inline {
diff --git a/packages/components/src/components/text-input/text-input.js b/packages/components/src/components/text-input/text-input.js
index 28834654b796..a486e1bfc6a8 100644
--- a/packages/components/src/components/text-input/text-input.js
+++ b/packages/components/src/components/text-input/text-input.js
@@ -49,6 +49,7 @@ export default class TextInput extends mixin(
    * the SVG icon for visibility off
    * @param {boolean} obj.passwordIsVisible - The visibility of the password in the
    * input field
+   * @param {boolean} obj.selectorPasswordVisibilityTooltip
    */
   _setIconVisibility = ({
     iconVisibilityOn,
diff --git a/packages/components/src/components/tile/_tile.scss b/packages/components/src/components/tile/_tile.scss
index 5d1fd902a655..5de20f4b5a50 100644
--- a/packages/components/src/components/tile/_tile.scss
+++ b/packages/components/src/components/tile/_tile.scss
@@ -18,6 +18,10 @@
 /// @access private
 /// @group tile
 @mixin tile {
+  .#{$prefix}--tile-group {
+    @include reset;
+  }
+
   .#{$prefix}--tile {
     position: relative;
     display: block;
diff --git a/packages/components/src/globals/scss/_typography.scss b/packages/components/src/globals/scss/_typography.scss
index a1bcf9ea28d3..58baf00940d7 100644
--- a/packages/components/src/globals/scss/_typography.scss
+++ b/packages/components/src/globals/scss/_typography.scss
@@ -47,7 +47,9 @@ $base-font-size: 16px !default;
 }
 
 // 🔬 Experimental
+// stylelint-disable-next-line no-invalid-position-at-import-rule
 @import '../../globals/scss/vendor/@carbon/elements/scss/type/font-family';
+// stylelint-disable-next-line no-invalid-position-at-import-rule
 @import '../../globals/scss/vendor/@carbon/elements/scss/type/styles';
 
 /// Different type styles per token
diff --git a/packages/components/tests/es-test.js b/packages/components/tests/es-test.js
index 36e41c584739..6c343c2d5a70 100644
--- a/packages/components/tests/es-test.js
+++ b/packages/components/tests/es-test.js
@@ -3,7 +3,7 @@ import path from 'path';
 import { promisify } from 'util';
 import { transformAsync } from '@babel/core';
 import { minify } from 'terser';
-import { settings } from '../es/index';
+import { settings } from '../src';
 
 const readFile = promisify(fs.readFile);
 const { prefix } = settings;
diff --git a/packages/components/tests/spec/.eslintrc.js b/packages/components/tests/spec/.eslintrc.js
index 2068d7e28082..c6f9863f7cee 100644
--- a/packages/components/tests/spec/.eslintrc.js
+++ b/packages/components/tests/spec/.eslintrc.js
@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 'use strict';
 
 const restrictedGlobals = require('eslint-restricted-globals');
diff --git a/packages/elements/package.json b/packages/elements/package.json
index ac4952d1a221..234741a5653c 100644
--- a/packages/elements/package.json
+++ b/packages/elements/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/elements",
   "description": "A collection of design elements in code for the IBM Design Language",
-  "version": "10.36.0",
+  "version": "10.37.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,17 +35,17 @@
     "clean": "rimraf es lib umd && node tasks/clean.js"
   },
   "dependencies": {
-    "@carbon/colors": "^10.26.0",
-    "@carbon/grid": "^10.29.0",
-    "@carbon/icons": "^10.33.0",
+    "@carbon/colors": "^10.27.0-rc.0",
+    "@carbon/grid": "^10.30.0-rc.0",
+    "@carbon/icons": "^10.34.0-rc.0",
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.25.0",
-    "@carbon/motion": "^10.19.0",
-    "@carbon/themes": "^10.36.0",
-    "@carbon/type": "^10.29.0"
+    "@carbon/layout": "^10.26.0-rc.0",
+    "@carbon/motion": "^10.20.0-rc.0",
+    "@carbon/themes": "^10.37.0-rc.0",
+    "@carbon/type": "^10.30.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
+    "@carbon/cli": "^10.25.0-rc.0",
     "fs-extra": "^8.1.0",
     "klaw-sync": "^6.0.0",
     "replace-in-file": "^3.4.2",
diff --git a/packages/grid/package.json b/packages/grid/package.json
index 57b9773d25f9..4ee315d0691d 100644
--- a/packages/grid/package.json
+++ b/packages/grid/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/grid",
   "description": "Grid for digital and software products using the Carbon Design System",
-  "version": "10.29.0",
+  "version": "10.30.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -32,10 +32,10 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.25.0"
+    "@carbon/layout": "^10.26.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
+    "@carbon/cli": "^10.25.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {
diff --git a/packages/icon-build-helpers/package.json b/packages/icon-build-helpers/package.json
index 9b75de881802..d1c851f68545 100644
--- a/packages/icon-build-helpers/package.json
+++ b/packages/icon-build-helpers/package.json
@@ -2,7 +2,7 @@
   "name": "@carbon/icon-build-helpers",
   "private": true,
   "description": "Build helpers for the Carbon Design System icon library",
-  "version": "0.22.0",
+  "version": "0.23.0-rc.0",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "repository": {
@@ -28,8 +28,8 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/template": "^7.12.13",
     "@babel/types": "^7.14.2",
-    "@carbon/cli-reporter": "^10.4.0",
-    "@carbon/icon-helpers": "^10.18.0",
+    "@carbon/cli-reporter": "^10.5.0-rc.0",
+    "@carbon/icon-helpers": "^10.19.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-replace": "^2.4.2",
     "browserslist-config-carbon": "^10.6.1",
diff --git a/packages/icon-build-helpers/src/builders/vue/builder.js b/packages/icon-build-helpers/src/builders/vue/builder.js
index 622da7d0fc09..9fd28d734985 100644
--- a/packages/icon-build-helpers/src/builders/vue/builder.js
+++ b/packages/icon-build-helpers/src/builders/vue/builder.js
@@ -129,6 +129,8 @@ async function builder(metadata, { output }) {
  * of the component, from a given moduleName and icon descriptor.
  * @param {string} moduleName
  * @param {object} descriptor
+ * @param {object} descriptor.attrs
+ * @param {object} descriptor.content
  * @returns {object}
  */
 function createIconComponent(moduleName, { attrs, content }) {
diff --git a/packages/icon-build-helpers/src/metadata/index.js b/packages/icon-build-helpers/src/metadata/index.js
index 9fd7713a74d5..d7c3c9bf4d1a 100644
--- a/packages/icon-build-helpers/src/metadata/index.js
+++ b/packages/icon-build-helpers/src/metadata/index.js
@@ -44,7 +44,6 @@ async function check({
  * @param {object} options
  * @param {Adapter} [options.adapter] The adapter to use to load the extensions
  * @param {string} options.input The directory of source files
- * @param {string} [options.output] The directory for the built metadata
  * @param {Array<Extension>} [options.extensions] The extensions to load
  * @returns {Promise<object>}
  */
diff --git a/packages/icon-helpers/package.json b/packages/icon-helpers/package.json
index bd86b886cd3b..603ac7bfa95f 100644
--- a/packages/icon-helpers/package.json
+++ b/packages/icon-helpers/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icon-helpers",
   "description": "Helpers used alongside icons for digital and software products using the Carbon Design System",
-  "version": "10.18.0",
+  "version": "10.19.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -33,7 +33,7 @@
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
+    "@carbon/cli": "^10.25.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "sideEffects": false
diff --git a/packages/icons-handlebars/package.json b/packages/icons-handlebars/package.json
index 799194ae0e81..590c39795506 100644
--- a/packages/icons-handlebars/package.json
+++ b/packages/icons-handlebars/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-handlebars",
   "description": "Handlebars helpers for IBM Design Language icons in digital and software products using the Carbon Design System",
-  "version": "10.33.0",
+  "version": "10.34.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -26,8 +26,8 @@
     "handlebars": "^4.0.12"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.18.0",
-    "@carbon/icons": "^10.33.0"
+    "@carbon/icon-helpers": "^10.19.0-rc.0",
+    "@carbon/icons": "^10.34.0-rc.0"
   },
   "devDependencies": {
     "handlebars": "^4.0.12"
diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json
index ea2b5009bfca..b16d95059015 100644
--- a/packages/icons-react/package.json
+++ b/packages/icons-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-react",
   "description": "React components for icons in digital and software products using the Carbon Design System",
-  "version": "10.33.0",
+  "version": "10.34.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -38,13 +38,13 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.18.0",
+    "@carbon/icon-helpers": "^10.19.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.22.0",
-    "@carbon/icons": "^10.33.0",
+    "@carbon/icon-build-helpers": "^0.23.0-rc.0",
+    "@carbon/icons": "^10.34.0-rc.0",
     "rimraf": "^3.0.2"
   },
   "sideEffects": false
diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json
index 80ca9d37285f..948609def2a2 100644
--- a/packages/icons-vue/package.json
+++ b/packages/icons-vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-vue",
   "description": "Vue components for icons in digital and software products using the Carbon Design System",
-  "version": "10.33.0",
+  "version": "10.34.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -28,11 +28,11 @@
     "clean": "rimraf es lib"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.18.0"
+    "@carbon/icon-helpers": "^10.19.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli-reporter": "^10.4.0",
-    "@carbon/icons": "^10.33.0",
+    "@carbon/cli-reporter": "^10.5.0-rc.0",
+    "@carbon/icons": "^10.34.0-rc.0",
     "fs-extra": "^8.1.0",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.0",
diff --git a/packages/icons/package.json b/packages/icons/package.json
index a21cac823f6b..beda54e57f7c 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons",
   "description": "Icons for digital and software products using the Carbon Design System",
-  "version": "10.33.0",
+  "version": "10.34.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -41,8 +41,8 @@
     "svgson": "^5.2.1"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
-    "@carbon/icon-build-helpers": "^0.22.0",
+    "@carbon/cli": "^10.25.0-rc.0",
+    "@carbon/icon-build-helpers": "^0.23.0-rc.0",
     "rimraf": "^3.0.2"
   }
 }
diff --git a/packages/layout/package.json b/packages/layout/package.json
index d6bf2f5dcd8e..692d04d7ed0e 100644
--- a/packages/layout/package.json
+++ b/packages/layout/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/layout",
   "description": "Layout helpers for digital and software products using the Carbon Design System",
-  "version": "10.25.0",
+  "version": "10.26.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,8 +29,8 @@
     "clean": "rimraf es lib umd scss/generated scss/modules/generated"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
-    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/cli": "^10.25.0-rc.0",
+    "@carbon/cli-reporter": "^10.5.0-rc.0",
     "@carbon/scss-generator": "^10.13.0",
     "@carbon/test-utils": "^10.16.0",
     "core-js": "^3.6.5",
diff --git a/packages/motion/package.json b/packages/motion/package.json
index 313c22111988..785d4f9b074a 100644
--- a/packages/motion/package.json
+++ b/packages/motion/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/motion",
   "description": "Motion helpers for digital and software products using the Carbon Design System",
-  "version": "10.19.0",
+  "version": "10.20.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,7 +29,7 @@
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
+    "@carbon/cli": "^10.25.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {
diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json
index 1b5e06b39d02..fdb582750481 100644
--- a/packages/pictograms-react/package.json
+++ b/packages/pictograms-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/pictograms-react",
   "description": "React components for pictograms in digital and software products using the Carbon Design System",
-  "version": "11.11.0",
+  "version": "11.12.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,13 +37,13 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.18.0",
+    "@carbon/icon-helpers": "^10.19.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.22.0",
-    "@carbon/pictograms": "^11.11.0"
+    "@carbon/icon-build-helpers": "^0.23.0-rc.0",
+    "@carbon/pictograms": "^11.12.0-rc.0"
   },
   "sideEffects": false
 }
diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json
index 7a762cef0c98..230db1ff5825 100644
--- a/packages/pictograms/package.json
+++ b/packages/pictograms/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/pictograms",
   "description": "Pictograms for digital and software products using the Carbon Design System",
-  "version": "11.11.0",
+  "version": "11.12.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,7 +31,7 @@
     "prepublishOnly": "yarn build"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.22.0",
+    "@carbon/icon-build-helpers": "^0.23.0-rc.0",
     "rimraf": "^3.0.0"
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index b639d9e9d3ab..dd40cbb50c9a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "carbon-components-react",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "7.37.1",
+  "version": "7.38.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@carbon/feature-flags": "^0.5.0",
-    "@carbon/icons-react": "^10.33.0",
+    "@carbon/icons-react": "^10.34.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -99,9 +99,9 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
     "browserslist-config-carbon": "^10.6.1",
-    "carbon-components": "^10.37.0",
+    "carbon-components": "^10.38.0-rc.0",
     "carbon-icons": "^7.0.5",
-    "chalk": "^2.3.0",
+    "chalk": "^4.1.1",
     "cli-table": "^0.3.0",
     "core-js": "^3.6.5",
     "cross-env": "^5.2.0",
diff --git a/packages/react/src/components/DataTable/DataTable.js b/packages/react/src/components/DataTable/DataTable.js
index c1886228ff48..ae2dbe8d2937 100644
--- a/packages/react/src/components/DataTable/DataTable.js
+++ b/packages/react/src/components/DataTable/DataTable.js
@@ -213,6 +213,7 @@ export default class DataTable extends React.Component {
    * @param {object} config
    * @param {string} config.header the header we want the props for
    * @param {Function} config.onClick a custom click handler for the header
+   * @param {boolean} config.isSortable
    * @returns {object}
    */
   getHeaderProps = ({
@@ -329,6 +330,8 @@ export default class DataTable extends React.Component {
    * for a specific row.
    *
    * @param {object} [row] an optional row that we want to access the props for
+   * @param {Function} row.onClick
+   * @param {object} row.row
    * @returns {object}
    */
   getSelectionProps = ({ onClick, row, ...rest } = {}) => {
diff --git a/packages/react/src/components/DataTable/tools/filter.js b/packages/react/src/components/DataTable/tools/filter.js
index 785d395a05fa..d193cd71ff54 100644
--- a/packages/react/src/components/DataTable/tools/filter.js
+++ b/packages/react/src/components/DataTable/tools/filter.js
@@ -16,6 +16,7 @@
  * @param {Array<object>} config.headers
  * @param {object} config.cellsById object containing a map of cell id to cell
  * @param {string} config.inputValue the current input value in the Table Search
+ * @param {Function} config.getCellId
  * @returns {Array<string>} rowIds
  */
 export const defaultFilterRows = ({
diff --git a/packages/react/src/components/DataTable/tools/sorting.js b/packages/react/src/components/DataTable/tools/sorting.js
index 88839530510c..15c9d0c8e094 100644
--- a/packages/react/src/components/DataTable/tools/sorting.js
+++ b/packages/react/src/components/DataTable/tools/sorting.js
@@ -61,11 +61,12 @@ export const compareStrings = (a, b, locale = 'en') => {
  * @param {Array[string]} config.rowIds array of all the row ids in the table
  * @param {object} config.cellsById object containing a mapping of cell id to
  * cell
- * @param {string} config.direction the sort direction used to determine the
- * order the comparison is called in
  * @param {string} config.key the header key that we use to lookup the cell
  * @param {string} [config.locale] optional locale used in the comparison
  * function
+ * @param {string} config.sortDirection the sort direction used to determine the
+ * order the comparison is called in
+ * @param {Function} config.sortRow
  * @returns {Array[string]} array of sorted rowIds
  */
 export const sortRows = ({
diff --git a/packages/react/src/components/FileUploader/FileUploaderDropContainer.js b/packages/react/src/components/FileUploader/FileUploaderDropContainer.js
index 6144822ec960..0553fd5629ce 100644
--- a/packages/react/src/components/FileUploader/FileUploaderDropContainer.js
+++ b/packages/react/src/components/FileUploader/FileUploaderDropContainer.js
@@ -115,22 +115,22 @@ function FileUploaderDropContainer({
         {...rest}>
         <div className={dropareaClasses} role={role || 'button'}>
           {labelText}
-          <input
-            type="file"
-            id={uid}
-            className={`${prefix}--file-input`}
-            ref={inputRef}
-            tabIndex="-1"
-            disabled={disabled}
-            accept={accept}
-            name={name}
-            multiple={multiple}
-            onChange={handleChange}
-            onClick={(evt) => {
-              evt.target.value = null;
-            }}
-          />
         </div>
+        <input
+          type="file"
+          id={uid}
+          className={`${prefix}--file-input`}
+          ref={inputRef}
+          tabIndex="-1"
+          disabled={disabled}
+          accept={accept}
+          name={name}
+          multiple={multiple}
+          onChange={handleChange}
+          onClick={(evt) => {
+            evt.target.value = null;
+          }}
+        />
       </label>
     </div>
   );
diff --git a/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js b/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js
index caccd59ed9b7..3b6f12a3fb65 100644
--- a/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js
+++ b/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js
@@ -15,6 +15,11 @@ import { uploadFiles } from '../test-helpers';
 describe('FileUploaderDropContainer', () => {
   afterEach(cleanup);
 
+  it('should not have axe violations', async () => {
+    const { container } = render(<FileUploaderDropContainer />);
+    await expect(container).toHaveNoAxeViolations();
+  });
+
   it('should support a custom class name on the drop area', () => {
     const { container } = render(
       <FileUploaderDropContainer className="test" />
diff --git a/packages/react/src/components/FileUploader/test-helpers.js b/packages/react/src/components/FileUploader/test-helpers.js
index 430ea55db7fd..4fea541e2f43 100644
--- a/packages/react/src/components/FileUploader/test-helpers.js
+++ b/packages/react/src/components/FileUploader/test-helpers.js
@@ -31,7 +31,6 @@ export function uploadFiles(input, files = []) {
       if (!newValue) {
         input.files.length = 0;
       }
-      return newValue;
     },
   });
 
diff --git a/packages/react/src/components/Notification/Notification.js b/packages/react/src/components/Notification/Notification.js
index d70095cf668f..d8d652b646cc 100644
--- a/packages/react/src/components/Notification/Notification.js
+++ b/packages/react/src/components/Notification/Notification.js
@@ -81,9 +81,9 @@ export function NotificationButton({
   });
 
   return (
-    // eslint-disable-next-line react/button-has-type
     <button
       {...rest}
+      // eslint-disable-next-line react/button-has-type
       type={type}
       aria-label={iconDescription}
       title={iconDescription}
diff --git a/packages/react/src/components/Notification/next/Notification.js b/packages/react/src/components/Notification/next/Notification.js
index 7c6389777b29..139f34c4f399 100644
--- a/packages/react/src/components/Notification/next/Notification.js
+++ b/packages/react/src/components/Notification/next/Notification.js
@@ -102,9 +102,9 @@ export function NotificationButton({
   });
 
   return (
-    // eslint-disable-next-line react/button-has-type
     <button
       {...rest}
+      // eslint-disable-next-line react/button-has-type
       type={type}
       aria-label={iconDescription}
       title={iconDescription}
diff --git a/packages/react/src/components/Slider/Slider.js b/packages/react/src/components/Slider/Slider.js
index 8614668532d9..58dd4cd281f3 100644
--- a/packages/react/src/components/Slider/Slider.js
+++ b/packages/react/src/components/Slider/Slider.js
@@ -222,7 +222,11 @@ export default class Slider extends PureComponent {
 
     // If value from props does not change, do nothing here.
     // Otherwise, do prop -> state sync without "value capping".
-    if (prevProps.value === this.props.value) {
+    if (
+      prevProps.value === this.props.value &&
+      prevProps.max === this.props.max &&
+      prevProps.min === this.props.min
+    ) {
       return;
     }
     this.setState(
@@ -457,7 +461,8 @@ export default class Slider extends PureComponent {
       if (value == null) {
         value = this.state.value;
       }
-      leftPercent = (value - this.props.min) / range;
+      // prevent NaN calculation if the range is 0
+      leftPercent = range === 0 ? 0 : (value - this.props.min) / range;
     }
 
     if (useRawValue) {
diff --git a/packages/react/src/components/Tooltip/Tooltip-story.js b/packages/react/src/components/Tooltip/Tooltip-story.js
index 5801e74235e5..03e25e764ca9 100644
--- a/packages/react/src/components/Tooltip/Tooltip-story.js
+++ b/packages/react/src/components/Tooltip/Tooltip-story.js
@@ -17,7 +17,6 @@ import {
 import Tooltip from '../Tooltip';
 import { Tooltip as OGTooltip } from './Tooltip';
 import Button from '../Button';
-import TextInput from '../TextInput';
 import { OverflowMenuVertical16 } from '@carbon/icons-react';
 import mdx from './Tooltip.mdx';
 
@@ -272,118 +271,3 @@ OnlyCustomIcon.parameters = {
 export const UncontrolledTooltip = () => <UncontrolledTooltipExample />;
 
 UncontrolledTooltip.storyName = 'uncontrolled tooltip';
-
-export const App = () => (
-  <div>
-    <Tooltip
-      className="view-example-tooltip"
-      triggerClassName="view-example-tooltip-trigger"
-      triggerText={
-        <div className="view-example-text">
-          <span>example1</span>
-        </div>
-      }
-      align="start"
-      direction="bottom"
-      showIcon={false}>
-      <div>
-        <div className="bx--snippet">
-          <div className="bx--snippet-container">
-            <code>
-              <pre>
-                <span>This is the first message.</span>
-              </pre>
-            </code>
-          </div>
-          <Button />
-        </div>
-      </div>
-    </Tooltip>
-    <Tooltip
-      className="view-example-tooltip2"
-      triggerClassName="view-example-tooltip-trigger2"
-      triggerText={
-        <div className="view-example-text2">
-          <span>example2</span>
-        </div>
-      }
-      align="start"
-      direction="bottom"
-      showIcon={false}>
-      <div className="bx--snippet">
-        <div className="bx--snippet-container">
-          <code>
-            <pre>
-              <span>This is the second message.</span>
-            </pre>
-          </code>
-        </div>
-        <Button />
-      </div>
-    </Tooltip>
-  </div>
-);
-
-export const App2 = () => {
-  const getTooltip = (id, label, includeId, withButton) => (
-    <Tooltip
-      tooltipId={(id && `tooltip-${id}`) || undefined}
-      triggerText={label}>
-      <p>
-        This is some tooltip text. This box shows the maximum amount of text
-        that should appear inside. If more room is needed please use a modal
-        instead.
-      </p>
-      <div className={`${prefix}--tooltip__footer`}>
-        {withButton && (
-          <a href="/" className={`${prefix}--link`}>
-            Learn More
-          </a>
-        )}
-        {withButton && <Button size="small">Create</Button>}
-      </div>
-    </Tooltip>
-  );
-  const getTextInput = (id, label, includeId, withButton) => (
-    <TextInput
-      style={{ marginBottom: 20 }}
-      id={id}
-      labelText={getTooltip(`tooltip-${id}`, label, includeId, withButton)}
-    />
-  );
-
-  return (
-    <div className="app">
-      {getTextInput('bad-text-input-1', 'Text input (tooltip with id) 1', true)}
-      {getTextInput(
-        'bad-text-input-2',
-        'Text input (tooltip with id) 2',
-        true,
-        true
-      )}
-      {getTextInput(
-        'bad-text-input-3',
-        'Text input (tooltip with id) 3',
-        true,
-        true
-      )}
-      {getTextInput(
-        'good-text-input-1',
-        'Text input (tooltip with no id) 1',
-        false
-      )}
-      {getTextInput(
-        'good-text-input-2',
-        'Text input (tooltip with no id) 2',
-        false,
-        true
-      )}
-      {getTextInput(
-        'good-text-input-3',
-        'Text input (tooltip with no id) 3',
-        false,
-        true
-      )}
-    </div>
-  );
-};
diff --git a/packages/react/src/components/TreeView/TreeNode.js b/packages/react/src/components/TreeView/TreeNode.js
index e6e4d4fb3881..44380400436e 100644
--- a/packages/react/src/components/TreeView/TreeNode.js
+++ b/packages/react/src/components/TreeView/TreeNode.js
@@ -195,6 +195,7 @@ export default function TreeNode({
     );
   }
   return (
+    // eslint-disable-next-line jsx-a11y/role-supports-aria-props
     <li {...treeNodeProps} aria-expanded={!!expanded}>
       <div className={`${prefix}--tree-node__label`} ref={currentNodeLabel}>
         {/* https://github.com/carbon-design-system/carbon/pull/6008#issuecomment-675738670 */}
diff --git a/packages/react/src/components/UIShell/SideNavLink.js b/packages/react/src/components/UIShell/SideNavLink.js
index 9fcd9e7f2330..94038394726f 100644
--- a/packages/react/src/components/UIShell/SideNavLink.js
+++ b/packages/react/src/components/UIShell/SideNavLink.js
@@ -82,6 +82,7 @@ SideNavLink.defaultProps = {
   large: false,
 };
 
+// eslint-disable-next-line react/display-name
 export const createCustomSideNavLink = (element) => (props) => {
   return <SideNavLink element={element} {...props} />;
 };
diff --git a/packages/react/src/internal/wrapFocus.js b/packages/react/src/internal/wrapFocus.js
index b9f8381b0ad0..c51ac9cc34e3 100644
--- a/packages/react/src/internal/wrapFocus.js
+++ b/packages/react/src/internal/wrapFocus.js
@@ -36,7 +36,7 @@ function elementOrParentIsFloatingMenu(
 /**
  * Ensures the focus is kept in the given `modalNode`, implementing "focus-wrap" behavior.
  * @param {object} options The options.
- * @param {Node} options.modalNode The DOM node of the inner modal.
+ * @param {Node} options.bodyNode
  * @param {Node} options.startTrapNode The DOM node of the focus sentinel the is placed earlier next to `modalNode`.
  * @param {Node} options.endTrapNode The DOM node of the focus sentinel the is placed next to `modalNode`.
  * @param {Node} options.currentActiveNode The DOM node that has focus.
diff --git a/packages/sketch/package.json b/packages/sketch/package.json
index 1ee88566de61..d6b6f4a4c69d 100644
--- a/packages/sketch/package.json
+++ b/packages/sketch/package.json
@@ -2,7 +2,7 @@
   "name": "@carbon/sketch",
   "private": true,
   "description": "Tooling for generating a sketch plugin to bring code to design",
-  "version": "10.35.0",
+  "version": "10.36.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -28,11 +28,11 @@
     "skpm:link": "skpm-link"
   },
   "dependencies": {
-    "@carbon/colors": "^10.26.0",
-    "@carbon/icon-helpers": "^10.18.0",
-    "@carbon/icons": "^10.33.0",
-    "@carbon/themes": "^10.36.0",
-    "@carbon/type": "^10.29.0",
+    "@carbon/colors": "^10.27.0-rc.0",
+    "@carbon/icon-helpers": "^10.19.0-rc.0",
+    "@carbon/icons": "^10.34.0-rc.0",
+    "@carbon/themes": "^10.37.0-rc.0",
+    "@carbon/type": "^10.30.0-rc.0",
     "@skpm/builder": "^0.7.0",
     "color-string": "^1.5.3",
     "core-js": "^3.11.1",
diff --git a/packages/styles/package.json b/packages/styles/package.json
index ac464fb503a0..40a495cb8173 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -2,7 +2,7 @@
   "name": "@carbon/styles",
   "private": true,
   "description": "Styles for the Carbon Design System",
-  "version": "0.8.0",
+  "version": "0.9.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -18,13 +18,13 @@
     "react"
   ],
   "dependencies": {
-    "@carbon/colors": "^10.26.0",
+    "@carbon/colors": "^10.27.0-rc.0",
     "@carbon/feature-flags": "^0.5.0",
-    "@carbon/grid": "^10.29.0",
-    "@carbon/layout": "^10.25.0",
-    "@carbon/motion": "^10.19.0",
-    "@carbon/themes": "^10.36.0",
-    "@carbon/type": "^10.29.0"
+    "@carbon/grid": "^10.30.0-rc.0",
+    "@carbon/layout": "^10.26.0-rc.0",
+    "@carbon/motion": "^10.20.0-rc.0",
+    "@carbon/themes": "^10.37.0-rc.0",
+    "@carbon/type": "^10.30.0-rc.0"
   },
   "devDependencies": {
     "@carbon/test-utils": "^10.16.0"
diff --git a/packages/styles/scss/components/__tests__/date-picker-test.js b/packages/styles/scss/components/__tests__/date-picker-test.js
new file mode 100644
index 000000000000..505604af9d92
--- /dev/null
+++ b/packages/styles/scss/components/__tests__/date-picker-test.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/date-picker', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:meta';
+      @use '../date-picker';
+
+      $_: get('mixin', meta.mixin-exists('date-picker', 'date-picker'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
diff --git a/packages/styles/scss/components/__tests__/file-uploader.js b/packages/styles/scss/components/__tests__/file-uploader.js
new file mode 100644
index 000000000000..35e4eb06073c
--- /dev/null
+++ b/packages/styles/scss/components/__tests__/file-uploader.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/file-uploader', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+      @use 'sass:map';
+      @use 'sass:meta';
+      @use '../file-uploader';
+
+      $_: get('mixin', meta.mixin-exists('file-uploader', 'file-uploader'));
+    `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
diff --git a/packages/styles/scss/components/__tests__/modal-test.js b/packages/styles/scss/components/__tests__/modal-test.js
new file mode 100644
index 000000000000..530d38702097
--- /dev/null
+++ b/packages/styles/scss/components/__tests__/modal-test.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/modal', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../modal';
+ 
+       $_: get('mixin', meta.mixin-exists('modal', 'modal'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
diff --git a/packages/styles/scss/components/__tests__/number-input-test.js b/packages/styles/scss/components/__tests__/number-input-test.js
new file mode 100644
index 000000000000..01811005979e
--- /dev/null
+++ b/packages/styles/scss/components/__tests__/number-input-test.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/number-input', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../number-input';
+ 
+       $_: get('mixin', meta.mixin-exists('number-input', 'number-input'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
diff --git a/packages/styles/scss/components/__tests__/overflow-menu-test.js b/packages/styles/scss/components/__tests__/overflow-menu-test.js
new file mode 100644
index 000000000000..1d0d6d827789
--- /dev/null
+++ b/packages/styles/scss/components/__tests__/overflow-menu-test.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @jest-environment node
+ */
+
+'use strict';
+
+const { SassRenderer } = require('@carbon/test-utils/scss');
+
+const { render } = SassRenderer.create(__dirname);
+
+describe('scss/components/overflow-menu', () => {
+  test('Public API', async () => {
+    const { unwrap } = await render(`
+       @use 'sass:map';
+       @use 'sass:meta';
+       @use '../overflow-menu';
+ 
+       $_: get('mixin', meta.mixin-exists('overflow-menu', 'overflow-menu'));
+     `);
+    expect(unwrap('mixin')).toBe(true);
+  });
+});
diff --git a/packages/styles/scss/components/_index.scss b/packages/styles/scss/components/_index.scss
index 8945198e7463..6a178b3e3d30 100644
--- a/packages/styles/scss/components/_index.scss
+++ b/packages/styles/scss/components/_index.scss
@@ -10,12 +10,17 @@
 @use 'breadcrumb';
 @use 'checkbox';
 @use 'code-snippet';
+@use 'date-picker';
+@use 'file-uploader';
 @use 'link';
 @use 'list';
 @use 'loading';
 @use 'menu';
+@use 'modal';
 @use 'data-table';
 @use 'data-table/action';
 @use 'data-table/expandable';
 @use 'data-table/skeleton';
 @use 'data-table/sort';
+@use 'overflow-menu';
+@use 'number-input';
diff --git a/packages/styles/scss/components/date-picker/_date-picker.scss b/packages/styles/scss/components/date-picker/_date-picker.scss
new file mode 100644
index 000000000000..98eda3df8e6e
--- /dev/null
+++ b/packages/styles/scss/components/date-picker/_date-picker.scss
@@ -0,0 +1,211 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../../colors' as *;
+@use '../../config' as *;
+@use '../../motion' as *;
+@use '../../theme' as *;
+@use '../../spacing' as *;
+@use '../../type' as *;
+@use '../form/form';
+@use '../../utilities/component-reset';
+@use '../../utilities/convert' as *;
+@use '../../utilities/focus-outline' as *;
+@use '../../utilities/high-contrast-mode' as *;
+@use '../../utilities/placeholder-colors' as *;
+@use '../../utilities/skeleton' as *;
+@use 'flatpickr' as *;
+
+/// Date picker styles
+/// @access public
+/// @group date-picker
+@mixin date-picker {
+  @include flatpickr;
+
+  .#{$prefix}--date-picker {
+    display: flex;
+  }
+
+  // V11: Possibly deprecate
+  .#{$prefix}--date-picker--light .#{$prefix}--date-picker__input {
+    background: $field-02;
+  }
+
+  .#{$prefix}--date-picker ~ .#{$prefix}--label {
+    order: 1;
+  }
+
+  .#{$prefix}--date-picker-container {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .#{$prefix}--date-picker-input__wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple
+    .#{$prefix}--date-picker__input,
+  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple .#{$prefix}--label {
+    width: rem(120px);
+  }
+
+  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple
+    .#{$prefix}--date-picker-input__wrapper--invalid,
+  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple
+    .#{$prefix}--date-picker-input__wrapper--warn {
+    .#{$prefix}--date-picker__input,
+    ~ .#{$prefix}--form-requirement {
+      width: rem(152px);
+    }
+  }
+
+  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple.#{$prefix}--date-picker--short {
+    .#{$prefix}--date-picker__input {
+      width: 5.7rem;
+    }
+  }
+
+  .#{$prefix}--date-picker.#{$prefix}--date-picker--single
+    .#{$prefix}--date-picker__input {
+    width: rem(288px);
+  }
+
+  .#{$prefix}--date-picker
+    .#{$prefix}--date-picker-input__wrapper--warn
+    ~ .#{$prefix}--form-requirement {
+    color: $text-primary;
+  }
+  .#{$prefix}--date-picker__input {
+    @include component-reset.reset;
+    @include type-style('code-02');
+    @include focus-outline('reset');
+
+    position: relative;
+    display: block;
+    height: rem(40px);
+    padding: 0 $spacing-05;
+    border: none;
+    border-bottom: 1px solid $border-strong;
+    background-color: $field;
+    color: $text-primary;
+    transition: $duration-fast-01 motion(standard, productive) all;
+
+    &:focus,
+    &.#{$prefix}--focused {
+      @include focus-outline('outline');
+    }
+
+    &:disabled {
+      border-bottom: 1px solid transparent;
+      background-color: $field-disabled;
+      color: $text-disabled;
+      cursor: not-allowed;
+    }
+
+    &:disabled::placeholder {
+      color: $text-disabled;
+    }
+
+    &:disabled:hover {
+      border-bottom: 1px solid transparent;
+    }
+
+    &::placeholder {
+      @include placeholder-colors;
+    }
+  }
+
+  // Size variant styles
+  // TODO V11: Remove xl selector
+  .#{$prefix}--date-picker__input--xl,
+  .#{$prefix}--date-picker__input--lg {
+    height: rem(48px);
+  }
+
+  .#{$prefix}--date-picker__input--sm {
+    height: rem(32px);
+  }
+
+  .#{$prefix}--date-picker__icon {
+    position: absolute;
+    z-index: 1;
+    // vertically center icon within parent container on IE11
+    top: 50%;
+    right: 1rem;
+    cursor: pointer;
+    fill: $icon-primary;
+    transform: translateY(-50%);
+  }
+
+  .#{$prefix}--date-picker__icon--invalid,
+  .#{$prefix}--date-picker__icon--warn {
+    cursor: auto;
+  }
+
+  .#{$prefix}--date-picker__icon--warn {
+    fill: $support-warning;
+  }
+
+  // V11: Do we have an always black token?
+  .#{$prefix}--date-picker__icon--warn path:first-of-type {
+    fill: $black-100;
+    opacity: 1;
+  }
+
+  .#{$prefix}--date-picker__icon--invalid {
+    fill: $support-error;
+  }
+
+  .#{$prefix}--date-picker__icon ~ .#{$prefix}--date-picker__input {
+    padding-right: $spacing-09;
+  }
+
+  .#{$prefix}--date-picker__input:disabled ~ .#{$prefix}--date-picker__icon {
+    cursor: not-allowed;
+    fill: $icon-disabled;
+  }
+
+  .#{$prefix}--date-picker--range
+    > .#{$prefix}--date-picker-container:first-child {
+    margin-right: rem(1px);
+  }
+
+  .#{$prefix}--date-picker--range .#{$prefix}--date-picker-container,
+  .#{$prefix}--date-picker--range .#{$prefix}--date-picker__input {
+    width: rem(143.5px);
+  }
+
+  // Skeleton State
+  .#{$prefix}--date-picker.#{$prefix}--skeleton input,
+  .#{$prefix}--date-picker__input.#{$prefix}--skeleton {
+    @include skeleton;
+
+    width: 100%;
+
+    &::placeholder {
+      color: transparent;
+    }
+  }
+
+  .#{$prefix}--date-picker.#{$prefix}--skeleton .#{$prefix}--label {
+    @include skeleton;
+
+    width: rem(75px);
+    height: rem(14px);
+  }
+
+  // Windows HCM fix
+  // stylelint-disable-next-line no-duplicate-selectors
+  .#{$prefix}--date-picker__icon {
+    @include high-contrast-mode('icon-fill');
+  }
+}
diff --git a/packages/styles/scss/components/date-picker/_flatpickr.scss b/packages/styles/scss/components/date-picker/_flatpickr.scss
new file mode 100644
index 000000000000..aaa3b250771a
--- /dev/null
+++ b/packages/styles/scss/components/date-picker/_flatpickr.scss
@@ -0,0 +1,538 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+// @use '../../config' as *;
+@use '../../motion' as *;
+@use '../../theme' as *;
+@use '../../spacing' as *;
+@use '../../type' as *;
+@use '../../utilities/box-shadow' as *;
+@use '../../utilities/convert' as *;
+@use '../../utilities/focus-outline' as *;
+@use '../../utilities/high-contrast-mode' as *;
+
+@keyframes fpFadeInDown {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -20px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fpSlideLeft {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes fpSlideLeftNew {
+  from {
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fpSlideRight {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes fpSlideRightNew {
+  from {
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fpFadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fpFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@mixin flatpickr {
+  .flatpickr-calendar {
+    position: absolute;
+    overflow: hidden;
+    width: rem(315px);
+    max-height: 0;
+    box-sizing: border-box;
+    padding: 0;
+    border: 0;
+    animation: none;
+    border-radius: 0;
+    direction: ltr;
+    opacity: 0;
+    text-align: center;
+    touch-action: manipulation;
+    visibility: hidden;
+    @include high-contrast-mode('outline');
+  }
+
+  .flatpickr-calendar.open,
+  .flatpickr-calendar.inline {
+    overflow: visible;
+    max-height: rem(640px);
+    opacity: 1;
+    visibility: inherit;
+  }
+
+  .flatpickr-calendar.open {
+    @include box-shadow;
+
+    z-index: 99999;
+    display: flex;
+    overflow: hidden;
+    width: rem(288px);
+    height: rem(336px);
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: $spacing-02 $spacing-02 $spacing-03 $spacing-02;
+    border: none;
+    margin-top: rem(-2px);
+    background-color: $ui-01;
+
+    &:focus {
+      @include focus-outline('border');
+    }
+  }
+
+  .flatpickr-calendar.animate.open {
+    animation: fpFadeInDown $duration-fast-02 motion(entrance, productive);
+  }
+
+  .flatpickr-calendar.inline {
+    position: relative;
+    top: rem(2px);
+    display: block;
+  }
+
+  .flatpickr-calendar.static {
+    position: absolute;
+    top: calc(100% + 2px);
+  }
+
+  .flatpickr-calendar.static.open {
+    z-index: 999;
+    display: block;
+  }
+
+  .flatpickr-calendar.hasWeeks {
+    width: auto;
+  }
+
+  .dayContainer {
+    display: flex;
+    height: rem(246px);
+    flex-wrap: wrap;
+    justify-content: space-around;
+    padding: 0;
+    outline: 0;
+  }
+
+  .flatpickr-calendar .hasWeeks .dayContainer,
+  .flatpickr-calendar .hasTime .dayContainer {
+    border-bottom: 0;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .flatpickr-calendar .hasWeeks .dayContainer {
+    border-left: 0;
+  }
+
+  .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
+    height: rem(40px);
+    border-top: 1px solid #e6e6e6;
+  }
+
+  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
+    height: auto;
+  }
+
+  .flatpickr-calendar:focus {
+    outline: 0;
+  }
+
+  .flatpickr-months {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  .flatpickr-month {
+    @include type-style('productive-heading-01');
+
+    display: flex;
+    height: rem(40px);
+    align-items: center;
+    background-color: transparent;
+    color: $text-01;
+    line-height: 1;
+    text-align: center;
+  }
+
+  .flatpickr-prev-month,
+  .flatpickr-next-month {
+    z-index: 3;
+    display: flex;
+    width: rem(40px);
+    height: rem(40px);
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    cursor: pointer;
+    fill: $icon-01;
+    line-height: 16px;
+    text-decoration: none;
+    transform: scale(1, 1) #{'/*rtl: scale(-1,1)*/'};
+    transition: background-color $duration-fast-01 motion(standard, productive);
+    // Windows HCM fix
+    @include high-contrast-mode('icon-fill');
+
+    &:hover {
+      background-color: $hover-ui;
+    }
+  }
+
+  .flatpickr-next-month.disabled svg,
+  .flatpickr-prev-month.disabled svg {
+    cursor: not-allowed;
+    fill: $ui-05;
+  }
+
+  .flatpickr-next-month.disabled:hover svg,
+  .flatpickr-prev-month.disabled:hover svg {
+    fill: $ui-05;
+  }
+
+  .flatpickr-current-month {
+    @include type-style('productive-heading-01');
+
+    display: flex;
+    height: rem(28px);
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .flatpickr-current-month .cur-month {
+    margin-right: $spacing-02;
+    margin-left: $spacing-02;
+
+    &:hover {
+      background-color: $hover-ui;
+    }
+  }
+
+  .numInputWrapper {
+    position: relative;
+    width: rem(60px);
+
+    &:hover {
+      background-color: $hover-ui;
+    }
+  }
+
+  .numInputWrapper .numInput {
+    display: inline-block;
+    width: 100%;
+    padding: $spacing-02;
+    border: none;
+    margin: 0;
+    // Added in when upgraded to Flatpickr 4.5.5 (#1977)
+    -moz-appearance: textfield; /* Firefox */
+    background-color: $field-01;
+    color: $text-01;
+    cursor: default;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: 600;
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
+      // Added in when upgraded to Flatpickr 4.5.5 (#1977)
+      -webkit-appearance: none;
+    }
+
+    &:focus {
+      @include focus-outline('border');
+    }
+
+    &[disabled],
+    &[disabled]:hover {
+      background-color: $ui-01;
+      color: $disabled-02;
+      pointer-events: none;
+    }
+  }
+
+  .numInputWrapper .arrowUp {
+    top: rem(4px);
+    border-bottom: 0;
+
+    &::after {
+      border-bottom: rem(4px) solid $icon-01;
+    }
+  }
+
+  .numInputWrapper .arrowDown {
+    top: rem(11px);
+
+    &::after {
+      border-top: rem(4px) solid $icon-01;
+    }
+  }
+
+  .numInputWrapper .arrowUp,
+  .numInputWrapper .arrowDown {
+    position: absolute;
+    left: 2.6rem;
+    width: rem(12px);
+    height: 50%;
+    padding: 0 rem(4px) 0 rem(2px);
+    border: none;
+    cursor: pointer;
+    line-height: 50%;
+    opacity: 0;
+
+    &::after {
+      position: absolute;
+      top: 33%;
+      display: block;
+      border-right: rem(4px) solid transparent;
+      border-left: rem(4px) solid transparent;
+      content: '';
+    }
+
+    &:hover::after {
+      border-top-color: $interactive-01;
+      border-bottom-color: $interactive-01;
+    }
+
+    &:active::after {
+      border-top-color: $interactive-04;
+      border-bottom-color: $interactive-04;
+    }
+  }
+
+  .numInput[disabled] ~ .arrowUp::after {
+    border-bottom-color: $disabled-02;
+  }
+
+  .numInput[disabled] ~ .arrowDown::after {
+    border-top-color: $disabled-02;
+  }
+
+  .numInputWrapper:hover .arrowUp,
+  .numInputWrapper:hover .arrowDown {
+    opacity: 1;
+  }
+
+  .numInputWrapper:hover .numInput[disabled] ~ .arrowUp,
+  .numInputWrapper:hover .numInput[disabled] ~ .arrowDown {
+    opacity: 0;
+  }
+
+  .flatpickr-weekdays {
+    display: flex;
+    height: rem(40px);
+    align-items: center;
+  }
+
+  .flatpickr-weekdaycontainer {
+    display: flex;
+    width: 100%;
+  }
+
+  .flatpickr-weekday {
+    @include type-style('body-short-01');
+
+    flex: 1;
+    color: $text-01;
+    cursor: default;
+  }
+
+  .flatpickr-days:focus {
+    outline: 0;
+  }
+
+  .flatpickr-calendar.animate .dayContainer.slideLeft {
+    animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1),
+      fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  }
+
+  .flatpickr-calendar.animate .dayContainer.slideLeft,
+  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  .flatpickr-calendar.animate .dayContainer.slideLeftNew {
+    animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1),
+      fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  }
+
+  .flatpickr-calendar.animate .dayContainer.slideRight {
+    animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1),
+      fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  .flatpickr-calendar.animate .dayContainer.slideRightNew {
+    animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1),
+      fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  }
+
+  .flatpickr-day {
+    @include type-style('body-short-01');
+
+    display: flex;
+    width: rem(40px);
+    height: rem(40px);
+    align-items: center;
+    justify-content: center;
+    color: $text-01;
+    cursor: pointer;
+    transition: all $duration-fast-01 motion(standard, productive);
+
+    &:hover {
+      background: $hover-ui;
+    }
+
+    &:focus {
+      @include focus-outline('outline');
+
+      outline-color: $interactive-01;
+    }
+  }
+
+  .nextMonthDay,
+  .prevMonthDay {
+    color: $text-05;
+  }
+
+  .flatpickr-day.today {
+    position: relative;
+    color: $link-01;
+    font-weight: 600;
+
+    &::after {
+      position: absolute;
+      bottom: rem(7px);
+      left: 50%;
+      display: block;
+      width: rem(4px);
+      height: rem(4px);
+      background-color: $link-01;
+      content: '';
+      transform: translateX(-50%);
+    }
+  }
+
+  .flatpickr-day.today.no-border {
+    border: none;
+  }
+
+  .flatpickr-day.today.selected {
+    @include focus-outline('outline');
+
+    &::after {
+      display: none;
+    }
+  }
+
+  .flatpickr-day.inRange {
+    background-color: $highlight;
+    color: $text-01;
+  }
+
+  .flatpickr-day.selected {
+    background-color: $interactive-01;
+    color: $text-04;
+    @include high-contrast-mode('focus') {
+      outline-style: dotted;
+    }
+
+    &:focus {
+      outline: rem(1px) solid $ui-02;
+      outline-offset: rem(-3px);
+    }
+  }
+
+  .flatpickr-day.startRange.selected {
+    z-index: 2;
+    box-shadow: none;
+  }
+
+  .flatpickr-day.startRange.inRange:not(.selected),
+  .flatpickr-day.endRange.inRange {
+    @include focus-outline('outline');
+
+    z-index: 3;
+    background: $ui-01;
+  }
+
+  .flatpickr-day.endRange:hover {
+    @include focus-outline('outline');
+
+    background: $ui-01;
+    color: $text-01;
+  }
+
+  .flatpickr-day.endRange.inRange.selected {
+    background: $interactive-01;
+    color: $text-04;
+  }
+
+  .flatpickr-day.flatpickr-disabled {
+    color: $disabled-02;
+    cursor: not-allowed;
+
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+  .flatpickr-input[readonly] {
+    cursor: pointer;
+  }
+
+  .flatpickr-day.today,
+  .flatpickr-day.inRange {
+    @include high-contrast-mode {
+      color: Highlight;
+    }
+  }
+}
diff --git a/packages/styles/scss/components/date-picker/_index.scss b/packages/styles/scss/components/date-picker/_index.scss
new file mode 100644
index 000000000000..8eadcb442716
--- /dev/null
+++ b/packages/styles/scss/components/date-picker/_index.scss
@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'date-picker';
+@use 'date-picker';
+
+@include date-picker.date-picker;
diff --git a/packages/styles/scss/components/file-uploader/_file-uploader.scss b/packages/styles/scss/components/file-uploader/_file-uploader.scss
new file mode 100644
index 000000000000..54863d4e6c30
--- /dev/null
+++ b/packages/styles/scss/components/file-uploader/_file-uploader.scss
@@ -0,0 +1,348 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../../config' as *;
+@use '../../motion' as *;
+@use '../../spacing' as *;
+@use '../../theme' as *;
+@use '../../type' as *;
+@use '../../utilities/convert' as *;
+@use '../../utilities/focus-outline' as *;
+@use '../../utilities/high-contrast-mode' as *;
+@use '../../utilities/visually-hidden' as *;
+
+@use '../button';
+@use '../form';
+@use '../loading';
+
+/// File uploader styles
+/// @access public
+/// @group file-uploader
+@mixin file-uploader {
+  .#{$prefix}--file {
+    width: 100%;
+  }
+
+  .#{$prefix}--file--invalid {
+    margin-right: $spacing-03;
+    fill: $support-error;
+  }
+
+  // TODO: sync with type
+  .#{$prefix}--file--label {
+    @include reset;
+    @include type-style('productive-heading-01');
+
+    margin-bottom: $spacing-03;
+    color: $text-primary;
+  }
+
+  .#{$prefix}--file--label--disabled {
+    color: $text-disabled;
+  }
+
+  .#{$prefix}--file-input {
+    @include visually-hidden;
+  }
+
+  // This class is of old markup with "select file" button
+  // New code should use link-style "select file" UI (`.bx--file-browse-btn`)
+  // TODO: deprecate this block
+  .#{$prefix}--file-btn {
+    display: inline-flex;
+    padding-right: rem(64px);
+    margin: 0;
+  }
+
+  .#{$prefix}--file-browse-btn {
+    display: inline-block;
+    width: 100%;
+    max-width: rem(320px);
+    margin-bottom: $spacing-03;
+    color: $link-primary;
+    cursor: pointer;
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    transition: $duration-fast-02 motion(standard, productive);
+
+    &:focus,
+    &:hover {
+      outline: 2px solid $focus;
+    }
+
+    &:hover,
+    &:focus,
+    &:active,
+    &:active:visited {
+      text-decoration: underline;
+    }
+
+    &:active {
+      color: $text-primary;
+    }
+  }
+
+  .#{$prefix}--file-browse-btn--disabled {
+    color: $text-disabled;
+    cursor: no-drop;
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: $text-disabled;
+      outline: none;
+      text-decoration: none;
+    }
+  }
+
+  .#{$prefix}--file-browse-btn--disabled .#{$prefix}--file__drop-container {
+    border: 1px dashed $button-disabled;
+  }
+
+  .#{$prefix}--label-description {
+    @include reset;
+    @include type-style('body-short-01');
+
+    margin-bottom: $spacing-05;
+    color: $text-secondary;
+  }
+
+  .#{$prefix}--label-description--disabled {
+    color: $text-disabled;
+  }
+
+  // For backwards compatibility
+  .#{$prefix}--file-btn ~ .#{$prefix}--file-container {
+    margin-top: $spacing-06;
+  }
+
+  .#{$prefix}--btn ~ .#{$prefix}--file-container {
+    margin-top: $spacing-05;
+  }
+
+  .#{$prefix}--file .#{$prefix}--file-container,
+  .#{$prefix}--file ~ .#{$prefix}--file-container {
+    margin-top: $spacing-03;
+  }
+
+  .#{$prefix}--file__selected-file {
+    display: grid;
+    max-width: rem(320px);
+    min-height: $spacing-09;
+    align-items: center;
+    margin-bottom: $spacing-03;
+    background-color: $field;
+    gap: rem(12px) $spacing-05;
+    grid-auto-rows: auto;
+    grid-template-columns: 1fr auto;
+    word-break: break-word;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .#{$prefix}--form-requirement {
+      display: block;
+      max-height: none;
+      margin: 0;
+      grid-column: 1 / -1;
+    }
+
+    .#{$prefix}--inline-loading__animation .#{$prefix}--loading {
+      // Vanilla markup has `.bx--inline-loading__animation` which is used for `margin-right` adjustment
+      margin-right: 0;
+    }
+
+    .#{$prefix}--file-filename {
+      @include type-style('body-short-01');
+
+      overflow: hidden;
+      margin-left: $spacing-05;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  // V11: Remove --field
+  .#{$prefix}--file__selected-file--field,
+  .#{$prefix}--file__selected-file--md {
+    min-height: rem(40px);
+    gap: $spacing-03 $spacing-05;
+  }
+
+  .#{$prefix}--file__selected-file--sm {
+    min-height: rem(32px);
+    gap: $spacing-02 $spacing-05;
+  }
+
+  // TODO: deprecate this block
+  .#{$prefix}--file__selected-file--invalid__wrapper {
+    @include focus-outline('invalid');
+
+    max-width: rem(320px);
+    margin-bottom: $spacing-03;
+    background-color: $field;
+    outline-width: 1px;
+  }
+
+  .#{$prefix}--file__selected-file--invalid {
+    @include focus-outline('invalid');
+
+    padding: rem(12px) 0;
+  }
+
+  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--sm {
+    padding: $spacing-02 0;
+  }
+
+  // V11: Remove --field
+  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--field,
+  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--md {
+    padding: $spacing-03 0;
+  }
+
+  .#{$prefix}--file__selected-file--invalid .#{$prefix}--form-requirement {
+    padding-top: $spacing-05;
+    border-top: 1px solid $border-subtle;
+  }
+
+  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--sm
+    .#{$prefix}--form-requirement {
+    padding-top: rem(7px);
+  }
+
+  // V11: Remove --field
+  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--field
+    .#{$prefix}--form-requirement,
+  .#{$prefix}--file__selected-file--invalid.#{$prefix}--file__selected-file--md
+    .#{$prefix}--form-requirement {
+    padding-top: rem(11px);
+  }
+
+  .#{$prefix}--file__selected-file--invalid
+    .#{$prefix}--form-requirement__title,
+  .#{$prefix}--file__selected-file--invalid
+    .#{$prefix}--form-requirement__supplement {
+    @include type-style('label-01');
+
+    padding: 0 $spacing-05;
+  }
+
+  .#{$prefix}--file__selected-file--invalid
+    .#{$prefix}--form-requirement__title {
+    color: $text-error;
+  }
+
+  .#{$prefix}--file__selected-file--invalid
+    .#{$prefix}--form-requirement__supplement {
+    color: $text-primary;
+  }
+
+  // TODO: deprecate
+  .#{$prefix}--file__selected-file--invalid + .#{$prefix}--form-requirement {
+    @include type-style('caption-01');
+
+    display: block;
+    overflow: visible;
+    max-height: rem(200px);
+    padding: $spacing-03 $spacing-05;
+    color: $text-error;
+    font-weight: 400;
+  }
+
+  .#{$prefix}--file__selected-file--invalid
+    + .#{$prefix}--form-requirement
+    .#{$prefix}--form-requirement__supplement {
+    padding-bottom: $spacing-03;
+    color: $text-primary;
+  }
+
+  .#{$prefix}--file__state-container {
+    display: flex;
+    min-width: 1.5rem;
+    align-items: center;
+    justify-content: center;
+    padding-right: $spacing-05;
+
+    .#{$prefix}--loading__svg {
+      stroke: $icon-primary;
+    }
+  }
+
+  .#{$prefix}--file__state-container .#{$prefix}--file-complete {
+    cursor: pointer;
+    fill: $interactive;
+
+    &:focus {
+      @include focus-outline('border');
+    }
+
+    // for checkmark contrast
+    [data-icon-path='inner-path'] {
+      fill: $icon-on-color;
+      opacity: 1;
+    }
+  }
+
+  .#{$prefix}--file__state-container .#{$prefix}--file-invalid {
+    width: $spacing-05;
+    height: $spacing-05;
+    fill: $support-error;
+  }
+
+  .#{$prefix}--file__state-container .#{$prefix}--file-close {
+    display: flex;
+    width: $spacing-06;
+    height: $spacing-06;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+    fill: $icon-primary;
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+  }
+
+  .#{$prefix}--file__state-container .#{$prefix}--file-close svg path {
+    fill: $icon-primary;
+  }
+
+  .#{$prefix}--file__state-container .#{$prefix}--inline-loading__animation {
+    margin-right: -$spacing-03;
+  }
+
+  .#{$prefix}--file__drop-container {
+    display: flex;
+    overflow: hidden;
+    height: rem(96px);
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: $spacing-05;
+    border: 1px dashed $border-strong;
+  }
+
+  .#{$prefix}--file__drop-container--drag-over {
+    background: none;
+    outline: 2px solid $focus;
+    outline-offset: -2px;
+  }
+
+  // Windows HCM fix
+  /* stylelint-disable */
+  .#{$prefix}--file__selected-file {
+    @include high-contrast-mode('outline');
+  }
+
+  .#{$prefix}--file__state-container .#{$prefix}--file-close svg path {
+    @include high-contrast-mode('icon-fill');
+  }
+  /* stylelint-enable */
+}
diff --git a/packages/styles/scss/components/file-uploader/_index.scss b/packages/styles/scss/components/file-uploader/_index.scss
new file mode 100644
index 000000000000..4bee650d5ea5
--- /dev/null
+++ b/packages/styles/scss/components/file-uploader/_index.scss
@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'file-uploader';
+@use 'file-uploader';
+
+@include file-uploader.file-uploader;
diff --git a/packages/styles/scss/components/modal/_index.scss b/packages/styles/scss/components/modal/_index.scss
new file mode 100644
index 000000000000..ffefd6099a89
--- /dev/null
+++ b/packages/styles/scss/components/modal/_index.scss
@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'modal';
+@use 'modal';
+
+@include modal.modal;
diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
new file mode 100644
index 000000000000..7ee065292dfc
--- /dev/null
+++ b/packages/styles/scss/components/modal/_modal.scss
@@ -0,0 +1,392 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../../breakpoint' as *;
+@use '../../config' as *;
+@use '../../motion' as *;
+@use '../../spacing' as *;
+@use '../../theme' as *;
+@use '../../type' as *;
+@use '../../utilities/convert' as *;
+@use '../../utilities/component-reset' as *;
+@use '../../utilities/focus-outline' as *;
+@use '../../utilities/high-contrast-mode' as *;
+@use '../../utilities/z-index' as *;
+
+@use '../button';
+
+/// Modal styles
+/// @access public
+/// @group modal
+@mixin modal {
+  .#{$prefix}--modal {
+    position: fixed;
+    z-index: z('modal');
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 100vw;
+    height: 100vh;
+    align-items: center;
+    justify-content: center;
+    background-color: $overlay;
+    content: '';
+    opacity: 0;
+    transition: opacity $duration-moderate-02 motion(exit, expressive),
+      visibility 0ms linear $duration-moderate-02;
+    visibility: hidden;
+
+    &.is-visible {
+      opacity: 1;
+      transition: opacity $duration-moderate-02 motion(entrance, expressive),
+        visibility 0ms linear;
+      visibility: inherit;
+    }
+
+    // V11: Question for design: do we have an updated tokens for fields that exist on `layer`?
+    .#{$prefix}--pagination,
+    .#{$prefix}--pagination__control-buttons,
+    .#{$prefix}--text-input,
+    .#{$prefix}--text-area,
+    .#{$prefix}--search-input,
+    .#{$prefix}--select-input,
+    .#{$prefix}--dropdown,
+    .#{$prefix}--dropdown-list,
+    .#{$prefix}--number input[type='number'],
+    .#{$prefix}--date-picker__input {
+      background-color: $field-02;
+    }
+  }
+
+  .#{$prefix}--modal.is-visible .#{$prefix}--modal-container {
+    transform: translate3d(0, 0, 0);
+    transition: transform $duration-moderate-02 motion(entrance, expressive);
+  }
+
+  .#{$prefix}--modal-container {
+    position: fixed;
+    top: 0;
+    display: grid;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    max-height: 100%;
+    background-color: $layer;
+    grid-template-columns: 100%;
+    grid-template-rows: auto 1fr auto;
+    // make modal edge visible on high contrast themes (#3880)
+    outline: 3px solid transparent;
+    outline-offset: -3px;
+    transform: translate3d(0, -24px, 0);
+    transform-origin: top center;
+    transition: transform $duration-moderate-02 motion(exit, expressive);
+
+    @include breakpoint(md) {
+      position: static;
+      width: 84%;
+      height: auto;
+      max-height: 90%;
+
+      .#{$prefix}--modal-header,
+      .#{$prefix}--modal-content,
+      .#{$prefix}--modal-content__regular-content {
+        padding-right: 20%;
+      }
+
+      .#{$prefix}--modal-content--with-form {
+        // Override for `.#{$prefix}--modal-content`
+        padding-right: $spacing-05;
+      }
+    }
+
+    @include breakpoint(lg) {
+      width: 60%;
+      max-height: 84%;
+    }
+
+    @include breakpoint(xlg) {
+      width: 48%;
+    }
+  }
+
+  .#{$prefix}--modal-header,
+  .#{$prefix}--modal-content {
+    padding-left: $spacing-05;
+  }
+
+  .#{$prefix}--modal-header,
+  .#{$prefix}--modal-content,
+  .#{$prefix}--modal-content__regular-content {
+    padding-right: $spacing-05;
+  }
+
+  .#{$prefix}--modal-content--with-form {
+    padding-right: $spacing-05;
+  }
+
+  .#{$prefix}--modal-container--xs {
+    .#{$prefix}--modal-header {
+      padding-right: $spacing-09;
+    }
+
+    .#{$prefix}--modal-content,
+    .#{$prefix}--modal-content__regular-content,
+    .#{$prefix}--modal-content--with-form {
+      padding-right: $spacing-05;
+    }
+
+    @include breakpoint(md) {
+      width: 48%;
+    }
+
+    @include breakpoint(lg) {
+      width: 32%;
+      max-height: 48%;
+    }
+
+    @include breakpoint(xlg) {
+      width: 24%;
+    }
+  }
+
+  .#{$prefix}--modal-container--sm {
+    .#{$prefix}--modal-header {
+      padding-right: $spacing-09;
+    }
+
+    .#{$prefix}--modal-content,
+    .#{$prefix}--modal-content__regular-content,
+    .#{$prefix}--modal-content--with-form {
+      padding-right: $spacing-05;
+    }
+
+    @include breakpoint(md) {
+      width: 60%;
+    }
+
+    @include breakpoint(lg) {
+      width: 42%;
+      max-height: 72%;
+    }
+
+    @include breakpoint(xlg) {
+      width: 36%;
+
+      .#{$prefix}--modal-header,
+      .#{$prefix}--modal-content,
+      .#{$prefix}--modal-content__regular-content {
+        padding-right: 20%;
+      }
+
+      .#{$prefix}--modal-content--with-form {
+        // Override for `.#{$prefix}--modal-content`
+        padding-right: $spacing-05;
+      }
+    }
+  }
+
+  .#{$prefix}--modal-container--lg {
+    .#{$prefix}--modal-header {
+      padding-right: $spacing-09;
+    }
+
+    .#{$prefix}--modal-content,
+    .#{$prefix}--modal-content__regular-content,
+    .#{$prefix}--modal-content--with-form {
+      padding-right: $spacing-05;
+    }
+
+    @include breakpoint(md) {
+      width: 96%;
+
+      .#{$prefix}--modal-header,
+      .#{$prefix}--modal-content,
+      .#{$prefix}--modal-content__regular-content {
+        padding-right: 20%;
+      }
+
+      .#{$prefix}--modal-content--with-form {
+        // Override for `.#{$prefix}--modal-content`
+        padding-right: $spacing-05;
+      }
+    }
+
+    @include breakpoint(lg) {
+      width: 84%;
+      max-height: 96%;
+    }
+
+    @include breakpoint(xlg) {
+      width: 72%;
+    }
+  }
+
+  .#{$prefix}--modal-header {
+    padding-top: $spacing-05;
+    padding-right: $spacing-09;
+    margin-bottom: $spacing-03;
+    grid-column: 1/-1;
+    grid-row: 1/1;
+  }
+
+  .#{$prefix}--modal-header__label {
+    @include type-style('label-01');
+
+    margin-bottom: $spacing-02;
+    color: $text-secondary;
+  }
+
+  .#{$prefix}--modal-header__heading {
+    @include type-style('productive-heading-03');
+
+    color: $text-primary;
+  }
+
+  .#{$prefix}--modal-content {
+    @include type-style('body-long-01');
+
+    position: relative;
+    // Required to accommodate focus outline's negative offset:
+    padding-top: $spacing-03;
+    margin-bottom: $spacing-09;
+    color: $text-primary;
+    font-weight: 400;
+    grid-column: 1/-1;
+    grid-row: 2/-2;
+    overflow-y: auto;
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+  }
+
+  .#{$prefix}--modal-content > p {
+    @include type-style('body-long-01');
+  }
+
+  // Required so overflow-indicator disappears at end of content
+  .#{$prefix}--modal-scroll-content > *:last-child {
+    padding-bottom: $spacing-07;
+  }
+
+  .#{$prefix}--modal-content--overflow-indicator {
+    position: absolute;
+    bottom: $spacing-09;
+    left: 0;
+    width: 100%;
+    height: rem(32px);
+    background-image: linear-gradient(to bottom, transparent, $layer);
+    content: '';
+    grid-column: 1/-1;
+    grid-row: 2/-2;
+    pointer-events: none;
+  }
+
+  // Safari-only media query
+  // won't appear correctly with CSS custom properties
+  // see: code snippet and tabs overflow indicators
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
+      .#{$prefix}--modal-content--overflow-indicator {
+        background-image: linear-gradient(to bottom, rgba($layer, 0), $layer);
+      }
+    }
+  }
+
+  .#{$prefix}--modal-content:focus
+    ~ .#{$prefix}--modal-content--overflow-indicator {
+    width: calc(100% - 4px);
+    margin: 0 2px 2px;
+  }
+
+  @media screen and (-ms-high-contrast: active) {
+    .#{$prefix}--modal-scroll-content > *:last-child {
+      padding-bottom: 0;
+    }
+
+    .#{$prefix}--modal-content--overflow-indicator {
+      display: none;
+    }
+  }
+
+  .#{$prefix}--modal-footer {
+    display: flex;
+    height: rem(64px);
+    justify-content: flex-end;
+    margin-top: auto;
+    grid-column: 1/-1;
+    grid-row: -1/-1;
+  }
+
+  .#{$prefix}--modal-footer .#{$prefix}--btn {
+    max-width: none;
+    height: rem(64px);
+    flex: 0 1 50%;
+    padding-top: $spacing-05;
+    padding-bottom: $spacing-07;
+    margin: 0;
+  }
+
+  .#{$prefix}--modal-footer--three-button .#{$prefix}--btn {
+    flex: 0 1 25%;
+    align-items: flex-start;
+  }
+
+  .#{$prefix}--modal-close {
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    right: 0;
+    overflow: hidden;
+    width: 3rem;
+    height: 3rem;
+    padding: rem(12px);
+    border: 2px solid transparent;
+    background-color: transparent;
+    cursor: pointer;
+    transition: background-color $duration-fast-02 motion(standard, productive);
+
+    &:hover {
+      background-color: $layer-hover;
+    }
+
+    &:focus {
+      border-color: $focus;
+      outline: none;
+    }
+  }
+
+  .#{$prefix}--modal-close::-moz-focus-inner {
+    border: 0;
+  }
+
+  .#{$prefix}--modal-close__icon {
+    width: rem(20px);
+    height: rem(20px);
+    fill: $icon-primary;
+  }
+
+  .#{$prefix}--body--with-modal-open {
+    overflow: hidden;
+  }
+
+  .#{$prefix}--body--with-modal-open .#{$prefix}--tooltip,
+  .#{$prefix}--body--with-modal-open .#{$prefix}--overflow-menu-options {
+    z-index: z('modal');
+  }
+
+  // Windows HCM fix
+  /* stylelint-disable */
+  .#{$prefix}--modal-close__icon {
+    @include high-contrast-mode('icon-fill');
+  }
+
+  .#{$prefix}--modal-close:focus {
+    @include high-contrast-mode('focus');
+  }
+  /* stylelint-enable */
+}
diff --git a/packages/styles/scss/components/notification/_index.scss b/packages/styles/scss/components/notification/_index.scss
new file mode 100644
index 000000000000..b4622b04e767
--- /dev/null
+++ b/packages/styles/scss/components/notification/_index.scss
@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'tokens';
diff --git a/packages/styles/scss/components/notification/_tokens.scss b/packages/styles/scss/components/notification/_tokens.scss
new file mode 100644
index 000000000000..d172d84ad1f2
--- /dev/null
+++ b/packages/styles/scss/components/notification/_tokens.scss
@@ -0,0 +1,126 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'sass:color';
+@use '../../colors';
+@use '../../theme' as *;
+@use '../../themes';
+@use '../../utilities/component-tokens';
+
+// prettier-ignore
+$-tokens: (
+  'notification-background-error': (
+    fallback: colors.$red-10,
+    values: (
+      (
+        theme: themes.$white,
+        value: colors.$red-10,
+      ),
+      (
+        theme: themes.$g10,
+        value: colors.$red-10,
+      ),
+      (
+        theme: themes.$g90,
+        value: $layer,
+      ),
+      (
+        theme: themes.$g100,
+        value: $layer,
+      ),
+    ),
+  ),
+  'notification-background-success': (
+    fallback: colors.$green-10,
+    values: (
+      (
+        theme: themes.$white,
+        value: colors.$green-10,
+      ),
+      (
+        theme: themes.$g10,
+        value: colors.$green-10,
+      ),
+      (
+        theme: themes.$g90,
+        value: $layer,
+      ),
+      (
+        theme: themes.$g100,
+        value: $layer,
+      ),
+    ),
+  ),
+  'notification-background-info': (
+    fallback: colors.$blue-10,
+    values: (
+      (
+        theme: themes.$white,
+        value: colors.$blue-10,
+      ),
+      (
+        theme: themes.$g10,
+        value: colors.$blue-10,
+      ),
+      (
+        theme: themes.$g90,
+        value: $layer,
+      ),
+      (
+        theme: themes.$g100,
+        value: $layer,
+      ),
+    ),
+  ),
+  'notification-background-warning': (
+    fallback: mix(colors.$yellow-30, colors.$white-0, 15%),
+    values: (
+      (
+        theme: themes.$white,
+        value: mix(colors.$yellow-30, colors.$white-0, 15%),
+      ),
+      (
+        theme: themes.$g10,
+        value: mix(colors.$yellow-30, colors.$white-0, 15%),
+      ),
+      (
+        theme: themes.$g90,
+        value: $layer,
+      ),
+      (
+        theme: themes.$g100,
+        value: $layer,
+      ),
+    ),
+  ),
+  'notification-action-hover': (
+    fallback: colors.$white-0,
+    values: (
+      (
+        theme: themes.$white,
+        value: colors.$white-0,
+      ),
+      (
+        theme: themes.$g10,
+        value: colors.$white-0,
+      ),
+      (
+        theme: themes.$g90,
+        value: $layer-hover,
+      ),
+      (
+        theme: themes.$g100,
+        value: $layer-hover,
+      ),
+    ),
+  ),
+);
+
+$white: component-tokens.get-tokens($-tokens, themes.$white);
+$g10: component-tokens.get-tokens($-tokens, themes.$g10);
+$g90: component-tokens.get-tokens($-tokens, themes.$g90);
+$g100: component-tokens.get-tokens($-tokens, themes.$g100);
diff --git a/packages/styles/scss/components/number-input/_index.scss b/packages/styles/scss/components/number-input/_index.scss
new file mode 100644
index 000000000000..5c820c683c82
--- /dev/null
+++ b/packages/styles/scss/components/number-input/_index.scss
@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'number-input';
+@use 'number-input';
+
+@include number-input.number-input;
diff --git a/packages/styles/scss/components/number-input/_number-input.scss b/packages/styles/scss/components/number-input/_number-input.scss
new file mode 100644
index 000000000000..e5a9fe3d156d
--- /dev/null
+++ b/packages/styles/scss/components/number-input/_number-input.scss
@@ -0,0 +1,480 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../../colors' as *;
+@use '../../config' as *;
+@use '../../motion' as *;
+@use '../../spacing' as *;
+@use '../../theme' as *;
+@use '../../type' as *;
+@use '../../utilities/skeleton' as *;
+@use '../../utilities/button-reset';
+@use '../../utilities/high-contrast-mode' as *;
+@use '../../utilities/focus-outline' as *;
+@use '../../utilities/convert' as *;
+
+/// Number input styles
+/// @access public
+/// @group number-input
+@mixin number-input {
+  .#{$prefix}--number {
+    @include reset;
+
+    position: relative;
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+  }
+
+  .#{$prefix}--number input[type='number'] {
+    @include type-style('body-short-01');
+    @include focus-outline('reset');
+
+    display: inline-flex;
+    width: 100%;
+    min-width: 9.375rem;
+    height: rem(40px);
+    box-sizing: border-box;
+    padding-right: rem(128px);
+    padding-left: $spacing-05;
+    border: 0;
+    border-bottom: rem(1px) solid $border-strong;
+
+    // Firefox: Hide spinner (up and down buttons)
+    -moz-appearance: textfield;
+    background-color: $field;
+    border-radius: 0;
+    color: $text-primary;
+    font-family: carbon--font-family('mono');
+    font-weight: 300;
+    transition: background-color $duration-fast-01 motion(standard, productive),
+      outline $duration-fast-01 motion(standard, productive);
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+
+    &:disabled ~ .#{$prefix}--number__controls {
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+
+    &:disabled ~ .#{$prefix}--number__controls svg {
+      fill: $icon-disabled;
+    }
+
+    // IE: Hide "clear-field" `x` button on input field
+    &::-ms-clear {
+      display: none;
+    }
+
+    // Safari: Hide number spinner
+    &::-webkit-inner-spin-button {
+      appearance: none;
+    }
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--number--xl.#{$prefix}--number input[type='number'],
+  .#{$prefix}--number--lg.#{$prefix}--number input[type='number'] {
+    padding-right: rem(144px);
+  }
+
+  .#{$prefix}--number--sm.#{$prefix}--number input[type='number'] {
+    padding-right: rem(112px);
+  }
+
+  .#{$prefix}--number input[type='number']:disabled,
+  .#{$prefix}--number--readonly input[type='number'] {
+    border-bottom-color: transparent;
+    background-color: $field-disabled;
+    color: $text-disabled;
+    cursor: not-allowed;
+  }
+
+  .#{$prefix}--number__input-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+
+  .#{$prefix}--number__controls {
+    @include reset;
+
+    position: absolute;
+    // vertically center controls within parent container on IE11
+    top: 50%;
+    right: 0;
+    display: flex;
+    width: rem(80px);
+    height: 100%;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    transform: translateY(-50%);
+  }
+
+  .#{$prefix}--number__control-btn {
+    @include button-reset.reset;
+
+    position: relative;
+    display: inline-flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    border-bottom: rem(1px) solid $border-strong;
+    color: $icon-primary;
+
+    &::before,
+    &::after {
+      position: absolute;
+      top: rem(2px);
+      display: block;
+      width: rem(2px);
+      // height: calc(100% - 4px) is calculated differently in Safari
+      height: rem(36px);
+      background-color: $field;
+      content: '';
+    }
+
+    &::before {
+      left: 0;
+    }
+
+    &::after {
+      right: 0;
+    }
+
+    svg {
+      fill: currentColor;
+    }
+
+    &:focus {
+      @include focus-outline;
+
+      color: $icon-primary;
+      outline-offset: -2px;
+      outline-width: 2px;
+    }
+
+    &:hover {
+      background-color: $field-hover;
+      color: $icon-primary;
+      cursor: pointer;
+
+      &::before,
+      &::after {
+        background-color: $field-hover;
+      }
+    }
+
+    &:focus::before,
+    &:focus::after,
+    &:hover:focus::before,
+    &:hover:focus::after {
+      background-color: transparent;
+    }
+
+    &:disabled {
+      border-bottom-color: transparent;
+      color: $text-disabled;
+      cursor: not-allowed;
+    }
+  }
+
+  // set orders to facilitate styling for rule dividers
+  .#{$prefix}--number__control-btn.down-icon {
+    order: 1;
+  }
+
+  .#{$prefix}--number__control-btn.up-icon {
+    order: 2;
+  }
+
+  // add top and bottom outlines to number controls when input is focused
+  .#{$prefix}--number
+    input[type='number']:focus
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn {
+    border-bottom-width: 0;
+
+    &:hover {
+      @include focus-outline('outline');
+
+      border: 0;
+    }
+  }
+
+  .#{$prefix}--number
+    input[type='number'][data-invalid]
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn {
+    border-bottom-width: 0;
+  }
+
+  // add invalid outline to number controls only when invalid input is not focused
+  .#{$prefix}--number
+    input[type='number'][data-invalid]:not(:focus)
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn:hover {
+    @include focus-outline('invalid');
+  }
+
+  .#{$prefix}--number
+    input[type='number']:focus
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn.up-icon::after {
+    background-color: transparent;
+  }
+
+  .#{$prefix}--number
+    input[type='number'][data-invalid]
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn.up-icon::after {
+    background-color: $support-error;
+  }
+
+  .#{$prefix}--number
+    input[type='number'][data-invalid]:focus
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn.up-icon::after,
+  .#{$prefix}--number
+    input[type='number'][data-invalid]
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn.up-icon:focus::after {
+    background-color: $focus;
+  }
+
+  .#{$prefix}--number__rule-divider {
+    position: absolute;
+    z-index: z('overlay');
+    width: rem(1px);
+    height: rem(16px);
+    background-color: $border-subtle;
+
+    &:first-of-type {
+      order: 0;
+    }
+  }
+
+  // rule divider styles
+  .#{$prefix}--number__controls
+    .#{$prefix}--number__rule-divider:first-of-type {
+    left: 0;
+    background-color: transparent;
+  }
+
+  .#{$prefix}--number__invalid
+    + .#{$prefix}--number__controls
+    .#{$prefix}--number__rule-divider:first-of-type {
+    background-color: $border-subtle;
+  }
+
+  // V11: Possibly deprecate
+  .#{$prefix}--number--light .#{$prefix}--number__rule-divider,
+  .#{$prefix}--number--light
+    .#{$prefix}--number__invalid
+    + .#{$prefix}--number__controls
+    .#{$prefix}--number__rule-divider:first-of-type {
+    background-color: $decorative-01;
+  }
+
+  .#{$prefix}--number
+    input[type='number']:disabled
+    + .#{$prefix}--number__controls
+    .#{$prefix}--number__rule-divider:first-of-type {
+    background-color: transparent;
+  }
+
+  .#{$prefix}--number
+    input[type='number']:disabled
+    + .#{$prefix}--number__controls
+    .#{$prefix}--number__rule-divider {
+    background-color: $icon-disabled;
+  }
+
+  .#{$prefix}--number__control-btn:focus ~ .#{$prefix}--number__rule-divider {
+    background-color: transparent;
+  }
+
+  .#{$prefix}--number--readonly .#{$prefix}--number__control-btn {
+    display: none;
+  }
+
+  .#{$prefix}--number__invalid {
+    position: absolute;
+    right: rem(96px);
+    fill: $support-error;
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--number--xl .#{$prefix}--number__invalid,
+  .#{$prefix}--number--lg .#{$prefix}--number__invalid {
+    right: rem(112px);
+  }
+
+  .#{$prefix}--number--sm .#{$prefix}--number__invalid {
+    right: rem(80px);
+  }
+
+  .#{$prefix}--number__invalid + .#{$prefix}--number__rule-divider {
+    position: absolute;
+    right: rem(80px);
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--number--xl
+    .#{$prefix}--number__invalid
+    + .#{$prefix}--number__rule-divider,
+  .#{$prefix}--number--lg
+    .#{$prefix}--number__invalid
+    + .#{$prefix}--number__rule-divider {
+    right: rem(96px);
+  }
+
+  .#{$prefix}--number--sm
+    .#{$prefix}--number__invalid
+    + .#{$prefix}--number__rule-divider {
+    right: rem(64px);
+  }
+
+  .#{$prefix}--number__control-btn.down-icon:hover
+    ~ .#{$prefix}--number__rule-divider,
+  .#{$prefix}--number__control-btn.up-icon:hover
+    + .#{$prefix}--number__rule-divider,
+  .#{$prefix}--number__control-btn.down-icon:focus
+    ~ .#{$prefix}--number__rule-divider,
+  .#{$prefix}--number__control-btn.up-icon:focus
+    + .#{$prefix}--number__rule-divider {
+    background-color: transparent;
+  }
+
+  .#{$prefix}--number__invalid--warning {
+    fill: $support-warning;
+  }
+
+  .#{$prefix}--number__invalid--warning path:first-of-type {
+    fill: $black-100;
+    opacity: 1;
+  }
+
+  // V11: Possibly deprecate
+  .#{$prefix}--number--light input[type='number'] {
+    background-color: $field-02;
+  }
+
+  // V11: Possibly deprecate
+  .#{$prefix}--number--light input[type='number']:disabled,
+  .#{$prefix}--number--light
+    .#{$prefix}--number--readonly
+    input[type='number'] {
+    background-color: $field-02;
+  }
+
+  // V11: Possibly deprecate
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn::before,
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn::after {
+    background-color: $field-02;
+  }
+
+  // V11: Possibly deprecate
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn:hover,
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn:hover::before,
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn:hover::after {
+    background-color: $hover-light-ui;
+  }
+
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn:focus::before,
+  .#{$prefix}--number--light .#{$prefix}--number__control-btn:focus::after {
+    background-color: transparent;
+  }
+
+  // Size Variant styles
+  // TODO V11: Remove xl selector
+  .#{$prefix}--number--xl input[type='number'],
+  .#{$prefix}--number--lg input[type='number'] {
+    height: rem(48px);
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--number--xl .#{$prefix}--number__controls,
+  .#{$prefix}--number--lg .#{$prefix}--number__controls {
+    width: rem(96px);
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--number--xl .#{$prefix}--number__control-btn,
+  .#{$prefix}--number--lg .#{$prefix}--number__control-btn {
+    width: rem(48px);
+
+    &::before,
+    &::after {
+      // height: calc(100% - 4px) is calculated differently in Safari
+      height: rem(44px);
+    }
+  }
+
+  .#{$prefix}--number--sm input[type='number'] {
+    height: rem(32px);
+  }
+
+  .#{$prefix}--number--sm .#{$prefix}--number__controls {
+    width: rem(64px);
+  }
+
+  .#{$prefix}--number--sm .#{$prefix}--number__control-btn {
+    width: rem(32px);
+
+    &::before,
+    &::after {
+      // height: calc(100% - 4px) is calculated differently in Safari
+      height: rem(28px);
+    }
+  }
+
+  //No label positioning adjustment
+  .#{$prefix}--number--nolabel .bx--label + .bx--form__helper-text {
+    margin-top: 0;
+  }
+
+  // No steppers
+  .#{$prefix}--number--nosteppers input[type='number'] {
+    padding-right: rem(48px);
+  }
+
+  .#{$prefix}--number--nosteppers .#{$prefix}--number__invalid {
+    right: rem(16px);
+  }
+
+  // Skeleton State
+  .#{$prefix}--number.#{$prefix}--skeleton {
+    @include skeleton;
+
+    width: 100%;
+    height: 2.5rem;
+
+    input[type='number'] {
+      display: none;
+    }
+  }
+
+  // Windows HCM fix
+  /* stylelint-disable */
+  .#{$prefix}--number__control-btn:hover,
+  .#{$prefix}--number__control-btn:focus {
+    @include high-contrast-mode('focus');
+  }
+
+  .#{$prefix}--number__control-btn {
+    @include high-contrast-mode('outline');
+  }
+
+  .#{$prefix}--number__control-btn svg {
+    @include high-contrast-mode('icon-fill');
+  }
+  /* stylelint-enable */
+}
diff --git a/packages/styles/scss/components/overflow-menu/_index.scss b/packages/styles/scss/components/overflow-menu/_index.scss
new file mode 100644
index 000000000000..e0f7649d0b58
--- /dev/null
+++ b/packages/styles/scss/components/overflow-menu/_index.scss
@@ -0,0 +1,11 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward 'overflow-menu';
+@use 'overflow-menu';
+
+@include overflow-menu.overflow-menu;
diff --git a/packages/styles/scss/components/overflow-menu/_overflow-menu.scss b/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
new file mode 100644
index 000000000000..6ae4aa16cc94
--- /dev/null
+++ b/packages/styles/scss/components/overflow-menu/_overflow-menu.scss
@@ -0,0 +1,349 @@
+//
+// Copyright IBM Corp. 2016, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use '../../config' as *;
+@use '../../motion' as *;
+@use '../../spacing' as *;
+@use '../../theme' as *;
+@use '../../type' as *;
+@use '../../utilities/box-shadow' as *;
+@use '../../utilities/button-reset';
+@use '../../utilities/focus-outline' as *;
+@use '../../utilities/high-contrast-mode' as *;
+@use '../../utilities/convert' as *;
+
+/// Overflow menu styles
+/// @access public
+/// @group overflow-menu
+@mixin overflow-menu {
+  .#{$prefix}--overflow-menu,
+  .#{$prefix}--overflow-menu__trigger {
+    @include button-reset.reset;
+    @include reset;
+    @include focus-outline('reset');
+
+    position: relative;
+    display: flex;
+    width: rem(40px);
+    height: rem(40px);
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: outline $duration-fast-02 motion(entrance, productive),
+      background-color $duration-fast-02 motion(entrance, productive);
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+
+    &:hover {
+      background-color: $background-hover;
+    }
+  }
+
+  .#{$prefix}--overflow-menu--sm {
+    width: rem(32px);
+    height: rem(32px);
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--overflow-menu--xl,
+  .#{$prefix}--overflow-menu--lg {
+    width: rem(48px);
+    height: rem(48px);
+  }
+
+  // Overwrite Icon Tooltip focus styles
+  .#{$prefix}--overflow-menu__trigger.#{$prefix}--tooltip--a11y.#{$prefix}--tooltip__trigger:focus {
+    @include focus-outline('outline');
+
+    svg {
+      outline: none;
+    }
+  }
+
+  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open,
+  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open
+    .#{$prefix}--overflow-menu__trigger {
+    @include box-shadow;
+
+    background-color: $layer;
+    transition: none;
+  }
+
+  .#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open,
+  .#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open
+    .#{$prefix}--overflow-menu__trigger {
+    background-color: $field-02;
+  }
+
+  .#{$prefix}--overflow-menu__icon {
+    width: rem(16px);
+    height: rem(16px);
+    fill: $icon-primary;
+  }
+
+  .#{$prefix}--overflow-menu-options {
+    @include reset;
+    @include box-shadow;
+
+    position: absolute;
+    z-index: z('floating');
+    top: 32px;
+    left: 0;
+    display: none;
+    width: rem(160px);
+    flex-direction: column;
+    align-items: flex-start;
+    background-color: $layer;
+    list-style: none;
+
+    &::after {
+      position: absolute;
+      display: block;
+      background-color: $layer;
+      content: '';
+      transition: background-color $duration-fast-02
+        motion(entrance, productive);
+    }
+  }
+
+  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--open:hover {
+    background-color: $layer;
+  }
+
+  .#{$prefix}--overflow-menu-options--light {
+    background-color: $field-02;
+    &::after {
+      background-color: $field-02;
+    }
+  }
+
+  .#{$prefix}--overflow-menu.#{$prefix}--overflow-menu--light.#{$prefix}--overflow-menu--open:hover {
+    background-color: $field-02;
+  }
+
+  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {
+    top: rem(-3px);
+    left: 0;
+    width: rem(40px);
+    height: rem(3px);
+  }
+
+  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='top']::after {
+    bottom: rem(-8px);
+    left: 0;
+    width: rem(40px);
+    height: rem(8px);
+  }
+
+  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='left']::after {
+    top: 0;
+    right: rem(-6px);
+    width: rem(6px);
+    height: rem(40px);
+  }
+
+  .#{$prefix}--overflow-menu-options[data-floating-menu-direction='right']::after {
+    top: 0;
+    left: rem(-6px);
+    width: rem(6px);
+    height: rem(40px);
+  }
+
+  .#{$prefix}--overflow-menu-options--sm.#{$prefix}--overflow-menu-options {
+    &[data-floating-menu-direction='bottom']::after,
+    &[data-floating-menu-direction='top']::after {
+      width: rem(32px);
+    }
+    &[data-floating-menu-direction='left']::after,
+    &[data-floating-menu-direction='right']::after {
+      height: rem(32px);
+    }
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--overflow-menu-options--xl.#{$prefix}--overflow-menu-options,
+  .#{$prefix}--overflow-menu-options--lg.#{$prefix}--overflow-menu-options {
+    &[data-floating-menu-direction='bottom']::after,
+    &[data-floating-menu-direction='top']::after {
+      width: rem(48px);
+    }
+    &[data-floating-menu-direction='left']::after,
+    &[data-floating-menu-direction='right']::after {
+      height: rem(48px);
+    }
+  }
+
+  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='top']::after,
+  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {
+    right: 0;
+    left: auto;
+  }
+
+  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='left']::after,
+  .#{$prefix}--overflow-menu--flip.#{$prefix}--overflow-menu-options[data-floating-menu-direction='right']::after {
+    top: auto;
+    bottom: 0;
+  }
+
+  .#{$prefix}--overflow-menu-options--open {
+    display: flex;
+  }
+
+  .#{$prefix}--overflow-menu-options__content {
+    width: 100%;
+  }
+
+  .#{$prefix}--overflow-menu-options__option {
+    @include reset;
+
+    display: flex;
+    width: 100%;
+    height: rem(40px);
+    align-items: center;
+    padding: 0;
+    background-color: transparent;
+    transition: background-color $duration-fast-02 motion(entrance, productive);
+  }
+
+  .#{$prefix}--overflow-menu-options--sm
+    .#{$prefix}--overflow-menu-options__option {
+    height: rem(32px);
+  }
+
+  // TODO V11: Remove xl selector
+  .#{$prefix}--overflow-menu-options--xl
+    .#{$prefix}--overflow-menu-options__option,
+  .#{$prefix}--overflow-menu-options--lg
+    .#{$prefix}--overflow-menu-options__option {
+    height: rem(48px);
+  }
+
+  .#{$prefix}--overflow-menu--divider {
+    border-top: 1px solid $border-subtle;
+  }
+
+  .#{$prefix}--overflow-menu--light .#{$prefix}--overflow-menu--divider {
+    border-top: 1px solid $decorative-01;
+  }
+
+  a.#{$prefix}--overflow-menu-options__btn::before {
+    display: inline-block;
+    height: 100%;
+    content: '';
+    vertical-align: middle;
+  }
+
+  .#{$prefix}--overflow-menu-options__btn {
+    @include type-style('body-short-01');
+    @include focus-outline('reset');
+
+    display: inline-flex;
+    width: 100%;
+    max-width: 11.25rem;
+    height: 100%;
+    align-items: center;
+    padding: 0 $spacing-05;
+    border: none;
+    background-color: transparent;
+    color: $text-02;
+    cursor: pointer;
+    font-weight: 400;
+    text-align: left;
+    transition: outline $duration-fast-02 motion(entrance, productive),
+      background-color $duration-fast-02 motion(entrance, productive),
+      color $duration-fast-02 motion(entrance, productive);
+
+    &:hover {
+      color: $text-01;
+    }
+
+    &:focus {
+      @include focus-outline('outline');
+    }
+
+    &::-moz-focus-inner {
+      border: none;
+    }
+  }
+
+  .#{$prefix}--overflow-menu-options__btn svg {
+    fill: $icon-secondary;
+  }
+
+  .#{$prefix}--overflow-menu-options__btn:hover svg {
+    fill: $icon-primary;
+  }
+
+  .#{$prefix}--overflow-menu-options__option-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .#{$prefix}--overflow-menu-options__option:hover {
+    background-color: $layer-hover;
+  }
+
+  .#{$prefix}--overflow-menu-options__option--danger
+    .#{$prefix}--overflow-menu-options__btn:hover,
+  .#{$prefix}--overflow-menu-options__option--danger
+    .#{$prefix}--overflow-menu-options__btn:focus {
+    background-color: $button-danger-primary;
+    color: $text-on-color;
+
+    svg {
+      fill: currentColor;
+    }
+  }
+
+  .#{$prefix}--overflow-menu-options__option--disabled:hover {
+    background-color: $layer;
+    cursor: not-allowed;
+  }
+
+  .#{$prefix}--overflow-menu-options__option--disabled
+    .#{$prefix}--overflow-menu-options__btn {
+    color: $text-disabled;
+    pointer-events: none;
+
+    &:hover,
+    &:active,
+    &:focus {
+      @include focus-outline('reset');
+
+      background-color: $layer;
+    }
+  }
+
+  .#{$prefix}--overflow-menu-options__option--disabled
+    .#{$prefix}--overflow-menu-options__btn
+    svg {
+    fill: $icon-disabled;
+  }
+
+  .#{$prefix}--overflow-menu--flip {
+    left: -140px;
+
+    &::before {
+      left: 145px;
+    }
+  }
+
+  // Windows HCM fix
+  /* stylelint-disable */
+  .#{$prefix}--overflow-menu:focus,
+  .#{$prefix}--overflow-menu-options__btn:focus {
+    @include high-contrast-mode('focus');
+  }
+
+  .#{$prefix}--overflow-menu svg {
+    @include high-contrast-mode('icon-fill');
+  }
+  /*stylelint-enable */
+}
diff --git a/packages/styles/scss/utilities/_component-tokens.scss b/packages/styles/scss/utilities/_component-tokens.scss
new file mode 100644
index 000000000000..bc578c570792
--- /dev/null
+++ b/packages/styles/scss/utilities/_component-tokens.scss
@@ -0,0 +1,27 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'sass:map';
+
+/// Extract the component tokens from a given theme
+/// @param {SassMap} $tokens
+/// @param {SassMap} $theme
+/// @returns {SassMap}
+@function get-tokens($tokens, $theme) {
+  $result: ();
+
+  @each $key, $descriptor in $tokens {
+    $theme-values: map.get($descriptor, values);
+    @each $theme-value in $theme-values {
+      @if map.get($theme-value, theme) == $theme {
+        $result: map.set($result, $key, map.get($theme-value, value));
+      }
+    }
+  }
+
+  @return $result;
+}
diff --git a/packages/styles/scss/utilities/_placeholder-colors.scss b/packages/styles/scss/utilities/_placeholder-colors.scss
index 49910b511166..e45e0ab95936 100644
--- a/packages/styles/scss/utilities/_placeholder-colors.scss
+++ b/packages/styles/scss/utilities/_placeholder-colors.scss
@@ -4,6 +4,7 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+@use '../theme' as *;
 
 /// Adds placeholder text color
 /// @access public
diff --git a/packages/themes/package.json b/packages/themes/package.json
index 0b53dc441f70..75565522d044 100644
--- a/packages/themes/package.json
+++ b/packages/themes/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.36.0",
+  "version": "10.37.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,14 +29,14 @@
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && node tasks/build.js && carbon-cli check \"scss/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "^10.26.0",
-    "@carbon/layout": "^10.25.0",
-    "@carbon/type": "^10.29.0",
+    "@carbon/colors": "^10.27.0-rc.0",
+    "@carbon/layout": "^10.26.0-rc.0",
+    "@carbon/type": "^10.30.0-rc.0",
     "color": "^3.1.2"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
-    "@carbon/cli-reporter": "^10.4.0",
+    "@carbon/cli": "^10.25.0-rc.0",
+    "@carbon/cli-reporter": "^10.5.0-rc.0",
     "@carbon/scss-generator": "^10.13.0",
     "@carbon/test-utils": "^10.16.0",
     "change-case": "^4.1.1",
diff --git a/packages/themes/scss/modules/_theme.scss b/packages/themes/scss/modules/_theme.scss
index 7308f9b43618..67bfb4eb0a9c 100644
--- a/packages/themes/scss/modules/_theme.scss
+++ b/packages/themes/scss/modules/_theme.scss
@@ -14,7 +14,7 @@ $-custom-property-prefix: 'cds';
 
 /// @access public
 /// @group @carbon/themes
-@mixin theme($active-theme: $theme) {
+@mixin theme($active-theme: $theme, $component-tokens...) {
   $parent-theme: $theme;
   $theme: $active-theme !global;
 
@@ -22,6 +22,12 @@ $-custom-property-prefix: 'cds';
     @include -custom-property($token, $value);
   }
 
+  @each $group in $component-tokens {
+    @each $token, $value in $group {
+      @include -custom-property($token, $value);
+    }
+  }
+
   @content;
 
   $theme: $parent-theme !global;
diff --git a/packages/themes/src/next/tokens/Token.js b/packages/themes/src/next/tokens/Token.js
new file mode 100644
index 000000000000..f6ec56192212
--- /dev/null
+++ b/packages/themes/src/next/tokens/Token.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * A Token is the simplest unit in our theme. It can have a name, properties
+ * that it applies to like border or background, along with a state if the
+ * token should only be used for specific states like hover or focus.
+ */
+export class Token {
+  static create(token) {
+    if (typeof token === 'string') {
+      return new Token(token);
+    }
+
+    return new Token(token.name, token.properties, token.state);
+  }
+
+  constructor(name, properties, state) {
+    this.kind = 'Token';
+    this.name = name;
+
+    if (properties) {
+      this.properties = properties;
+    }
+
+    if (state) {
+      this.state = state;
+    }
+  }
+}
diff --git a/packages/themes/src/next/tokens/TokenFormat.js b/packages/themes/src/next/tokens/TokenFormat.js
new file mode 100644
index 000000000000..4169ecd84dcb
--- /dev/null
+++ b/packages/themes/src/next/tokens/TokenFormat.js
@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const formats = {
+  js: 'javascript',
+};
+
+export const TokenFormat = {
+  formats,
+
+  convert({ name, format }) {
+    if (format === formats.js) {
+      const keywords = new Set(['ui']);
+
+      return name
+        .split('-')
+        .map((part, index) => {
+          if (index === 0) {
+            return part;
+          }
+
+          if (keywords.has(part)) {
+            return part.toUpperCase();
+          }
+
+          return part[0].toUpperCase() + part.slice(1);
+        })
+        .join('');
+    }
+
+    return name;
+  },
+};
diff --git a/packages/themes/src/next/tokens/TokenGroup.js b/packages/themes/src/next/tokens/TokenGroup.js
new file mode 100644
index 000000000000..26db0ef6b397
--- /dev/null
+++ b/packages/themes/src/next/tokens/TokenGroup.js
@@ -0,0 +1,161 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { Token } from './Token';
+
+/**
+ * A TokenGroup allows us to group up a collection of tokens and nested token
+ * groups. A group allows us to colocate related tokens and write information
+ * once that applies to the entire collection of tokens. For example, if all the
+ * tokens apply to the `border` color property then we can specify this property
+ * at the group level
+ *
+ * A TokenGroup allows us to colocate all this information while also providing
+ * ways to get information about the entire group, including properties and
+ * states
+ */
+export class TokenGroup {
+  static create({ name, properties, tokens = [] }) {
+    return new TokenGroup(name, tokens, properties);
+  }
+
+  constructor(name, tokens, properties) {
+    this.kind = 'TokenGroup';
+    this.name = name;
+
+    if (properties) {
+      this.properties = properties;
+    }
+
+    this.children = tokens.map((child) => {
+      if (child.kind === 'TokenGroup') {
+        return child;
+      }
+
+      return Token.create(child);
+    });
+  }
+
+  *[Symbol.iterator]() {
+    yield this;
+
+    for (const child of this.children) {
+      yield child;
+
+      if (child.kind === 'TokenGroup') {
+        yield* child;
+      }
+    }
+  }
+
+  /**
+   * Get all the tokens available in every Token Group in this TokenGroup,
+   * including itself.
+   * @returns {Array<Token>}
+   */
+  getTokens(parentContext = {}) {
+    const context = {
+      ...parentContext,
+      groups: parentContext.groups ? parentContext.groups.concat(this) : [this],
+      properties: this.properties || parentContext.properties,
+    };
+
+    return this.children.flatMap((child) => {
+      if (child.kind === 'TokenGroup') {
+        return child.getTokens(context);
+      }
+
+      const token = {
+        ...context,
+        name: child.name,
+        properties: child.properties || context.properties,
+      };
+
+      if (child.state) {
+        token.state = child.state;
+      }
+
+      return token;
+    });
+  }
+
+  /**
+   * Get a specific token from the TokenGroup, or form one of its nested
+   * TokenGroups
+   * @returns {Token}
+   */
+  getToken(tokenOrName) {
+    const name =
+      typeof tokenOrName === 'string' ? tokenOrName : tokenOrName.name;
+    for (const child of this) {
+      if (child.kind === 'TokenGroup') {
+        continue;
+      }
+
+      if (child.name === name) {
+        return child;
+      }
+    }
+    return null;
+  }
+
+  /**
+   * Get all the unique groups in the token group, including this group
+   * @returns {Array<TokenGroup>}
+   */
+  getTokenGroups() {
+    const set = new Set();
+
+    for (const child of this) {
+      if (child.kind !== 'TokenGroup') {
+        continue;
+      }
+      set.add(child);
+    }
+
+    return Array.from(set);
+  }
+
+  /**
+   * Get all the unique properties in the token group, including this group
+   * @returns {Array<string>}
+   */
+  getTokenProperties() {
+    const set = new Set();
+
+    for (const child of this) {
+      if (!Array.isArray(child.properties)) {
+        continue;
+      }
+
+      for (const property of child.properties) {
+        set.add(property);
+      }
+    }
+
+    return Array.from(set);
+  }
+
+  /**
+   * Get all the unique states in the token group, including this group
+   * @returns {Array<string>}
+   */
+  getTokenStates() {
+    const set = new Set();
+
+    for (const child of this) {
+      if (child.kind !== 'Token') {
+        continue;
+      }
+      if (child.state) {
+        set.add(child.state);
+      }
+    }
+
+    return Array.from(set);
+  }
+}
diff --git a/packages/themes/src/next/tokens/TokenSet.js b/packages/themes/src/next/tokens/TokenSet.js
new file mode 100644
index 000000000000..36366206cfea
--- /dev/null
+++ b/packages/themes/src/next/tokens/TokenSet.js
@@ -0,0 +1,77 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * A token set is a collection of tokens which should be along with each other.
+ * For example, we have tokens that correspond to a layer level in a UI. A
+ * token set allows us to group these tokens together in a way that's different
+ * than their token group.
+ */
+export class TokenSet {
+  static create({ name, tokens }) {
+    return new TokenSet(name, tokens);
+  }
+
+  constructor(name, tokens = []) {
+    this.kind = 'TokenSet';
+    this.name = name;
+    this.children = tokens;
+  }
+
+  *[Symbol.iterator]() {
+    for (const child of this.children) {
+      yield child;
+
+      if (child.kind === 'TokenSet') {
+        yield* child;
+      }
+    }
+  }
+
+  getTokenSets() {
+    const children = this.children
+      .filter((child) => {
+        return child.kind === 'TokenSet';
+      })
+      .flatMap((child) => {
+        return child.getTokenSets();
+      });
+
+    return [this, ...children];
+  }
+
+  getTokenSet(name) {
+    for (const child of this) {
+      if (!child.kind === 'TokenSet') {
+        continue;
+      }
+
+      if (child.name === name) {
+        return child;
+      }
+    }
+
+    return null;
+  }
+
+  hasToken(tokenOrName) {
+    const name =
+      typeof tokenOrName === 'string' ? tokenOrName : tokenOrName.name;
+
+    for (const child of this) {
+      if (child.kind === 'TokenSet') {
+        continue;
+      }
+
+      if (child.name === name) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+}
diff --git a/packages/themes/src/next/tokens/__tests__/Token-test.js b/packages/themes/src/next/tokens/__tests__/Token-test.js
new file mode 100644
index 000000000000..e6d17e79d935
--- /dev/null
+++ b/packages/themes/src/next/tokens/__tests__/Token-test.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { Token } from '../';
+
+describe('Token', () => {
+  it('should build a token with a string or object', () => {
+    const test1 = Token.create('test1');
+    expect(test1).toBeInstanceOf(Token);
+
+    const test2 = Token.create({
+      name: 'test2',
+    });
+    expect(test2).toBeInstanceOf(Token);
+  });
+
+  it('should have a name property', () => {
+    const token = Token.create('test');
+    expect(token.name).toBe('test');
+  });
+
+  it('should have a properties property if one is provided', () => {
+    const none = Token.create('none');
+    expect(none.properties).not.toBeDefined();
+
+    const some = Token.create({
+      name: 'some',
+      properties: ['background'],
+    });
+    expect(some.properties).toBeDefined();
+  });
+
+  it('should have a state property if one is provided', () => {
+    const none = Token.create('none');
+    expect(none.state).not.toBeDefined();
+
+    const some = Token.create({
+      name: 'some',
+      state: 'hover',
+    });
+    expect(some.state).toBeDefined();
+  });
+});
diff --git a/packages/themes/src/next/tokens/__tests__/TokenFormat-test.js b/packages/themes/src/next/tokens/__tests__/TokenFormat-test.js
new file mode 100644
index 000000000000..df0bfac41319
--- /dev/null
+++ b/packages/themes/src/next/tokens/__tests__/TokenFormat-test.js
@@ -0,0 +1,29 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { TokenFormat } from '../';
+
+describe('TokenFormat', () => {
+  it('should return the given name if no formatting is required', () => {
+    expect(TokenFormat.convert({ name: 'token-name' })).toBe('token-name');
+  });
+
+  describe('formats.js', () => {
+    test.each([
+      ['token-name', 'tokenName'],
+      ['test-ui', 'testUI'],
+      ['token-01', 'token01'],
+    ])('%s should be formatted to %s', (input, formatted) => {
+      expect(
+        TokenFormat.convert({
+          name: input,
+          format: TokenFormat.formats.js,
+        })
+      ).toBe(formatted);
+    });
+  });
+});
diff --git a/packages/themes/src/next/tokens/__tests__/TokenGroup-test.js b/packages/themes/src/next/tokens/__tests__/TokenGroup-test.js
new file mode 100644
index 000000000000..dcff8452f412
--- /dev/null
+++ b/packages/themes/src/next/tokens/__tests__/TokenGroup-test.js
@@ -0,0 +1,163 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { TokenGroup, Token } from '../';
+
+describe('TokenGroup', () => {
+  describe('getToken', () => {
+    it('should return a token if it exists, otherwise return null', () => {
+      const token01 = Token.create('token-01');
+      const token02 = Token.create('token-02');
+      const nested = TokenGroup.create({
+        name: 'nested',
+        tokens: [token02],
+      });
+      const group = TokenGroup.create({
+        name: 'group',
+        tokens: [token01, nested],
+      });
+
+      // Direct descendant
+      expect(group.getToken(token01)).toEqual(token01);
+      expect(group.getToken('token-01')).toEqual(token01);
+
+      // Nested
+      expect(group.getToken('token-02')).toEqual(token02);
+
+      // Non-existent
+      expect(group.getToken('token-03')).toEqual(null);
+    });
+  });
+
+  describe('getTokens', () => {
+    it('should return a flat list of tokens with context', () => {
+      const nested = TokenGroup.create({
+        name: 'nested',
+        properties: ['border'],
+        tokens: ['token-04'],
+      });
+      const group = TokenGroup.create({
+        name: 'group',
+        properties: ['background'],
+        tokens: [
+          'token-01',
+          {
+            state: 'hover',
+            name: 'token-02',
+          },
+          {
+            name: 'token-03',
+            properties: ['background', 'fill'],
+          },
+          nested,
+        ],
+      });
+
+      expect(group.getTokens()).toEqual([
+        {
+          groups: [group],
+          name: 'token-01',
+          properties: ['background'],
+        },
+        {
+          groups: [group],
+          name: 'token-02',
+          properties: ['background'],
+          state: 'hover',
+        },
+        {
+          groups: [group],
+          name: 'token-03',
+          properties: ['background', 'fill'],
+        },
+        {
+          groups: [group, nested],
+          name: 'token-04',
+          properties: ['border'],
+        },
+      ]);
+    });
+  });
+
+  describe('getTokenGroups', () => {
+    it('should return an array of all token groups', () => {
+      const nested = TokenGroup.create({
+        name: 'nested',
+        tokens: ['token-02'],
+      });
+      const group = TokenGroup.create({
+        name: 'group',
+        tokens: ['token-01', nested],
+      });
+      const groups = group.getTokenGroups();
+
+      expect(groups.includes(group)).toBe(true);
+      expect(groups.includes(nested)).toBe(true);
+    });
+  });
+
+  describe('getTokenProperties', () => {
+    it('should return an array of all properties in the groups or tokens', () => {
+      const group = TokenGroup.create({
+        name: 'group',
+        properties: ['background'],
+        tokens: [
+          'token-01',
+          {
+            name: 'token-02',
+            properties: ['fill'],
+          },
+          TokenGroup.create({
+            name: 'nested',
+            properties: ['border'],
+            tokens: [
+              'token-03',
+              {
+                name: 'token-04',
+                properties: ['stroke'],
+              },
+            ],
+          }),
+        ],
+      });
+      const properties = group.getTokenProperties();
+
+      expect(properties.includes('background')).toBe(true);
+      expect(properties.includes('border')).toBe(true);
+      expect(properties.includes('fill')).toBe(true);
+      expect(properties.includes('stroke')).toBe(true);
+    });
+  });
+
+  describe('getTokenStates', () => {
+    it('should return an array of states in the tokens of the group', () => {
+      const group = TokenGroup.create({
+        name: 'group',
+        tokens: [
+          'token-01',
+          {
+            name: 'token-02',
+            state: 'hover',
+          },
+          TokenGroup.create({
+            name: 'nested',
+            tokens: [
+              {
+                name: 'token-03',
+                state: 'focus',
+              },
+            ],
+          }),
+        ],
+      });
+
+      const states = group.getTokenStates();
+      expect(states.includes('hover')).toBe(true);
+      expect(states.includes('focus')).toBe(true);
+    });
+  });
+});
diff --git a/packages/themes/src/next/tokens/__tests__/TokenSet-test.js b/packages/themes/src/next/tokens/__tests__/TokenSet-test.js
new file mode 100644
index 000000000000..01a2b3e2bde2
--- /dev/null
+++ b/packages/themes/src/next/tokens/__tests__/TokenSet-test.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { TokenSet, Token } from '../';
+
+describe('TokenSet', () => {
+  describe('iterator', () => {
+    it('should support Symbol.iterator', () => {
+      const layer01 = Token.create('layer-01');
+      const layer02 = Token.create('layer-02');
+      const layers = TokenSet.create({
+        name: 'layers',
+        tokens: [layer01, layer02],
+      });
+
+      const background = Token.create('background');
+      const group = TokenSet.create({
+        name: 'group',
+        tokens: [background, layers],
+      });
+
+      const items = Array.from(group);
+      expect(items.length).toBe(4);
+
+      // Preorder traversal
+      expect(items[0]).toEqual(background);
+      expect(items[1]).toEqual(layers);
+      expect(items[2]).toEqual(layer01);
+      expect(items[3]).toEqual(layer02);
+    });
+  });
+
+  describe('getTokenSets', () => {
+    it('should return a single element array if no nested token sets exist', () => {
+      const set = TokenSet.create({
+        name: 'test',
+        tokens: [Token.create('test')],
+      });
+      expect(set.getTokenSets()).toEqual([set]);
+    });
+
+    it('should return each child token set in the parent set', () => {
+      const set1 = TokenSet.create({
+        name: 'set-1',
+        tokens: [Token.create('set-1-token')],
+      });
+      const set3 = TokenSet.create({
+        name: 'set-3',
+        tokens: [Token.create('set-3-token')],
+      });
+      const set2 = TokenSet.create({
+        name: 'set-2',
+        tokens: [Token.create('set-2-token'), set3],
+      });
+      const group = TokenSet.create({
+        name: 'group',
+        tokens: [set1, set2],
+      });
+      expect(group.getTokenSets()).toEqual([group, set1, set2, set3]);
+    });
+  });
+
+  describe('getTokenSet', () => {
+    it('should return a specific set, or null if it does not exist', () => {
+      const test = TokenSet.create({
+        name: 'test',
+        tokens: [],
+      });
+      const group = TokenSet.create({
+        name: 'group',
+        tokens: [test],
+      });
+
+      expect(group.getTokenSet('test')).toEqual(test);
+      expect(group.getTokenSet('does-not-exist')).toEqual(null);
+    });
+  });
+
+  describe('hasToken', () => {
+    it('should return a boolean indiciating if the token is in the set, or a child set', () => {
+      const token01 = Token.create('token-01');
+      const group = TokenSet.create({
+        name: 'group',
+        tokens: [
+          token01,
+          TokenSet.create({
+            name: 'nested',
+            tokens: [Token.create('token-02')],
+          }),
+        ],
+      });
+
+      // Direct tokens
+      expect(group.hasToken('token-01')).toBe(true);
+      expect(group.hasToken(token01)).toBe(true);
+
+      // Nested tokens
+      expect(group.hasToken('token-02')).toBe(true);
+
+      // Non-existent tokens
+      expect(group.hasToken('token-03')).toBe(false);
+    });
+  });
+});
diff --git a/packages/themes/src/next/tokens/__tests__/__snapshots__/v11-test.js.snap b/packages/themes/src/next/tokens/__tests__/__snapshots__/v11-test.js.snap
new file mode 100644
index 000000000000..181d9068e21e
--- /dev/null
+++ b/packages/themes/src/next/tokens/__tests__/__snapshots__/v11-test.js.snap
@@ -0,0 +1,242 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`v11 background token group 1`] = `
+Array [
+  "background",
+  "background-active",
+  "background-selected",
+  "background-selected-hover",
+  "background-hover",
+  "background-brand",
+  "background-inverse",
+  "background-inverse-hover",
+]
+`;
+
+exports[`v11 border token group 1`] = `
+Array [
+  "border-subtle-00",
+  "border-subtle-01",
+  "border-subtle-selected-01",
+  "border-subtle-02",
+  "border-subtle-selected-02",
+  "border-subtle-03",
+  "border-subtle-selected-03",
+  "border-strong-01",
+  "border-strong-02",
+  "border-strong-03",
+  "border-inverse",
+  "border-interactive",
+  "border-disabled",
+]
+`;
+
+exports[`v11 field token group 1`] = `
+Array [
+  "field-01",
+  "field-hover-01",
+  "field-02",
+  "field-hover-02",
+  "field-03",
+  "field-hover-03",
+  "field-disabled",
+]
+`;
+
+exports[`v11 focus token group 1`] = `
+Array [
+  "focus",
+  "focus-inset",
+  "focus-inverse",
+]
+`;
+
+exports[`v11 icon token group 1`] = `
+Array [
+  "icon-primary",
+  "icon-secondary",
+  "icon-inverse",
+  "icon-on-color",
+  "icon-on-color-disabled",
+  "icon-disabled",
+]
+`;
+
+exports[`v11 layer token group 1`] = `
+Array [
+  "layer-01",
+  "layer-active-01",
+  "layer-hover-01",
+  "layer-selected-01",
+  "layer-selected-hover-01",
+  "layer-02",
+  "layer-active-02",
+  "layer-hover-02",
+  "layer-selected-02",
+  "layer-selected-hover-02",
+  "layer-03",
+  "layer-active-03",
+  "layer-hover-03",
+  "layer-selected-03",
+  "layer-selected-hover-03",
+  "layer-disabled",
+  "layer-selected-inverse",
+  "layer-selected-disabled",
+  "layer-accent-01",
+  "layer-accent-active-01",
+  "layer-accent-hover-01",
+  "layer-accent-02",
+  "layer-accent-active-02",
+  "layer-accent-hover-02",
+  "layer-accent-03",
+  "layer-accent-active-03",
+  "layer-accent-hover-03",
+]
+`;
+
+exports[`v11 link token group 1`] = `
+Array [
+  "link-primary",
+  "link-primary-hover",
+  "link-secondary",
+  "link-inverse",
+  "link-visited",
+]
+`;
+
+exports[`v11 skeleton token group 1`] = `
+Array [
+  "skeleton-background",
+  "skeleton-element",
+]
+`;
+
+exports[`v11 support token group 1`] = `
+Array [
+  "support-error",
+  "support-success",
+  "support-warning",
+  "support-info",
+  "support-error-inverse",
+  "support-success-inverse",
+  "support-warning-inverse",
+  "support-info-inverse",
+  "support-caution-major",
+  "support-caution-minor",
+  "support-caution-undefined",
+]
+`;
+
+exports[`v11 text token group 1`] = `
+Array [
+  "text-primary",
+  "text-secondary",
+  "text-placeholder",
+  "text-helper",
+  "text-error",
+  "text-inverse",
+  "text-on-color",
+  "text-on-color-disabled",
+  "text-disabled",
+]
+`;
+
+exports[`v11 v11 token group 1`] = `
+Array [
+  "background",
+  "background-active",
+  "background-selected",
+  "background-selected-hover",
+  "background-hover",
+  "background-brand",
+  "background-inverse",
+  "background-inverse-hover",
+  "layer-01",
+  "layer-active-01",
+  "layer-hover-01",
+  "layer-selected-01",
+  "layer-selected-hover-01",
+  "layer-02",
+  "layer-active-02",
+  "layer-hover-02",
+  "layer-selected-02",
+  "layer-selected-hover-02",
+  "layer-03",
+  "layer-active-03",
+  "layer-hover-03",
+  "layer-selected-03",
+  "layer-selected-hover-03",
+  "layer-disabled",
+  "layer-selected-inverse",
+  "layer-selected-disabled",
+  "layer-accent-01",
+  "layer-accent-active-01",
+  "layer-accent-hover-01",
+  "layer-accent-02",
+  "layer-accent-active-02",
+  "layer-accent-hover-02",
+  "layer-accent-03",
+  "layer-accent-active-03",
+  "layer-accent-hover-03",
+  "field-01",
+  "field-hover-01",
+  "field-02",
+  "field-hover-02",
+  "field-03",
+  "field-hover-03",
+  "field-disabled",
+  "interactive",
+  "border-subtle-00",
+  "border-subtle-01",
+  "border-subtle-selected-01",
+  "border-subtle-02",
+  "border-subtle-selected-02",
+  "border-subtle-03",
+  "border-subtle-selected-03",
+  "border-strong-01",
+  "border-strong-02",
+  "border-strong-03",
+  "border-inverse",
+  "border-interactive",
+  "border-disabled",
+  "text-primary",
+  "text-secondary",
+  "text-placeholder",
+  "text-helper",
+  "text-error",
+  "text-inverse",
+  "text-on-color",
+  "text-on-color-disabled",
+  "text-disabled",
+  "link-primary",
+  "link-primary-hover",
+  "link-secondary",
+  "link-inverse",
+  "link-visited",
+  "icon-primary",
+  "icon-secondary",
+  "icon-inverse",
+  "icon-on-color",
+  "icon-on-color-disabled",
+  "icon-disabled",
+  "support-error",
+  "support-success",
+  "support-warning",
+  "support-info",
+  "support-error-inverse",
+  "support-success-inverse",
+  "support-warning-inverse",
+  "support-info-inverse",
+  "support-caution-major",
+  "support-caution-minor",
+  "support-caution-undefined",
+  "highlight",
+  "overlay",
+  "toggle-off",
+  "focus",
+  "focus-inset",
+  "focus-inverse",
+  "skeleton-background",
+  "skeleton-element",
+]
+`;
diff --git a/packages/themes/src/next/tokens/__tests__/v11-test.js b/packages/themes/src/next/tokens/__tests__/v11-test.js
new file mode 100644
index 000000000000..4e42a35863c1
--- /dev/null
+++ b/packages/themes/src/next/tokens/__tests__/v11-test.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as v11TokenGroup from '../v11TokenGroup';
+
+describe('v11', () => {
+  test('v11 token group', () => {
+    expect(
+      v11TokenGroup.group.getTokens().map((token) => token.name)
+    ).toMatchSnapshot();
+  });
+
+  test.each([
+    'background',
+    'layer',
+    'field',
+    'border',
+    'text',
+    'link',
+    'icon',
+    'support',
+    'focus',
+    'skeleton',
+  ])('%s token group', (group) => {
+    expect(
+      v11TokenGroup[group].getTokens().map((token) => token.name)
+    ).toMatchSnapshot();
+  });
+});
diff --git a/packages/themes/src/next/tokens/index.js b/packages/themes/src/next/tokens/index.js
new file mode 100644
index 000000000000..661bb158fe6f
--- /dev/null
+++ b/packages/themes/src/next/tokens/index.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { Token } from './Token';
+import { TokenFormat } from './TokenFormat';
+import { TokenGroup } from './TokenGroup';
+import { TokenSet } from './TokenSet';
+
+export { Token, TokenFormat, TokenGroup, TokenSet };
diff --git a/packages/themes/src/next/tokens/v11TokenGroup.js b/packages/themes/src/next/tokens/v11TokenGroup.js
new file mode 100644
index 000000000000..d734edd7236e
--- /dev/null
+++ b/packages/themes/src/next/tokens/v11TokenGroup.js
@@ -0,0 +1,357 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { TokenGroup } from './TokenGroup';
+
+export const background = TokenGroup.create({
+  name: 'Background',
+  properties: ['background'],
+  tokens: [
+    'background',
+    {
+      name: 'background-active',
+      state: 'active',
+    },
+    {
+      name: 'background-selected',
+      state: 'selected',
+    },
+    {
+      name: 'background-selected-hover',
+      state: 'hover',
+    },
+    {
+      name: 'background-hover',
+      state: 'hover',
+    },
+    'background-brand',
+    'background-inverse',
+    {
+      state: 'hover',
+      name: 'background-inverse-hover',
+    },
+  ],
+});
+
+export const layer = TokenGroup.create({
+  name: 'Layer',
+  properties: ['background'],
+  tokens: [
+    {
+      name: 'layer-01',
+    },
+    {
+      state: 'active',
+      name: 'layer-active-01',
+    },
+    {
+      state: 'hover',
+      name: 'layer-hover-01',
+    },
+    {
+      state: 'selected',
+      name: 'layer-selected-01',
+    },
+    {
+      state: 'hover',
+      name: 'layer-selected-hover-01',
+    },
+    {
+      name: 'layer-02',
+    },
+    {
+      state: 'active',
+      name: 'layer-active-02',
+    },
+    {
+      state: 'hover',
+      name: 'layer-hover-02',
+    },
+    {
+      state: 'selected',
+      name: 'layer-selected-02',
+    },
+    {
+      state: 'hover',
+      name: 'layer-selected-hover-02',
+    },
+    {
+      name: 'layer-03',
+    },
+    {
+      state: 'active',
+      name: 'layer-active-03',
+    },
+    {
+      state: 'hover',
+      name: 'layer-hover-03',
+    },
+    {
+      state: 'selected',
+      name: 'layer-selected-03',
+    },
+    {
+      state: 'hover',
+      name: 'layer-selected-hover-03',
+    },
+    {
+      state: 'disabled',
+      name: 'layer-disabled',
+    },
+    {
+      name: 'layer-selected-inverse',
+    },
+    {
+      state: 'disabled',
+      name: 'layer-selected-disabled',
+    },
+    {
+      name: 'layer-accent-01',
+    },
+    {
+      state: 'active',
+      name: 'layer-accent-active-01',
+    },
+    {
+      state: 'hover',
+      name: 'layer-accent-hover-01',
+    },
+    {
+      name: 'layer-accent-02',
+    },
+    {
+      state: 'active',
+      name: 'layer-accent-active-02',
+    },
+    {
+      state: 'hover',
+      name: 'layer-accent-hover-02',
+    },
+    {
+      name: 'layer-accent-03',
+    },
+    {
+      state: 'active',
+      name: 'layer-accent-active-03',
+    },
+    {
+      state: 'hover',
+      name: 'layer-accent-hover-03',
+    },
+  ],
+});
+
+export const field = TokenGroup.create({
+  name: 'Field',
+  properties: ['background'],
+  tokens: [
+    {
+      name: 'field-01',
+    },
+    {
+      state: 'hover',
+      name: 'field-hover-01',
+    },
+    {
+      name: 'field-02',
+    },
+    {
+      state: 'hover',
+      name: 'field-hover-02',
+    },
+    {
+      name: 'field-03',
+    },
+    {
+      state: 'hover',
+      name: 'field-hover-03',
+    },
+    {
+      state: 'disabled',
+      name: 'field-disabled',
+    },
+  ],
+});
+
+export const border = TokenGroup.create({
+  name: 'Borders',
+  properties: ['border'],
+  tokens: [
+    {
+      name: 'border-subtle-00',
+    },
+    {
+      name: 'border-subtle-01',
+    },
+    {
+      state: 'selected',
+      name: 'border-subtle-selected-01',
+    },
+    {
+      name: 'border-subtle-02',
+    },
+    {
+      state: 'selected',
+      name: 'border-subtle-selected-02',
+    },
+    {
+      name: 'border-subtle-03',
+    },
+    {
+      state: 'selected',
+      name: 'border-subtle-selected-03',
+    },
+
+    // Border strong
+    'border-strong-01',
+    'border-strong-02',
+    'border-strong-03',
+
+    // Border inverse
+    'border-inverse',
+
+    // Border interactive
+    'border-interactive',
+
+    {
+      state: 'disabled',
+      name: 'border-disabled',
+    },
+  ],
+});
+
+export const text = TokenGroup.create({
+  name: 'Text',
+  properties: ['color'],
+  tokens: [
+    'text-primary',
+    'text-secondary',
+    'text-placeholder',
+    'text-helper',
+    'text-error',
+    'text-inverse',
+    {
+      name: 'text-on-color',
+    },
+    {
+      state: 'disabled',
+      name: 'text-on-color-disabled',
+    },
+
+    {
+      state: 'disabled',
+      name: 'text-disabled',
+    },
+  ],
+});
+
+export const link = TokenGroup.create({
+  name: 'Link',
+  properties: ['color'],
+  tokens: [
+    {
+      name: 'link-primary',
+    },
+    {
+      state: 'hover',
+      name: 'link-primary-hover',
+    },
+    'link-secondary',
+    'link-inverse',
+    {
+      state: 'visited',
+      name: 'link-visited',
+    },
+  ],
+});
+
+export const icon = TokenGroup.create({
+  name: 'Icons',
+  properties: ['background', 'fill', 'stroke'],
+  tokens: [
+    'icon-primary',
+    'icon-secondary',
+    'icon-inverse',
+    {
+      name: 'icon-on-color',
+    },
+    {
+      state: 'disabled',
+      name: 'icon-on-color-disabled',
+    },
+    {
+      state: 'disabled',
+      name: 'icon-disabled',
+    },
+  ],
+});
+
+export const support = TokenGroup.create({
+  name: 'Support',
+  properties: ['background', 'fill', 'stroke'],
+  tokens: [
+    'support-error',
+    'support-success',
+    'support-warning',
+    'support-info',
+    'support-error-inverse',
+    'support-success-inverse',
+    'support-warning-inverse',
+    'support-info-inverse',
+    'support-caution-major',
+    'support-caution-minor',
+    'support-caution-undefined',
+  ],
+});
+
+export const focus = TokenGroup.create({
+  name: 'Focus',
+  properties: ['border'],
+  tokens: ['focus', 'focus-inset', 'focus-inverse'],
+});
+
+export const skeleton = TokenGroup.create({
+  name: 'Skeleton',
+  properties: ['background'],
+  tokens: ['skeleton-background', 'skeleton-element'],
+});
+
+export const group = TokenGroup.create({
+  name: 'v11',
+  tokens: [
+    background,
+    layer,
+    field,
+
+    // Interactive
+    {
+      name: 'interactive',
+      properties: ['background', 'color'],
+    },
+
+    border,
+    text,
+    link,
+    icon,
+    support,
+
+    // Misc
+    {
+      name: 'highlight',
+    },
+    {
+      name: 'overlay',
+      properties: ['background'],
+    },
+    {
+      name: 'toggle-off',
+    },
+
+    focus,
+    skeleton,
+  ],
+});
diff --git a/packages/themes/src/next/tokens/v11TokenSet.js b/packages/themes/src/next/tokens/v11TokenSet.js
new file mode 100644
index 000000000000..2c195a5a53e7
--- /dev/null
+++ b/packages/themes/src/next/tokens/v11TokenSet.js
@@ -0,0 +1,85 @@
+/**
+ * Copyright IBM Corp. 2018, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { TokenSet } from './TokenSet';
+import { background, border, field, layer } from './v11TokenGroup';
+
+export const set = TokenSet.create({
+  name: 'All',
+  tokens: [
+    TokenSet.create({
+      name: 'Base set',
+      tokens: [
+        background.getToken('background'),
+        background.getToken('background-hover'),
+        background.getToken('background-selected'),
+        background.getToken('background-selected-hover'),
+        border.getToken('border-subtle-00'),
+      ],
+    }),
+    TokenSet.create({
+      name: '01 Layer set',
+      tokens: [
+        layer.getToken('layer-01'),
+        layer.getToken('layer-active-01'),
+        layer.getToken('layer-hover-01'),
+        layer.getToken('layer-selected-hover-01'),
+        layer.getToken('layer-accent-01'),
+        layer.getToken('layer-accent-active-01'),
+        layer.getToken('layer-accent-hover-01'),
+
+        field.getToken('field-01'),
+        field.getToken('field-hover-01'),
+
+        border.getToken('border-subtle-01'),
+        border.getToken('border-subtle-selected-01'),
+
+        border.getToken('border-strong-01'),
+      ],
+    }),
+    TokenSet.create({
+      name: '02 Layer set',
+      tokens: [
+        layer.getToken('layer-02'),
+        layer.getToken('layer-active-02'),
+        layer.getToken('layer-hover-02'),
+        layer.getToken('layer-selected-hover-02'),
+        layer.getToken('layer-accent-02'),
+        layer.getToken('layer-accent-active-02'),
+        layer.getToken('layer-accent-hover-02'),
+
+        field.getToken('field-02'),
+        field.getToken('field-hover-02'),
+
+        border.getToken('border-subtle-02'),
+        border.getToken('border-subtle-selected-02'),
+
+        border.getToken('border-strong-02'),
+      ],
+    }),
+    TokenSet.create({
+      name: '03 Layer set',
+      tokens: [
+        layer.getToken('layer-03'),
+        layer.getToken('layer-active-03'),
+        layer.getToken('layer-hover-03'),
+        layer.getToken('layer-selected-hover-03'),
+        layer.getToken('layer-accent-03'),
+        layer.getToken('layer-accent-active-03'),
+        layer.getToken('layer-accent-hover-03'),
+
+        field.getToken('field-03'),
+        field.getToken('field-hover-03'),
+
+        border.getToken('border-subtle-03'),
+        border.getToken('border-subtle-selected-03'),
+
+        border.getToken('border-strong-03'),
+      ],
+    }),
+  ],
+});
diff --git a/packages/type/package.json b/packages/type/package.json
index dbf3ef74c552..8b5773305470 100644
--- a/packages/type/package.json
+++ b/packages/type/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.29.0",
+  "version": "10.30.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,10 +37,10 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.25.0"
+    "@carbon/layout": "^10.26.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.24.0",
+    "@carbon/cli": "^10.25.0-rc.0",
     "@carbon/test-utils": "^10.16.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
diff --git a/yarn.lock b/yarn.lock
index ca76f95f22a2..68480144a187 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -75,6 +75,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/code-frame@npm:7.12.11":
+  version: 7.12.11
+  resolution: "@babel/code-frame@npm:7.12.11"
+  dependencies:
+    "@babel/highlight": ^7.10.4
+  checksum: 3963eff3ebfb0e091c7e6f99596ef4b258683e4ba8a134e4e95f77afe85be5c931e184fff6435fb4885d12eba04a5e25532f7fbc292ca13b48e7da943474e2f3
+  languageName: node
+  linkType: hard
+
 "@babel/code-frame@npm:7.5.5":
   version: 7.5.5
   resolution: "@babel/code-frame@npm:7.5.5"
@@ -1592,7 +1601,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime-corejs3@npm:^7.10.2, @babel/runtime-corejs3@npm:^7.7.4":
+"@babel/runtime-corejs3@npm:^7.10.2":
   version: 7.12.5
   resolution: "@babel/runtime-corejs3@npm:7.12.5"
   dependencies:
@@ -1602,7 +1611,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.13.17, @babel/runtime@npm:^7.13.8, @babel/runtime@npm:^7.14.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.4.5, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.4, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.1, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.13.17, @babel/runtime@npm:^7.13.8, @babel/runtime@npm:^7.14.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.4, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.1, @babel/runtime@npm:^7.9.2":
   version: 7.14.0
   resolution: "@babel/runtime@npm:7.14.0"
   dependencies:
@@ -1680,27 +1689,27 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/cli-reporter@^10.4.0, @carbon/cli-reporter@workspace:packages/cli-reporter":
+"@carbon/cli-reporter@^10.5.0-rc.0, @carbon/cli-reporter@workspace:packages/cli-reporter":
   version: 0.0.0-use.local
   resolution: "@carbon/cli-reporter@workspace:packages/cli-reporter"
   dependencies:
-    chalk: ^2.4.1
+    chalk: ^4.1.1
   languageName: unknown
   linkType: soft
 
-"@carbon/cli@^10.24.0, @carbon/cli@workspace:packages/cli":
+"@carbon/cli@^10.25.0-rc.0, @carbon/cli@workspace:packages/cli":
   version: 0.0.0-use.local
   resolution: "@carbon/cli@workspace:packages/cli"
   dependencies:
     "@babel/core": ^7.14.2
-    "@carbon/cli-reporter": ^10.4.0
+    "@carbon/cli-reporter": ^10.5.0-rc.0
     "@octokit/plugin-retry": ^3.0.7
     "@octokit/plugin-throttling": ^2.6.0
     "@octokit/rest": ^16.28.1
     "@rollup/plugin-babel": ^5.3.0
     "@rollup/plugin-commonjs": ^18.0.0
     "@rollup/plugin-node-resolve": ^11.2.1
-    chalk: ^2.4.2
+    chalk: ^4.1.1
     change-case: ^4.1.2
     child-process-promise: ^2.2.1
     clipboardy: ^2.1.0
@@ -1734,12 +1743,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/colors@^10.26.0, @carbon/colors@workspace:packages/colors":
+"@carbon/colors@^10.27.0-rc.0, @carbon/colors@workspace:packages/colors":
   version: 0.0.0-use.local
   resolution: "@carbon/colors@workspace:packages/colors"
   dependencies:
-    "@carbon/cli": ^10.24.0
-    "@carbon/cli-reporter": ^10.4.0
+    "@carbon/cli": ^10.25.0-rc.0
+    "@carbon/cli-reporter": ^10.5.0-rc.0
     "@carbon/scss-generator": ^10.13.0
     "@carbon/test-utils": ^10.16.0
     change-case: ^4.1.1
@@ -1750,19 +1759,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/elements@^10.36.0, @carbon/elements@workspace:packages/elements":
+"@carbon/elements@^10.37.0-rc.0, @carbon/elements@workspace:packages/elements":
   version: 0.0.0-use.local
   resolution: "@carbon/elements@workspace:packages/elements"
   dependencies:
-    "@carbon/cli": ^10.24.0
-    "@carbon/colors": ^10.26.0
-    "@carbon/grid": ^10.29.0
-    "@carbon/icons": ^10.33.0
+    "@carbon/cli": ^10.25.0-rc.0
+    "@carbon/colors": ^10.27.0-rc.0
+    "@carbon/grid": ^10.30.0-rc.0
+    "@carbon/icons": ^10.34.0-rc.0
     "@carbon/import-once": ^10.6.0
-    "@carbon/layout": ^10.25.0
-    "@carbon/motion": ^10.19.0
-    "@carbon/themes": ^10.36.0
-    "@carbon/type": ^10.29.0
+    "@carbon/layout": ^10.26.0-rc.0
+    "@carbon/motion": ^10.20.0-rc.0
+    "@carbon/themes": ^10.37.0-rc.0
+    "@carbon/type": ^10.30.0-rc.0
     fs-extra: ^8.1.0
     klaw-sync: ^6.0.0
     replace-in-file: ^3.4.2
@@ -1787,18 +1796,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/grid@^10.29.0, @carbon/grid@workspace:packages/grid":
+"@carbon/grid@^10.30.0-rc.0, @carbon/grid@workspace:packages/grid":
   version: 0.0.0-use.local
   resolution: "@carbon/grid@workspace:packages/grid"
   dependencies:
-    "@carbon/cli": ^10.24.0
+    "@carbon/cli": ^10.25.0-rc.0
     "@carbon/import-once": ^10.6.0
-    "@carbon/layout": ^10.25.0
+    "@carbon/layout": ^10.26.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
 
-"@carbon/icon-build-helpers@^0.22.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers":
+"@carbon/icon-build-helpers@^0.23.0-rc.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers":
   version: 0.0.0-use.local
   resolution: "@carbon/icon-build-helpers@workspace:packages/icon-build-helpers"
   dependencies:
@@ -1808,8 +1817,8 @@ __metadata:
     "@babel/preset-react": ^7.13.13
     "@babel/template": ^7.12.13
     "@babel/types": ^7.14.2
-    "@carbon/cli-reporter": ^10.4.0
-    "@carbon/icon-helpers": ^10.18.0
+    "@carbon/cli-reporter": ^10.5.0-rc.0
+    "@carbon/icon-helpers": ^10.19.0-rc.0
     "@rollup/plugin-babel": ^5.3.0
     "@rollup/plugin-replace": ^2.4.2
     browserslist-config-carbon: ^10.6.1
@@ -1832,11 +1841,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/icon-helpers@^10.18.0, @carbon/icon-helpers@workspace:packages/icon-helpers":
+"@carbon/icon-helpers@^10.19.0-rc.0, @carbon/icon-helpers@workspace:packages/icon-helpers":
   version: 0.0.0-use.local
   resolution: "@carbon/icon-helpers@workspace:packages/icon-helpers"
   dependencies:
-    "@carbon/cli": ^10.24.0
+    "@carbon/cli": ^10.25.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
@@ -1848,25 +1857,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/icons-handlebars@^10.33.0, @carbon/icons-handlebars@workspace:packages/icons-handlebars":
+"@carbon/icons-handlebars@^10.34.0-rc.0, @carbon/icons-handlebars@workspace:packages/icons-handlebars":
   version: 0.0.0-use.local
   resolution: "@carbon/icons-handlebars@workspace:packages/icons-handlebars"
   dependencies:
-    "@carbon/icon-helpers": ^10.18.0
-    "@carbon/icons": ^10.33.0
+    "@carbon/icon-helpers": ^10.19.0-rc.0
+    "@carbon/icons": ^10.34.0-rc.0
     handlebars: ^4.0.12
   peerDependencies:
     handlebars: ^4.0.12
   languageName: unknown
   linkType: soft
 
-"@carbon/icons-react@^10.33.0, @carbon/icons-react@workspace:packages/icons-react":
+"@carbon/icons-react@^10.34.0-rc.0, @carbon/icons-react@workspace:packages/icons-react":
   version: 0.0.0-use.local
   resolution: "@carbon/icons-react@workspace:packages/icons-react"
   dependencies:
-    "@carbon/icon-build-helpers": ^0.22.0
-    "@carbon/icon-helpers": ^10.18.0
-    "@carbon/icons": ^10.33.0
+    "@carbon/icon-build-helpers": ^0.23.0-rc.0
+    "@carbon/icon-helpers": ^10.19.0-rc.0
+    "@carbon/icons": ^10.34.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
     prop-types: ^15.7.2
     rimraf: ^3.0.2
@@ -1889,9 +1898,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@carbon/icons-vue@workspace:packages/icons-vue"
   dependencies:
-    "@carbon/cli-reporter": ^10.4.0
-    "@carbon/icon-helpers": ^10.18.0
-    "@carbon/icons": ^10.33.0
+    "@carbon/cli-reporter": ^10.5.0-rc.0
+    "@carbon/icon-helpers": ^10.19.0-rc.0
+    "@carbon/icons": ^10.34.0-rc.0
     fs-extra: ^8.1.0
     prettier: ^2.2.1
     rimraf: ^3.0.0
@@ -1900,12 +1909,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/icons@^10.33.0, @carbon/icons@workspace:packages/icons":
+"@carbon/icons@^10.34.0-rc.0, @carbon/icons@workspace:packages/icons":
   version: 0.0.0-use.local
   resolution: "@carbon/icons@workspace:packages/icons"
   dependencies:
-    "@carbon/cli": ^10.24.0
-    "@carbon/icon-build-helpers": ^0.22.0
+    "@carbon/cli": ^10.25.0-rc.0
+    "@carbon/icon-build-helpers": ^0.23.0-rc.0
     rimraf: ^3.0.2
     svgson: ^5.2.1
   languageName: unknown
@@ -1917,12 +1926,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/layout@^10.25.0, @carbon/layout@workspace:packages/layout":
+"@carbon/layout@^10.26.0-rc.0, @carbon/layout@workspace:packages/layout":
   version: 0.0.0-use.local
   resolution: "@carbon/layout@workspace:packages/layout"
   dependencies:
-    "@carbon/cli": ^10.24.0
-    "@carbon/cli-reporter": ^10.4.0
+    "@carbon/cli": ^10.25.0-rc.0
+    "@carbon/cli-reporter": ^10.5.0-rc.0
     "@carbon/scss-generator": ^10.13.0
     "@carbon/test-utils": ^10.16.0
     core-js: ^3.6.5
@@ -1930,11 +1939,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/motion@^10.19.0, @carbon/motion@workspace:packages/motion":
+"@carbon/motion@^10.20.0-rc.0, @carbon/motion@workspace:packages/motion":
   version: 0.0.0-use.local
   resolution: "@carbon/motion@workspace:packages/motion"
   dependencies:
-    "@carbon/cli": ^10.24.0
+    "@carbon/cli": ^10.25.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
@@ -1943,9 +1952,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@carbon/pictograms-react@workspace:packages/pictograms-react"
   dependencies:
-    "@carbon/icon-build-helpers": ^0.22.0
-    "@carbon/icon-helpers": ^10.18.0
-    "@carbon/pictograms": ^11.11.0
+    "@carbon/icon-build-helpers": ^0.23.0-rc.0
+    "@carbon/icon-helpers": ^10.19.0-rc.0
+    "@carbon/pictograms": ^11.12.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
     prop-types: ^15.7.2
   peerDependencies:
@@ -1953,11 +1962,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/pictograms@^11.11.0, @carbon/pictograms@workspace:packages/pictograms":
+"@carbon/pictograms@^11.12.0-rc.0, @carbon/pictograms@workspace:packages/pictograms":
   version: 0.0.0-use.local
   resolution: "@carbon/pictograms@workspace:packages/pictograms"
   dependencies:
-    "@carbon/icon-build-helpers": ^0.22.0
+    "@carbon/icon-build-helpers": ^0.23.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
@@ -1974,10 +1983,10 @@ __metadata:
     "@babel/preset-env": ^7.14.2
     "@babel/preset-react": ^7.13.13
     "@carbon/feature-flags": ^0.5.0
-    "@carbon/icons-react": ^10.33.0
-    "@carbon/styles": ^0.8.0-rc.0
+    "@carbon/icons-react": ^10.34.0-rc.0
+    "@carbon/styles": ^0.9.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
-    "@carbon/themes": ^10.36.0
+    "@carbon/themes": ^10.37.0-rc.0
     "@ibm/plex": 6.0.0-next.6
     "@rollup/plugin-babel": ^5.3.0
     "@rollup/plugin-commonjs": ^18.0.0
@@ -1992,7 +2001,7 @@ __metadata:
     babel-plugin-dev-expression: ^0.2.2
     babel-preset-carbon: ^0.1.0
     browserslist-config-carbon: ^10.6.1
-    carbon-components-react: ^7.37.1
+    carbon-components-react: ^7.38.0-rc.0
     css-loader: ^5.2.4
     mini-css-extract-plugin: ^1.6.0
     postcss: ^8.2.14
@@ -2028,11 +2037,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@carbon/sketch@workspace:packages/sketch"
   dependencies:
-    "@carbon/colors": ^10.26.0
-    "@carbon/icon-helpers": ^10.18.0
-    "@carbon/icons": ^10.33.0
-    "@carbon/themes": ^10.36.0
-    "@carbon/type": ^10.29.0
+    "@carbon/colors": ^10.27.0-rc.0
+    "@carbon/icon-helpers": ^10.19.0-rc.0
+    "@carbon/icons": ^10.34.0-rc.0
+    "@carbon/themes": ^10.37.0-rc.0
+    "@carbon/type": ^10.30.0-rc.0
     "@skpm/builder": ^0.7.0
     color-string: ^1.5.3
     core-js: ^3.11.1
@@ -2043,18 +2052,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/styles@^0.8.0-rc.0, @carbon/styles@workspace:packages/styles":
+"@carbon/styles@^0.9.0-rc.0, @carbon/styles@workspace:packages/styles":
   version: 0.0.0-use.local
   resolution: "@carbon/styles@workspace:packages/styles"
   dependencies:
-    "@carbon/colors": ^10.26.0
+    "@carbon/colors": ^10.27.0-rc.0
     "@carbon/feature-flags": ^0.5.0
-    "@carbon/grid": ^10.29.0
-    "@carbon/layout": ^10.25.0
-    "@carbon/motion": ^10.19.0
+    "@carbon/grid": ^10.30.0-rc.0
+    "@carbon/layout": ^10.26.0-rc.0
+    "@carbon/motion": ^10.20.0-rc.0
     "@carbon/test-utils": ^10.16.0
-    "@carbon/themes": ^10.36.0
-    "@carbon/type": ^10.29.0
+    "@carbon/themes": ^10.37.0-rc.0
+    "@carbon/type": ^10.30.0-rc.0
   languageName: unknown
   linkType: soft
 
@@ -2095,17 +2104,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/themes@^10.36.0, @carbon/themes@workspace:packages/themes":
+"@carbon/themes@^10.37.0-rc.0, @carbon/themes@workspace:packages/themes":
   version: 0.0.0-use.local
   resolution: "@carbon/themes@workspace:packages/themes"
   dependencies:
-    "@carbon/cli": ^10.24.0
-    "@carbon/cli-reporter": ^10.4.0
-    "@carbon/colors": ^10.26.0
-    "@carbon/layout": ^10.25.0
+    "@carbon/cli": ^10.25.0-rc.0
+    "@carbon/cli-reporter": ^10.5.0-rc.0
+    "@carbon/colors": ^10.27.0-rc.0
+    "@carbon/layout": ^10.26.0-rc.0
     "@carbon/scss-generator": ^10.13.0
     "@carbon/test-utils": ^10.16.0
-    "@carbon/type": ^10.29.0
+    "@carbon/type": ^10.30.0-rc.0
     change-case: ^4.1.1
     color: ^3.1.2
     core-js: ^3.6.5
@@ -2116,13 +2125,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/type@^10.29.0, @carbon/type@workspace:packages/type":
+"@carbon/type@^10.30.0-rc.0, @carbon/type@workspace:packages/type":
   version: 0.0.0-use.local
   resolution: "@carbon/type@workspace:packages/type"
   dependencies:
-    "@carbon/cli": ^10.24.0
+    "@carbon/cli": ^10.25.0-rc.0
     "@carbon/import-once": ^10.6.0
-    "@carbon/layout": ^10.25.0
+    "@carbon/layout": ^10.26.0-rc.0
     "@carbon/test-utils": ^10.16.0
     change-case: ^4.1.1
     rimraf: ^3.0.0
@@ -2635,6 +2644,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@es-joy/jsdoccomment@npm:^0.8.0-alpha.2":
+  version: 0.8.0-alpha.2
+  resolution: "@es-joy/jsdoccomment@npm:0.8.0-alpha.2"
+  dependencies:
+    comment-parser: ^1.1.5
+    esquery: ^1.4.0
+    jsdoc-type-pratt-parser: 1.0.0-alpha.23
+  checksum: cb6b06a8369f171f8dd5b9a3f74def4524e0d80a9c14a402246ff69a2a964a2ca3448c04e3cf5f99d6151aafa13272a96bd8b98d6857f9b217159c711fe09de1
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^0.4.2":
+  version: 0.4.2
+  resolution: "@eslint/eslintrc@npm:0.4.2"
+  dependencies:
+    ajv: ^6.12.4
+    debug: ^4.1.1
+    espree: ^7.3.0
+    globals: ^13.9.0
+    ignore: ^4.0.6
+    import-fresh: ^3.2.1
+    js-yaml: ^3.13.1
+    minimatch: ^3.0.4
+    strip-json-comments: ^3.1.1
+  checksum: 17f90cf07988dd2a5e4f510687c81334141977b8e0fa1b63ef0318b0578466e368fc988c101ddc7df55b6124dff8ecd1be67292c27901265761758ad22608e12
+  languageName: node
+  linkType: hard
+
 "@evocateur/libnpmaccess@npm:^3.1.2":
   version: 3.1.2
   resolution: "@evocateur/libnpmaccess@npm:3.1.2"
@@ -2878,6 +2915,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/console@npm:^27.0.2":
+  version: 27.0.2
+  resolution: "@jest/console@npm:27.0.2"
+  dependencies:
+    "@jest/types": ^27.0.2
+    "@types/node": "*"
+    chalk: ^4.0.0
+    jest-message-util: ^27.0.2
+    jest-util: ^27.0.2
+    slash: ^3.0.0
+  checksum: 71b812a49c3b7a07dacc1068ac5ddaa27fec8b8c9eb3342067c560108f8d04072445dac52ae0b5c03da7ff68e4363125e4e5043d82189b68ebc28c61bc9db2b6
+  languageName: node
+  linkType: hard
+
 "@jest/core@npm:^26.0.1":
   version: 26.0.1
   resolution: "@jest/core@npm:26.0.1"
@@ -3040,6 +3091,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/test-result@npm:^27.0.2":
+  version: 27.0.2
+  resolution: "@jest/test-result@npm:27.0.2"
+  dependencies:
+    "@jest/console": ^27.0.2
+    "@jest/types": ^27.0.2
+    "@types/istanbul-lib-coverage": ^2.0.0
+    collect-v8-coverage: ^1.0.0
+  checksum: 2522808ff45b57cf44ed2389f65479486581bc6a9533742fffb77bc44826b3b77e966a9fcefaa6fa2e4f95e1e498f1f368957e731632e4230b0c4f9fecdf236e
+  languageName: node
+  linkType: hard
+
 "@jest/test-sequencer@npm:^26.0.1":
   version: 26.0.1
   resolution: "@jest/test-sequencer@npm:26.0.1"
@@ -6973,6 +7036,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/json5@npm:^0.0.29":
+  version: 0.0.29
+  resolution: "@types/json5@npm:0.0.29"
+  checksum: e60b153664572116dfea673c5bda7778dbff150498f44f998e34b5886d8afc47f16799280e4b6e241c0472aef1bc36add771c569c68fc5125fc2ae519a3eb9ac
+  languageName: node
+  linkType: hard
+
 "@types/keyv@npm:*, @types/keyv@npm:^3.1.1":
   version: 3.1.1
   resolution: "@types/keyv@npm:3.1.1"
@@ -7009,10 +7079,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/minimatch@npm:*":
-  version: 3.0.3
-  resolution: "@types/minimatch@npm:3.0.3"
-  checksum: b80259d55b96ef24cb3bb961b6dc18b943f2bb8838b4d8e7bead204f3173e551a416ffa49f9aaf1dc431277fffe36214118628eacf4aea20119df8835229901b
+"@types/minimatch@npm:*, @types/minimatch@npm:^3.0.3":
+  version: 3.0.4
+  resolution: "@types/minimatch@npm:3.0.4"
+  checksum: 583a174116b56f405e8f45680fd06ee674442543cd875b8570a046bd2695fdcfb84ffd8b7ef4c84e11e2ba0fe7e467fc6fd95e134d389ebcefc2ddefd01ea9c8
   languageName: node
   linkType: hard
 
@@ -7235,6 +7305,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/stack-utils@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@types/stack-utils@npm:2.0.0"
+  checksum: b3fbae25b073116977ecb5c67d22f14567b51a7792403b0bf46e5de8f29bde3bd4ec1626afb22065495ca7f1c699c8bd66720050c94b8f8f9bcefbee79d161fd
+  languageName: node
+  linkType: hard
+
 "@types/tapable@npm:^1, @types/tapable@npm:^1.0.5":
   version: 1.0.7
   resolution: "@types/tapable@npm:1.0.7"
@@ -7585,18 +7662,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"JSONStream@npm:^0.8.4":
-  version: 0.8.4
-  resolution: "JSONStream@npm:0.8.4"
-  dependencies:
-    jsonparse: 0.0.5
-    through: ">=2.2.7 <3"
-  bin:
-    JSONStream: ./index.js
-  checksum: 929379d639a8b0111b3dc685d22439b103bfe5251c9a15744862c646999786689321b544f3dfa57599f0faac31e8c8eeac8d0c8c49c17468e3d09c1bacf70258
-  languageName: node
-  linkType: hard
-
 "JSONStream@npm:^1.0.4, JSONStream@npm:^1.3.4":
   version: 1.3.5
   resolution: "JSONStream@npm:1.3.5"
@@ -7752,7 +7817,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^7.1.0, acorn@npm:^7.1.1, acorn@npm:^7.4.1":
+"acorn@npm:^7.1.0, acorn@npm:^7.1.1, acorn@npm:^7.4.0, acorn@npm:^7.4.1":
   version: 7.4.1
   resolution: "acorn@npm:7.4.1"
   bin:
@@ -8224,12 +8289,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^4.2.1":
-  version: 4.3.0
-  resolution: "ansi-escapes@npm:4.3.0"
+"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.1":
+  version: 4.3.2
+  resolution: "ansi-escapes@npm:4.3.2"
   dependencies:
-    type-fest: ^0.8.1
-  checksum: e847b98db7184178f4c314eb16c7a6286a6ef52af7fef4d058a37248bd6387d1849c3732e24a2b4079dbce0f0fcc83a7163a530429f1475c598058df762c38b3
+    type-fest: ^0.21.3
+  checksum: 93111c42189c0a6bed9cdb4d7f2829548e943827ee8479c74d6e0b22ee127b2a21d3f8b5ca57723b8ef78ce011fbfc2784350eb2bde3ccfccf2f575fa8489815
   languageName: node
   linkType: hard
 
@@ -8558,16 +8623,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "aria-query@npm:3.0.0"
-  dependencies:
-    ast-types-flow: 0.0.7
-    commander: ^2.11.0
-  checksum: 52861d7d31321a23f27e5f95a437ddafd20e5eee03ff6e4319eeb1e98dce103f03ccaea34acb5bf2810580f71a9ac1658200fa3d49435279e99df2908f213f1b
-  languageName: node
-  linkType: hard
-
 "aria-query@npm:^4.2.2":
   version: 4.2.2
   resolution: "aria-query@npm:4.2.2"
@@ -8643,13 +8698,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-differ@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "array-differ@npm:1.0.0"
-  checksum: ac6060952c7cb0a534c06ea3c6c960432d605d905e9901afe386e841aadc6e102ed81e0e6abe5eb4b50dd43907fc6426f6012b5ca784ec7741a5b398690c0998
-  languageName: node
-  linkType: hard
-
 "array-differ@npm:^2.0.3":
   version: 2.1.0
   resolution: "array-differ@npm:2.1.0"
@@ -8657,6 +8705,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array-differ@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "array-differ@npm:3.0.0"
+  checksum: 117edd9df5c1530bd116c6e8eea891d4bd02850fd89b1b36e532b6540e47ca620a373b81feca1c62d1395d9ae601516ba538abe5e8172d41091da2c546b05fb7
+  languageName: node
+  linkType: hard
+
 "array-each@npm:^1.0.0, array-each@npm:^1.0.1":
   version: 1.0.1
   resolution: "array-each@npm:1.0.1"
@@ -8713,14 +8768,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-includes@npm:^3.0.3, array-includes@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "array-includes@npm:3.1.1"
+"array-includes@npm:^3.0.3, array-includes@npm:^3.1.1, array-includes@npm:^3.1.2, array-includes@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "array-includes@npm:3.1.3"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0
+    es-abstract: ^1.18.0-next.2
+    get-intrinsic: ^1.1.1
     is-string: ^1.0.5
-  checksum: e6d35d400c156a7242eb7fdeac5a64fe2d2c96613c55daea015d828691d8f26c2bd1b34f9786728fb3b00f2d0211374ecf2e1c5f8a56beb434bf8b2a9725235f
+  checksum: eaab8812412b5ec921c8fe678a9d61f501b12f6c72e271e0e8652fe7f4145276cc7ad79ff303ac4ed69cbf5135155bfb092b1b6d552e423e75106d1c887da150
   languageName: node
   linkType: hard
 
@@ -8826,24 +8883,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.flat@npm:^1.2.1, array.prototype.flat@npm:^1.2.3":
-  version: 1.2.3
-  resolution: "array.prototype.flat@npm:1.2.3"
+"array.prototype.flat@npm:^1.2.1, array.prototype.flat@npm:^1.2.3, array.prototype.flat@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "array.prototype.flat@npm:1.2.4"
   dependencies:
+    call-bind: ^1.0.0
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0-next.1
-  checksum: ba4cf6e53871902a09fa7f56ff097e836f18d59de0219fe271e3d1a895a7ea98a62fa946cbdae95e73b774991206a32a26822227d081bd2cc5c771b95f851753
+    es-abstract: ^1.18.0-next.1
+  checksum: 1ec5d9887ae45e70e4b993e801b440ae5ddcd0d2c6d1dbe214c311e91436152f510916bdac82b066693544b9801a3c510dfbec8a278ababf8de7eb0bde74636f
   languageName: node
   linkType: hard
 
-"array.prototype.flatmap@npm:^1.2.1":
-  version: 1.2.3
-  resolution: "array.prototype.flatmap@npm:1.2.3"
+"array.prototype.flatmap@npm:^1.2.1, array.prototype.flatmap@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "array.prototype.flatmap@npm:1.2.4"
   dependencies:
+    call-bind: ^1.0.0
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0-next.1
+    es-abstract: ^1.18.0-next.1
     function-bind: ^1.1.1
-  checksum: d0f96793d3763cb3aa48a0a9860255c2f10eeaa9584a6e6e2315db67a2088a4a6a27e62ae5fdd3f49a1a61b4f481ed4991d95c9e752d581bae2ff73fff446607
+  checksum: 1d32ec6747611e88a5f55b49df0fb38d1d6a3824e451b760a1b7ca87d22874f638d784a6dbdd2b7eba01d7dea6e48e2cce4848bd2e8b48f1f53013605ddef08b
   languageName: node
   linkType: hard
 
@@ -8931,7 +8990,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ast-types-flow@npm:0.0.7, ast-types-flow@npm:^0.0.7":
+"ast-types-flow@npm:^0.0.7":
   version: 0.0.7
   resolution: "ast-types-flow@npm:0.0.7"
   checksum: a26dcc2182ffee111cad7c471759b0bda22d3b7ebacf27c348b22c55f16896b18ab0a4d03b85b4020dce7f3e634b8f00b593888f622915096ea1927fa51866c4
@@ -8947,13 +9006,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"astral-regex@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "astral-regex@npm:1.0.0"
-  checksum: 93417fc0879531cd95ace2560a54df865c9461a3ac0714c60cbbaa5f1f85d2bee85489e78d82f70b911b71ac25c5f05fc5a36017f44c9bb33c701bee229ff848
-  languageName: node
-  linkType: hard
-
 "astral-regex@npm:^2.0.0":
   version: 2.0.0
   resolution: "astral-regex@npm:2.0.0"
@@ -9144,10 +9196,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axe-core@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "axe-core@npm:4.1.1"
-  checksum: 558ab63e4eaa4dedec09546cb1e33a5d666632be28e1bf2c5fedf191204a8d20cdc5c9378908c80437f5c1966607693c3cc6f73c58249722eb7ebb31e83a32cd
+"axe-core@npm:^4.0.2, axe-core@npm:^4.2.2":
+  version: 4.2.2
+  resolution: "axe-core@npm:4.2.2"
+  checksum: e8370681065bd8854d809ed350d75d79a63cfbbb1350766979a2395e171f12a071532a9d66f12d5eda9043ed8776873b8db8d5fe726d90d1be57a324d9679ef8
   languageName: node
   linkType: hard
 
@@ -9183,15 +9235,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axobject-query@npm:^2.0.2":
-  version: 2.1.1
-  resolution: "axobject-query@npm:2.1.1"
-  dependencies:
-    "@babel/runtime": ^7.7.4
-    "@babel/runtime-corejs3": ^7.7.4
-  peerDependencies:
-    eslint: ^5 || ^6
-  checksum: 75626cdef381d5c53446a4d35adeae947946de0ff83fdb47b0fa6f649d9e1ef79733eb3b6d71f81ad130da7d9273bd081e7b02970c0580c68c3038d269b93221
+"axobject-query@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "axobject-query@npm:2.2.0"
+  checksum: 96b8c7d807ca525f41ad9b286186e2089b561ba63a6d36c3e7d73dc08150714660995c7ad19cda05784458446a0793b45246db45894631e13853f48c1aa3117f
   languageName: node
   linkType: hard
 
@@ -10420,7 +10467,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.1.1, browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6":
+"browserslist@npm:^4.12.0, browserslist@npm:^4.14.5, browserslist@npm:^4.16.1, browserslist@npm:^4.16.3, browserslist@npm:^4.16.6":
   version: 4.16.6
   resolution: "browserslist@npm:4.16.6"
   dependencies:
@@ -10943,10 +10990,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30000887, caniuse-lite@npm:^1.0.30000989, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001125, caniuse-lite@npm:^1.0.30001196, caniuse-lite@npm:^1.0.30001219":
-  version: 1.0.30001228
-  resolution: "caniuse-lite@npm:1.0.30001228"
-  checksum: d7ea2234d3ad1841dab6cd0b6ee16e89958f5893ef2e024a7447d6f889f496e40b6dafe000f391b8d4f0c0ef08671dbb5969fd66e6f74d402994865ce5705a53
+"caniuse-lite@npm:^1.0.30000989, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001125, caniuse-lite@npm:^1.0.30001179, caniuse-lite@npm:^1.0.30001196, caniuse-lite@npm:^1.0.30001219":
+  version: 1.0.30001238
+  resolution: "caniuse-lite@npm:1.0.30001238"
+  checksum: ae5e743214162a37b56bea4964a3a9f36df122e57fcaaad91ab01198cb58702a6b4c611aa4ab3dfb75ea6f80c4315fb758c7aa08a4c589bfd3e251bc0041804a
   languageName: node
   linkType: hard
 
@@ -10977,7 +11024,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"carbon-components-react@^7.37.1, carbon-components-react@workspace:packages/react":
+"carbon-components-react@^7.38.0-rc.0, carbon-components-react@workspace:packages/react":
   version: 0.0.0-use.local
   resolution: "carbon-components-react@workspace:packages/react"
   dependencies:
@@ -10993,7 +11040,7 @@ __metadata:
     "@babel/preset-env": ^7.14.2
     "@babel/preset-react": ^7.13.13
     "@carbon/feature-flags": ^0.5.0
-    "@carbon/icons-react": ^10.33.0
+    "@carbon/icons-react": ^10.34.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
     "@carbon/test-utils": ^10.16.0
     "@cypress/react": ^5.4.0
@@ -11020,9 +11067,9 @@ __metadata:
     babel-plugin-react-docgen: ^4.2.1
     babel-plugin-transform-inline-environment-variables: ^0.4.3
     browserslist-config-carbon: ^10.6.1
-    carbon-components: ^10.37.0
+    carbon-components: ^10.38.0-rc.0
     carbon-icons: ^7.0.5
-    chalk: ^2.3.0
+    chalk: ^4.1.1
     classnames: 2.3.1
     cli-table: ^0.3.0
     copy-to-clipboard: ^3.3.1
@@ -11103,7 +11150,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"carbon-components@^10.37.0, carbon-components@workspace:packages/components":
+"carbon-components@^10.38.0-rc.0, carbon-components@workspace:packages/components":
   version: 0.0.0-use.local
   resolution: "carbon-components@workspace:packages/components"
   dependencies:
@@ -11115,10 +11162,10 @@ __metadata:
     "@babel/preset-env": ^7.14.2
     "@babel/preset-react": ^7.13.13
     "@babel/runtime": ^7.14.0
-    "@carbon/cli": ^10.24.0
-    "@carbon/elements": ^10.36.0
-    "@carbon/icons-handlebars": ^10.33.0
-    "@carbon/icons-react": ^10.33.0
+    "@carbon/cli": ^10.25.0-rc.0
+    "@carbon/elements": ^10.37.0-rc.0
+    "@carbon/icons-handlebars": ^10.34.0-rc.0
+    "@carbon/icons-react": ^10.34.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
     "@carbon/test-utils": ^10.16.0
     "@frctl/fractal": ^1.1.0
@@ -11260,7 +11307,7 @@ __metadata:
     cross-env: ^5.2.0
     cross-spawn: ^6.0.5
     doctoc: ^1.4.0
-    eslint: ^6.8.0
+    eslint: ^7.28.0
     fs-extra: ^8.1.0
     glob: ^7.1.4
     husky: ^4.0.10
@@ -11908,17 +11955,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cliui@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "cliui@npm:4.1.0"
-  dependencies:
-    string-width: ^2.1.1
-    strip-ansi: ^4.0.0
-    wrap-ansi: ^2.0.0
-  checksum: 0f8a77e55c66ab4400f8cc24a46e496af186ebfbf301709341a24c26d398200c2ccc5cac892566d586c3c393a079974f34f0ce05210df336f97b70805c02865e
-  languageName: node
-  linkType: hard
-
 "cliui@npm:^5.0.0":
   version: 5.0.0
   resolution: "cliui@npm:5.0.0"
@@ -12266,7 +12302,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^2.11.0, commander@npm:^2.13.0, commander@npm:^2.19.0, commander@npm:^2.2.0, commander@npm:^2.20.0, commander@npm:^2.8.1, commander@npm:^2.9.0, commander@npm:~2.20.3":
+"commander@npm:^2.13.0, commander@npm:^2.19.0, commander@npm:^2.2.0, commander@npm:^2.20.0, commander@npm:^2.8.1, commander@npm:^2.9.0, commander@npm:~2.20.3":
   version: 2.20.3
   resolution: "commander@npm:2.20.3"
   checksum: ab8c07884e42c3a8dbc5dd9592c606176c7eb5c1ca5ff274bcf907039b2c41de3626f684ea75ccf4d361ba004bbaff1f577d5384c155f3871e456bdf27becf9e
@@ -12308,10 +12344,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"comment-parser@npm:^0.7.2":
-  version: 0.7.2
-  resolution: "comment-parser@npm:0.7.2"
-  checksum: 4800a5bec3a5e4387bee641604720ffaa5fe2c6d29bc85f7a578169bb3bf97ef549666ea899a246577d7f0142afc5908c4ba26f850de6605cf56fb35f5816b68
+"comment-parser@npm:1.1.5, comment-parser@npm:^1.1.5":
+  version: 1.1.5
+  resolution: "comment-parser@npm:1.1.5"
+  checksum: e669d6328a1244a2d7db5ae077dcdd4ef6ddfda752aed9c29d6b4690672d80c0002a7e3ce4fadbb5008c27704adb3153169533312262592834f37ccb5e8eed7c
   languageName: node
   linkType: hard
 
@@ -12500,10 +12536,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"confusing-browser-globals@npm:^1.0.7":
-  version: 1.0.9
-  resolution: "confusing-browser-globals@npm:1.0.9"
-  checksum: 585f244fc05bdcede9bd8831c41ff22b3fb0629e3ac6a495330a59c1aa9c30f3c1544498b6ff4f5a0bb302f7bedfbbb3f59d591556856e80622fd51b1dff351c
+"confusing-browser-globals@npm:^1.0.10":
+  version: 1.0.10
+  resolution: "confusing-browser-globals@npm:1.0.10"
+  checksum: 7ccdc44c2ca419cf6576c3e4336106e18d1c5337f547e461342f51aec4a10f96fdfe45414b522be3c7d24ea0b62bf4372cd37768022e4d6161707ffb2c0987e6
   languageName: node
   linkType: hard
 
@@ -12582,13 +12618,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"contains-path@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "contains-path@npm:0.1.0"
-  checksum: 94ecfd944e0bc51be8d3fc596dcd17d705bd4c8a1a627952a3a8c5924bac01c7ea19034cf40b4b4f89e576cdead130a7e5fd38f5f7f07ef67b4b261d875871e3
-  languageName: node
-  linkType: hard
-
 "content-disposition@npm:0.5.2":
   version: 0.5.2
   resolution: "content-disposition@npm:0.5.2"
@@ -13035,7 +13064,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:7.0.3, cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.3":
+"cross-spawn@npm:7.0.3, cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -13410,10 +13439,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"damerau-levenshtein@npm:^1.0.4":
-  version: 1.0.5
-  resolution: "damerau-levenshtein@npm:1.0.5"
-  checksum: d15159bc73d9be1878c7c253585dd77f6aca3d2ff5c6860fe6c03fd1a352464e2c3e5c339016f35b0a797d8b9c4f2cd8b8001b8571d230a9ca6c5737ce6c9151
+"damerau-levenshtein@npm:^1.0.6":
+  version: 1.0.7
+  resolution: "damerau-levenshtein@npm:1.0.7"
+  checksum: ec8161cb381523e0db9b5c9b64863736da3197808b6fdc4a3a2ca764c0b4357e9232a4c5592220fb18755a91240b8fee7b13ab1b269fbbdc5f68c36f0053aceb
   languageName: node
   linkType: hard
 
@@ -13537,7 +13566,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:3.X, debug@npm:^3.0.0, debug@npm:^3.0.1, debug@npm:^3.1.0, debug@npm:^3.1.1, debug@npm:^3.2.5, debug@npm:^3.2.6":
+"debug@npm:3.X, debug@npm:^3.0.0, debug@npm:^3.0.1, debug@npm:^3.1.0, debug@npm:^3.1.1, debug@npm:^3.2.5, debug@npm:^3.2.6, debug@npm:^3.2.7":
   version: 3.2.7
   resolution: "debug@npm:3.2.7"
   dependencies:
@@ -14209,7 +14238,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"doctrine@npm:1.5.0, doctrine@npm:^1.2.2":
+"doctrine@npm:^1.2.2":
   version: 1.5.0
   resolution: "doctrine@npm:1.5.0"
   dependencies:
@@ -14244,24 +14273,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"doiuse@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "doiuse@npm:4.2.0"
+"doiuse@npm:^4.4.1":
+  version: 4.4.1
+  resolution: "doiuse@npm:4.4.1"
   dependencies:
-    browserslist: ^4.1.1
-    caniuse-lite: ^1.0.30000887
+    browserslist: ^4.16.1
+    caniuse-lite: ^1.0.30001179
     css-rule-stream: ^1.1.0
     duplexer2: 0.0.2
-    jsonfilter: ^1.1.2
     ldjson-stream: ^1.2.1
-    multimatch: ^2.0.0
-    postcss: ^7.0.4
+    multimatch: ^5.0.0
+    postcss: ^8.2.4
     source-map: ^0.7.3
-    through2: ^2.0.3
-    yargs: ^12.0.2
+    through2: ^4.0.2
+    yargs: ^16.2.0
   bin:
-    doiuse: ./cli.js
-  checksum: 9755113d36a9c3f635d2bf0cda8e9a17d64d37f6de0b8db9ff9a5f6c509c1f0167ca726a571ee902c286bfddfc46000e36241589f661231e6760f07285f15d43
+    doiuse: cli.js
+  checksum: bd3346fedd484586de9d1dfc3e3e41784f64173c5558a364c999cd5dbbddbe43966cb2654dabdd6765beae8b95ac3b66f4fb22f25f3e9342e2b628edf2d9ae35
   languageName: node
   linkType: hard
 
@@ -14567,7 +14595,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"duplexer@npm:^0.1.1, duplexer@npm:^0.1.2, duplexer@npm:~0.1.1":
+"duplexer@npm:^0.1.1, duplexer@npm:^0.1.2":
   version: 0.1.2
   resolution: "duplexer@npm:0.1.2"
   checksum: 62ba61a830c56801db28ff6305c7d289b6dc9f859054e8c982abd8ee0b0a14d2e9a8e7d086ffee12e868d43e2bbe8a964be55ddbd8c8957714c87373c7a4f9b0
@@ -14750,7 +14778,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"emoji-regex@npm:^7.0.1, emoji-regex@npm:^7.0.2":
+"emoji-regex@npm:^7.0.1":
   version: 7.0.3
   resolution: "emoji-regex@npm:7.0.3"
   checksum: 9159b2228b1511f2870ac5920f394c7e041715429a68459ebe531601555f11ea782a8e1718f969df2711d38c66268174407cbca57ce36485544f695c2dfdc96e
@@ -14764,6 +14792,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"emoji-regex@npm:^9.0.0":
+  version: 9.2.2
+  resolution: "emoji-regex@npm:9.2.2"
+  checksum: 8487182da74aabd810ac6d6f1994111dfc0e331b01271ae01ec1eb0ad7b5ecc2bbbbd2f053c05cb55a1ac30449527d819bbfbf0e3de1023db308cbcb47f86601
+  languageName: node
+  linkType: hard
+
 "emoji-regex@npm:~6.1.0":
   version: 6.1.3
   resolution: "emoji-regex@npm:6.1.3"
@@ -14938,7 +14973,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enquirer@npm:^2.3.6":
+"enquirer@npm:^2.3.5, enquirer@npm:^2.3.6":
   version: 2.3.6
   resolution: "enquirer@npm:2.3.6"
   dependencies:
@@ -15139,22 +15174,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.13.0, es-abstract@npm:^1.17.0, es-abstract@npm:^1.17.0-next.0, es-abstract@npm:^1.17.0-next.1, es-abstract@npm:^1.17.2":
-  version: 1.17.4
-  resolution: "es-abstract@npm:1.17.4"
+"es-abstract@npm:^1.13.0, es-abstract@npm:^1.17.0-next.0, es-abstract@npm:^1.17.0-next.1, es-abstract@npm:^1.17.2, es-abstract@npm:^1.18.0-next.1, es-abstract@npm:^1.18.0-next.2, es-abstract@npm:^1.18.2":
+  version: 1.18.3
+  resolution: "es-abstract@npm:1.18.3"
   dependencies:
+    call-bind: ^1.0.2
     es-to-primitive: ^1.2.1
     function-bind: ^1.1.1
+    get-intrinsic: ^1.1.1
     has: ^1.0.3
-    has-symbols: ^1.0.1
-    is-callable: ^1.1.5
-    is-regex: ^1.0.5
-    object-inspect: ^1.7.0
+    has-symbols: ^1.0.2
+    is-callable: ^1.2.3
+    is-negative-zero: ^2.0.1
+    is-regex: ^1.1.3
+    is-string: ^1.0.6
+    object-inspect: ^1.10.3
     object-keys: ^1.1.1
-    object.assign: ^4.1.0
-    string.prototype.trimleft: ^2.1.1
-    string.prototype.trimright: ^2.1.1
-  checksum: c8b977a9750f35b8406e3f1006d6e07c5154263776200a6082ff21f83aba36ce1407301965fb064f2936eb16212242625a558392ffe684dd6279f61b4778bc78
+    object.assign: ^4.1.2
+    string.prototype.trimend: ^1.0.4
+    string.prototype.trimstart: ^1.0.4
+    unbox-primitive: ^1.0.1
+  checksum: 6bbf526b5a60cdbd390397644facbf654fc6616564614533a5ce223ecc185f7812a1f45c3ab6d0334b4ff2e8f554237539f4d05a0fceb036be24dd5d1ec022b0
   languageName: node
   linkType: hard
 
@@ -15375,7 +15415,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-string-regexp@npm:4.0.0":
+"escape-string-regexp@npm:4.0.0, escape-string-regexp@npm:^4.0.0":
   version: 4.0.0
   resolution: "escape-string-regexp@npm:4.0.0"
   checksum: 98b48897d93060f2322108bf29db0feba7dd774be96cd069458d1453347b25ce8682ecc39859d4bca2203cc0ab19c237bcc71755eff49a0f8d90beadeeba5cc5
@@ -15432,34 +15472,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-config-airbnb-base@npm:^14.0.0":
-  version: 14.0.0
-  resolution: "eslint-config-airbnb-base@npm:14.0.0"
+"eslint-config-airbnb-base@npm:^14.2.1":
+  version: 14.2.1
+  resolution: "eslint-config-airbnb-base@npm:14.2.1"
   dependencies:
-    confusing-browser-globals: ^1.0.7
-    object.assign: ^4.1.0
-    object.entries: ^1.1.0
+    confusing-browser-globals: ^1.0.10
+    object.assign: ^4.1.2
+    object.entries: ^1.1.2
   peerDependencies:
-    eslint: ^5.16.0 || ^6.1.0
-    eslint-plugin-import: ^2.18.2
-  checksum: 136596aeccbe453dacce77384178154c4caf5da5d37a90e15ec80d46e113e3bbd3c6db11cd2fe8f1a615a00071194bae5ea5810377897fa7c277c60da2fbc461
+    eslint: ^5.16.0 || ^6.8.0 || ^7.2.0
+    eslint-plugin-import: ^2.22.1
+  checksum: 858bea748a3c8685b52fcf2488e6a0b964022f8387f4ee1e69cb707d4fda2a409f09eb8eea658bcd83fae3519967d10208ba7576dd3d3202b8cf0b9d1a6e21eb
   languageName: node
   linkType: hard
 
-"eslint-config-airbnb@npm:^18.0.1":
-  version: 18.0.1
-  resolution: "eslint-config-airbnb@npm:18.0.1"
+"eslint-config-airbnb@npm:^18.2.1":
+  version: 18.2.1
+  resolution: "eslint-config-airbnb@npm:18.2.1"
   dependencies:
-    eslint-config-airbnb-base: ^14.0.0
-    object.assign: ^4.1.0
-    object.entries: ^1.1.0
+    eslint-config-airbnb-base: ^14.2.1
+    object.assign: ^4.1.2
+    object.entries: ^1.1.2
   peerDependencies:
-    eslint: ^5.16.0 || ^6.1.0
-    eslint-plugin-import: ^2.18.2
-    eslint-plugin-jsx-a11y: ^6.2.3
-    eslint-plugin-react: ^7.14.3
-    eslint-plugin-react-hooks: ^1.7.0
-  checksum: 58df7f039cdb3e221b836c30fdb066db2a461412a9c7fa7f56bafa66938116af3f1aad74f1763ba46d280a5c84f4272fb404e854747c423f1084177b9adc66c6
+    eslint: ^5.16.0 || ^6.8.0 || ^7.2.0
+    eslint-plugin-import: ^2.22.1
+    eslint-plugin-jsx-a11y: ^6.4.1
+    eslint-plugin-react: ^7.21.5
+    eslint-plugin-react-hooks: ^4 || ^3 || ^2.3.0 || ^1.7.0
+  checksum: ea11cd0006912f7086fb278e03180da4bc2378cf4e93b1dd970775d8e9b50fd11a64209bdc0ed17654d29abe4ccfa19baa4d1e1e5bd3eb660fcf4798ba2810d2
   languageName: node
   linkType: hard
 
@@ -15468,163 +15508,173 @@ __metadata:
   resolution: "eslint-config-carbon@workspace:config/eslint-config-carbon"
   dependencies:
     babel-eslint: ^10.1.0
-    eslint-config-airbnb: ^18.0.1
-    eslint-config-airbnb-base: ^14.0.0
-    eslint-config-prettier: ^6.9.0
-    eslint-plugin-cypress: ^2.11.2
-    eslint-plugin-import: ^2.20.0
-    eslint-plugin-jsdoc: ^20.3.1
-    eslint-plugin-jsx-a11y: ^6.2.1
-    eslint-plugin-prettier: ^3.1.2
-    eslint-plugin-react: ^7.18.0
-    eslint-plugin-react-hooks: ^4.0.4
+    eslint-config-airbnb: ^18.2.1
+    eslint-config-airbnb-base: ^14.2.1
+    eslint-config-prettier: ^8.3.0
+    eslint-plugin-cypress: ^2.11.3
+    eslint-plugin-import: ^2.23.4
+    eslint-plugin-jsdoc: ^35.3.0
+    eslint-plugin-jsx-a11y: ^6.4.1
+    eslint-plugin-prettier: ^3.4.0
+    eslint-plugin-react: ^7.24.0
+    eslint-plugin-react-hooks: ^4.2.0
     eslint-restricted-globals: ^0.2.0
     prettier: ^2.2.1
   peerDependencies:
-    eslint: ^6.0.0
+    eslint: ^6.0.0 || ^7.0.0
   languageName: unknown
   linkType: soft
 
-"eslint-config-prettier@npm:^6.9.0":
-  version: 6.9.0
-  resolution: "eslint-config-prettier@npm:6.9.0"
-  dependencies:
-    get-stdin: ^6.0.0
+"eslint-config-prettier@npm:^8.3.0":
+  version: 8.3.0
+  resolution: "eslint-config-prettier@npm:8.3.0"
   peerDependencies:
-    eslint: ">=3.14.1"
+    eslint: ">=7.0.0"
   bin:
-    eslint-config-prettier-check: bin/cli.js
-  checksum: 9f0ea2553482723ab3cd306649043e2da0677d05fd014ccff44c653eb954f76a691597ae36f51f773be6fd103018ec824ad8e504b86a3191420db997ed05fb7a
+    eslint-config-prettier: bin/cli.js
+  checksum: df4cea3032671995bb5ab07e016169072f7fa59f44a53251664d9ca60951b66cdc872683b5c6a3729c91497c11490ca44a79654b395dd6756beb0c3903a37196
   languageName: node
   linkType: hard
 
-"eslint-import-resolver-node@npm:^0.3.2":
-  version: 0.3.3
-  resolution: "eslint-import-resolver-node@npm:0.3.3"
+"eslint-import-resolver-node@npm:^0.3.4":
+  version: 0.3.4
+  resolution: "eslint-import-resolver-node@npm:0.3.4"
   dependencies:
     debug: ^2.6.9
     resolve: ^1.13.1
-  checksum: f373b986f1cd50af915dfd50680d4193c2d39502544b0339241c5b03537fba90fac0baf3cdb4b582fc649f4366d216afd4c7fc298266d9d48890d5b4f585ef7b
+  checksum: a0db55ec26c5bb385c8681af6b8d6dee16768d5f27dff72c3113407d0f028f28e56dcb1cc3a4689c79396a5f6a9c24bd0cac9a2c9c588c7d7357d24a42bec876
   languageName: node
   linkType: hard
 
-"eslint-module-utils@npm:^2.4.1":
-  version: 2.5.2
-  resolution: "eslint-module-utils@npm:2.5.2"
+"eslint-module-utils@npm:^2.6.1":
+  version: 2.6.1
+  resolution: "eslint-module-utils@npm:2.6.1"
   dependencies:
-    debug: ^2.6.9
+    debug: ^3.2.7
     pkg-dir: ^2.0.0
-  checksum: 5a76349a372601b71c24131ad48949d6d86daa6f0cd28b7ca9cf02933eee31f3194d9f34864ee72f1b65f66df4a941a90837769417ef0d99892683c6f4f46000
+  checksum: 3cc43a36a0075d300db6a3946203ec92249b6da1539694ef205a43b4ccfbc2eaf4961475d4b89c24b12c187d6bfd882c7c7d0b2ce02adb40c2dedb7fd022a7e2
   languageName: node
   linkType: hard
 
-"eslint-plugin-cypress@npm:^2.11.2":
-  version: 2.11.2
-  resolution: "eslint-plugin-cypress@npm:2.11.2"
+"eslint-plugin-cypress@npm:^2.11.3":
+  version: 2.11.3
+  resolution: "eslint-plugin-cypress@npm:2.11.3"
   dependencies:
     globals: ^11.12.0
   peerDependencies:
     eslint: ">= 3.2.1"
-  checksum: b1e68f13d78595f21ef003c9e36be2c56c25434d32196c18cdaac8ebe4899c4235b2558f84572493e2458341962fb753d0d17b0b4dfc01d93ff912026954c332
+  checksum: 793286f62a7e7b748c686cdc7607499c6aa5d5bdf6106a1d131bd053ac93bfa6f61c58630a0c0631f47f62306b1f7f70f2344dfe7e44733d107b6247bddef67e
   languageName: node
   linkType: hard
 
-"eslint-plugin-import@npm:^2.20.0":
-  version: 2.20.0
-  resolution: "eslint-plugin-import@npm:2.20.0"
+"eslint-plugin-import@npm:^2.23.4":
+  version: 2.23.4
+  resolution: "eslint-plugin-import@npm:2.23.4"
   dependencies:
-    array-includes: ^3.0.3
-    array.prototype.flat: ^1.2.1
-    contains-path: ^0.1.0
+    array-includes: ^3.1.3
+    array.prototype.flat: ^1.2.4
     debug: ^2.6.9
-    doctrine: 1.5.0
-    eslint-import-resolver-node: ^0.3.2
-    eslint-module-utils: ^2.4.1
+    doctrine: ^2.1.0
+    eslint-import-resolver-node: ^0.3.4
+    eslint-module-utils: ^2.6.1
+    find-up: ^2.0.0
     has: ^1.0.3
+    is-core-module: ^2.4.0
     minimatch: ^3.0.4
-    object.values: ^1.1.0
-    read-pkg-up: ^2.0.0
-    resolve: ^1.12.0
+    object.values: ^1.1.3
+    pkg-up: ^2.0.0
+    read-pkg-up: ^3.0.0
+    resolve: ^1.20.0
+    tsconfig-paths: ^3.9.0
   peerDependencies:
-    eslint: 2.x - 6.x
-  checksum: 175eb7b392b28e2a6684eef4f806339d9f752f102ffb43d4f417db02850ec3c4fd32407e934a35c7607a7e81bd1754143e7211ad16e0d865b39000ad7b919650
+    eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0
+  checksum: 8c64bb96fa35607de3da1ddf5d127a5913aebde5677bc276c55fecb3e539a7287569dc697af4f5c523bd2b08bff8f5b525448df5aa7d6256c86436b615be5abc
   languageName: node
   linkType: hard
 
-"eslint-plugin-jsdoc@npm:^20.3.1":
-  version: 20.4.0
-  resolution: "eslint-plugin-jsdoc@npm:20.4.0"
+"eslint-plugin-jsdoc@npm:^35.3.0":
+  version: 35.3.0
+  resolution: "eslint-plugin-jsdoc@npm:35.3.0"
   dependencies:
-    comment-parser: ^0.7.2
-    debug: ^4.1.1
-    jsdoctypeparser: ^6.1.0
-    lodash: ^4.17.15
-    object.entries-ponyfill: ^1.0.1
-    regextras: ^0.7.0
-    semver: ^6.3.0
-    spdx-expression-parse: ^3.0.0
+    "@es-joy/jsdoccomment": ^0.8.0-alpha.2
+    comment-parser: 1.1.5
+    debug: ^4.3.1
+    esquery: ^1.4.0
+    jsdoc-type-pratt-parser: ^1.0.4
+    lodash: ^4.17.21
+    regextras: ^0.8.0
+    semver: ^7.3.5
+    spdx-expression-parse: ^3.0.1
   peerDependencies:
-    eslint: ^5.0.0 || ^6.0.0
-  checksum: dbf61faad1412e92444828a21638449ba8333210c2cc7485d687307f2b878d58413a2462b52e73178a2a6810607c715158db50f8bd5bb444bfc3693ef8cfe556
+    eslint: ^6.0.0 || ^7.0.0
+  checksum: 09141f74078bb7a4e814d98b42ab9dc5f72f406ca3eea3a622d19f2f8286339b1d219bb849502803d95a9beb43c0667b2635304e5d5750923ae420367e2fee8d
   languageName: node
   linkType: hard
 
-"eslint-plugin-jsx-a11y@npm:^6.2.1":
-  version: 6.2.3
-  resolution: "eslint-plugin-jsx-a11y@npm:6.2.3"
+"eslint-plugin-jsx-a11y@npm:^6.4.1":
+  version: 6.4.1
+  resolution: "eslint-plugin-jsx-a11y@npm:6.4.1"
   dependencies:
-    "@babel/runtime": ^7.4.5
-    aria-query: ^3.0.0
-    array-includes: ^3.0.3
+    "@babel/runtime": ^7.11.2
+    aria-query: ^4.2.2
+    array-includes: ^3.1.1
     ast-types-flow: ^0.0.7
-    axobject-query: ^2.0.2
-    damerau-levenshtein: ^1.0.4
-    emoji-regex: ^7.0.2
+    axe-core: ^4.0.2
+    axobject-query: ^2.2.0
+    damerau-levenshtein: ^1.0.6
+    emoji-regex: ^9.0.0
     has: ^1.0.3
-    jsx-ast-utils: ^2.2.1
+    jsx-ast-utils: ^3.1.0
+    language-tags: ^1.0.5
   peerDependencies:
-    eslint: ^3 || ^4 || ^5 || ^6
-  checksum: 2e9f0ff28567e141479968a860f5670009a403250054970c714bf723e1f8c9ae7cddeb2bf13ee9f6882af333588645a06c10a417aa2733084813d162dec6c235
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7
+  checksum: 30326276385b6029754fbca0a25140be0f2f84d263b38f794651acf973399ea316ab1b9d69dffb9b9807d2b47592ba4bc271a242edbb15abfc05d07b08060a7e
   languageName: node
   linkType: hard
 
-"eslint-plugin-prettier@npm:^3.1.2":
-  version: 3.1.2
-  resolution: "eslint-plugin-prettier@npm:3.1.2"
+"eslint-plugin-prettier@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "eslint-plugin-prettier@npm:3.4.0"
   dependencies:
     prettier-linter-helpers: ^1.0.0
   peerDependencies:
-    eslint: ">= 5.0.0"
-    prettier: ">= 1.13.0"
-  checksum: f591459f6991f15088740c296f9ed736bd7100e8e5fd8dcb4d71017413f55c97faad89672b1a8f9860dbcb73f8fbbf1a3a89ab5de3a7077b3fe42e7609d46c04
+    eslint: ">=5.0.0"
+    prettier: ">=1.13.0"
+  peerDependenciesMeta:
+    eslint-config-prettier:
+      optional: true
+  checksum: 30a07e8d12637d2988e371f6a20ff4c86fd7fdc3596d1d18d62c0367804f38e06a65052d0281234aeb2552e4d1908dcb2de20543413e038251a2717a46400a9d
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:^4.0.4":
-  version: 4.0.4
-  resolution: "eslint-plugin-react-hooks@npm:4.0.4"
+"eslint-plugin-react-hooks@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "eslint-plugin-react-hooks@npm:4.2.0"
   peerDependencies:
     eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
-  checksum: b7f77abed6d115d62d934949b8eca8ab384664f9ff711657e855cc388a2e406f085727246131a95da914a57cf4c1238c5d30ef76f79f813a0c94705b51502c72
+  checksum: ead5c5be3ded82a0cf295b064376adb1998a43e2262b605eecc0efc88283dec4e159ca39307fafb3d8e661dd08e5a4c8cdfed97eea78f923954f72bad6e20397
   languageName: node
   linkType: hard
 
-"eslint-plugin-react@npm:^7.18.0":
-  version: 7.18.0
-  resolution: "eslint-plugin-react@npm:7.18.0"
+"eslint-plugin-react@npm:^7.24.0":
+  version: 7.24.0
+  resolution: "eslint-plugin-react@npm:7.24.0"
   dependencies:
-    array-includes: ^3.1.1
+    array-includes: ^3.1.3
+    array.prototype.flatmap: ^1.2.4
     doctrine: ^2.1.0
     has: ^1.0.3
-    jsx-ast-utils: ^2.2.3
-    object.entries: ^1.1.1
-    object.fromentries: ^2.0.2
-    object.values: ^1.1.1
+    jsx-ast-utils: ^2.4.1 || ^3.0.0
+    minimatch: ^3.0.4
+    object.entries: ^1.1.4
+    object.fromentries: ^2.0.4
+    object.values: ^1.1.4
     prop-types: ^15.7.2
-    resolve: ^1.14.2
+    resolve: ^2.0.0-next.3
+    string.prototype.matchall: ^4.0.5
   peerDependencies:
-    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
-  checksum: 85bb93398f5ebd5a8785d05455b702720a3a20af3d394b60ea73383fd8d488b9b1ff6e6ebbe3a9dd945d14ef11ac8f93598729df313489896160adabd38a4c9b
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7
+  checksum: bf844f98d93f3617fbd03df4be4f4c9e8e49ea035678762b73a28df730e9518d5ac636293f6326b41b4a0678f9dfa059ce559f6652c7a2d914d477ec3a389619
   languageName: node
   linkType: hard
 
@@ -15645,29 +15695,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-scope@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "eslint-scope@npm:5.0.0"
+"eslint-scope@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "eslint-scope@npm:5.1.1"
   dependencies:
-    esrecurse: ^4.1.0
+    esrecurse: ^4.3.0
     estraverse: ^4.1.1
-  checksum: 87c445c65b419d414b21db1522ea5970e3935939ed172d017a322745c3b2adbc517cd1736ae1eb6d7cab2a3439208e1ee656bf80e18d8f90150b22290f694609
+  checksum: 47e4b6a3f0cc29c7feedee6c67b225a2da7e155802c6ea13bbef4ac6b9e10c66cd2dcb987867ef176292bf4e64eccc680a49e35e9e9c669f4a02bac17e86abdb
   languageName: node
   linkType: hard
 
-"eslint-utils@npm:^1.4.3":
-  version: 1.4.3
-  resolution: "eslint-utils@npm:1.4.3"
+"eslint-utils@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "eslint-utils@npm:2.1.0"
   dependencies:
     eslint-visitor-keys: ^1.1.0
-  checksum: a20630e686034107138272f245c460f6d77705d1f4bb0628c1a1faf59fc800f441188916b3ec3b957394dc405aa200a3017dfa2b0fff0976e307a4e645a18d1e
+  checksum: 27500938f348da42100d9e6ad03ae29b3de19ba757ae1a7f4a087bdcf83ac60949bbb54286492ca61fac1f5f3ac8692dd21537ce6214240bf95ad0122f24d71d
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^1.0.0, eslint-visitor-keys@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "eslint-visitor-keys@npm:1.1.0"
-  checksum: 1cb561606330e66cba28b59a46c76acdc316eae183705d2e81823b12d13e5c239069e9926787146bfaeb5e300306c472d6cf0881ef36d6d13a3513e696e23f46
+"eslint-visitor-keys@npm:^1.0.0, eslint-visitor-keys@npm:^1.1.0, eslint-visitor-keys@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "eslint-visitor-keys@npm:1.3.0"
+  checksum: 37a19b712f42f4c9027e8ba98c2b06031c17e0c0a4c696cd429bd9ee04eb43889c446f2cd545e1ff51bef9593fcec94ecd2c2ef89129fcbbf3adadbef520376a
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "eslint-visitor-keys@npm:2.1.0"
+  checksum: e3081d7dd2611a35f0388bbdc2f5da60b3a3c5b8b6e928daffff7391146b434d691577aa95064c8b7faad0b8a680266bcda0a42439c18c717b80e6718d7e267d
   languageName: node
   linkType: hard
 
@@ -15714,50 +15771,52 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:^6.8.0":
-  version: 6.8.0
-  resolution: "eslint@npm:6.8.0"
+"eslint@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "eslint@npm:7.28.0"
   dependencies:
-    "@babel/code-frame": ^7.0.0
+    "@babel/code-frame": 7.12.11
+    "@eslint/eslintrc": ^0.4.2
     ajv: ^6.10.0
-    chalk: ^2.1.0
-    cross-spawn: ^6.0.5
+    chalk: ^4.0.0
+    cross-spawn: ^7.0.2
     debug: ^4.0.1
     doctrine: ^3.0.0
-    eslint-scope: ^5.0.0
-    eslint-utils: ^1.4.3
-    eslint-visitor-keys: ^1.1.0
-    espree: ^6.1.2
-    esquery: ^1.0.1
+    enquirer: ^2.3.5
+    escape-string-regexp: ^4.0.0
+    eslint-scope: ^5.1.1
+    eslint-utils: ^2.1.0
+    eslint-visitor-keys: ^2.0.0
+    espree: ^7.3.1
+    esquery: ^1.4.0
     esutils: ^2.0.2
-    file-entry-cache: ^5.0.1
+    fast-deep-equal: ^3.1.3
+    file-entry-cache: ^6.0.1
     functional-red-black-tree: ^1.0.1
-    glob-parent: ^5.0.0
-    globals: ^12.1.0
+    glob-parent: ^5.1.2
+    globals: ^13.6.0
     ignore: ^4.0.6
     import-fresh: ^3.0.0
     imurmurhash: ^0.1.4
-    inquirer: ^7.0.0
     is-glob: ^4.0.0
     js-yaml: ^3.13.1
     json-stable-stringify-without-jsonify: ^1.0.1
-    levn: ^0.3.0
-    lodash: ^4.17.14
+    levn: ^0.4.1
+    lodash.merge: ^4.6.2
     minimatch: ^3.0.4
-    mkdirp: ^0.5.1
     natural-compare: ^1.4.0
-    optionator: ^0.8.3
+    optionator: ^0.9.1
     progress: ^2.0.0
-    regexpp: ^2.0.1
-    semver: ^6.1.2
-    strip-ansi: ^5.2.0
-    strip-json-comments: ^3.0.1
-    table: ^5.2.3
+    regexpp: ^3.1.0
+    semver: ^7.2.1
+    strip-ansi: ^6.0.0
+    strip-json-comments: ^3.1.0
+    table: ^6.0.9
     text-table: ^0.2.0
     v8-compile-cache: ^2.0.3
   bin:
-    eslint: ./bin/eslint.js
-  checksum: d4edbe69589ef194e7d3470a18632560c5399a5f685295bd59a11cddba4c6f7e03a137a15a21389f8f85712ebd82d0a628ee4e9cd4391113556029c486616e25
+    eslint: bin/eslint.js
+  checksum: 624ed594c909a8e54129b8e659c521de9e31f1f363c5f96f95af674c83887e0b27bf3e8b50ce4b57e6691658f6053be6d62849ab515fd62a54a3a2a85a0f1dfb
   languageName: node
   linkType: hard
 
@@ -15771,14 +15830,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"espree@npm:^6.1.2":
-  version: 6.1.2
-  resolution: "espree@npm:6.1.2"
+"espree@npm:^7.3.0, espree@npm:^7.3.1":
+  version: 7.3.1
+  resolution: "espree@npm:7.3.1"
   dependencies:
-    acorn: ^7.1.0
-    acorn-jsx: ^5.1.0
-    eslint-visitor-keys: ^1.1.0
-  checksum: 4ffc19e5ed76f18443820678d1dbe5ff7cca17f6e7a692341194d1c17498dad5e55ba50e9184d087e4804dfd77483a294d2b28c061ac50ef6ac0bf4d58c8f8e1
+    acorn: ^7.4.0
+    acorn-jsx: ^5.3.1
+    eslint-visitor-keys: ^1.3.0
+  checksum: aa9b50dcce883449af2e23bc2b8d9abb77118f96f4cb313935d6b220f77137eaef7724a83c3f6243b96bc0e4ab14766198e60818caad99f9519ae5a336a39b45
   languageName: node
   linkType: hard
 
@@ -15802,32 +15861,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esquery@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "esquery@npm:1.0.1"
+"esquery@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "esquery@npm:1.4.0"
   dependencies:
-    estraverse: ^4.0.0
-  checksum: 2d66ec49c394ec97123615b6aeb5a85ea5726f30311fd686033ca423d7212c8f9bbbfd207197a4615fcf3113733ac4f30725ab501858ce45e1736c6e9aec9af1
+    estraverse: ^5.1.0
+  checksum: a0807e17abd7fbe5fbd4fab673038d6d8a50675cdae6b04fbaa520c34581be0c5fa24582990e8acd8854f671dd291c78bb2efb9e0ed5b62f33bac4f9cf820210
   languageName: node
   linkType: hard
 
-"esrecurse@npm:^4.1.0":
-  version: 4.2.1
-  resolution: "esrecurse@npm:4.2.1"
+"esrecurse@npm:^4.1.0, esrecurse@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "esrecurse@npm:4.3.0"
   dependencies:
-    estraverse: ^4.1.0
-  checksum: 3f05f9b650e91267fd14b012261f15e2a91c0aa8f344a42f75f807ff7f7c974c3386dc531f33a2144ad8a1f38e5b0f8336620fd3cb0b261d5b5b79c92b240781
+    estraverse: ^5.2.0
+  checksum: ebc17b1a33c51cef46fdc28b958994b1dc43cd2e86237515cbc3b4e5d2be6a811b2315d0a1a4d9d340b6d2308b15322f5c8291059521cc5f4802f65e7ec32837
   languageName: node
   linkType: hard
 
-"estraverse@npm:^4.0.0, estraverse@npm:^4.1.0, estraverse@npm:^4.1.1, estraverse@npm:^4.2.0":
+"estraverse@npm:^4.1.1, estraverse@npm:^4.2.0":
   version: 4.3.0
   resolution: "estraverse@npm:4.3.0"
   checksum: a6299491f9940bb246124a8d44b7b7a413a8336f5436f9837aaa9330209bd9ee8af7e91a654a3545aee9c54b3308e78ee360cef1d777d37cfef77d2fa33b5827
   languageName: node
   linkType: hard
 
-"estraverse@npm:^5.2.0":
+"estraverse@npm:^5.1.0, estraverse@npm:^5.2.0":
   version: 5.2.0
   resolution: "estraverse@npm:5.2.0"
   checksum: ec11b70d946bf5d7f76f91db38ef6f08109ac1b36cda293a26e678e58df4719f57f67b9ec87042afdd1f0267cee91865be3aa48d2161765a93defab5431be7b8
@@ -16386,7 +16445,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-levenshtein@npm:~2.0.6":
+"fast-levenshtein@npm:^2.0.6, fast-levenshtein@npm:~2.0.6":
   version: 2.0.6
   resolution: "fast-levenshtein@npm:2.0.6"
   checksum: 92cfec0a8dfafd9c7a15fba8f2cc29cd0b62b85f056d99ce448bbcd9f708e18ab2764bda4dd5158364f4145a7c72788538994f0d1787b956ef0d1062b0f7c24c
@@ -16552,15 +16611,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-entry-cache@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "file-entry-cache@npm:5.0.1"
-  dependencies:
-    flat-cache: ^2.0.1
-  checksum: 9014b17766815d59b8b789633aed005242ef857348c09be558bd85b4a24e16b0ad1e0e5229ccea7a2109f74ef1b3db1a559b58afe12b884f09019308711376fd
-  languageName: node
-  linkType: hard
-
 "file-entry-cache@npm:^6.0.1":
   version: 6.0.1
   resolution: "file-entry-cache@npm:6.0.1"
@@ -16906,17 +16956,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flat-cache@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "flat-cache@npm:2.0.1"
-  dependencies:
-    flatted: ^2.0.0
-    rimraf: 2.6.3
-    write: 1.0.3
-  checksum: 0f5e66467658039e6fcaaccb363b28f43906ba72fab7ff2a4f6fcd5b4899679e13ca46d9fc6cc48b68ac925ae93137106d4aaeb79874c13f21f87a361705f1b1
-  languageName: node
-  linkType: hard
-
 "flat-cache@npm:^3.0.4":
   version: 3.0.4
   resolution: "flat-cache@npm:3.0.4"
@@ -17587,7 +17626,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.0.2":
+"get-intrinsic@npm:^1.0.2, get-intrinsic@npm:^1.1.0, get-intrinsic@npm:^1.1.1":
   version: 1.1.1
   resolution: "get-intrinsic@npm:1.1.1"
   dependencies:
@@ -17651,13 +17690,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stdin@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "get-stdin@npm:6.0.0"
-  checksum: 593f6fb4fff4c8d49ec93a07c430c1edc6bd4fe7e429d222b5da2f367276a98809af9e90467ad88a2d83722ff95b9b35bbaba02b56801421c5e3668173fe12b4
-  languageName: node
-  linkType: hard
-
 "get-stdin@npm:^8.0.0":
   version: 8.0.0
   resolution: "get-stdin@npm:8.0.0"
@@ -17857,12 +17889,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-parent@npm:^5.0.0, glob-parent@npm:^5.1.0, glob-parent@npm:~5.1.0":
-  version: 5.1.0
-  resolution: "glob-parent@npm:5.1.0"
+"glob-parent@npm:^5.0.0, glob-parent@npm:^5.1.0, glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.0":
+  version: 5.1.2
+  resolution: "glob-parent@npm:5.1.2"
   dependencies:
     is-glob: ^4.0.1
-  checksum: 6d20a098676e6558b32fdad8f82f6f77290d843ee302420d99b7926314b04358f0913c0d2239a269a8ed34d33c2761cd5a7a869b8db1eb47d9541e928692b1d7
+  checksum: f4f2bfe2425296e8a47e36864e4f42be38a996db40420fe434565e4480e3322f18eb37589617a98640c5dc8fdec1a387007ee18dbb1f3f5553409c34d17f425e
   languageName: node
   linkType: hard
 
@@ -18054,12 +18086,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globals@npm:^12.1.0":
-  version: 12.3.0
-  resolution: "globals@npm:12.3.0"
+"globals@npm:^13.6.0, globals@npm:^13.9.0":
+  version: 13.9.0
+  resolution: "globals@npm:13.9.0"
   dependencies:
-    type-fest: ^0.8.1
-  checksum: 1969bbafb14a77fa3db44c8c7663ffb627c11d6cfc000d6b22b8e991dec53061f70f7472d8170a76e57d2f16b4c6ff3bb161188a203c047c1b0ef2ef8b5b1bc9
+    type-fest: ^0.20.2
+  checksum: 566b29b475dd793eeb44d5b54823fdbf320e7077f5d1d330856ac2e7e016e4b50c8310b12d498282d5b5b26bdd7a1a6343615f510bf37b8863ec2741d58cc6ad
   languageName: node
   linkType: hard
 
@@ -18731,6 +18763,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-bigints@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "has-bigints@npm:1.0.1"
+  checksum: 44ab55868174470065d2e0f8f6def1c990d12b82162a8803c679699fa8a39f966e336f2a33c185092fe8aea7e8bf2e85f1c26add5f29d98f2318bd270096b183
+  languageName: node
+  linkType: hard
+
 "has-binary2@npm:~1.0.2":
   version: 1.0.3
   resolution: "has-binary2@npm:1.0.3"
@@ -18770,7 +18809,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-symbols@npm:^1.0.0, has-symbols@npm:^1.0.1, has-symbols@npm:^1.0.2":
+"has-symbols@npm:^1.0.1, has-symbols@npm:^1.0.2":
   version: 1.0.2
   resolution: "has-symbols@npm:1.0.2"
   checksum: 2309c426071731be792b5be43b3da6fb4ed7cbe8a9a6bcfca1862587709f01b33d575ce8f5c264c1eaad09fca2f9a8208c0a2be156232629daa2dd0c0740976b
@@ -20024,14 +20063,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "internal-slot@npm:1.0.2"
+"internal-slot@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "internal-slot@npm:1.0.3"
   dependencies:
-    es-abstract: ^1.17.0-next.1
+    get-intrinsic: ^1.1.0
     has: ^1.0.3
-    side-channel: ^1.0.2
-  checksum: 4689d3254997371ae4af3ae7ced3ac393b04bea23d01ea08c7abfdabe938e5bc676544d4dfe1c6b20aa549ee8d681bd23e02a3223659933670aa6f39a5bf6fb7
+    side-channel: ^1.0.4
+  checksum: 1944f92e981e47aebc98a88ff0db579fd90543d937806104d0b96557b10c1f170c51fb777b97740a8b6ddeec585fca8c39ae99fd08a8e058dfc8ab70937238bf
   languageName: node
   linkType: hard
 
@@ -20065,13 +20104,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"invert-kv@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "invert-kv@npm:2.0.0"
-  checksum: 52ea317354101ad6127c6e4c1c6a2d27ae8d3010b6438b60d76d6a920e55410e03547f97f9d1f52031becf5656bbef91d36ee7daa9e26ebc374a9cb342e1f127
-  languageName: node
-  linkType: hard
-
 "ip-regex@npm:^2.1.0":
   version: 2.1.0
   resolution: "ip-regex@npm:2.1.0"
@@ -20187,6 +20219,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-bigint@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "is-bigint@npm:1.0.2"
+  checksum: 5268edbde844583d8d5ce86f8e47669bf9dd9b3d4de0238b25bb2ddfc620b47e0e226171a906f19ac4c10debba160353fb98c134d0309898495e1b691efcfb80
+  languageName: node
+  linkType: hard
+
 "is-binary-path@npm:^1.0.0":
   version: 1.0.1
   resolution: "is-binary-path@npm:1.0.1"
@@ -20205,10 +20244,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-boolean-object@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "is-boolean-object@npm:1.0.1"
-  checksum: a357d1d80f621e720110044e5c23a106b252bc41a4183a63e28cfbb3aae8485225609a3cd4bba28418de699a77967a611a7622478c40285bc7ec29a611a2eb6b
+"is-boolean-object@npm:^1.0.1, is-boolean-object@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "is-boolean-object@npm:1.1.1"
+  dependencies:
+    call-bind: ^1.0.2
+  checksum: 95b832242638b8495d012538716761122dfc4a930baf2aa676e0bc344fe39cda2364c739893a6d07d10863ced67cc95e11884732104d7904bd0d896033414d11
   languageName: node
   linkType: hard
 
@@ -20226,10 +20267,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-callable@npm:^1.1.4, is-callable@npm:^1.1.5":
-  version: 1.1.5
-  resolution: "is-callable@npm:1.1.5"
-  checksum: 734cf282abf29c3bcfc00a7125a492a3e7e58109199f531d4f6951b433a7a37c57c4d956db1af0e6cd726718210c67e8c7f918c4f582b0d61dcde74525aac3e4
+"is-callable@npm:^1.1.4, is-callable@npm:^1.1.5, is-callable@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "is-callable@npm:1.2.3"
+  checksum: 084a732afd78e14a40cd5f6f34001edd500f43bb542991c1305b88842cab5f2fb6b48f0deed4cd72270b2e71cab3c3a56c69b324e3a02d486f937824bb7de553
   languageName: node
   linkType: hard
 
@@ -20266,7 +20307,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.2.0":
+"is-core-module@npm:^2.2.0, is-core-module@npm:^2.4.0":
   version: 2.4.0
   resolution: "is-core-module@npm:2.4.0"
   dependencies:
@@ -20585,6 +20626,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-negative-zero@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "is-negative-zero@npm:2.0.1"
+  checksum: a46f2e0cb5e16fdb8f2011ed488979386d7e68d381966682e3f4c98fc126efe47f26827912baca2d06a02a644aee458b9cba307fb389f6b161e759125db7a3b8
+  languageName: node
+  linkType: hard
+
 "is-npm@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-npm@npm:1.0.0"
@@ -20824,7 +20872,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-regex@npm:^1.0.3, is-regex@npm:^1.0.4, is-regex@npm:^1.0.5, is-regex@npm:^1.1.2":
+"is-regex@npm:^1.0.3, is-regex@npm:^1.0.4, is-regex@npm:^1.0.5, is-regex@npm:^1.1.2, is-regex@npm:^1.1.3":
   version: 1.1.3
   resolution: "is-regex@npm:1.1.3"
   dependencies:
@@ -20917,10 +20965,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-string@npm:^1.0.4, is-string@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "is-string@npm:1.0.5"
-  checksum: 68d77a991f55592721cc7d5800ff95cdb2c4f242e3a98fdc939c409879f7b8f297b8352184032b6b2183994b4c457f42df8de004c58b5b43655c8b2f3e3ecc17
+"is-string@npm:^1.0.4, is-string@npm:^1.0.5, is-string@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "is-string@npm:1.0.6"
+  checksum: 9990bf0abf2eea6255f0218f82ba1bcfc8d27923af99bcbb2c77ec5eae4ddbe6c23f1f916d6f19f9e9aa57ec7cd8a91a3e026a34e207c51af35fced1ad50bba8
   languageName: node
   linkType: hard
 
@@ -21349,13 +21397,14 @@ __metadata:
     "@babel/preset-react": ^7.13.13
     "@babel/runtime": ^7.14.0
     accessibility-checker: ^3.1.1
-    axe-core: ^4.1.1
+    axe-core: ^4.2.2
     babel-jest: ^26.6.3
-    chalk: ^4.1.0
+    chalk: ^4.1.1
     enzyme: ^3.10.0
     enzyme-adapter-react-16: ^1.14.0
     enzyme-to-json: ^3.3.5
     jest-circus: ^26.0.1
+    jest-watch-typeahead: ^0.6.4
     react: ^17.0.1
     react-dom: ^17.0.1
   languageName: unknown
@@ -21621,6 +21670,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-message-util@npm:^27.0.2":
+  version: 27.0.2
+  resolution: "jest-message-util@npm:27.0.2"
+  dependencies:
+    "@babel/code-frame": ^7.12.13
+    "@jest/types": ^27.0.2
+    "@types/stack-utils": ^2.0.0
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.4
+    micromatch: ^4.0.4
+    pretty-format: ^27.0.2
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: b3c3733ec522406cd2b74f1226443c98611f678602144253d30e93bb2e6a24a612051a5c620aea7cad8f37d96435f0113c88d0e8d153b5517564f7e7e4b74d06
+  languageName: node
+  linkType: hard
+
 "jest-mock@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-mock@npm:24.9.0"
@@ -21665,6 +21731,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-regex-util@npm:^27.0.0":
+  version: 27.0.1
+  resolution: "jest-regex-util@npm:27.0.1"
+  checksum: b9a73d4dc0aece51810f8ba032e85b99726b963db06cdedd3fdef1c4a787701c9a11b47d5167e933c2661ec0c2adf310caa33774476791c869df6b8200f5627b
+  languageName: node
+  linkType: hard
+
 "jest-resolve-dependencies@npm:^26.0.1":
   version: 26.0.1
   resolution: "jest-resolve-dependencies@npm:26.0.1"
@@ -21829,6 +21902,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-util@npm:^27.0.2":
+  version: 27.0.2
+  resolution: "jest-util@npm:27.0.2"
+  dependencies:
+    "@jest/types": ^27.0.2
+    "@types/node": "*"
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.4
+    is-ci: ^3.0.0
+    picomatch: ^2.2.3
+  checksum: 8751d6d97f6d6ea0220d946cd553a052ad3025246ec5a6407c52a6023819b64679b6c7931f77405c58ef87d8fe6ffec2318029d5b52e347f17cfbcb48480ee68
+  languageName: node
+  linkType: hard
+
 "jest-validate@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-validate@npm:24.9.0"
@@ -21857,6 +21944,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-watch-typeahead@npm:^0.6.4":
+  version: 0.6.4
+  resolution: "jest-watch-typeahead@npm:0.6.4"
+  dependencies:
+    ansi-escapes: ^4.3.1
+    chalk: ^4.0.0
+    jest-regex-util: ^27.0.0
+    jest-watcher: ^27.0.0
+    slash: ^3.0.0
+    string-length: ^4.0.1
+    strip-ansi: ^6.0.0
+  peerDependencies:
+    jest: ^26.0.0 || ^27.0.0
+  checksum: 15a42b0593ed7cbc0273712ed6c4186467fd8d3c6a0d11795b650fb7639e073f1cee6c27ac38fd2ef3a6c27ea43d34daea48f1a1d6202d378b82d8f19daa1f95
+  languageName: node
+  linkType: hard
+
 "jest-watcher@npm:^26.0.1":
   version: 26.0.1
   resolution: "jest-watcher@npm:26.0.1"
@@ -21871,6 +21975,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-watcher@npm:^27.0.0":
+  version: 27.0.2
+  resolution: "jest-watcher@npm:27.0.2"
+  dependencies:
+    "@jest/test-result": ^27.0.2
+    "@jest/types": ^27.0.2
+    "@types/node": "*"
+    ansi-escapes: ^4.2.1
+    chalk: ^4.0.0
+    jest-util: ^27.0.2
+    string-length: ^4.0.1
+  checksum: 4d3ee72f7474f98ac61007d0eb90ed2df351ac5184eb184326d8118730273cbff008ac2be342b89d8f13f7c267ea02f7cccb69dfd0b07abcddb39f2b466b0878
+  languageName: node
+  linkType: hard
+
 "jest-worker@npm:^24.9.0":
   version: 24.9.0
   resolution: "jest-worker@npm:24.9.0"
@@ -22078,6 +22197,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsdoc-type-pratt-parser@npm:1.0.0-alpha.23":
+  version: 1.0.0-alpha.23
+  resolution: "jsdoc-type-pratt-parser@npm:1.0.0-alpha.23"
+  checksum: a174d04aeed52c621cb6075caf0a0efc8b0802346df915d5ac91cc1665b8b860daa0b9585cccd7430fcb50b6ccb1ba1d1328a306819819ab26dca18191686f7e
+  languageName: node
+  linkType: hard
+
+"jsdoc-type-pratt-parser@npm:^1.0.4":
+  version: 1.0.8
+  resolution: "jsdoc-type-pratt-parser@npm:1.0.8"
+  checksum: 21f8c08918c885df70cad4e8c625351e3bcea6d1c918d438fb02f5aaf274d4cd3309899216985df044462bf3d1e1d4a391dff8a23fc5c75da36ecb586d4385b4
+  languageName: node
+  linkType: hard
+
 "jsdoc@npm:^3.4.1":
   version: 3.6.3
   resolution: "jsdoc@npm:3.6.3"
@@ -22102,15 +22235,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsdoctypeparser@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "jsdoctypeparser@npm:6.1.0"
-  bin:
-    jsdoctypeparser: ./bin/jsdoctypeparser
-  checksum: 14a0ef3671afc53909854db6edd7c417b13b86196083ccd246995df1f742a4fa8f2079526bfa46c1ab2a26dbc5caa7806bd8d43c13abfc053ea3d1f9ebb70792
-  languageName: node
-  linkType: hard
-
 "jsdom@npm:^11.5.1":
   version: 11.12.0
   resolution: "jsdom@npm:11.12.0"
@@ -22372,20 +22496,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonfilter@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "jsonfilter@npm:1.1.2"
-  dependencies:
-    JSONStream: ^0.8.4
-    minimist: ^1.1.0
-    stream-combiner: ^0.2.1
-    through2: ^0.6.3
-  bin:
-    jsonfilter: cli.js
-  checksum: 9e66c136a8a2999b00be9a3fcf826ec251ec9fc2b21511d6fd853cd5fef58f194cc5f964d9b1cea7bfdf80227cb7297b656290403f871ded03a52a8d949cae7d
-  languageName: node
-  linkType: hard
-
 "jsonify@npm:~0.0.0":
   version: 0.0.0
   resolution: "jsonify@npm:0.0.0"
@@ -22393,13 +22503,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonparse@npm:0.0.5":
-  version: 0.0.5
-  resolution: "jsonparse@npm:0.0.5"
-  checksum: dd23da239778dd8e4fcbee7db1998628411877f13573991f93110ef5f9983db50ce2ff88853e1e8e59b86b5b3dcf854f804d9a928688d042a42d7cb6e3ed09cd
-  languageName: node
-  linkType: hard
-
 "jsonparse@npm:^1.2.0, jsonparse@npm:^1.3.1":
   version: 1.3.1
   resolution: "jsonparse@npm:1.3.1"
@@ -22443,13 +22546,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsx-ast-utils@npm:^2.2.1, jsx-ast-utils@npm:^2.2.3":
-  version: 2.2.3
-  resolution: "jsx-ast-utils@npm:2.2.3"
+"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.1.0":
+  version: 3.2.0
+  resolution: "jsx-ast-utils@npm:3.2.0"
   dependencies:
-    array-includes: ^3.0.3
-    object.assign: ^4.1.0
-  checksum: 89130f37c95cb8444b28f710ed28802e0c0f15f4ff1c327cf3cafb6f87fda1b48c07fe7725bc208678650fe030cd5eed2641522f9ea08c4163c8056e39a9dcfe
+    array-includes: ^3.1.2
+    object.assign: ^4.1.2
+  checksum: 9f695c480212868557c5e3cd01082857e101768dc75cb904335d1a805e972d6203baa58ae0b786e7afeab1e8fdb98242fccf22dbc1734595a65845172743877c
   languageName: node
   linkType: hard
 
@@ -22796,6 +22899,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"language-subtag-registry@npm:~0.3.2":
+  version: 0.3.21
+  resolution: "language-subtag-registry@npm:0.3.21"
+  checksum: 5f794525a5bfcefeea155a681af1c03365b60e115b688952a53c6e0b9532b09163f57f1fcb69d6150e0e805ec0350644a4cb35da98f4902562915be9f89572a1
+  languageName: node
+  linkType: hard
+
+"language-tags@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "language-tags@npm:1.0.5"
+  dependencies:
+    language-subtag-registry: ~0.3.2
+  checksum: c81b5d8b9f5f9cfd06ee71ada6ddfe1cf83044dd5eeefcd1e420ad491944da8957688db4a0a9bc562df4afdc2783425cbbdfd152c01d93179cf86888903123cf
+  languageName: node
+  linkType: hard
+
 "last-run@npm:^1.1.0":
   version: 1.1.1
   resolution: "last-run@npm:1.1.1"
@@ -22901,15 +23020,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lcid@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "lcid@npm:2.0.0"
-  dependencies:
-    invert-kv: ^2.0.0
-  checksum: 278e27b5a0707cf9ab682146963ebff2328795be10cd6f8ea8edae293439325d345ac5e33079cce77ac3a86a3dcfb97a34f279dbc46b03f3e419aa39b5915a16
-  languageName: node
-  linkType: hard
-
 "lcov2badge@npm:^0.1.0":
   version: 0.1.0
   resolution: "lcov2badge@npm:0.1.0"
@@ -22991,6 +23101,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"levn@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "levn@npm:0.4.1"
+  dependencies:
+    prelude-ls: ^1.2.1
+    type-check: ~0.4.0
+  checksum: 12c5021c859bd0f5248561bf139121f0358285ec545ebf48bb3d346820d5c61a4309535c7f387ed7d84361cf821e124ce346c6b7cef8ee09a67c1473b46d0fc4
+  languageName: node
+  linkType: hard
+
 "lie@npm:~3.3.0":
   version: 3.3.0
   resolution: "lie@npm:3.3.0"
@@ -23167,18 +23287,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"load-json-file@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "load-json-file@npm:2.0.0"
-  dependencies:
-    graceful-fs: ^4.1.2
-    parse-json: ^2.2.0
-    pify: ^2.0.0
-    strip-bom: ^3.0.0
-  checksum: 7f212bbf08a8c9aab087ead07aa220d1f43d83ec1c4e475a00a8d9bf3014eb29ebe901db8554627dcfb70184c274d05b7379f1e9678fe8297ae74dc495212049
-  languageName: node
-  linkType: hard
-
 "load-json-file@npm:^4.0.0":
   version: 4.0.0
   resolution: "load-json-file@npm:4.0.0"
@@ -23521,13 +23629,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.isboolean@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "lodash.isboolean@npm:3.0.3"
-  checksum: b70068b4a8b8837912b54052557b21fc4774174e3512ed3c5b94621e5aff5eb6c68089d0a386b7e801d679cd105d2e35417978a5e99071750aa2ed90bffd0250
-  languageName: node
-  linkType: hard
-
 "lodash.isequal@npm:^4.5.0":
   version: 4.5.0
   resolution: "lodash.isequal@npm:4.5.0"
@@ -23572,13 +23673,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.isregexp@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "lodash.isregexp@npm:4.0.1"
-  checksum: 0da80e2f19b8fc2a4b1cb55e9755f1dba5305c7f22e935c1422a1ed12b2f2a8bfd9c8f4a008871b730f4338cb41e09e127fe4fd543baa459b187f0ee96f21680
-  languageName: node
-  linkType: hard
-
 "lodash.isstring@npm:^4.0.1":
   version: 4.0.1
   resolution: "lodash.isstring@npm:4.0.1"
@@ -24140,15 +24234,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"map-age-cleaner@npm:^0.1.1":
-  version: 0.1.3
-  resolution: "map-age-cleaner@npm:0.1.3"
-  dependencies:
-    p-defer: ^1.0.0
-  checksum: cb2804a5bcb3cbdfe4b59066ea6d19f5e7c8c196cd55795ea4c28f792b192e4c442426ae52524e5e1acbccf393d3bddacefc3d41f803e66453f6c4eda3650bc1
-  languageName: node
-  linkType: hard
-
 "map-cache@npm:^0.2.0, map-cache@npm:^0.2.2":
   version: 0.2.2
   resolution: "map-cache@npm:0.2.2"
@@ -24489,17 +24574,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mem@npm:^4.0.0":
-  version: 4.3.0
-  resolution: "mem@npm:4.3.0"
-  dependencies:
-    map-age-cleaner: ^0.1.1
-    mimic-fn: ^2.0.0
-    p-is-promise: ^2.0.0
-  checksum: cf488608e5d59c6cb68004b70de317222d4be9f857fd535dfa6a108e04f40821479c080bc763c417b1030569d303538c59d441280078cfce07fefd1c523f98ef
-  languageName: node
-  linkType: hard
-
 "memfs@npm:^3.0.4, memfs@npm:^3.1.2, memfs@npm:^3.2.2":
   version: 3.2.2
   resolution: "memfs@npm:3.2.2"
@@ -24833,7 +24907,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mimic-fn@npm:^2.0.0, mimic-fn@npm:^2.1.0":
+"mimic-fn@npm:^2.1.0":
   version: 2.1.0
   resolution: "mimic-fn@npm:2.1.0"
   checksum: d2421a3444848ce7f84bd49115ddacff29c15745db73f54041edc906c14b131a38d05298dae3081667627a59b2eb1ca4b436ff2e1b80f69679522410418b478a
@@ -24925,7 +24999,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:2 || 3, minimatch@npm:3.0.4, minimatch@npm:^3.0.0, minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:~3.0.2":
+"minimatch@npm:2 || 3, minimatch@npm:3.0.4, minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:~3.0.2":
   version: 3.0.4
   resolution: "minimatch@npm:3.0.4"
   dependencies:
@@ -24969,7 +25043,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimist@npm:^1.1.0, minimist@npm:^1.1.1, minimist@npm:^1.1.3, minimist@npm:^1.2.0, minimist@npm:^1.2.5, minimist@npm:~1.2.0":
+"minimist@npm:^1.1.1, minimist@npm:^1.1.3, minimist@npm:^1.2.0, minimist@npm:^1.2.5, minimist@npm:~1.2.0":
   version: 1.2.5
   resolution: "minimist@npm:1.2.5"
   checksum: 86706ce5b36c16bfc35c5fe3dbb01d5acdc9a22f2b6cc810b6680656a1d2c0e44a0159c9a3ba51fb072bb5c203e49e10b51dcd0eec39c481f4c42086719bae52
@@ -25313,18 +25387,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"multimatch@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "multimatch@npm:2.1.0"
-  dependencies:
-    array-differ: ^1.0.0
-    array-union: ^1.0.1
-    arrify: ^1.0.0
-    minimatch: ^3.0.0
-  checksum: 19259848ec28e5b3ee150ef3ac4a7d3d4afd0c285556e58f349e393b6b4cb6d99abe14415aa2183f4e6309c42d4d3cf941da7ad1b088753024c41ad8b280b03b
-  languageName: node
-  linkType: hard
-
 "multimatch@npm:^3.0.0":
   version: 3.0.0
   resolution: "multimatch@npm:3.0.0"
@@ -25337,6 +25399,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"multimatch@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "multimatch@npm:5.0.0"
+  dependencies:
+    "@types/minimatch": ^3.0.3
+    array-differ: ^3.0.0
+    array-union: ^2.1.0
+    arrify: ^2.0.1
+    minimatch: ^3.0.4
+  checksum: 82c8030a53af965cab48da22f1b0f894ef99e16ee680dabdfbd38d2dfacc3c8208c475203d747afd9e26db44118ed0221d5a0d65268c864f06d6efc7ac6df812
+  languageName: node
+  linkType: hard
+
 "multipipe@npm:1.0.2":
   version: 1.0.2
   resolution: "multipipe@npm:1.0.2"
@@ -26255,10 +26330,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-inspect@npm:^1.7.0, object-inspect@npm:^1.9.0":
-  version: 1.10.2
-  resolution: "object-inspect@npm:1.10.2"
-  checksum: ddd414048e97ca721bc281ba2a0e867fff433d62b70dd87f0ed7495dfe51dd3f649b86d4515ff2d0999507eeed03a829f89dbbbf5884ca8cc5a6d6ce8f91d6cf
+"object-inspect@npm:^1.10.3, object-inspect@npm:^1.7.0, object-inspect@npm:^1.9.0":
+  version: 1.10.3
+  resolution: "object-inspect@npm:1.10.3"
+  checksum: 9a56db2e0146fe94a7a9c78f677a2a28eec11d0ae13430e0bb2cb908fdd2d3feb7dbba7c638b9b7f88ace01d9a937227a8801709d13afb76613775aeb68632d3
   languageName: node
   linkType: hard
 
@@ -26269,7 +26344,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-keys@npm:^1.0.11, object-keys@npm:^1.0.12, object-keys@npm:^1.1.1":
+"object-keys@npm:^1.0.12, object-keys@npm:^1.1.1":
   version: 1.1.1
   resolution: "object-keys@npm:1.1.1"
   checksum: b363c5e7644b1e1b04aa507e88dcb8e3a2f52b6ffd0ea801e4c7a62d5aa559affe21c55a07fd4b1fd55fc03a33c610d73426664b20032405d7b92a1414c34d6a
@@ -26292,15 +26367,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.assign@npm:^4.0.4, object.assign@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "object.assign@npm:4.1.0"
+"object.assign@npm:^4.0.4, object.assign@npm:^4.1.0, object.assign@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "object.assign@npm:4.1.2"
   dependencies:
-    define-properties: ^1.1.2
-    function-bind: ^1.1.1
-    has-symbols: ^1.0.0
-    object-keys: ^1.0.11
-  checksum: 648a9a463580bf48332d9a49a76fede2660ab1ee7104d9459b8a240562246da790b4151c3c073f28fda31c1fdc555d25a1d871e72be403e997e4468c91f4801f
+    call-bind: ^1.0.0
+    define-properties: ^1.1.3
+    has-symbols: ^1.0.1
+    object-keys: ^1.1.1
+  checksum: d621d832ed7b16ac74027adb87196804a500d80d9aca536fccb7ba48d33a7e9306a75f94c1d29cbfa324bc091bfc530bc24789568efdaee6a47fcfa298993814
   languageName: node
   linkType: hard
 
@@ -26316,34 +26391,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.entries-ponyfill@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "object.entries-ponyfill@npm:1.0.1"
-  checksum: c3edaf0c95cd1d31db6c429985a56046a5f0ce7557696d678ecdba4c47dc41a34d98cf0b1acdbdd3bb4cfda236dbc366ef3f64e3ff5ff7d36c3d207c3d2d3619
-  languageName: node
-  linkType: hard
-
-"object.entries@npm:^1.1.0, object.entries@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "object.entries@npm:1.1.1"
+"object.entries@npm:^1.1.0, object.entries@npm:^1.1.1, object.entries@npm:^1.1.2, object.entries@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "object.entries@npm:1.1.4"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0-next.1
-    function-bind: ^1.1.1
-    has: ^1.0.3
-  checksum: e3183f0a51beab33fecc0a3eab00ffac95e9f04c328bfc7d52020806a464d906156a04b2a7ceb3bde46957e6d979b75dcd83b957b97aa2b98662f05d40bda76a
+    es-abstract: ^1.18.2
+  checksum: 1ddd2e28f5ecfe2369fe198439ec0457529f3eec85c7f43870be8de3ec3d98024b014ddb4a769ca48925e47ed76c69a51d8bf2c9886ed43174e3a1d33c2dbe38
   languageName: node
   linkType: hard
 
-"object.fromentries@npm:^2.0.0 || ^1.0.0, object.fromentries@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "object.fromentries@npm:2.0.2"
+"object.fromentries@npm:^2.0.0 || ^1.0.0, object.fromentries@npm:^2.0.2, object.fromentries@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "object.fromentries@npm:2.0.4"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0-next.1
-    function-bind: ^1.1.1
+    es-abstract: ^1.18.0-next.2
     has: ^1.0.3
-  checksum: 950ab9e9064814a1531d84cc2d0237120035514d9038d3e24bfca849ec612c5036398bd7969145431b16c4752fd216c6420dd86dc2cd6d4a48ff8ca8d1111414
+  checksum: 1e8e991c43a463a6389c6ee6935ef3843931fb012c5eed2ec30e3d5cf3760cb853f527723cdc98fb770d9c0cd068449448b03c303f527e7926a97d43daaa5c66
   languageName: node
   linkType: hard
 
@@ -26396,15 +26463,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.values@npm:^1.1.0, object.values@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "object.values@npm:1.1.1"
+"object.values@npm:^1.1.0, object.values@npm:^1.1.1, object.values@npm:^1.1.3, object.values@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "object.values@npm:1.1.4"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0-next.1
-    function-bind: ^1.1.1
-    has: ^1.0.3
-  checksum: f1217c09fa3338698bf748514f9d5cd279744fd34e6593920faf2ad0c8eb339b3b783b6ac0b02d9285d6ead53bcf7b1ac0a5aee4717b7e38c451336796ecb8af
+    es-abstract: ^1.18.2
+  checksum: 1a2f1e9d0bcfc299b8491170a50e6e7ca23392641d7781a8528e96c72f0013ba7ee731792ff8586c8eaec0328acda16c59622924c82c58bd0eb5c4ee67794856
   languageName: node
   linkType: hard
 
@@ -26561,7 +26627,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"optionator@npm:^0.8.1, optionator@npm:^0.8.3":
+"optionator@npm:^0.8.1":
   version: 0.8.3
   resolution: "optionator@npm:0.8.3"
   dependencies:
@@ -26575,6 +26641,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"optionator@npm:^0.9.1":
+  version: 0.9.1
+  resolution: "optionator@npm:0.9.1"
+  dependencies:
+    deep-is: ^0.1.3
+    fast-levenshtein: ^2.0.6
+    levn: ^0.4.1
+    prelude-ls: ^1.2.1
+    type-check: ^0.4.0
+    word-wrap: ^1.2.3
+  checksum: dbc6fa065604b24ea57d734261914e697bd73b69eff7f18e967e8912aa2a40a19a9f599a507fa805be6c13c24c4eae8c71306c239d517d42d4c041c942f508a0
+  languageName: node
+  linkType: hard
+
 "ora@npm:^1.4.0":
   version: 1.4.0
   resolution: "ora@npm:1.4.0"
@@ -26645,17 +26725,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"os-locale@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "os-locale@npm:3.1.0"
-  dependencies:
-    execa: ^1.0.0
-    lcid: ^2.0.0
-    mem: ^4.0.0
-  checksum: 53c542b11af3c5fe99624b09c7882b6944f9ae7c69edbc6006b7d42cff630b1f7fd9d63baf84ed31d1ef02b34823b6b31f23a1ecdd593757873d716bc6374099
-  languageName: node
-  linkType: hard
-
 "os-name@npm:^3.0.0, os-name@npm:^3.1.0":
   version: 3.1.0
   resolution: "os-name@npm:3.1.0"
@@ -26727,13 +26796,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-defer@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "p-defer@npm:1.0.0"
-  checksum: 4271b935c27987e7b6f229e5de4cdd335d808465604644cb7b4c4c95bef266735859a93b16415af8a41fd663ee9e3b97a1a2023ca9def613dba1bad2a0da0c7b
-  languageName: node
-  linkType: hard
-
 "p-each-series@npm:^2.1.0":
   version: 2.1.0
   resolution: "p-each-series@npm:2.1.0"
@@ -26773,13 +26835,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-is-promise@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "p-is-promise@npm:2.1.0"
-  checksum: c9a8248c8b5e306475a5d55ce7808dbce4d4da2e3d69526e4991a391a7809bfd6cfdadd9bf04f1c96a3db366c93d9a0f5ee81d949e7b1684c4e0f61f747199ef
-  languageName: node
-  linkType: hard
-
 "p-limit@npm:^1.1.0":
   version: 1.3.0
   resolution: "p-limit@npm:1.3.0"
@@ -27447,15 +27502,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-type@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "path-type@npm:2.0.0"
-  dependencies:
-    pify: ^2.0.0
-  checksum: 749dc0c32d4ebe409da155a0022f9be3d08e6fd276adb3dfa27cb2486519ab2aa277d1453b3fde050831e0787e07b0885a75653fefcc82d883753c5b91121b1c
-  languageName: node
-  linkType: hard
-
 "path-type@npm:^3.0.0":
   version: 3.0.0
   resolution: "path-type@npm:3.0.0"
@@ -27654,7 +27700,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-up@npm:2.0.0":
+"pkg-up@npm:2.0.0, pkg-up@npm:^2.0.0":
   version: 2.0.0
   resolution: "pkg-up@npm:2.0.0"
   dependencies:
@@ -28055,7 +28101,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-value-parser@npm:^4.0.0, postcss-value-parser@npm:^4.0.2, postcss-value-parser@npm:^4.1.0":
+"postcss-value-parser@npm:^4.0.0, postcss-value-parser@npm:^4.1.0":
   version: 4.1.0
   resolution: "postcss-value-parser@npm:4.1.0"
   checksum: 68a9ea27c780fa3cc350be37b47cc46385c61dd9627990909230e0e9c3debf6d5beb49006bd743a2e506cdd6fa7d07637f2d9504a394f67cc3011d1ff0134886
@@ -28097,7 +28143,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^7.0.0, postcss@npm:^7.0.14, postcss@npm:^7.0.16, postcss@npm:^7.0.17, postcss@npm:^7.0.2, postcss@npm:^7.0.21, postcss@npm:^7.0.26, postcss@npm:^7.0.31, postcss@npm:^7.0.32, postcss@npm:^7.0.35, postcss@npm:^7.0.4, postcss@npm:^7.0.5, postcss@npm:^7.0.6":
+"postcss@npm:^7.0.0, postcss@npm:^7.0.14, postcss@npm:^7.0.16, postcss@npm:^7.0.17, postcss@npm:^7.0.2, postcss@npm:^7.0.21, postcss@npm:^7.0.26, postcss@npm:^7.0.31, postcss@npm:^7.0.32, postcss@npm:^7.0.35, postcss@npm:^7.0.5, postcss@npm:^7.0.6":
   version: 7.0.35
   resolution: "postcss@npm:7.0.35"
   dependencies:
@@ -28108,14 +28154,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.2.10, postcss@npm:^8.2.14, postcss@npm:^8.2.4":
-  version: 8.2.15
-  resolution: "postcss@npm:8.2.15"
+"postcss@npm:^8.1.4, postcss@npm:^8.2.10, postcss@npm:^8.2.14, postcss@npm:^8.2.4":
+  version: 8.3.5
+  resolution: "postcss@npm:8.3.5"
   dependencies:
     colorette: ^1.2.2
     nanoid: ^3.1.23
-    source-map: ^0.6.1
-  checksum: 07c309e5318843cdbb240b19101c8c679e19cb88544811de921dd9125118d6c0603afe925da7f2ac928dd7d4c0c6380ccdedf032400af5013210a3f145baca5d
+    source-map-js: ^0.6.2
+  checksum: c73fc4825ed27396d453a942628cd8e34dd43c11b724f43f65f376d3900037736013b6446f1d9947ce5a847837cf96649e9a3f200ca2bd94a884e91e56ee1ceb
+  languageName: node
+  linkType: hard
+
+"prelude-ls@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "prelude-ls@npm:1.2.1"
+  checksum: cd192ec0d0a8e4c6da3bb80e4f62afe336df3f76271ac6deb0e6a36187133b6073a19e9727a1ff108cd8b9982e4768850d413baa71214dd80c7979617dca827a
   languageName: node
   linkType: hard
 
@@ -29680,16 +29733,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg-up@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "read-pkg-up@npm:2.0.0"
-  dependencies:
-    find-up: ^2.0.0
-    read-pkg: ^2.0.0
-  checksum: 22f9026fb72219ecd165f94f589461c70a88461dc7ea0d439a310ef2a5271ff176a4df4e5edfad087d8ac89b8553945eb209476b671e8ed081c990f30fc40b27
-  languageName: node
-  linkType: hard
-
 "read-pkg-up@npm:^3.0.0":
   version: 3.0.0
   resolution: "read-pkg-up@npm:3.0.0"
@@ -29732,17 +29775,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "read-pkg@npm:2.0.0"
-  dependencies:
-    load-json-file: ^2.0.0
-    normalize-package-data: ^2.3.2
-    path-type: ^2.0.0
-  checksum: 85c5bf35f2d96acdd756151ba83251831bb2b1040b7d96adce70b2cb119b5320417f34876de0929f2d06c67f3df33ef4636427df3533913876f9ef2487a6f48f
-  languageName: node
-  linkType: hard
-
 "read-pkg@npm:^3.0.0":
   version: 3.0.0
   resolution: "read-pkg@npm:3.0.0"
@@ -29802,7 +29834,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:2 || 3, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0":
+"readable-stream@npm:2 || 3, readable-stream@npm:3, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0":
   version: 3.6.0
   resolution: "readable-stream@npm:3.6.0"
   dependencies:
@@ -30068,20 +30100,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.2.0, regexp.prototype.flags@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "regexp.prototype.flags@npm:1.3.0"
+"regexp.prototype.flags@npm:^1.2.0, regexp.prototype.flags@npm:^1.3.1":
+  version: 1.3.1
+  resolution: "regexp.prototype.flags@npm:1.3.1"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0-next.1
-  checksum: b6b985a6d5e78b79f9da6b40a775979a9f972569243799ec8dcaa2c5c14eb1e41b2a14acb1b7216378dddafa8156ed820ab68d4b2ac600fb0a7670dda04b45b4
+  checksum: 343595db5a6bbbb3bfbda881f9c74832cfa9fc0039e64a43843f6bb9158b78b921055266510800ed69d4997638890b17a46d55fd9f32961f53ae56ac3ec4dd05
   languageName: node
   linkType: hard
 
-"regexpp@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "regexpp@npm:2.0.1"
-  checksum: 1f41cf80ac08514c6665812e3dcc0673569431d3285db27053f8b237a758992fb55d6ddfbc264db399ff4f7a7db432900ca3a029daa28a75e0436231872091b1
+"regexpp@npm:^3.1.0":
+  version: 3.2.0
+  resolution: "regexpp@npm:3.2.0"
+  checksum: a78dc5c7158ad9ddcfe01aa9144f46e192ddbfa7b263895a70a5c6c73edd9ce85faf7c0430e59ac38839e1734e275b9c3de5c57ee3ab6edc0e0b1bdebefccef8
   languageName: node
   linkType: hard
 
@@ -30099,10 +30131,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regextras@npm:^0.7.0":
-  version: 0.7.0
-  resolution: "regextras@npm:0.7.0"
-  checksum: f0490d0685c0bbceeb8e35727fc9dc957eb6d85d31d196a079d2a792cafadc8393b54c74b9e1753628e88415b00d956fa7d37598dd7249219b08cc94e5c151b5
+"regextras@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "regextras@npm:0.8.0"
+  checksum: b7ec5b32a2b98b4b27048d44f8ab90009873c1307f2cf89321aa8c4cbb8147f1bee07863f4dadf585546ca0b91a234ad9804954dea5fc029421f6c25a4523798
   languageName: node
   linkType: hard
 
@@ -30781,6 +30813,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+resolve@^2.0.0-next.3:
+  version: 2.0.0-next.3
+  resolution: "resolve@npm:2.0.0-next.3"
+  dependencies:
+    is-core-module: ^2.2.0
+    path-parse: ^1.0.6
+  checksum: f34b3b93ada77d64a6d590c06a83e198f3a827624c4ec972260905fa6c4d612164fbf0200d16d2beefea4ad1755b001f4a9a1293d8fc2322a8f7d6bf692c4ff5
+  languageName: node
+  linkType: hard
+
 "resolve@patch:resolve@^1.1.6#~builtin<compat/resolve>, resolve@patch:resolve@^1.1.7#~builtin<compat/resolve>, resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.11.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.13.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.3.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.4.0#~builtin<compat/resolve>":
   version: 1.20.0
   resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=00b1ff"
@@ -30791,6 +30833,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@patch:resolve@^2.0.0-next.3#~builtin<compat/resolve>":
+  version: 2.0.0-next.3
+  resolution: "resolve@patch:resolve@npm%3A2.0.0-next.3#~builtin<compat/resolve>::version=2.0.0-next.3&hash=00b1ff"
+  dependencies:
+    is-core-module: ^2.2.0
+    path-parse: ^1.0.6
+  checksum: eb88c5e53843bc022215744307a5f5664446c0fdb8f43c33456dce98d5ee6b3162d0cd0a177bb6f1c3d5c8bf01391ac7ab2de0e936e35318725fb40ba7efdaf6
+  languageName: node
+  linkType: hard
+
 "resp-modifier@npm:6.0.2":
   version: 6.0.2
   resolution: "resp-modifier@npm:6.0.2"
@@ -30913,25 +30965,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:2.6.3, rimraf@npm:~2.6.2":
-  version: 2.6.3
-  resolution: "rimraf@npm:2.6.3"
+"rimraf@npm:^3.0.0, rimraf@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "rimraf@npm:3.0.2"
   dependencies:
     glob: ^7.1.3
   bin:
-    rimraf: ./bin.js
-  checksum: 3ea587b981a19016297edb96d1ffe48af7e6af69660e3b371dbfc73722a73a0b0e9be5c88089fbeeb866c389c1098e07f64929c7414290504b855f54f901ab10
+    rimraf: bin.js
+  checksum: 87f4164e396f0171b0a3386cc1877a817f572148ee13a7e113b238e48e8a9f2f31d009a92ec38a591ff1567d9662c6b67fd8818a2dbbaed74bc26a87a2a4a9a0
   languageName: node
   linkType: hard
 
-"rimraf@npm:^3.0.0, rimraf@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "rimraf@npm:3.0.2"
+"rimraf@npm:~2.6.2":
+  version: 2.6.3
+  resolution: "rimraf@npm:2.6.3"
   dependencies:
     glob: ^7.1.3
   bin:
-    rimraf: bin.js
-  checksum: 87f4164e396f0171b0a3386cc1877a817f572148ee13a7e113b238e48e8a9f2f31d009a92ec38a591ff1567d9662c6b67fd8818a2dbbaed74bc26a87a2a4a9a0
+    rimraf: ./bin.js
+  checksum: 3ea587b981a19016297edb96d1ffe48af7e6af69660e3b371dbfc73722a73a0b0e9be5c88089fbeeb866c389c1098e07f64929c7414290504b855f54f901ab10
   languageName: node
   linkType: hard
 
@@ -31982,7 +32034,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"side-channel@npm:^1.0.2, side-channel@npm:^1.0.4":
+"side-channel@npm:^1.0.4":
   version: 1.0.4
   resolution: "side-channel@npm:1.0.4"
   dependencies:
@@ -32133,17 +32185,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"slice-ansi@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "slice-ansi@npm:2.1.0"
-  dependencies:
-    ansi-styles: ^3.2.0
-    astral-regex: ^1.0.0
-    is-fullwidth-code-point: ^2.0.0
-  checksum: 4e82995aa59cef7eb03ef232d73c2239a15efa0ace87a01f3012ebb942e963fbb05d448ce7391efcd52ab9c32724164aba2086f5143e0445c969221dde3b6b1e
-  languageName: node
-  linkType: hard
-
 "slice-ansi@npm:^4.0.0":
   version: 4.0.0
   resolution: "slice-ansi@npm:4.0.0"
@@ -32705,6 +32746,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map-js@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "source-map-js@npm:0.6.2"
+  checksum: 9c8151a29e00fd8d3ba87709fdf9a9ce48313d653f4a29a39b4ae53d346ac79e005de624796ff42eff55cbaf26d2e87f4466001ca87831d400d818c5cf146a0e
+  languageName: node
+  linkType: hard
+
 "source-map-resolve@npm:^0.5.0, source-map-resolve@npm:^0.5.2":
   version: 0.5.3
   resolution: "source-map-resolve@npm:0.5.3"
@@ -32823,13 +32871,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"spdx-expression-parse@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "spdx-expression-parse@npm:3.0.0"
+"spdx-expression-parse@npm:^3.0.0, spdx-expression-parse@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "spdx-expression-parse@npm:3.0.1"
   dependencies:
     spdx-exceptions: ^2.1.0
     spdx-license-ids: ^3.0.0
-  checksum: 308c8c4925f3a584d5740e2d13615aa90e800fc16f9f794195723c9a3f56030096bf5cf34f68b2b05aedac292edd48fe7d51bac13e77e6f94abf921044e40248
+  checksum: a1c6e104a2cbada7a593eaa9f430bd5e148ef5290d4c0409899855ce8b1c39652bcc88a725259491a82601159d6dc790bedefc9016c7472f7de8de7361f8ccde
   languageName: node
   linkType: hard
 
@@ -33006,12 +33054,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stack-utils@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "stack-utils@npm:2.0.2"
+"stack-utils@npm:^2.0.2, stack-utils@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "stack-utils@npm:2.0.3"
   dependencies:
     escape-string-regexp: ^2.0.0
-  checksum: e767be7ec6db03ae17b078dffe5ed64531a5bf13c28ec6d6f239b1baa440d4d80792a10808d6660fd914dd7564eec151322057560d6187cab6077d662029e64c
+  checksum: c86ac08f58d1a9bce3f17946cb2f18268f55f8180f5396ae147deecb4d23cd54f3d27e4a8d3227d525b0f0c89b7f7e839e223851a577136a763ccd7e488440be
   languageName: node
   linkType: hard
 
@@ -33149,16 +33197,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stream-combiner@npm:^0.2.1":
-  version: 0.2.2
-  resolution: "stream-combiner@npm:0.2.2"
-  dependencies:
-    duplexer: ~0.1.1
-    through: ~2.3.4
-  checksum: 5d3f4f6dd3604b3c5acf16150eabbbd131247378b54719c39cac5b5793150a92842306f662b58df65f2bd2e64bf8081f21449489591fed440c2b280021474e7d
-  languageName: node
-  linkType: hard
-
 "stream-each@npm:^1.1.0":
   version: 1.2.3
   resolution: "stream-each@npm:1.2.3"
@@ -33307,17 +33345,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.matchall@npm:^4.0.0 || ^3.0.1":
-  version: 4.0.2
-  resolution: "string.prototype.matchall@npm:4.0.2"
+"string.prototype.matchall@npm:^4.0.0 || ^3.0.1, string.prototype.matchall@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "string.prototype.matchall@npm:4.0.5"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    es-abstract: ^1.17.0
-    has-symbols: ^1.0.1
-    internal-slot: ^1.0.2
-    regexp.prototype.flags: ^1.3.0
-    side-channel: ^1.0.2
-  checksum: c08c0db9aadc47b82c43444c3d1a733ac2b12f00348177d1a17e573b8fbaeceab40bc1ae5ed0cbca03691de4b8471039b17b60b86eea69872a3eae469c9e6b5a
+    es-abstract: ^1.18.2
+    get-intrinsic: ^1.1.1
+    has-symbols: ^1.0.2
+    internal-slot: ^1.0.3
+    regexp.prototype.flags: ^1.3.1
+    side-channel: ^1.0.4
+  checksum: 0a9d64661ecf089e7712aed18a4b0d7e4093ae1dfc6d8134747a98271564065a2a667a3408fced4a77137528b3b2c0efe9d37868acae000ee13d0857a3d0f430
   languageName: node
   linkType: hard
 
@@ -33352,23 +33392,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.trimleft@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "string.prototype.trimleft@npm:2.1.1"
+"string.prototype.trimend@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "string.prototype.trimend@npm:1.0.4"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    function-bind: ^1.1.1
-  checksum: 2581c73a3714b2ac5166d7ee6d3b36f3e92b6b481d635230ee262227cdc53baa010f30d39fdaf1d448bee97c443e29f00c7fdfdfb07be5b5f94209e5929de110
+  checksum: 17e5aa45c3983f582693161f972c1c1fa4bbbdf22e70e582b00c91b6575f01680dc34e83005b98e31abe4d5d29e0b21fcc24690239c106c7b2315aade6a898ac
   languageName: node
   linkType: hard
 
-"string.prototype.trimright@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "string.prototype.trimright@npm:2.1.1"
+"string.prototype.trimstart@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "string.prototype.trimstart@npm:1.0.4"
   dependencies:
+    call-bind: ^1.0.2
     define-properties: ^1.1.3
-    function-bind: ^1.1.1
-  checksum: f02a1d15cd4d8c2161eb0f685b49f560fb579fcd747dc40ff0dcd82575a5df75316d0fad9b89da7408b067759c47bd3c2271ab544e9c98a0fc6a315ee8c747e2
+  checksum: 3fb06818d3cccac5fa3f5f9873d984794ca0e9f6616fae6fcc745885d9efed4e17fe15f832515d9af5e16c279857fdbffdfc489ca4ed577811b017721b30302f
   languageName: node
   linkType: hard
 
@@ -33548,7 +33588,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-json-comments@npm:^3.0.1, strip-json-comments@npm:^3.1.1":
+"strip-json-comments@npm:^3.0.1, strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1":
   version: 3.1.1
   resolution: "strip-json-comments@npm:3.1.1"
   checksum: 492f73e27268f9b1c122733f28ecb0e7e8d8a531a6662efbd08e22cccb3f9475e90a1b82cab06a392f6afae6d2de636f977e231296400d0ec5304ba70f166443
@@ -33645,14 +33685,14 @@ __metadata:
   resolution: "stylelint-config-carbon@workspace:config/stylelint-config-carbon"
   dependencies:
     prettier: ^2.2.1
-    stylelint: ^13.6.0
+    stylelint: ^13.13.1
     stylelint-config-idiomatic-order: ^8.1.0
-    stylelint-config-prettier: ^8.0.1
-    stylelint-config-standard: ^20.0.0
-    stylelint-no-unsupported-browser-features: ^4.0.0
+    stylelint-config-prettier: ^8.0.2
+    stylelint-config-standard: ^22.0.0
+    stylelint-no-unsupported-browser-features: ^5.0.1
     stylelint-order: ^4.1.0
-    stylelint-prettier: ^1.1.2
-    stylelint-scss: ^3.13.0
+    stylelint-prettier: ^1.2.0
+    stylelint-scss: ^3.19.0
   peerDependencies:
     stylelint: ^13.6.0
   languageName: unknown
@@ -33669,47 +33709,48 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint-config-prettier@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "stylelint-config-prettier@npm:8.0.1"
+"stylelint-config-prettier@npm:^8.0.2":
+  version: 8.0.2
+  resolution: "stylelint-config-prettier@npm:8.0.2"
   peerDependencies:
     stylelint: ">=11.0.0"
   bin:
+    stylelint-config-prettier: bin/check.js
     stylelint-config-prettier-check: bin/check.js
-  checksum: 663e7bba91cea8d4bdeb169468d9a3d49739fb1b9e0b4311896fa6207b2435e7c0d1f8133a901c3befeece549a96c929c09458a1c207a13c228eb9a4a7466b28
+  checksum: 6a3bfdf840b7e0b01875e68a0b144d9c02495a1038167c32fc03b0f76d07d989bbe90dec1552b9f5f79119f27b4f1780acde05ee23d5034d7e1ffbdcb362c6d8
   languageName: node
   linkType: hard
 
-"stylelint-config-recommended@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "stylelint-config-recommended@npm:3.0.0"
+"stylelint-config-recommended@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "stylelint-config-recommended@npm:5.0.0"
   peerDependencies:
-    stylelint: ">=10.1.0"
-  checksum: 8f02b2cd20269eca1aedb78b66b2085c16568463f225c5b5c80df61288b5b96a0ded2eeb8fa226eec442ef00ceac15a48cd499a3e5a4575a33215dedec298767
+    stylelint: ^13.13.0
+  checksum: 574468542e9f143838feff91771a5901454d6ed89c671bc561373e0509d1414d4a856e5e251c22630c18eb02819c94137eb7a091959dc225f0d91a3eb49538c4
   languageName: node
   linkType: hard
 
-"stylelint-config-standard@npm:^20.0.0":
-  version: 20.0.0
-  resolution: "stylelint-config-standard@npm:20.0.0"
+"stylelint-config-standard@npm:^22.0.0":
+  version: 22.0.0
+  resolution: "stylelint-config-standard@npm:22.0.0"
   dependencies:
-    stylelint-config-recommended: ^3.0.0
+    stylelint-config-recommended: ^5.0.0
   peerDependencies:
-    stylelint: ">=10.1.0"
-  checksum: 04d1a7d17cbe41ed550eb61294ee6f98044ee5722b6bafd16c378a38067ae44deb575b056ab8369e9936934caf42044282ffe907e9b935660daddedc57a2a561
+    stylelint: ^13.13.0
+  checksum: 57497397c56f19f8f1387d461d06089b6b6c187dcdc5bf85006b2b94f88be021afa77545d6938543ffb82be10a200a58d160ee672f1379d4af1adcb723e5f9f8
   languageName: node
   linkType: hard
 
-"stylelint-no-unsupported-browser-features@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "stylelint-no-unsupported-browser-features@npm:4.0.0"
+"stylelint-no-unsupported-browser-features@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "stylelint-no-unsupported-browser-features@npm:5.0.1"
   dependencies:
-    doiuse: ^4.2.0
+    doiuse: ^4.4.1
     lodash: ^4.17.15
-    postcss: ^7.0.21
+    postcss: ^8.1.4
   peerDependencies:
-    stylelint: ">=11.1.1"
-  checksum: 3cdc5afa4d8b91d2688bc3534b902267230b43298d28750ce7f4b1b916f506915836c2bbfa6c7d87979eb2f045d20bc4e1cde596789cdca5f8fbbfceafd9f230
+    stylelint: ">=13.0.0"
+  checksum: 9569911ff7999cb2bd20d3ea99e5a5a994544dea377dc55d413e6f54aac9c07c2a65e2fe35e7b4d992c9985442b4df69d9df771cf5541c124b44d2c7d08473c6
   languageName: node
   linkType: hard
 
@@ -33739,36 +33780,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint-prettier@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "stylelint-prettier@npm:1.1.2"
+"stylelint-prettier@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "stylelint-prettier@npm:1.2.0"
   dependencies:
     prettier-linter-helpers: ^1.0.0
   peerDependencies:
     prettier: ">= 0.11.0"
     stylelint: ">= 9.2.1"
-  checksum: dcc76caea184a4509460ef1d5a0317a3c489d4d40a086f7e975c856eea7e87343906ae148c7e4e903c513b683c5e890858122b3c9cb5f4e7aa19098dce3f0cd5
+  checksum: 8bc3cf7277e0a92e59fa7bf96fde90720f7e43676be3de8a595da05429a11a3677553d4b742a038517ddd41ae1a88ce2c0f7d1676c7c7278c15d4b1c73f173be
   languageName: node
   linkType: hard
 
-"stylelint-scss@npm:^3.13.0":
-  version: 3.13.0
-  resolution: "stylelint-scss@npm:3.13.0"
+"stylelint-scss@npm:^3.19.0":
+  version: 3.19.0
+  resolution: "stylelint-scss@npm:3.19.0"
   dependencies:
-    lodash.isboolean: ^3.0.3
-    lodash.isregexp: ^4.0.1
-    lodash.isstring: ^4.0.1
+    lodash: ^4.17.15
     postcss-media-query-parser: ^0.2.3
     postcss-resolve-nested-selector: ^0.1.1
     postcss-selector-parser: ^6.0.2
-    postcss-value-parser: ^4.0.2
+    postcss-value-parser: ^4.1.0
   peerDependencies:
-    stylelint: ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0
-  checksum: acd12c5ef50812e43ac3bb299a0c91f56014896fd9b2ce8c9d072b42eb2493c92bf38d45ffd0c56b91b96300e10f6441aedbcabedc609a67962561c5209d37f6
+    stylelint: ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0
+  checksum: 5ce72106f5a99800ce463715d9ff7c59eb2169c8c046b5f5ff0dcf8cdfadc7c6f67a02a2a9f2c2be376cebdae5dcfc467f07c7a71a2a919444226705cea9fc44
   languageName: node
   linkType: hard
 
-"stylelint@npm:^13.13.1, stylelint@npm:^13.6.0":
+"stylelint@npm:^13.13.1":
   version: 13.13.1
   resolution: "stylelint@npm:13.13.1"
   dependencies:
@@ -34021,19 +34060,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"table@npm:^5.2.3":
-  version: 5.4.6
-  resolution: "table@npm:5.4.6"
-  dependencies:
-    ajv: ^6.10.2
-    lodash: ^4.17.14
-    slice-ansi: ^2.1.0
-    string-width: ^3.0.0
-  checksum: 9e35d3efa788edc17237eef8852f8e4b9178efd65a7d115141777b2ee77df4b7796c05f4ed3712d858f98894ac5935a481ceeb6dcb9895e2f67a61cce0e63b6c
-  languageName: node
-  linkType: hard
-
-"table@npm:^6.6.0":
+"table@npm:^6.0.9, table@npm:^6.6.0":
   version: 6.7.1
   resolution: "table@npm:6.7.1"
   dependencies:
@@ -34514,6 +34541,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"through2@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "through2@npm:4.0.2"
+  dependencies:
+    readable-stream: 3
+  checksum: ac7430bd54ccb7920fd094b1c7ff3e1ad6edd94202e5528331253e5fde0cc56ceaa690e8df9895de2e073148c52dfbe6c4db74cacae812477a35660090960cc0
+  languageName: node
+  linkType: hard
+
 "through@npm:2, through@npm:>=2.2.7 <3, through@npm:^2.3.4, through@npm:^2.3.6, through@npm:^2.3.8, through@npm:~2.3.4, through@npm:~2.3.6":
   version: 2.3.8
   resolution: "through@npm:2.3.8"
@@ -34971,6 +35007,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tsconfig-paths@npm:^3.9.0":
+  version: 3.9.0
+  resolution: "tsconfig-paths@npm:3.9.0"
+  dependencies:
+    "@types/json5": ^0.0.29
+    json5: ^1.0.1
+    minimist: ^1.2.0
+    strip-bom: ^3.0.0
+  checksum: 243b3b098c76a4ca90ea0431683f3755a4ff175c6123bcba5f7b4bd80fe2ef8fa9bdc8f4d525148a1e71ade7f3e037e7c0313ae177fd12398ab68f05c2c7f25d
+  languageName: node
+  linkType: hard
+
 "tslib@npm:1.9.3":
   version: 1.9.3
   resolution: "tslib@npm:1.9.3"
@@ -35022,6 +35070,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-check@npm:^0.4.0, type-check@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "type-check@npm:0.4.0"
+  dependencies:
+    prelude-ls: ^1.2.1
+  checksum: ec688ebfc9c45d0c30412e41ca9c0cdbd704580eb3a9ccf07b9b576094d7b86a012baebc95681999dd38f4f444afd28504cb3a89f2ef16b31d4ab61a0739025a
+  languageName: node
+  linkType: hard
+
 "type-check@npm:~0.3.2":
   version: 0.3.2
   resolution: "type-check@npm:0.3.2"
@@ -35052,6 +35109,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-fest@npm:^0.21.3":
+  version: 0.21.3
+  resolution: "type-fest@npm:0.21.3"
+  checksum: e6b32a3b3877f04339bae01c193b273c62ba7bfc9e325b8703c4ee1b32dc8fe4ef5dfa54bf78265e069f7667d058e360ae0f37be5af9f153b22382cd55a9afe0
+  languageName: node
+  linkType: hard
+
 "type-fest@npm:^0.3.0":
   version: 0.3.1
   resolution: "type-fest@npm:0.3.1"
@@ -35220,6 +35284,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unbox-primitive@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "unbox-primitive@npm:1.0.1"
+  dependencies:
+    function-bind: ^1.1.1
+    has-bigints: ^1.0.1
+    has-symbols: ^1.0.2
+    which-boxed-primitive: ^1.0.2
+  checksum: 89d950e18fb45672bc6b3c961f1e72c07beb9640c7ceed847b571ba6f7d2af570ae1a2584cfee268b9d9ea1e3293f7e33e0bc29eaeb9f8e8a0bab057ff9e6bba
+  languageName: node
+  linkType: hard
+
 "unbzip2-stream@npm:^1.3.3":
   version: 1.4.3
   resolution: "unbzip2-stream@npm:1.4.3"
@@ -36835,6 +36911,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which-boxed-primitive@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "which-boxed-primitive@npm:1.0.2"
+  dependencies:
+    is-bigint: ^1.0.1
+    is-boolean-object: ^1.1.0
+    is-number-object: ^1.0.4
+    is-string: ^1.0.5
+    is-symbol: ^1.0.3
+  checksum: 53ce774c7379071729533922adcca47220228405e1895f26673bbd71bdf7fb09bee38c1d6399395927c6289476b5ae0629863427fd151491b71c4b6cb04f3a5e
+  languageName: node
+  linkType: hard
+
 "which-module@npm:^1.0.0":
   version: 1.0.0
   resolution: "which-module@npm:1.0.0"
@@ -36999,7 +37088,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"word-wrap@npm:~1.2.3":
+"word-wrap@npm:^1.2.3, word-wrap@npm:~1.2.3":
   version: 1.2.3
   resolution: "word-wrap@npm:1.2.3"
   checksum: 30b48f91fcf12106ed3186ae4fa86a6a1842416df425be7b60485de14bec665a54a68e4b5156647dec3a70f25e84d270ca8bc8cd23182ed095f5c7206a938c1f
@@ -37206,15 +37295,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"write@npm:1.0.3":
-  version: 1.0.3
-  resolution: "write@npm:1.0.3"
-  dependencies:
-    mkdirp: ^0.5.1
-  checksum: 6496197ceb2d6faeeb8b5fe2659ca804e801e4989dff9fb8a66fe76179ce4ccc378c982ef906733caea1220c8dbe05a666d82127959ac4456e70111af8b8df73
-  languageName: node
-  linkType: hard
-
 "write@npm:^0.2.1":
   version: 0.2.1
   resolution: "write@npm:0.2.1"
@@ -37416,7 +37496,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"y18n@npm:^3.2.1 || ^4.0.0, y18n@npm:^4.0.0":
+"y18n@npm:^4.0.0":
   version: 4.0.0
   resolution: "y18n@npm:4.0.0"
   checksum: 66e22d38bf994723b625dcc0159f6fd4068c511f8c565df39e8aa53426f5f31e4a9664a8d7099fbde2c22a1c71be2cb60e83f4c2961a5ee48672418d825a7bc2
@@ -37484,16 +37564,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^11.1.1":
-  version: 11.1.1
-  resolution: "yargs-parser@npm:11.1.1"
-  dependencies:
-    camelcase: ^5.0.0
-    decamelize: ^1.2.0
-  checksum: 91a82f4e6295745269f5683d1ab11d636f1d2fa732fb1c1795ad4637f31feb54530c2072ca2c2e39d3c4d506c3645214ff08c781f4a5b48fc959788706a54f83
-  languageName: node
-  linkType: hard
-
 "yargs-parser@npm:^13.1.2":
   version: 13.1.2
   resolution: "yargs-parser@npm:13.1.2"
@@ -37583,26 +37653,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:^12.0.2":
-  version: 12.0.5
-  resolution: "yargs@npm:12.0.5"
-  dependencies:
-    cliui: ^4.0.0
-    decamelize: ^1.2.0
-    find-up: ^3.0.0
-    get-caller-file: ^1.0.1
-    os-locale: ^3.0.0
-    require-directory: ^2.1.1
-    require-main-filename: ^1.0.1
-    set-blocking: ^2.0.0
-    string-width: ^2.0.0
-    which-module: ^2.0.0
-    y18n: ^3.2.1 || ^4.0.0
-    yargs-parser: ^11.1.1
-  checksum: 716f467be3f4dd5ed346f7e07eabfbf4b915e818bf2e6582b27c8d23f17c6ee59126b1c6896234d0ca1f615ee09d1901602677c5ee294540e87f914cd27a3c9b
-  languageName: node
-  linkType: hard
-
 "yargs@npm:^13.2.2, yargs@npm:^13.3.2":
   version: 13.3.2
   resolution: "yargs@npm:13.3.2"
@@ -37659,9 +37709,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:^16.1.1":
-  version: 16.1.1
-  resolution: "yargs@npm:16.1.1"
+"yargs@npm:^16.1.1, yargs@npm:^16.2.0":
+  version: 16.2.0
+  resolution: "yargs@npm:16.2.0"
   dependencies:
     cliui: ^7.0.2
     escalade: ^3.1.1
@@ -37670,7 +37720,7 @@ __metadata:
     string-width: ^4.2.0
     y18n: ^5.0.5
     yargs-parser: ^20.2.2
-  checksum: 0557e6fabbed05375465025c66ecc212f0c308f0a58c98245da94cd1718f4aeef441725eb61ddeb372c959cb6056af3e20a7231e27c59b2428ea7c0e26db7ba6
+  checksum: b14afbb51e3251a204d81937c86a7e9d4bdbf9a2bcee38226c900d00f522969ab675703bee2a6f99f8e20103f608382936034e64d921b74df82b63c07c5e8f59
   languageName: node
   linkType: hard