diff --git a/.yarn/cache/@babel-code-frame-npm-7.10.4-ab1ee3c93e-feb4543c8a.zip b/.yarn/cache/@babel-code-frame-npm-7.10.4-ab1ee3c93e-feb4543c8a.zip
new file mode 100644
index 000000000000..286c767ddc66
Binary files /dev/null and b/.yarn/cache/@babel-code-frame-npm-7.10.4-ab1ee3c93e-feb4543c8a.zip differ
diff --git a/.yarn/cache/@babel-core-npm-7.10.5-3a200310d8-30e479edc6.zip b/.yarn/cache/@babel-core-npm-7.10.5-3a200310d8-30e479edc6.zip
deleted file mode 100644
index 4d466ad78b01..000000000000
Binary files a/.yarn/cache/@babel-core-npm-7.10.5-3a200310d8-30e479edc6.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-core-npm-7.12.9-8369e5cab5-4d34eca468.zip b/.yarn/cache/@babel-core-npm-7.12.9-8369e5cab5-4d34eca468.zip
new file mode 100644
index 000000000000..f8e0867b1188
Binary files /dev/null and b/.yarn/cache/@babel-core-npm-7.12.9-8369e5cab5-4d34eca468.zip differ
diff --git a/.yarn/cache/@babel-generator-npm-7.14.0-d94a607845-53fa4941fa.zip b/.yarn/cache/@babel-generator-npm-7.14.0-d94a607845-53fa4941fa.zip
deleted file mode 100644
index 1db9c22c66e5..000000000000
Binary files a/.yarn/cache/@babel-generator-npm-7.14.0-d94a607845-53fa4941fa.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-generator-npm-7.14.1-4b63757137-245dfd4d3c.zip b/.yarn/cache/@babel-generator-npm-7.14.1-4b63757137-245dfd4d3c.zip
new file mode 100644
index 000000000000..241cd0778b41
Binary files /dev/null and b/.yarn/cache/@babel-generator-npm-7.14.1-4b63757137-245dfd4d3c.zip differ
diff --git a/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.14.0-0689526c55-8ef001212b.zip b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.14.0-0689526c55-8ef001212b.zip
deleted file mode 100644
index bedbd788fcef..000000000000
Binary files a/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.14.0-0689526c55-8ef001212b.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.14.1-7e09af3f91-f061d152f1.zip b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.14.1-7e09af3f91-f061d152f1.zip
new file mode 100644
index 000000000000..8c63a95dc0f4
Binary files /dev/null and b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.14.1-7e09af3f91-f061d152f1.zip differ
diff --git a/.yarn/cache/@babel-helper-define-polyfill-provider-npm-0.1.5-ff755c533f-6f8b61b417.zip b/.yarn/cache/@babel-helper-define-polyfill-provider-npm-0.1.5-ff755c533f-6f8b61b417.zip
new file mode 100644
index 000000000000..0be4478d88b4
Binary files /dev/null and b/.yarn/cache/@babel-helper-define-polyfill-provider-npm-0.1.5-ff755c533f-6f8b61b417.zip differ
diff --git a/.yarn/cache/@babel-highlight-npm-7.12.13-ca292a37ce-1adf2222ea.zip b/.yarn/cache/@babel-highlight-npm-7.12.13-ca292a37ce-1adf2222ea.zip
deleted file mode 100644
index 27a4cce17765..000000000000
Binary files a/.yarn/cache/@babel-highlight-npm-7.12.13-ca292a37ce-1adf2222ea.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-highlight-npm-7.14.0-54986133d5-5aae226c0d.zip b/.yarn/cache/@babel-highlight-npm-7.14.0-54986133d5-5aae226c0d.zip
new file mode 100644
index 000000000000..4d0f07f6bc82
Binary files /dev/null and b/.yarn/cache/@babel-highlight-npm-7.14.0-54986133d5-5aae226c0d.zip differ
diff --git a/.yarn/cache/@babel-parser-npm-7.14.0-2ee3d632b7-d1d82e6c2e.zip b/.yarn/cache/@babel-parser-npm-7.14.0-2ee3d632b7-d1d82e6c2e.zip
deleted file mode 100644
index d6bd0f034e09..000000000000
Binary files a/.yarn/cache/@babel-parser-npm-7.14.0-2ee3d632b7-d1d82e6c2e.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-parser-npm-7.14.1-ac8d49d624-4b52bbf779.zip b/.yarn/cache/@babel-parser-npm-7.14.1-ac8d49d624-4b52bbf779.zip
new file mode 100644
index 000000000000..5e6cebafbe6a
Binary files /dev/null and b/.yarn/cache/@babel-parser-npm-7.14.1-ac8d49d624-4b52bbf779.zip differ
diff --git a/.yarn/cache/@babel-plugin-proposal-decorators-npm-7.13.15-4169ded488-4df254970a.zip b/.yarn/cache/@babel-plugin-proposal-decorators-npm-7.13.15-4169ded488-4df254970a.zip
new file mode 100644
index 000000000000..ffbfed77a5e3
Binary files /dev/null and b/.yarn/cache/@babel-plugin-proposal-decorators-npm-7.13.15-4169ded488-4df254970a.zip differ
diff --git a/.yarn/cache/@babel-plugin-proposal-object-rest-spread-npm-7.10.4-63e3d3a7ed-f515891e76.zip b/.yarn/cache/@babel-plugin-proposal-object-rest-spread-npm-7.12.1-23ec83a49a-221a41630c.zip
similarity index 61%
rename from .yarn/cache/@babel-plugin-proposal-object-rest-spread-npm-7.10.4-63e3d3a7ed-f515891e76.zip
rename to .yarn/cache/@babel-plugin-proposal-object-rest-spread-npm-7.12.1-23ec83a49a-221a41630c.zip
index be529b9adeea..4de311da8b83 100644
Binary files a/.yarn/cache/@babel-plugin-proposal-object-rest-spread-npm-7.10.4-63e3d3a7ed-f515891e76.zip and b/.yarn/cache/@babel-plugin-proposal-object-rest-spread-npm-7.12.1-23ec83a49a-221a41630c.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-decorators-npm-7.12.13-a24323bd77-ac7e977d8e.zip b/.yarn/cache/@babel-plugin-syntax-decorators-npm-7.12.13-a24323bd77-ac7e977d8e.zip
new file mode 100644
index 000000000000..2ee0700a6278
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-decorators-npm-7.12.13-a24323bd77-ac7e977d8e.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.10.4-87f1f900f7-89dca777c5.zip b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.10.4-87f1f900f7-89dca777c5.zip
deleted file mode 100644
index 8d654ee82c48..000000000000
Binary files a/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.10.4-87f1f900f7-89dca777c5.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.12.1-fec38141bc-d4b9b589c4.zip b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.12.1-fec38141bc-d4b9b589c4.zip
new file mode 100644
index 000000000000..19d2c7240967
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.12.1-fec38141bc-d4b9b589c4.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.13.16-e33153caa5-f84f08c956.zip b/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.13.16-e33153caa5-f84f08c956.zip
deleted file mode 100644
index e1771e806413..000000000000
Binary files a/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.13.16-e33153caa5-f84f08c956.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.14.1-8a5687d490-1ab4c863b9.zip b/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.14.1-8a5687d490-1ab4c863b9.zip
new file mode 100644
index 000000000000..99cf97c47beb
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.14.1-8a5687d490-1ab4c863b9.zip differ
diff --git a/.yarn/cache/@babel-preset-env-npm-7.14.0-eed42a1c45-e62fa4196b.zip b/.yarn/cache/@babel-preset-env-npm-7.14.0-eed42a1c45-e62fa4196b.zip
deleted file mode 100644
index 1f76ceb68e0e..000000000000
Binary files a/.yarn/cache/@babel-preset-env-npm-7.14.0-eed42a1c45-e62fa4196b.zip and /dev/null differ
diff --git a/.yarn/cache/@babel-preset-env-npm-7.14.1-7d0672fc8f-a8db1db302.zip b/.yarn/cache/@babel-preset-env-npm-7.14.1-7d0672fc8f-a8db1db302.zip
new file mode 100644
index 000000000000..05643524b701
Binary files /dev/null and b/.yarn/cache/@babel-preset-env-npm-7.14.1-7d0672fc8f-a8db1db302.zip differ
diff --git a/.yarn/cache/@babel-types-npm-7.14.0-f93a131f06-e69829ade4.zip b/.yarn/cache/@babel-types-npm-7.14.1-a8942c99f9-e6de789265.zip
similarity index 57%
rename from .yarn/cache/@babel-types-npm-7.14.0-f93a131f06-e69829ade4.zip
rename to .yarn/cache/@babel-types-npm-7.14.1-a8942c99f9-e6de789265.zip
index 6a61d2c536c9..ecf4dced9a17 100644
Binary files a/.yarn/cache/@babel-types-npm-7.14.0-f93a131f06-e69829ade4.zip and b/.yarn/cache/@babel-types-npm-7.14.1-a8942c99f9-e6de789265.zip differ
diff --git a/.yarn/cache/@mdx-js-loader-npm-1.6.14-5d289b1cf0-2fe29c69f0.zip b/.yarn/cache/@mdx-js-loader-npm-1.6.14-5d289b1cf0-2fe29c69f0.zip
deleted file mode 100644
index 6b00008da28f..000000000000
Binary files a/.yarn/cache/@mdx-js-loader-npm-1.6.14-5d289b1cf0-2fe29c69f0.zip and /dev/null differ
diff --git a/.yarn/cache/@mdx-js-loader-npm-1.6.22-de9620c32e-5ce4b92824.zip b/.yarn/cache/@mdx-js-loader-npm-1.6.22-de9620c32e-5ce4b92824.zip
new file mode 100644
index 000000000000..754354275926
Binary files /dev/null and b/.yarn/cache/@mdx-js-loader-npm-1.6.22-de9620c32e-5ce4b92824.zip differ
diff --git a/.yarn/cache/@mdx-js-mdx-npm-1.6.14-23bf3386a8-db9e23710c.zip b/.yarn/cache/@mdx-js-mdx-npm-1.6.14-23bf3386a8-db9e23710c.zip
deleted file mode 100644
index b8a1ba1b2672..000000000000
Binary files a/.yarn/cache/@mdx-js-mdx-npm-1.6.14-23bf3386a8-db9e23710c.zip and /dev/null differ
diff --git a/.yarn/cache/@mdx-js-mdx-npm-1.6.22-ba5aaf406b-0839b4a389.zip b/.yarn/cache/@mdx-js-mdx-npm-1.6.22-ba5aaf406b-0839b4a389.zip
new file mode 100644
index 000000000000..da508ebb434e
Binary files /dev/null and b/.yarn/cache/@mdx-js-mdx-npm-1.6.22-ba5aaf406b-0839b4a389.zip differ
diff --git a/.yarn/cache/@mdx-js-react-npm-1.6.14-151c7b7900-581e8a2f38.zip b/.yarn/cache/@mdx-js-react-npm-1.6.14-151c7b7900-581e8a2f38.zip
deleted file mode 100644
index 413c90999d5b..000000000000
Binary files a/.yarn/cache/@mdx-js-react-npm-1.6.14-151c7b7900-581e8a2f38.zip and /dev/null differ
diff --git a/.yarn/cache/@mdx-js-react-npm-1.6.22-57e4c05c2b-bc84bd514b.zip b/.yarn/cache/@mdx-js-react-npm-1.6.22-57e4c05c2b-bc84bd514b.zip
new file mode 100644
index 000000000000..23fad571027f
Binary files /dev/null and b/.yarn/cache/@mdx-js-react-npm-1.6.22-57e4c05c2b-bc84bd514b.zip differ
diff --git a/.yarn/cache/@mdx-js-util-npm-1.6.14-8bc6a5b96e-36f87e453b.zip b/.yarn/cache/@mdx-js-util-npm-1.6.22-8e56495eac-4b393907e3.zip
similarity index 78%
rename from .yarn/cache/@mdx-js-util-npm-1.6.14-8bc6a5b96e-36f87e453b.zip
rename to .yarn/cache/@mdx-js-util-npm-1.6.22-8e56495eac-4b393907e3.zip
index 64b7fdf7989c..ef9476f6d775 100644
Binary files a/.yarn/cache/@mdx-js-util-npm-1.6.14-8bc6a5b96e-36f87e453b.zip and b/.yarn/cache/@mdx-js-util-npm-1.6.22-8e56495eac-4b393907e3.zip differ
diff --git a/.yarn/cache/@pmmmwh-react-refresh-webpack-plugin-npm-0.4.3-5375cf6b6f-36a7b0c63f.zip b/.yarn/cache/@pmmmwh-react-refresh-webpack-plugin-npm-0.4.3-5375cf6b6f-36a7b0c63f.zip
new file mode 100644
index 000000000000..001559f9efaa
Binary files /dev/null and b/.yarn/cache/@pmmmwh-react-refresh-webpack-plugin-npm-0.4.3-5375cf6b6f-36a7b0c63f.zip differ
diff --git a/.yarn/cache/@popperjs-core-npm-2.9.2-b658241f4a-a5916302e7.zip b/.yarn/cache/@popperjs-core-npm-2.9.2-b658241f4a-a5916302e7.zip
new file mode 100644
index 000000000000..6a79658fb533
Binary files /dev/null and b/.yarn/cache/@popperjs-core-npm-2.9.2-b658241f4a-a5916302e7.zip differ
diff --git a/.yarn/cache/@reach-router-npm-1.2.1-2701a4a937-412965ecdf.zip b/.yarn/cache/@reach-router-npm-1.2.1-2701a4a937-412965ecdf.zip
deleted file mode 100644
index 11dec4a779e3..000000000000
Binary files a/.yarn/cache/@reach-router-npm-1.2.1-2701a4a937-412965ecdf.zip and /dev/null differ
diff --git a/.yarn/cache/@reach-router-npm-1.3.4-edba1cdd2e-f64372497e.zip b/.yarn/cache/@reach-router-npm-1.3.4-edba1cdd2e-f64372497e.zip
new file mode 100644
index 000000000000..48913a5238a4
Binary files /dev/null and b/.yarn/cache/@reach-router-npm-1.3.4-edba1cdd2e-f64372497e.zip differ
diff --git a/.yarn/cache/@storybook-addon-actions-npm-5.3.19-e61b4c5603-3f5f45e508.zip b/.yarn/cache/@storybook-addon-actions-npm-5.3.21-ee2ba55afb-5e5d3fb2d7.zip
similarity index 89%
rename from .yarn/cache/@storybook-addon-actions-npm-5.3.19-e61b4c5603-3f5f45e508.zip
rename to .yarn/cache/@storybook-addon-actions-npm-5.3.21-ee2ba55afb-5e5d3fb2d7.zip
index da0df96af4e9..b81b3becaaea 100644
Binary files a/.yarn/cache/@storybook-addon-actions-npm-5.3.19-e61b4c5603-3f5f45e508.zip and b/.yarn/cache/@storybook-addon-actions-npm-5.3.21-ee2ba55afb-5e5d3fb2d7.zip differ
diff --git a/.yarn/cache/@storybook-addon-actions-npm-6.2.9-ec9c23eb16-033fab2159.zip b/.yarn/cache/@storybook-addon-actions-npm-6.2.9-ec9c23eb16-033fab2159.zip
new file mode 100644
index 000000000000..b6dca22bd60f
Binary files /dev/null and b/.yarn/cache/@storybook-addon-actions-npm-6.2.9-ec9c23eb16-033fab2159.zip differ
diff --git a/.yarn/cache/@storybook-addon-backgrounds-npm-6.2.9-9242f52131-ea0b4ab20f.zip b/.yarn/cache/@storybook-addon-backgrounds-npm-6.2.9-9242f52131-ea0b4ab20f.zip
new file mode 100644
index 000000000000..e590e23ed2dd
Binary files /dev/null and b/.yarn/cache/@storybook-addon-backgrounds-npm-6.2.9-9242f52131-ea0b4ab20f.zip differ
diff --git a/.yarn/cache/@storybook-addon-controls-npm-6.2.9-af7791ef18-82a60ec6f5.zip b/.yarn/cache/@storybook-addon-controls-npm-6.2.9-af7791ef18-82a60ec6f5.zip
new file mode 100644
index 000000000000..7d25e03d1b73
Binary files /dev/null and b/.yarn/cache/@storybook-addon-controls-npm-6.2.9-af7791ef18-82a60ec6f5.zip differ
diff --git a/.yarn/cache/@storybook-addon-docs-npm-5.3.19-73b99fd82f-9ec6ca8b31.zip b/.yarn/cache/@storybook-addon-docs-npm-5.3.21-a65f2b909e-c3406b963d.zip
similarity index 87%
rename from .yarn/cache/@storybook-addon-docs-npm-5.3.19-73b99fd82f-9ec6ca8b31.zip
rename to .yarn/cache/@storybook-addon-docs-npm-5.3.21-a65f2b909e-c3406b963d.zip
index d882d09dd560..648c8ad77013 100644
Binary files a/.yarn/cache/@storybook-addon-docs-npm-5.3.19-73b99fd82f-9ec6ca8b31.zip and b/.yarn/cache/@storybook-addon-docs-npm-5.3.21-a65f2b909e-c3406b963d.zip differ
diff --git a/.yarn/cache/@storybook-addon-docs-npm-6.2.9-0b614e2d83-7bfaba7f35.zip b/.yarn/cache/@storybook-addon-docs-npm-6.2.9-0b614e2d83-7bfaba7f35.zip
new file mode 100644
index 000000000000..96e4715d8384
Binary files /dev/null and b/.yarn/cache/@storybook-addon-docs-npm-6.2.9-0b614e2d83-7bfaba7f35.zip differ
diff --git a/.yarn/cache/@storybook-addon-essentials-npm-6.2.9-3333925c0a-84d5a22ed0.zip b/.yarn/cache/@storybook-addon-essentials-npm-6.2.9-3333925c0a-84d5a22ed0.zip
new file mode 100644
index 000000000000..cf059af96ad2
Binary files /dev/null and b/.yarn/cache/@storybook-addon-essentials-npm-6.2.9-3333925c0a-84d5a22ed0.zip differ
diff --git a/.yarn/cache/@storybook-addon-knobs-npm-5.3.19-b93c8130f6-80b21cd9ef.zip b/.yarn/cache/@storybook-addon-knobs-npm-5.3.21-52c3e5927b-6d50496f26.zip
similarity index 94%
rename from .yarn/cache/@storybook-addon-knobs-npm-5.3.19-b93c8130f6-80b21cd9ef.zip
rename to .yarn/cache/@storybook-addon-knobs-npm-5.3.21-52c3e5927b-6d50496f26.zip
index 3fc9beb7724d..19b9319ed1df 100644
Binary files a/.yarn/cache/@storybook-addon-knobs-npm-5.3.19-b93c8130f6-80b21cd9ef.zip and b/.yarn/cache/@storybook-addon-knobs-npm-5.3.21-52c3e5927b-6d50496f26.zip differ
diff --git a/.yarn/cache/@storybook-addon-links-npm-5.3.19-621b523445-f9e37272ef.zip b/.yarn/cache/@storybook-addon-links-npm-5.3.21-54437673a2-b9e092a46c.zip
similarity index 88%
rename from .yarn/cache/@storybook-addon-links-npm-5.3.19-621b523445-f9e37272ef.zip
rename to .yarn/cache/@storybook-addon-links-npm-5.3.21-54437673a2-b9e092a46c.zip
index 9fbc311b2dcb..2b632cddf0f9 100644
Binary files a/.yarn/cache/@storybook-addon-links-npm-5.3.19-621b523445-f9e37272ef.zip and b/.yarn/cache/@storybook-addon-links-npm-5.3.21-54437673a2-b9e092a46c.zip differ
diff --git a/.yarn/cache/@storybook-addon-notes-npm-5.3.19-5e8c34b3a8-7902322863.zip b/.yarn/cache/@storybook-addon-notes-npm-5.3.21-8b72eab33c-ad9de5f32f.zip
similarity index 88%
rename from .yarn/cache/@storybook-addon-notes-npm-5.3.19-5e8c34b3a8-7902322863.zip
rename to .yarn/cache/@storybook-addon-notes-npm-5.3.21-8b72eab33c-ad9de5f32f.zip
index 163a4a81a66e..1e33fbe38b6a 100644
Binary files a/.yarn/cache/@storybook-addon-notes-npm-5.3.19-5e8c34b3a8-7902322863.zip and b/.yarn/cache/@storybook-addon-notes-npm-5.3.21-8b72eab33c-ad9de5f32f.zip differ
diff --git a/.yarn/cache/@storybook-addon-storysource-npm-5.3.19-5dde03052d-2f5a0d0935.zip b/.yarn/cache/@storybook-addon-storysource-npm-5.3.21-4bd258d533-0e18a9a54d.zip
similarity index 88%
rename from .yarn/cache/@storybook-addon-storysource-npm-5.3.19-5dde03052d-2f5a0d0935.zip
rename to .yarn/cache/@storybook-addon-storysource-npm-5.3.21-4bd258d533-0e18a9a54d.zip
index 690c5a966bd1..1d12d17b4516 100644
Binary files a/.yarn/cache/@storybook-addon-storysource-npm-5.3.19-5dde03052d-2f5a0d0935.zip and b/.yarn/cache/@storybook-addon-storysource-npm-5.3.21-4bd258d533-0e18a9a54d.zip differ
diff --git a/.yarn/cache/@storybook-addon-toolbars-npm-6.2.9-c0e1f7bb88-c931858e03.zip b/.yarn/cache/@storybook-addon-toolbars-npm-6.2.9-c0e1f7bb88-c931858e03.zip
new file mode 100644
index 000000000000..4380071d4f3d
Binary files /dev/null and b/.yarn/cache/@storybook-addon-toolbars-npm-6.2.9-c0e1f7bb88-c931858e03.zip differ
diff --git a/.yarn/cache/@storybook-addon-viewport-npm-6.2.9-cef2d5e322-249bf2787a.zip b/.yarn/cache/@storybook-addon-viewport-npm-6.2.9-cef2d5e322-249bf2787a.zip
new file mode 100644
index 000000000000..be2d628dd07e
Binary files /dev/null and b/.yarn/cache/@storybook-addon-viewport-npm-6.2.9-cef2d5e322-249bf2787a.zip differ
diff --git a/.yarn/cache/@storybook-addons-npm-5.3.19-49938e3705-59e56ba670.zip b/.yarn/cache/@storybook-addons-npm-5.3.21-95e289029f-6a1494213a.zip
similarity index 90%
rename from .yarn/cache/@storybook-addons-npm-5.3.19-49938e3705-59e56ba670.zip
rename to .yarn/cache/@storybook-addons-npm-5.3.21-95e289029f-6a1494213a.zip
index 7cfb0b279cba..c9281e81d2a8 100644
Binary files a/.yarn/cache/@storybook-addons-npm-5.3.19-49938e3705-59e56ba670.zip and b/.yarn/cache/@storybook-addons-npm-5.3.21-95e289029f-6a1494213a.zip differ
diff --git a/.yarn/cache/@storybook-addons-npm-6.2.9-b24fc21b0e-cda77b22e9.zip b/.yarn/cache/@storybook-addons-npm-6.2.9-b24fc21b0e-cda77b22e9.zip
new file mode 100644
index 000000000000..58c43a699ef3
Binary files /dev/null and b/.yarn/cache/@storybook-addons-npm-6.2.9-b24fc21b0e-cda77b22e9.zip differ
diff --git a/.yarn/cache/@storybook-api-npm-5.3.19-c0abcfe1f0-9f8e6daf34.zip b/.yarn/cache/@storybook-api-npm-5.3.21-cde2e981d9-22bb20107b.zip
similarity index 90%
rename from .yarn/cache/@storybook-api-npm-5.3.19-c0abcfe1f0-9f8e6daf34.zip
rename to .yarn/cache/@storybook-api-npm-5.3.21-cde2e981d9-22bb20107b.zip
index a3a3fc9c2d09..f502bd7758d3 100644
Binary files a/.yarn/cache/@storybook-api-npm-5.3.19-c0abcfe1f0-9f8e6daf34.zip and b/.yarn/cache/@storybook-api-npm-5.3.21-cde2e981d9-22bb20107b.zip differ
diff --git a/.yarn/cache/@storybook-api-npm-6.2.9-2b72097a72-d5740f0b2f.zip b/.yarn/cache/@storybook-api-npm-6.2.9-2b72097a72-d5740f0b2f.zip
new file mode 100644
index 000000000000..255940f24eb3
Binary files /dev/null and b/.yarn/cache/@storybook-api-npm-6.2.9-2b72097a72-d5740f0b2f.zip differ
diff --git a/.yarn/cache/@storybook-builder-webpack4-npm-6.2.9-f8c30e3b76-c3dfc57ebd.zip b/.yarn/cache/@storybook-builder-webpack4-npm-6.2.9-f8c30e3b76-c3dfc57ebd.zip
new file mode 100644
index 000000000000..4fc6bd2e37b6
Binary files /dev/null and b/.yarn/cache/@storybook-builder-webpack4-npm-6.2.9-f8c30e3b76-c3dfc57ebd.zip differ
diff --git a/.yarn/cache/@storybook-channel-postmessage-npm-5.3.19-cae04935e6-6ecde063b5.zip b/.yarn/cache/@storybook-channel-postmessage-npm-5.3.21-0d5902863d-ce72ef28a7.zip
similarity index 82%
rename from .yarn/cache/@storybook-channel-postmessage-npm-5.3.19-cae04935e6-6ecde063b5.zip
rename to .yarn/cache/@storybook-channel-postmessage-npm-5.3.21-0d5902863d-ce72ef28a7.zip
index c0b8fe9d9845..967edf84ca4e 100644
Binary files a/.yarn/cache/@storybook-channel-postmessage-npm-5.3.19-cae04935e6-6ecde063b5.zip and b/.yarn/cache/@storybook-channel-postmessage-npm-5.3.21-0d5902863d-ce72ef28a7.zip differ
diff --git a/.yarn/cache/@storybook-channel-postmessage-npm-6.2.9-7548347374-46da61e4e6.zip b/.yarn/cache/@storybook-channel-postmessage-npm-6.2.9-7548347374-46da61e4e6.zip
new file mode 100644
index 000000000000..0d925c556706
Binary files /dev/null and b/.yarn/cache/@storybook-channel-postmessage-npm-6.2.9-7548347374-46da61e4e6.zip differ
diff --git a/.yarn/cache/@storybook-channels-npm-5.3.19-d30a6b5ce2-cc3fcbea0a.zip b/.yarn/cache/@storybook-channels-npm-5.3.21-4cc8264972-a987e54ecd.zip
similarity index 78%
rename from .yarn/cache/@storybook-channels-npm-5.3.19-d30a6b5ce2-cc3fcbea0a.zip
rename to .yarn/cache/@storybook-channels-npm-5.3.21-4cc8264972-a987e54ecd.zip
index 6069bada2632..e19910dd6fd3 100644
Binary files a/.yarn/cache/@storybook-channels-npm-5.3.19-d30a6b5ce2-cc3fcbea0a.zip and b/.yarn/cache/@storybook-channels-npm-5.3.21-4cc8264972-a987e54ecd.zip differ
diff --git a/.yarn/cache/@storybook-channels-npm-6.2.9-21c489dfe7-a6c024644b.zip b/.yarn/cache/@storybook-channels-npm-6.2.9-21c489dfe7-a6c024644b.zip
new file mode 100644
index 000000000000..3d12fbb56afb
Binary files /dev/null and b/.yarn/cache/@storybook-channels-npm-6.2.9-21c489dfe7-a6c024644b.zip differ
diff --git a/.yarn/cache/@storybook-client-api-npm-5.3.19-77a089a9aa-6966422e2e.zip b/.yarn/cache/@storybook-client-api-npm-5.3.21-b8daddbf3d-b669aae060.zip
similarity index 58%
rename from .yarn/cache/@storybook-client-api-npm-5.3.19-77a089a9aa-6966422e2e.zip
rename to .yarn/cache/@storybook-client-api-npm-5.3.21-b8daddbf3d-b669aae060.zip
index f1c32dcc5933..d22693a8cf21 100644
Binary files a/.yarn/cache/@storybook-client-api-npm-5.3.19-77a089a9aa-6966422e2e.zip and b/.yarn/cache/@storybook-client-api-npm-5.3.21-b8daddbf3d-b669aae060.zip differ
diff --git a/.yarn/cache/@storybook-client-api-npm-6.2.9-7f25cc52c8-4f3f8293cb.zip b/.yarn/cache/@storybook-client-api-npm-6.2.9-7f25cc52c8-4f3f8293cb.zip
new file mode 100644
index 000000000000..becec8a6776e
Binary files /dev/null and b/.yarn/cache/@storybook-client-api-npm-6.2.9-7f25cc52c8-4f3f8293cb.zip differ
diff --git a/.yarn/cache/@storybook-client-logger-npm-5.3.19-1fde741f3d-bd44b789e7.zip b/.yarn/cache/@storybook-client-logger-npm-5.3.21-420ff52a24-5bda1dc1d8.zip
similarity index 82%
rename from .yarn/cache/@storybook-client-logger-npm-5.3.19-1fde741f3d-bd44b789e7.zip
rename to .yarn/cache/@storybook-client-logger-npm-5.3.21-420ff52a24-5bda1dc1d8.zip
index 8f2a6139a458..a49668a0bd07 100644
Binary files a/.yarn/cache/@storybook-client-logger-npm-5.3.19-1fde741f3d-bd44b789e7.zip and b/.yarn/cache/@storybook-client-logger-npm-5.3.21-420ff52a24-5bda1dc1d8.zip differ
diff --git a/.yarn/cache/@storybook-client-logger-npm-6.1.18-3244b76cb4-fc9af3b400.zip b/.yarn/cache/@storybook-client-logger-npm-6.1.18-3244b76cb4-fc9af3b400.zip
deleted file mode 100644
index b2d144990b38..000000000000
Binary files a/.yarn/cache/@storybook-client-logger-npm-6.1.18-3244b76cb4-fc9af3b400.zip and /dev/null differ
diff --git a/.yarn/cache/@storybook-client-logger-npm-6.2.9-a9de096f0f-77157d498c.zip b/.yarn/cache/@storybook-client-logger-npm-6.2.9-a9de096f0f-77157d498c.zip
new file mode 100644
index 000000000000..d8dcb49af60d
Binary files /dev/null and b/.yarn/cache/@storybook-client-logger-npm-6.2.9-a9de096f0f-77157d498c.zip differ
diff --git a/.yarn/cache/@storybook-components-npm-5.3.19-a585101bed-3bb2d141c2.zip b/.yarn/cache/@storybook-components-npm-5.3.21-a5bbf341f3-ef7b3436e2.zip
similarity index 96%
rename from .yarn/cache/@storybook-components-npm-5.3.19-a585101bed-3bb2d141c2.zip
rename to .yarn/cache/@storybook-components-npm-5.3.21-a5bbf341f3-ef7b3436e2.zip
index a4af86ca3c07..f042c2a51b18 100644
Binary files a/.yarn/cache/@storybook-components-npm-5.3.19-a585101bed-3bb2d141c2.zip and b/.yarn/cache/@storybook-components-npm-5.3.21-a5bbf341f3-ef7b3436e2.zip differ
diff --git a/.yarn/cache/@storybook-components-npm-6.2.9-2ff4df9dd3-2f0b91c42f.zip b/.yarn/cache/@storybook-components-npm-6.2.9-2ff4df9dd3-2f0b91c42f.zip
new file mode 100644
index 000000000000..dd137b7ea648
Binary files /dev/null and b/.yarn/cache/@storybook-components-npm-6.2.9-2ff4df9dd3-2f0b91c42f.zip differ
diff --git a/.yarn/cache/@storybook-core-client-npm-6.2.9-ef0c81ec43-10a258fa34.zip b/.yarn/cache/@storybook-core-client-npm-6.2.9-ef0c81ec43-10a258fa34.zip
new file mode 100644
index 000000000000..5f2e0859b421
Binary files /dev/null and b/.yarn/cache/@storybook-core-client-npm-6.2.9-ef0c81ec43-10a258fa34.zip differ
diff --git a/.yarn/cache/@storybook-core-common-npm-6.2.9-080ed60160-bf2d10edb6.zip b/.yarn/cache/@storybook-core-common-npm-6.2.9-080ed60160-bf2d10edb6.zip
new file mode 100644
index 000000000000..8056117b2fab
Binary files /dev/null and b/.yarn/cache/@storybook-core-common-npm-6.2.9-080ed60160-bf2d10edb6.zip differ
diff --git a/.yarn/cache/@storybook-core-events-npm-5.3.19-7c2d25cc01-30740b8d78.zip b/.yarn/cache/@storybook-core-events-npm-5.3.21-c73740bac5-b427747260.zip
similarity index 60%
rename from .yarn/cache/@storybook-core-events-npm-5.3.19-7c2d25cc01-30740b8d78.zip
rename to .yarn/cache/@storybook-core-events-npm-5.3.21-c73740bac5-b427747260.zip
index 7fc84d2dc73a..3838b952d8ff 100644
Binary files a/.yarn/cache/@storybook-core-events-npm-5.3.19-7c2d25cc01-30740b8d78.zip and b/.yarn/cache/@storybook-core-events-npm-5.3.21-c73740bac5-b427747260.zip differ
diff --git a/.yarn/cache/@storybook-core-events-npm-6.2.9-66af8eaddf-6019f63fab.zip b/.yarn/cache/@storybook-core-events-npm-6.2.9-66af8eaddf-6019f63fab.zip
new file mode 100644
index 000000000000..7a97e8ec464a
Binary files /dev/null and b/.yarn/cache/@storybook-core-events-npm-6.2.9-66af8eaddf-6019f63fab.zip differ
diff --git a/.yarn/cache/@storybook-core-npm-5.3.19-2220ba39f6-d74692f500.zip b/.yarn/cache/@storybook-core-npm-5.3.19-2220ba39f6-d74692f500.zip
deleted file mode 100644
index a43e13150a91..000000000000
Binary files a/.yarn/cache/@storybook-core-npm-5.3.19-2220ba39f6-d74692f500.zip and /dev/null differ
diff --git a/.yarn/cache/@storybook-core-npm-5.3.21-58c9f4d9d1-25085e432d.zip b/.yarn/cache/@storybook-core-npm-5.3.21-58c9f4d9d1-25085e432d.zip
new file mode 100644
index 000000000000..1385bb16dbc1
Binary files /dev/null and b/.yarn/cache/@storybook-core-npm-5.3.21-58c9f4d9d1-25085e432d.zip differ
diff --git a/.yarn/cache/@storybook-core-npm-6.2.9-d17160ff9f-d864b5d1b5.zip b/.yarn/cache/@storybook-core-npm-6.2.9-d17160ff9f-d864b5d1b5.zip
new file mode 100644
index 000000000000..11c059ca5dd4
Binary files /dev/null and b/.yarn/cache/@storybook-core-npm-6.2.9-d17160ff9f-d864b5d1b5.zip differ
diff --git a/.yarn/cache/@storybook-core-server-npm-6.2.9-13634b6ebf-dc1d1ccf87.zip b/.yarn/cache/@storybook-core-server-npm-6.2.9-13634b6ebf-dc1d1ccf87.zip
new file mode 100644
index 000000000000..5cf4d310fadf
Binary files /dev/null and b/.yarn/cache/@storybook-core-server-npm-6.2.9-13634b6ebf-dc1d1ccf87.zip differ
diff --git a/.yarn/cache/@storybook-node-logger-npm-5.3.19-3387a06e5d-7c5fdbe6aa.zip b/.yarn/cache/@storybook-node-logger-npm-5.3.21-f5fc262322-8b9c63a3dd.zip
similarity index 67%
rename from .yarn/cache/@storybook-node-logger-npm-5.3.19-3387a06e5d-7c5fdbe6aa.zip
rename to .yarn/cache/@storybook-node-logger-npm-5.3.21-f5fc262322-8b9c63a3dd.zip
index fa607d495981..66f5fd2e9675 100644
Binary files a/.yarn/cache/@storybook-node-logger-npm-5.3.19-3387a06e5d-7c5fdbe6aa.zip and b/.yarn/cache/@storybook-node-logger-npm-5.3.21-f5fc262322-8b9c63a3dd.zip differ
diff --git a/.yarn/cache/@storybook-node-logger-npm-6.2.9-34c24f8f8e-f122bf5c33.zip b/.yarn/cache/@storybook-node-logger-npm-6.2.9-34c24f8f8e-f122bf5c33.zip
new file mode 100644
index 000000000000..d00230cc2ac9
Binary files /dev/null and b/.yarn/cache/@storybook-node-logger-npm-6.2.9-34c24f8f8e-f122bf5c33.zip differ
diff --git a/.yarn/cache/@storybook-postinstall-npm-5.3.19-abf449660c-ae576bba18.zip b/.yarn/cache/@storybook-postinstall-npm-5.3.21-4efb2250cd-241289af8f.zip
similarity index 81%
rename from .yarn/cache/@storybook-postinstall-npm-5.3.19-abf449660c-ae576bba18.zip
rename to .yarn/cache/@storybook-postinstall-npm-5.3.21-4efb2250cd-241289af8f.zip
index adcaf1262d98..cd502bc8072f 100644
Binary files a/.yarn/cache/@storybook-postinstall-npm-5.3.19-abf449660c-ae576bba18.zip and b/.yarn/cache/@storybook-postinstall-npm-5.3.21-4efb2250cd-241289af8f.zip differ
diff --git a/.yarn/cache/@storybook-postinstall-npm-6.2.9-2fc389a68f-a22c2926ac.zip b/.yarn/cache/@storybook-postinstall-npm-6.2.9-2fc389a68f-a22c2926ac.zip
new file mode 100644
index 000000000000..92d5db593dba
Binary files /dev/null and b/.yarn/cache/@storybook-postinstall-npm-6.2.9-2fc389a68f-a22c2926ac.zip differ
diff --git a/.yarn/cache/@storybook-react-npm-5.3.19-871599fbc6-ad9e117fcb.zip b/.yarn/cache/@storybook-react-npm-5.3.21-de7bf48d34-ff623030bf.zip
similarity index 89%
rename from .yarn/cache/@storybook-react-npm-5.3.19-871599fbc6-ad9e117fcb.zip
rename to .yarn/cache/@storybook-react-npm-5.3.21-de7bf48d34-ff623030bf.zip
index 088e69738919..39a54247361e 100644
Binary files a/.yarn/cache/@storybook-react-npm-5.3.19-871599fbc6-ad9e117fcb.zip and b/.yarn/cache/@storybook-react-npm-5.3.21-de7bf48d34-ff623030bf.zip differ
diff --git a/.yarn/cache/@storybook-react-npm-6.2.9-27ae84f48f-43c506cec0.zip b/.yarn/cache/@storybook-react-npm-6.2.9-27ae84f48f-43c506cec0.zip
new file mode 100644
index 000000000000..07bdd0d68771
Binary files /dev/null and b/.yarn/cache/@storybook-react-npm-6.2.9-27ae84f48f-43c506cec0.zip differ
diff --git a/.yarn/cache/@storybook-router-npm-5.3.19-4f9c825780-2bea9f21e8.zip b/.yarn/cache/@storybook-router-npm-5.3.21-58a9cd432c-8a1c0c9304.zip
similarity index 85%
rename from .yarn/cache/@storybook-router-npm-5.3.19-4f9c825780-2bea9f21e8.zip
rename to .yarn/cache/@storybook-router-npm-5.3.21-58a9cd432c-8a1c0c9304.zip
index 83357763477e..3dcf44e94d2a 100644
Binary files a/.yarn/cache/@storybook-router-npm-5.3.19-4f9c825780-2bea9f21e8.zip and b/.yarn/cache/@storybook-router-npm-5.3.21-58a9cd432c-8a1c0c9304.zip differ
diff --git a/.yarn/cache/@storybook-router-npm-6.2.9-32b449d41e-9f7949699d.zip b/.yarn/cache/@storybook-router-npm-6.2.9-32b449d41e-9f7949699d.zip
new file mode 100644
index 000000000000..f4f197f26f61
Binary files /dev/null and b/.yarn/cache/@storybook-router-npm-6.2.9-32b449d41e-9f7949699d.zip differ
diff --git a/.yarn/cache/@storybook-semver-npm-7.3.2-c0a4c6e253-c98225817a.zip b/.yarn/cache/@storybook-semver-npm-7.3.2-c0a4c6e253-c98225817a.zip
new file mode 100644
index 000000000000..df0138cf95a1
Binary files /dev/null and b/.yarn/cache/@storybook-semver-npm-7.3.2-c0a4c6e253-c98225817a.zip differ
diff --git a/.yarn/cache/@storybook-source-loader-npm-5.3.19-f0bc00b07c-6d43b24f0f.zip b/.yarn/cache/@storybook-source-loader-npm-5.3.21-999cb44da7-49c3ac851a.zip
similarity index 96%
rename from .yarn/cache/@storybook-source-loader-npm-5.3.19-f0bc00b07c-6d43b24f0f.zip
rename to .yarn/cache/@storybook-source-loader-npm-5.3.21-999cb44da7-49c3ac851a.zip
index 4208962cc39d..e02b3f77f452 100644
Binary files a/.yarn/cache/@storybook-source-loader-npm-5.3.19-f0bc00b07c-6d43b24f0f.zip and b/.yarn/cache/@storybook-source-loader-npm-5.3.21-999cb44da7-49c3ac851a.zip differ
diff --git a/.yarn/cache/@storybook-source-loader-npm-6.2.9-254dbfe123-fae15d5fad.zip b/.yarn/cache/@storybook-source-loader-npm-6.2.9-254dbfe123-fae15d5fad.zip
new file mode 100644
index 000000000000..aec69e9a7d8a
Binary files /dev/null and b/.yarn/cache/@storybook-source-loader-npm-6.2.9-254dbfe123-fae15d5fad.zip differ
diff --git a/.yarn/cache/@storybook-theming-npm-5.3.19-ab5b9ba4dd-5c0d066473.zip b/.yarn/cache/@storybook-theming-npm-5.3.21-a18ac63c85-52ba88b353.zip
similarity index 88%
rename from .yarn/cache/@storybook-theming-npm-5.3.19-ab5b9ba4dd-5c0d066473.zip
rename to .yarn/cache/@storybook-theming-npm-5.3.21-a18ac63c85-52ba88b353.zip
index 09b3662c44aa..c2556821d7a0 100644
Binary files a/.yarn/cache/@storybook-theming-npm-5.3.19-ab5b9ba4dd-5c0d066473.zip and b/.yarn/cache/@storybook-theming-npm-5.3.21-a18ac63c85-52ba88b353.zip differ
diff --git a/.yarn/cache/@storybook-theming-npm-6.1.18-86b59dec65-83eda0cad7.zip b/.yarn/cache/@storybook-theming-npm-6.1.18-86b59dec65-83eda0cad7.zip
deleted file mode 100644
index dd28351ea724..000000000000
Binary files a/.yarn/cache/@storybook-theming-npm-6.1.18-86b59dec65-83eda0cad7.zip and /dev/null differ
diff --git a/.yarn/cache/@storybook-theming-npm-6.2.9-f6341f5d7f-be58ff8f9f.zip b/.yarn/cache/@storybook-theming-npm-6.2.9-f6341f5d7f-be58ff8f9f.zip
new file mode 100644
index 000000000000..8337e1996cc3
Binary files /dev/null and b/.yarn/cache/@storybook-theming-npm-6.2.9-f6341f5d7f-be58ff8f9f.zip differ
diff --git a/.yarn/cache/@storybook-ui-npm-5.3.19-be21b3ab22-09befe2e93.zip b/.yarn/cache/@storybook-ui-npm-5.3.21-178ff8ae13-f43c337f70.zip
similarity index 95%
rename from .yarn/cache/@storybook-ui-npm-5.3.19-be21b3ab22-09befe2e93.zip
rename to .yarn/cache/@storybook-ui-npm-5.3.21-178ff8ae13-f43c337f70.zip
index 6c1490c32d54..2e8e1fcde2a2 100644
Binary files a/.yarn/cache/@storybook-ui-npm-5.3.19-be21b3ab22-09befe2e93.zip and b/.yarn/cache/@storybook-ui-npm-5.3.21-178ff8ae13-f43c337f70.zip differ
diff --git a/.yarn/cache/@storybook-ui-npm-6.2.9-fb140c172c-c51c2f00a4.zip b/.yarn/cache/@storybook-ui-npm-6.2.9-fb140c172c-c51c2f00a4.zip
new file mode 100644
index 000000000000..cdbd1e4a2228
Binary files /dev/null and b/.yarn/cache/@storybook-ui-npm-6.2.9-fb140c172c-c51c2f00a4.zip differ
diff --git a/.yarn/cache/@types-anymatch-npm-1.3.1-b86e9de5d9-1eeb162861.zip b/.yarn/cache/@types-anymatch-npm-1.3.1-b86e9de5d9-1eeb162861.zip
new file mode 100644
index 000000000000..fd5e4a5c330d
Binary files /dev/null and b/.yarn/cache/@types-anymatch-npm-1.3.1-b86e9de5d9-1eeb162861.zip differ
diff --git a/.yarn/cache/@types-braces-npm-3.0.0-511ab9ce35-4f2a99b04c.zip b/.yarn/cache/@types-braces-npm-3.0.0-511ab9ce35-4f2a99b04c.zip
new file mode 100644
index 000000000000..e51247395b5c
Binary files /dev/null and b/.yarn/cache/@types-braces-npm-3.0.0-511ab9ce35-4f2a99b04c.zip differ
diff --git a/.yarn/cache/@types-color-convert-npm-2.0.0-f59f3c146a-027b68665d.zip b/.yarn/cache/@types-color-convert-npm-2.0.0-f59f3c146a-027b68665d.zip
new file mode 100644
index 000000000000..294dafb6ce21
Binary files /dev/null and b/.yarn/cache/@types-color-convert-npm-2.0.0-f59f3c146a-027b68665d.zip differ
diff --git a/.yarn/cache/@types-color-name-npm-1.1.1-00b0925070-b71fcad728.zip b/.yarn/cache/@types-color-name-npm-1.1.1-00b0925070-b71fcad728.zip
new file mode 100644
index 000000000000..64a0ce2a7e88
Binary files /dev/null and b/.yarn/cache/@types-color-name-npm-1.1.1-00b0925070-b71fcad728.zip differ
diff --git a/.yarn/cache/@types-glob-base-npm-0.3.0-7caf6f4f12-67bd0ed2b6.zip b/.yarn/cache/@types-glob-base-npm-0.3.0-7caf6f4f12-67bd0ed2b6.zip
new file mode 100644
index 000000000000..4b698c2b4713
Binary files /dev/null and b/.yarn/cache/@types-glob-base-npm-0.3.0-7caf6f4f12-67bd0ed2b6.zip differ
diff --git a/.yarn/cache/@types-glob-npm-7.1.1-10bfc8b49b-9fb96d004c.zip b/.yarn/cache/@types-glob-npm-7.1.1-10bfc8b49b-9fb96d004c.zip
deleted file mode 100644
index 39abea325ea6..000000000000
Binary files a/.yarn/cache/@types-glob-npm-7.1.1-10bfc8b49b-9fb96d004c.zip and /dev/null differ
diff --git a/.yarn/cache/@types-glob-npm-7.1.3-44516e2aab-e0eef12285.zip b/.yarn/cache/@types-glob-npm-7.1.3-44516e2aab-e0eef12285.zip
new file mode 100644
index 000000000000..b2b47be0a895
Binary files /dev/null and b/.yarn/cache/@types-glob-npm-7.1.3-44516e2aab-e0eef12285.zip differ
diff --git a/.yarn/cache/@types-history-npm-4.7.4-864ed6c1a1-261b613e95.zip b/.yarn/cache/@types-history-npm-4.7.4-864ed6c1a1-261b613e95.zip
deleted file mode 100644
index c84b6e7e0a8b..000000000000
Binary files a/.yarn/cache/@types-history-npm-4.7.4-864ed6c1a1-261b613e95.zip and /dev/null differ
diff --git a/.yarn/cache/@types-html-minifier-terser-npm-5.1.1-682990a5a3-e2f0882d9d.zip b/.yarn/cache/@types-html-minifier-terser-npm-5.1.1-682990a5a3-e2f0882d9d.zip
new file mode 100644
index 000000000000..55b50cef9265
Binary files /dev/null and b/.yarn/cache/@types-html-minifier-terser-npm-5.1.1-682990a5a3-e2f0882d9d.zip differ
diff --git a/.yarn/cache/@types-markdown-to-jsx-npm-6.11.3-9dcfa14b22-9775a5a86c.zip b/.yarn/cache/@types-markdown-to-jsx-npm-6.11.3-9dcfa14b22-9775a5a86c.zip
new file mode 100644
index 000000000000..d387429b34f1
Binary files /dev/null and b/.yarn/cache/@types-markdown-to-jsx-npm-6.11.3-9dcfa14b22-9775a5a86c.zip differ
diff --git a/.yarn/cache/@types-micromatch-npm-4.0.1-7ac15e73fd-4f9fea2857.zip b/.yarn/cache/@types-micromatch-npm-4.0.1-7ac15e73fd-4f9fea2857.zip
new file mode 100644
index 000000000000..3da4dcbe62c9
Binary files /dev/null and b/.yarn/cache/@types-micromatch-npm-4.0.1-7ac15e73fd-4f9fea2857.zip differ
diff --git a/.yarn/cache/@types-node-fetch-npm-2.5.10-86e5199acc-504d383408.zip b/.yarn/cache/@types-node-fetch-npm-2.5.10-86e5199acc-504d383408.zip
new file mode 100644
index 000000000000..1394fd77f8ca
Binary files /dev/null and b/.yarn/cache/@types-node-fetch-npm-2.5.10-86e5199acc-504d383408.zip differ
diff --git a/.yarn/cache/@types-node-npm-13.5.0-f83f4e2e6b-0e74b86948.zip b/.yarn/cache/@types-node-npm-13.5.0-f83f4e2e6b-0e74b86948.zip
deleted file mode 100644
index ec02c6d1712e..000000000000
Binary files a/.yarn/cache/@types-node-npm-13.5.0-f83f4e2e6b-0e74b86948.zip and /dev/null differ
diff --git a/.yarn/cache/@types-node-npm-14.14.44-607cb19845-a6e9d60b5a.zip b/.yarn/cache/@types-node-npm-14.14.44-607cb19845-a6e9d60b5a.zip
new file mode 100644
index 000000000000..414da5994239
Binary files /dev/null and b/.yarn/cache/@types-node-npm-14.14.44-607cb19845-a6e9d60b5a.zip differ
diff --git a/.yarn/cache/@types-overlayscrollbars-npm-1.12.0-18c7d686ad-12531ac006.zip b/.yarn/cache/@types-overlayscrollbars-npm-1.12.0-18c7d686ad-12531ac006.zip
new file mode 100644
index 000000000000..785b3eef998e
Binary files /dev/null and b/.yarn/cache/@types-overlayscrollbars-npm-1.12.0-18c7d686ad-12531ac006.zip differ
diff --git a/.yarn/cache/@types-pretty-hrtime-npm-1.0.0-385ade8970-d7b291c1d1.zip b/.yarn/cache/@types-pretty-hrtime-npm-1.0.0-385ade8970-d7b291c1d1.zip
new file mode 100644
index 000000000000..c43a582e8293
Binary files /dev/null and b/.yarn/cache/@types-pretty-hrtime-npm-1.0.0-385ade8970-d7b291c1d1.zip differ
diff --git a/.yarn/cache/@types-qs-npm-6.9.6-2fc5ce36d4-01871b1cf7.zip b/.yarn/cache/@types-qs-npm-6.9.6-2fc5ce36d4-01871b1cf7.zip
new file mode 100644
index 000000000000..7c8b163010e9
Binary files /dev/null and b/.yarn/cache/@types-qs-npm-6.9.6-2fc5ce36d4-01871b1cf7.zip differ
diff --git a/.yarn/cache/@types-reach__router-npm-1.2.6-b72a9d588a-4b3f9187f0.zip b/.yarn/cache/@types-reach__router-npm-1.2.6-b72a9d588a-4b3f9187f0.zip
deleted file mode 100644
index f6f77f5b75d5..000000000000
Binary files a/.yarn/cache/@types-reach__router-npm-1.2.6-b72a9d588a-4b3f9187f0.zip and /dev/null differ
diff --git a/.yarn/cache/@types-reach__router-npm-1.3.7-6023df92b3-061dc348de.zip b/.yarn/cache/@types-reach__router-npm-1.3.7-6023df92b3-061dc348de.zip
new file mode 100644
index 000000000000..da8dc2b0df52
Binary files /dev/null and b/.yarn/cache/@types-reach__router-npm-1.3.7-6023df92b3-061dc348de.zip differ
diff --git a/.yarn/cache/@types-react-syntax-highlighter-npm-11.0.5-90d671364b-8f4dce3eb5.zip b/.yarn/cache/@types-react-syntax-highlighter-npm-11.0.5-90d671364b-8f4dce3eb5.zip
new file mode 100644
index 000000000000..219cced144d1
Binary files /dev/null and b/.yarn/cache/@types-react-syntax-highlighter-npm-11.0.5-90d671364b-8f4dce3eb5.zip differ
diff --git a/.yarn/cache/@types-source-list-map-npm-0.1.2-1983e10da7-fda8f37537.zip b/.yarn/cache/@types-source-list-map-npm-0.1.2-1983e10da7-fda8f37537.zip
new file mode 100644
index 000000000000..f7ee9c1c25dd
Binary files /dev/null and b/.yarn/cache/@types-source-list-map-npm-0.1.2-1983e10da7-fda8f37537.zip differ
diff --git a/.yarn/cache/@types-tapable-npm-1.0.7-a210cca48d-efae5c6cd1.zip b/.yarn/cache/@types-tapable-npm-1.0.7-a210cca48d-efae5c6cd1.zip
new file mode 100644
index 000000000000..23689d1abda6
Binary files /dev/null and b/.yarn/cache/@types-tapable-npm-1.0.7-a210cca48d-efae5c6cd1.zip differ
diff --git a/.yarn/cache/@types-uglify-js-npm-3.13.0-8ad16f3ca8-f84d775aca.zip b/.yarn/cache/@types-uglify-js-npm-3.13.0-8ad16f3ca8-f84d775aca.zip
new file mode 100644
index 000000000000..4a76f7e95c39
Binary files /dev/null and b/.yarn/cache/@types-uglify-js-npm-3.13.0-8ad16f3ca8-f84d775aca.zip differ
diff --git a/.yarn/cache/@types-webpack-env-npm-1.15.0-b577d3bf21-bf8a6660d9.zip b/.yarn/cache/@types-webpack-env-npm-1.15.0-b577d3bf21-bf8a6660d9.zip
deleted file mode 100644
index 98801b97b498..000000000000
Binary files a/.yarn/cache/@types-webpack-env-npm-1.15.0-b577d3bf21-bf8a6660d9.zip and /dev/null differ
diff --git a/.yarn/cache/@types-webpack-env-npm-1.16.0-bd79b9e484-9d23191e48.zip b/.yarn/cache/@types-webpack-env-npm-1.16.0-bd79b9e484-9d23191e48.zip
new file mode 100644
index 000000000000..16cbbeb19d38
Binary files /dev/null and b/.yarn/cache/@types-webpack-env-npm-1.16.0-bd79b9e484-9d23191e48.zip differ
diff --git a/.yarn/cache/@types-webpack-npm-4.41.28-93c2cc7581-d9a99bb2a3.zip b/.yarn/cache/@types-webpack-npm-4.41.28-93c2cc7581-d9a99bb2a3.zip
new file mode 100644
index 000000000000..c2fe817564ac
Binary files /dev/null and b/.yarn/cache/@types-webpack-npm-4.41.28-93c2cc7581-d9a99bb2a3.zip differ
diff --git a/.yarn/cache/@types-webpack-sources-npm-2.1.0-09d62290eb-de7fc348b5.zip b/.yarn/cache/@types-webpack-sources-npm-2.1.0-09d62290eb-de7fc348b5.zip
new file mode 100644
index 000000000000..4e54b615b39f
Binary files /dev/null and b/.yarn/cache/@types-webpack-sources-npm-2.1.0-09d62290eb-de7fc348b5.zip differ
diff --git a/.yarn/cache/@webassemblyjs-ast-npm-1.8.5-fc0b35ea9a-eee2593fd0.zip b/.yarn/cache/@webassemblyjs-ast-npm-1.9.0-8e3ce7800f-8a9838dc7f.zip
similarity index 50%
rename from .yarn/cache/@webassemblyjs-ast-npm-1.8.5-fc0b35ea9a-eee2593fd0.zip
rename to .yarn/cache/@webassemblyjs-ast-npm-1.9.0-8e3ce7800f-8a9838dc7f.zip
index a2eb24521667..00cafc604b55 100644
Binary files a/.yarn/cache/@webassemblyjs-ast-npm-1.8.5-fc0b35ea9a-eee2593fd0.zip and b/.yarn/cache/@webassemblyjs-ast-npm-1.9.0-8e3ce7800f-8a9838dc7f.zip differ
diff --git a/.yarn/cache/@webassemblyjs-floating-point-hex-parser-npm-1.8.5-2f282838ca-68a1ff4583.zip b/.yarn/cache/@webassemblyjs-floating-point-hex-parser-npm-1.9.0-0994d081ef-d3aeb19bc3.zip
similarity index 57%
rename from .yarn/cache/@webassemblyjs-floating-point-hex-parser-npm-1.8.5-2f282838ca-68a1ff4583.zip
rename to .yarn/cache/@webassemblyjs-floating-point-hex-parser-npm-1.9.0-0994d081ef-d3aeb19bc3.zip
index 391b756da62d..083e8f240d76 100644
Binary files a/.yarn/cache/@webassemblyjs-floating-point-hex-parser-npm-1.8.5-2f282838ca-68a1ff4583.zip and b/.yarn/cache/@webassemblyjs-floating-point-hex-parser-npm-1.9.0-0994d081ef-d3aeb19bc3.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-api-error-npm-1.8.5-fc3f9c88e2-83e3c62a67.zip b/.yarn/cache/@webassemblyjs-helper-api-error-npm-1.9.0-ddb267a22d-9179d31486.zip
similarity index 78%
rename from .yarn/cache/@webassemblyjs-helper-api-error-npm-1.8.5-fc3f9c88e2-83e3c62a67.zip
rename to .yarn/cache/@webassemblyjs-helper-api-error-npm-1.9.0-ddb267a22d-9179d31486.zip
index 98a192564780..23a52033e3ac 100644
Binary files a/.yarn/cache/@webassemblyjs-helper-api-error-npm-1.8.5-fc3f9c88e2-83e3c62a67.zip and b/.yarn/cache/@webassemblyjs-helper-api-error-npm-1.9.0-ddb267a22d-9179d31486.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-buffer-npm-1.8.5-4b96e385b8-5eeb48b135.zip b/.yarn/cache/@webassemblyjs-helper-buffer-npm-1.9.0-6bac0f07b8-dcb85f630f.zip
similarity index 82%
rename from .yarn/cache/@webassemblyjs-helper-buffer-npm-1.8.5-4b96e385b8-5eeb48b135.zip
rename to .yarn/cache/@webassemblyjs-helper-buffer-npm-1.9.0-6bac0f07b8-dcb85f630f.zip
index e21f4563fb06..a41b841e0243 100644
Binary files a/.yarn/cache/@webassemblyjs-helper-buffer-npm-1.8.5-4b96e385b8-5eeb48b135.zip and b/.yarn/cache/@webassemblyjs-helper-buffer-npm-1.9.0-6bac0f07b8-dcb85f630f.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-code-frame-npm-1.8.5-c35411c7e4-80ca0fdc18.zip b/.yarn/cache/@webassemblyjs-helper-code-frame-npm-1.8.5-c35411c7e4-80ca0fdc18.zip
deleted file mode 100644
index a64c1049cc57..000000000000
Binary files a/.yarn/cache/@webassemblyjs-helper-code-frame-npm-1.8.5-c35411c7e4-80ca0fdc18.zip and /dev/null differ
diff --git a/.yarn/cache/@webassemblyjs-helper-code-frame-npm-1.9.0-81d2d67e07-a28fa057f7.zip b/.yarn/cache/@webassemblyjs-helper-code-frame-npm-1.9.0-81d2d67e07-a28fa057f7.zip
new file mode 100644
index 000000000000..2c931325676e
Binary files /dev/null and b/.yarn/cache/@webassemblyjs-helper-code-frame-npm-1.9.0-81d2d67e07-a28fa057f7.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-fsm-npm-1.8.5-e6107359e9-5026861c39.zip b/.yarn/cache/@webassemblyjs-helper-fsm-npm-1.9.0-142437751c-374cc510c8.zip
similarity index 87%
rename from .yarn/cache/@webassemblyjs-helper-fsm-npm-1.8.5-e6107359e9-5026861c39.zip
rename to .yarn/cache/@webassemblyjs-helper-fsm-npm-1.9.0-142437751c-374cc510c8.zip
index a8883e93ee8d..1c229de1147e 100644
Binary files a/.yarn/cache/@webassemblyjs-helper-fsm-npm-1.8.5-e6107359e9-5026861c39.zip and b/.yarn/cache/@webassemblyjs-helper-fsm-npm-1.9.0-142437751c-374cc510c8.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-module-context-npm-1.8.5-db969ff351-519ff89899.zip b/.yarn/cache/@webassemblyjs-helper-module-context-npm-1.9.0-f61a345630-55e8f89c7e.zip
similarity index 87%
rename from .yarn/cache/@webassemblyjs-helper-module-context-npm-1.8.5-db969ff351-519ff89899.zip
rename to .yarn/cache/@webassemblyjs-helper-module-context-npm-1.9.0-f61a345630-55e8f89c7e.zip
index 7e2c16c684a6..566751ad8abc 100644
Binary files a/.yarn/cache/@webassemblyjs-helper-module-context-npm-1.8.5-db969ff351-519ff89899.zip and b/.yarn/cache/@webassemblyjs-helper-module-context-npm-1.9.0-f61a345630-55e8f89c7e.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-wasm-bytecode-npm-1.8.5-204f76777c-ac560cafe9.zip b/.yarn/cache/@webassemblyjs-helper-wasm-bytecode-npm-1.8.5-204f76777c-ac560cafe9.zip
deleted file mode 100644
index ec79c77f44cb..000000000000
Binary files a/.yarn/cache/@webassemblyjs-helper-wasm-bytecode-npm-1.8.5-204f76777c-ac560cafe9.zip and /dev/null differ
diff --git a/.yarn/cache/@webassemblyjs-helper-wasm-bytecode-npm-1.9.0-956a55196e-280da4df3c.zip b/.yarn/cache/@webassemblyjs-helper-wasm-bytecode-npm-1.9.0-956a55196e-280da4df3c.zip
new file mode 100644
index 000000000000..50346732e9c2
Binary files /dev/null and b/.yarn/cache/@webassemblyjs-helper-wasm-bytecode-npm-1.9.0-956a55196e-280da4df3c.zip differ
diff --git a/.yarn/cache/@webassemblyjs-helper-wasm-section-npm-1.8.5-14d990002e-f8af22bf90.zip b/.yarn/cache/@webassemblyjs-helper-wasm-section-npm-1.9.0-bfcf6c79b2-b8f7bb45d4.zip
similarity index 54%
rename from .yarn/cache/@webassemblyjs-helper-wasm-section-npm-1.8.5-14d990002e-f8af22bf90.zip
rename to .yarn/cache/@webassemblyjs-helper-wasm-section-npm-1.9.0-bfcf6c79b2-b8f7bb45d4.zip
index 953730b0bc70..40230e8723a3 100644
Binary files a/.yarn/cache/@webassemblyjs-helper-wasm-section-npm-1.8.5-14d990002e-f8af22bf90.zip and b/.yarn/cache/@webassemblyjs-helper-wasm-section-npm-1.9.0-bfcf6c79b2-b8f7bb45d4.zip differ
diff --git a/.yarn/cache/@webassemblyjs-ieee754-npm-1.8.5-f8c56e71d0-20230eb79e.zip b/.yarn/cache/@webassemblyjs-ieee754-npm-1.9.0-81eeb71bbf-7fe4a217ba.zip
similarity index 74%
rename from .yarn/cache/@webassemblyjs-ieee754-npm-1.8.5-f8c56e71d0-20230eb79e.zip
rename to .yarn/cache/@webassemblyjs-ieee754-npm-1.9.0-81eeb71bbf-7fe4a217ba.zip
index 54d0ef03ccdb..2429cdfa7da9 100644
Binary files a/.yarn/cache/@webassemblyjs-ieee754-npm-1.8.5-f8c56e71d0-20230eb79e.zip and b/.yarn/cache/@webassemblyjs-ieee754-npm-1.9.0-81eeb71bbf-7fe4a217ba.zip differ
diff --git a/.yarn/cache/@webassemblyjs-leb128-npm-1.8.5-f33cda9731-c41603eba2.zip b/.yarn/cache/@webassemblyjs-leb128-npm-1.9.0-4ae214ef2b-4ca7cbb869.zip
similarity index 91%
rename from .yarn/cache/@webassemblyjs-leb128-npm-1.8.5-f33cda9731-c41603eba2.zip
rename to .yarn/cache/@webassemblyjs-leb128-npm-1.9.0-4ae214ef2b-4ca7cbb869.zip
index 2d594b544ed4..ab5c7b2b47e3 100644
Binary files a/.yarn/cache/@webassemblyjs-leb128-npm-1.8.5-f33cda9731-c41603eba2.zip and b/.yarn/cache/@webassemblyjs-leb128-npm-1.9.0-4ae214ef2b-4ca7cbb869.zip differ
diff --git a/.yarn/cache/@webassemblyjs-utf8-npm-1.8.5-f93693aeeb-6aac444099.zip b/.yarn/cache/@webassemblyjs-utf8-npm-1.9.0-15e2572ae2-e328a30ac8.zip
similarity index 80%
rename from .yarn/cache/@webassemblyjs-utf8-npm-1.8.5-f93693aeeb-6aac444099.zip
rename to .yarn/cache/@webassemblyjs-utf8-npm-1.9.0-15e2572ae2-e328a30ac8.zip
index 37e230889bc5..2f8a77257a12 100644
Binary files a/.yarn/cache/@webassemblyjs-utf8-npm-1.8.5-f93693aeeb-6aac444099.zip and b/.yarn/cache/@webassemblyjs-utf8-npm-1.9.0-15e2572ae2-e328a30ac8.zip differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-edit-npm-1.8.5-287ddc9d4c-7298a60bd4.zip b/.yarn/cache/@webassemblyjs-wasm-edit-npm-1.8.5-287ddc9d4c-7298a60bd4.zip
deleted file mode 100644
index b32c18d592d5..000000000000
Binary files a/.yarn/cache/@webassemblyjs-wasm-edit-npm-1.8.5-287ddc9d4c-7298a60bd4.zip and /dev/null differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-edit-npm-1.9.0-d249ae2fdf-1997e0c2f4.zip b/.yarn/cache/@webassemblyjs-wasm-edit-npm-1.9.0-d249ae2fdf-1997e0c2f4.zip
new file mode 100644
index 000000000000..725f1c1c3a0c
Binary files /dev/null and b/.yarn/cache/@webassemblyjs-wasm-edit-npm-1.9.0-d249ae2fdf-1997e0c2f4.zip differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-gen-npm-1.8.5-cb4036d0fa-d861e0233a.zip b/.yarn/cache/@webassemblyjs-wasm-gen-npm-1.9.0-f4562ce247-2456e84e8e.zip
similarity index 50%
rename from .yarn/cache/@webassemblyjs-wasm-gen-npm-1.8.5-cb4036d0fa-d861e0233a.zip
rename to .yarn/cache/@webassemblyjs-wasm-gen-npm-1.9.0-f4562ce247-2456e84e8e.zip
index 2c72540fbc8b..6dbcb0161274 100644
Binary files a/.yarn/cache/@webassemblyjs-wasm-gen-npm-1.8.5-cb4036d0fa-d861e0233a.zip and b/.yarn/cache/@webassemblyjs-wasm-gen-npm-1.9.0-f4562ce247-2456e84e8e.zip differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-opt-npm-1.8.5-4fd9a2e204-44b18c328b.zip b/.yarn/cache/@webassemblyjs-wasm-opt-npm-1.8.5-4fd9a2e204-44b18c328b.zip
deleted file mode 100644
index dea993b1c164..000000000000
Binary files a/.yarn/cache/@webassemblyjs-wasm-opt-npm-1.8.5-4fd9a2e204-44b18c328b.zip and /dev/null differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-opt-npm-1.9.0-e4c3dd00c8-91242205bd.zip b/.yarn/cache/@webassemblyjs-wasm-opt-npm-1.9.0-e4c3dd00c8-91242205bd.zip
new file mode 100644
index 000000000000..8be24c6bf9d8
Binary files /dev/null and b/.yarn/cache/@webassemblyjs-wasm-opt-npm-1.9.0-e4c3dd00c8-91242205bd.zip differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-parser-npm-1.8.5-8730695b54-ea80e9ba6d.zip b/.yarn/cache/@webassemblyjs-wasm-parser-npm-1.8.5-8730695b54-ea80e9ba6d.zip
deleted file mode 100644
index 9ef90b274c1b..000000000000
Binary files a/.yarn/cache/@webassemblyjs-wasm-parser-npm-1.8.5-8730695b54-ea80e9ba6d.zip and /dev/null differ
diff --git a/.yarn/cache/@webassemblyjs-wasm-parser-npm-1.9.0-a1515dd8ce-493f6cfc63.zip b/.yarn/cache/@webassemblyjs-wasm-parser-npm-1.9.0-a1515dd8ce-493f6cfc63.zip
new file mode 100644
index 000000000000..b86fb1d333ea
Binary files /dev/null and b/.yarn/cache/@webassemblyjs-wasm-parser-npm-1.9.0-a1515dd8ce-493f6cfc63.zip differ
diff --git a/.yarn/cache/@webassemblyjs-wast-parser-npm-1.8.5-3fd28cc923-ec0b28f0c5.zip b/.yarn/cache/@webassemblyjs-wast-parser-npm-1.8.5-3fd28cc923-ec0b28f0c5.zip
deleted file mode 100644
index 480cdcf117e9..000000000000
Binary files a/.yarn/cache/@webassemblyjs-wast-parser-npm-1.8.5-3fd28cc923-ec0b28f0c5.zip and /dev/null differ
diff --git a/.yarn/cache/@webassemblyjs-wast-parser-npm-1.9.0-482b548b88-705dd48fbb.zip b/.yarn/cache/@webassemblyjs-wast-parser-npm-1.9.0-482b548b88-705dd48fbb.zip
new file mode 100644
index 000000000000..0947d39d0129
Binary files /dev/null and b/.yarn/cache/@webassemblyjs-wast-parser-npm-1.9.0-482b548b88-705dd48fbb.zip differ
diff --git a/.yarn/cache/@webassemblyjs-wast-printer-npm-1.8.5-9310ce4948-7c53f5f694.zip b/.yarn/cache/@webassemblyjs-wast-printer-npm-1.9.0-1fa1d3e613-3d1e1b2e84.zip
similarity index 55%
rename from .yarn/cache/@webassemblyjs-wast-printer-npm-1.8.5-9310ce4948-7c53f5f694.zip
rename to .yarn/cache/@webassemblyjs-wast-printer-npm-1.9.0-1fa1d3e613-3d1e1b2e84.zip
index 312ae3244cf7..b1b80a1fe8be 100644
Binary files a/.yarn/cache/@webassemblyjs-wast-printer-npm-1.8.5-9310ce4948-7c53f5f694.zip and b/.yarn/cache/@webassemblyjs-wast-printer-npm-1.9.0-1fa1d3e613-3d1e1b2e84.zip differ
diff --git a/.yarn/cache/acorn-jsx-npm-5.1.0-681001b4ff-619cf42528.zip b/.yarn/cache/acorn-jsx-npm-5.1.0-681001b4ff-619cf42528.zip
deleted file mode 100644
index 43e523b693a5..000000000000
Binary files a/.yarn/cache/acorn-jsx-npm-5.1.0-681001b4ff-619cf42528.zip and /dev/null differ
diff --git a/.yarn/cache/acorn-jsx-npm-5.3.1-6ba8185d02-daf441a9d7.zip b/.yarn/cache/acorn-jsx-npm-5.3.1-6ba8185d02-daf441a9d7.zip
new file mode 100644
index 000000000000..f64bdd93443c
Binary files /dev/null and b/.yarn/cache/acorn-jsx-npm-5.3.1-6ba8185d02-daf441a9d7.zip differ
diff --git a/.yarn/cache/acorn-npm-6.4.0-1f1a150ab0-eca6eed23a.zip b/.yarn/cache/acorn-npm-6.4.0-1f1a150ab0-eca6eed23a.zip
deleted file mode 100644
index fa12ccbff4b9..000000000000
Binary files a/.yarn/cache/acorn-npm-6.4.0-1f1a150ab0-eca6eed23a.zip and /dev/null differ
diff --git a/.yarn/cache/acorn-npm-6.4.2-94943eb66c-44b0705372.zip b/.yarn/cache/acorn-npm-6.4.2-94943eb66c-44b0705372.zip
new file mode 100644
index 000000000000..3d795b455055
Binary files /dev/null and b/.yarn/cache/acorn-npm-6.4.2-94943eb66c-44b0705372.zip differ
diff --git a/.yarn/cache/acorn-npm-7.2.0-b4d63d132a-a2b0548549.zip b/.yarn/cache/acorn-npm-7.2.0-b4d63d132a-a2b0548549.zip
deleted file mode 100644
index 44d8a279d90a..000000000000
Binary files a/.yarn/cache/acorn-npm-7.2.0-b4d63d132a-a2b0548549.zip and /dev/null differ
diff --git a/.yarn/cache/acorn-npm-7.4.1-f450b4646c-1860f23c21.zip b/.yarn/cache/acorn-npm-7.4.1-f450b4646c-1860f23c21.zip
new file mode 100644
index 000000000000..9fdd0487b425
Binary files /dev/null and b/.yarn/cache/acorn-npm-7.4.1-f450b4646c-1860f23c21.zip differ
diff --git a/.yarn/cache/autoprefixer-npm-10.2.5-a7ce73048f-4f5c308be0.zip b/.yarn/cache/autoprefixer-npm-10.2.5-a7ce73048f-4f5c308be0.zip
new file mode 100644
index 000000000000..bce35a29d35e
Binary files /dev/null and b/.yarn/cache/autoprefixer-npm-10.2.5-a7ce73048f-4f5c308be0.zip differ
diff --git a/.yarn/cache/autoprefixer-npm-9.8.4-990ed7c989-35a1432b1f.zip b/.yarn/cache/autoprefixer-npm-9.8.6-852792fe00-46987bc3de.zip
similarity index 81%
rename from .yarn/cache/autoprefixer-npm-9.8.4-990ed7c989-35a1432b1f.zip
rename to .yarn/cache/autoprefixer-npm-9.8.6-852792fe00-46987bc3de.zip
index b47340fa7bbd..63f88f391c0e 100644
Binary files a/.yarn/cache/autoprefixer-npm-9.8.4-990ed7c989-35a1432b1f.zip and b/.yarn/cache/autoprefixer-npm-9.8.6-852792fe00-46987bc3de.zip differ
diff --git a/.yarn/cache/babel-plugin-apply-mdx-type-prop-npm-1.6.14-49105281da-6119efc2f7.zip b/.yarn/cache/babel-plugin-apply-mdx-type-prop-npm-1.6.14-49105281da-6119efc2f7.zip
deleted file mode 100644
index 934c41352e54..000000000000
Binary files a/.yarn/cache/babel-plugin-apply-mdx-type-prop-npm-1.6.14-49105281da-6119efc2f7.zip and /dev/null differ
diff --git a/.yarn/cache/babel-plugin-apply-mdx-type-prop-npm-1.6.22-d30c1623e3-43e2100164.zip b/.yarn/cache/babel-plugin-apply-mdx-type-prop-npm-1.6.22-d30c1623e3-43e2100164.zip
new file mode 100644
index 000000000000..130cec895205
Binary files /dev/null and b/.yarn/cache/babel-plugin-apply-mdx-type-prop-npm-1.6.22-d30c1623e3-43e2100164.zip differ
diff --git a/.yarn/cache/babel-plugin-extract-import-names-npm-1.6.14-a00aac04aa-2cfc739edb.zip b/.yarn/cache/babel-plugin-extract-import-names-npm-1.6.22-5c9be6cf13-145ccf09c9.zip
similarity index 73%
rename from .yarn/cache/babel-plugin-extract-import-names-npm-1.6.14-a00aac04aa-2cfc739edb.zip
rename to .yarn/cache/babel-plugin-extract-import-names-npm-1.6.22-5c9be6cf13-145ccf09c9.zip
index f9f7d73edd1d..e255bfa76c24 100644
Binary files a/.yarn/cache/babel-plugin-extract-import-names-npm-1.6.14-a00aac04aa-2cfc739edb.zip and b/.yarn/cache/babel-plugin-extract-import-names-npm-1.6.22-5c9be6cf13-145ccf09c9.zip differ
diff --git a/.yarn/cache/babel-plugin-macros-npm-3.1.0-320e781f4e-765de4abeb.zip b/.yarn/cache/babel-plugin-macros-npm-3.1.0-320e781f4e-765de4abeb.zip
new file mode 100644
index 000000000000..6a9299fde931
Binary files /dev/null and b/.yarn/cache/babel-plugin-macros-npm-3.1.0-320e781f4e-765de4abeb.zip differ
diff --git a/.yarn/cache/babel-plugin-polyfill-corejs3-npm-0.1.7-692d54a09c-5c420590a6.zip b/.yarn/cache/babel-plugin-polyfill-corejs3-npm-0.1.7-692d54a09c-5c420590a6.zip
new file mode 100644
index 000000000000..cb2e11437b69
Binary files /dev/null and b/.yarn/cache/babel-plugin-polyfill-corejs3-npm-0.1.7-692d54a09c-5c420590a6.zip differ
diff --git a/.yarn/cache/better-opn-npm-2.1.1-7f070a64bf-3d1a945d12.zip b/.yarn/cache/better-opn-npm-2.1.1-7f070a64bf-3d1a945d12.zip
new file mode 100644
index 000000000000..fba1e4a0dd2b
Binary files /dev/null and b/.yarn/cache/better-opn-npm-2.1.1-7f070a64bf-3d1a945d12.zip differ
diff --git a/.yarn/cache/browserslist-npm-4.14.2-7fd5fe4d30-44b5d7a444.zip b/.yarn/cache/browserslist-npm-4.14.2-7fd5fe4d30-44b5d7a444.zip
new file mode 100644
index 000000000000..c30319e74d72
Binary files /dev/null and b/.yarn/cache/browserslist-npm-4.14.2-7fd5fe4d30-44b5d7a444.zip differ
diff --git a/.yarn/cache/browserslist-npm-4.16.5-97ee645321-8d060e0182.zip b/.yarn/cache/browserslist-npm-4.16.6-a20cef1ca7-3dffc86892.zip
similarity index 86%
rename from .yarn/cache/browserslist-npm-4.16.5-97ee645321-8d060e0182.zip
rename to .yarn/cache/browserslist-npm-4.16.6-a20cef1ca7-3dffc86892.zip
index 7b5b133eccc9..b72a7941cb01 100644
Binary files a/.yarn/cache/browserslist-npm-4.16.5-97ee645321-8d060e0182.zip and b/.yarn/cache/browserslist-npm-4.16.6-a20cef1ca7-3dffc86892.zip differ
diff --git a/.yarn/cache/call-bind-npm-1.0.2-c957124861-f8e31de9d1.zip b/.yarn/cache/call-bind-npm-1.0.2-c957124861-f8e31de9d1.zip
new file mode 100644
index 000000000000..bff7528d4049
Binary files /dev/null and b/.yarn/cache/call-bind-npm-1.0.2-c957124861-f8e31de9d1.zip differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001219-c0aa242932-8748a9f63e.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001219-c0aa242932-8748a9f63e.zip
deleted file mode 100644
index 4f558c1acfa2..000000000000
Binary files a/.yarn/cache/caniuse-lite-npm-1.0.30001219-c0aa242932-8748a9f63e.zip and /dev/null differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001223-43c403618c-9fd38da346.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001223-43c403618c-9fd38da346.zip
new file mode 100644
index 000000000000..9b8fa93ffaf9
Binary files /dev/null and b/.yarn/cache/caniuse-lite-npm-1.0.30001223-43c403618c-9fd38da346.zip differ
diff --git a/.yarn/cache/case-sensitive-paths-webpack-plugin-npm-2.3.0-dd08c71b55-2fa78f7a49.zip b/.yarn/cache/case-sensitive-paths-webpack-plugin-npm-2.3.0-dd08c71b55-2fa78f7a49.zip
deleted file mode 100644
index 762c21cfb588..000000000000
Binary files a/.yarn/cache/case-sensitive-paths-webpack-plugin-npm-2.3.0-dd08c71b55-2fa78f7a49.zip and /dev/null differ
diff --git a/.yarn/cache/case-sensitive-paths-webpack-plugin-npm-2.4.0-b4f3c3a8be-bcf469446e.zip b/.yarn/cache/case-sensitive-paths-webpack-plugin-npm-2.4.0-b4f3c3a8be-bcf469446e.zip
new file mode 100644
index 000000000000..44784c21c4c1
Binary files /dev/null and b/.yarn/cache/case-sensitive-paths-webpack-plugin-npm-2.4.0-b4f3c3a8be-bcf469446e.zip differ
diff --git a/.yarn/cache/cli-table3-npm-0.6.0-049737be8a-98682a2d3e.zip b/.yarn/cache/cli-table3-npm-0.6.0-049737be8a-98682a2d3e.zip
new file mode 100644
index 000000000000..49f4b9a63efb
Binary files /dev/null and b/.yarn/cache/cli-table3-npm-0.6.0-049737be8a-98682a2d3e.zip differ
diff --git a/.yarn/cache/commander-npm-6.2.1-d5b635f237-d7090410c0.zip b/.yarn/cache/commander-npm-6.2.1-d5b635f237-d7090410c0.zip
new file mode 100644
index 000000000000..17e5a1236e60
Binary files /dev/null and b/.yarn/cache/commander-npm-6.2.1-d5b635f237-d7090410c0.zip differ
diff --git a/.yarn/cache/compute-scroll-into-view-npm-1.0.14-307ff057a8-863925bf8d.zip b/.yarn/cache/compute-scroll-into-view-npm-1.0.14-307ff057a8-863925bf8d.zip
deleted file mode 100644
index 3f426c661ea1..000000000000
Binary files a/.yarn/cache/compute-scroll-into-view-npm-1.0.14-307ff057a8-863925bf8d.zip and /dev/null differ
diff --git a/.yarn/cache/compute-scroll-into-view-npm-1.0.17-708f0ecc3d-b20c05a10c.zip b/.yarn/cache/compute-scroll-into-view-npm-1.0.17-708f0ecc3d-b20c05a10c.zip
new file mode 100644
index 000000000000..5ad91b91a1b5
Binary files /dev/null and b/.yarn/cache/compute-scroll-into-view-npm-1.0.17-708f0ecc3d-b20c05a10c.zip differ
diff --git a/.yarn/cache/core-js-compat-npm-3.11.1-7053c1d637-31941f0308.zip b/.yarn/cache/core-js-compat-npm-3.11.1-7053c1d637-31941f0308.zip
deleted file mode 100644
index c991a1254483..000000000000
Binary files a/.yarn/cache/core-js-compat-npm-3.11.1-7053c1d637-31941f0308.zip and /dev/null differ
diff --git a/.yarn/cache/core-js-compat-npm-3.12.0-73a57060fd-22b29c068b.zip b/.yarn/cache/core-js-compat-npm-3.12.0-73a57060fd-22b29c068b.zip
new file mode 100644
index 000000000000..02d65b672423
Binary files /dev/null and b/.yarn/cache/core-js-compat-npm-3.12.0-73a57060fd-22b29c068b.zip differ
diff --git a/.yarn/cache/core-js-npm-1.2.7-88c984873f-0b76371bfa.zip b/.yarn/cache/core-js-npm-1.2.7-88c984873f-0b76371bfa.zip
deleted file mode 100644
index 610a24d53eea..000000000000
Binary files a/.yarn/cache/core-js-npm-1.2.7-88c984873f-0b76371bfa.zip and /dev/null differ
diff --git a/.yarn/cache/core-js-npm-3.11.1-43cbc62d6f-55418ccae9.zip b/.yarn/cache/core-js-npm-3.12.0-86ddce2306-d66e368bd7.zip
similarity index 77%
rename from .yarn/cache/core-js-npm-3.11.1-43cbc62d6f-55418ccae9.zip
rename to .yarn/cache/core-js-npm-3.12.0-86ddce2306-d66e368bd7.zip
index 9c1a6af68263..be64e7761d90 100644
Binary files a/.yarn/cache/core-js-npm-3.11.1-43cbc62d6f-55418ccae9.zip and b/.yarn/cache/core-js-npm-3.12.0-86ddce2306-d66e368bd7.zip differ
diff --git a/.yarn/cache/core-js-pure-npm-3.12.0-e6bc034098-8e57eb1646.zip b/.yarn/cache/core-js-pure-npm-3.12.0-e6bc034098-8e57eb1646.zip
new file mode 100644
index 000000000000..2d91b8fe234a
Binary files /dev/null and b/.yarn/cache/core-js-pure-npm-3.12.0-e6bc034098-8e57eb1646.zip differ
diff --git a/.yarn/cache/core-js-pure-npm-3.6.4-69bd7c9310-7902431bda.zip b/.yarn/cache/core-js-pure-npm-3.6.4-69bd7c9310-7902431bda.zip
deleted file mode 100644
index 0e0bdcf7a153..000000000000
Binary files a/.yarn/cache/core-js-pure-npm-3.6.4-69bd7c9310-7902431bda.zip and /dev/null differ
diff --git a/.yarn/cache/cosmiconfig-npm-7.0.0-b9d0d7d156-6801feaa02.zip b/.yarn/cache/cosmiconfig-npm-7.0.0-b9d0d7d156-6801feaa02.zip
new file mode 100644
index 000000000000..3d2c7511373e
Binary files /dev/null and b/.yarn/cache/cosmiconfig-npm-7.0.0-b9d0d7d156-6801feaa02.zip differ
diff --git a/.yarn/cache/cp-file-npm-7.0.0-f8cf3451db-dd60ed8d86.zip b/.yarn/cache/cp-file-npm-7.0.0-f8cf3451db-dd60ed8d86.zip
new file mode 100644
index 000000000000..c1a91a89236f
Binary files /dev/null and b/.yarn/cache/cp-file-npm-7.0.0-f8cf3451db-dd60ed8d86.zip differ
diff --git a/.yarn/cache/cpy-npm-8.1.2-1dc1b9bc19-e121f13f2b.zip b/.yarn/cache/cpy-npm-8.1.2-1dc1b9bc19-e121f13f2b.zip
new file mode 100644
index 000000000000..113cb8846166
Binary files /dev/null and b/.yarn/cache/cpy-npm-8.1.2-1dc1b9bc19-e121f13f2b.zip differ
diff --git a/.yarn/cache/create-react-context-npm-0.2.3-a8f8fc0c68-c48829815c.zip b/.yarn/cache/create-react-context-npm-0.2.3-a8f8fc0c68-c48829815c.zip
deleted file mode 100644
index d53b649cc55a..000000000000
Binary files a/.yarn/cache/create-react-context-npm-0.2.3-a8f8fc0c68-c48829815c.zip and /dev/null differ
diff --git a/.yarn/cache/cross-spawn-npm-7.0.1-ef4846765e-5c1c52be2d.zip b/.yarn/cache/cross-spawn-npm-7.0.1-ef4846765e-5c1c52be2d.zip
deleted file mode 100644
index cf96258eecb9..000000000000
Binary files a/.yarn/cache/cross-spawn-npm-7.0.1-ef4846765e-5c1c52be2d.zip and /dev/null differ
diff --git a/.yarn/cache/cross-spawn-npm-7.0.3-e4ff3e65b3-671cc7c728.zip b/.yarn/cache/cross-spawn-npm-7.0.3-e4ff3e65b3-671cc7c728.zip
new file mode 100644
index 000000000000..9613e383d105
Binary files /dev/null and b/.yarn/cache/cross-spawn-npm-7.0.3-e4ff3e65b3-671cc7c728.zip differ
diff --git a/.yarn/cache/css-loader-npm-3.4.2-300ee159b3-dbd80f052b.zip b/.yarn/cache/css-loader-npm-3.4.2-300ee159b3-dbd80f052b.zip
deleted file mode 100644
index 415cbf887fe6..000000000000
Binary files a/.yarn/cache/css-loader-npm-3.4.2-300ee159b3-dbd80f052b.zip and /dev/null differ
diff --git a/.yarn/cache/css-loader-npm-3.6.0-3394f37d07-a45d7ee810.zip b/.yarn/cache/css-loader-npm-3.6.0-3394f37d07-a45d7ee810.zip
new file mode 100644
index 000000000000..63b7336ccc5c
Binary files /dev/null and b/.yarn/cache/css-loader-npm-3.6.0-3394f37d07-a45d7ee810.zip differ
diff --git a/.yarn/cache/css-loader-npm-5.2.4-285d2e57c2-b5b158597c.zip b/.yarn/cache/css-loader-npm-5.2.4-285d2e57c2-b5b158597c.zip
new file mode 100644
index 000000000000..09fe6cdb33ce
Binary files /dev/null and b/.yarn/cache/css-loader-npm-5.2.4-285d2e57c2-b5b158597c.zip differ
diff --git a/.yarn/cache/detab-npm-2.0.3-d2fd5c872b-c57ccf3b36.zip b/.yarn/cache/detab-npm-2.0.3-d2fd5c872b-c57ccf3b36.zip
deleted file mode 100644
index 078e11fb027c..000000000000
Binary files a/.yarn/cache/detab-npm-2.0.3-d2fd5c872b-c57ccf3b36.zip and /dev/null differ
diff --git a/.yarn/cache/detab-npm-2.0.4-f18597ec89-34b077521e.zip b/.yarn/cache/detab-npm-2.0.4-f18597ec89-34b077521e.zip
new file mode 100644
index 000000000000..bcbbee73b13e
Binary files /dev/null and b/.yarn/cache/detab-npm-2.0.4-f18597ec89-34b077521e.zip differ
diff --git a/.yarn/cache/dotenv-webpack-npm-1.7.0-2673d777f7-b5039955cf.zip b/.yarn/cache/dotenv-webpack-npm-1.7.0-2673d777f7-b5039955cf.zip
deleted file mode 100644
index 89c03b44953a..000000000000
Binary files a/.yarn/cache/dotenv-webpack-npm-1.7.0-2673d777f7-b5039955cf.zip and /dev/null differ
diff --git a/.yarn/cache/dotenv-webpack-npm-1.8.0-60ebc8f6b9-21bfe5dd6a.zip b/.yarn/cache/dotenv-webpack-npm-1.8.0-60ebc8f6b9-21bfe5dd6a.zip
new file mode 100644
index 000000000000..a33560d7fe6d
Binary files /dev/null and b/.yarn/cache/dotenv-webpack-npm-1.8.0-60ebc8f6b9-21bfe5dd6a.zip differ
diff --git a/.yarn/cache/downshift-npm-6.1.3-60e3a91a55-10c862029c.zip b/.yarn/cache/downshift-npm-6.1.3-60e3a91a55-10c862029c.zip
new file mode 100644
index 000000000000..e9a615aeb71c
Binary files /dev/null and b/.yarn/cache/downshift-npm-6.1.3-60e3a91a55-10c862029c.zip differ
diff --git a/.yarn/cache/electron-to-chromium-npm-1.3.723-ac1cc478f5-55e24fd3ce.zip b/.yarn/cache/electron-to-chromium-npm-1.3.723-ac1cc478f5-55e24fd3ce.zip
deleted file mode 100644
index 81a29ccd88bd..000000000000
Binary files a/.yarn/cache/electron-to-chromium-npm-1.3.723-ac1cc478f5-55e24fd3ce.zip and /dev/null differ
diff --git a/.yarn/cache/electron-to-chromium-npm-1.3.727-c1cfff7453-27e725e497.zip b/.yarn/cache/electron-to-chromium-npm-1.3.727-c1cfff7453-27e725e497.zip
new file mode 100644
index 000000000000..c4bd19fdadab
Binary files /dev/null and b/.yarn/cache/electron-to-chromium-npm-1.3.727-c1cfff7453-27e725e497.zip differ
diff --git a/.yarn/cache/element-resize-detector-npm-1.2.1-9227abc9ae-28c5f09370.zip b/.yarn/cache/element-resize-detector-npm-1.2.1-9227abc9ae-28c5f09370.zip
deleted file mode 100644
index d23d8b180bc6..000000000000
Binary files a/.yarn/cache/element-resize-detector-npm-1.2.1-9227abc9ae-28c5f09370.zip and /dev/null differ
diff --git a/.yarn/cache/element-resize-detector-npm-1.2.2-912978d832-9a129e9291.zip b/.yarn/cache/element-resize-detector-npm-1.2.2-912978d832-9a129e9291.zip
new file mode 100644
index 000000000000..11f6155a81fb
Binary files /dev/null and b/.yarn/cache/element-resize-detector-npm-1.2.2-912978d832-9a129e9291.zip differ
diff --git a/.yarn/cache/endent-npm-2.0.1-b4ebaae695-21a290c8e2.zip b/.yarn/cache/endent-npm-2.0.1-b4ebaae695-21a290c8e2.zip
new file mode 100644
index 000000000000..01b93a3ea222
Binary files /dev/null and b/.yarn/cache/endent-npm-2.0.1-b4ebaae695-21a290c8e2.zip differ
diff --git a/.yarn/cache/enhanced-resolve-npm-4.1.1-963440ab7f-7447303aa8.zip b/.yarn/cache/enhanced-resolve-npm-4.5.0-1bcc7900d2-4d87488584.zip
similarity index 67%
rename from .yarn/cache/enhanced-resolve-npm-4.1.1-963440ab7f-7447303aa8.zip
rename to .yarn/cache/enhanced-resolve-npm-4.5.0-1bcc7900d2-4d87488584.zip
index fca9debe3026..7fe27b8caab7 100644
Binary files a/.yarn/cache/enhanced-resolve-npm-4.1.1-963440ab7f-7447303aa8.zip and b/.yarn/cache/enhanced-resolve-npm-4.5.0-1bcc7900d2-4d87488584.zip differ
diff --git a/.yarn/cache/error-stack-parser-npm-2.0.6-1c5bf07f6c-bd8e048fcb.zip b/.yarn/cache/error-stack-parser-npm-2.0.6-1c5bf07f6c-bd8e048fcb.zip
new file mode 100644
index 000000000000..37d0424a0765
Binary files /dev/null and b/.yarn/cache/error-stack-parser-npm-2.0.6-1c5bf07f6c-bd8e048fcb.zip differ
diff --git a/.yarn/cache/escodegen-npm-2.0.0-6450b02925-5aa6b2966f.zip b/.yarn/cache/escodegen-npm-2.0.0-6450b02925-5aa6b2966f.zip
new file mode 100644
index 000000000000..847a157509a9
Binary files /dev/null and b/.yarn/cache/escodegen-npm-2.0.0-6450b02925-5aa6b2966f.zip differ
diff --git a/.yarn/cache/estraverse-npm-5.2.0-b2e8e36350-ec11b70d94.zip b/.yarn/cache/estraverse-npm-5.2.0-b2e8e36350-ec11b70d94.zip
new file mode 100644
index 000000000000..8efc5ac79fc5
Binary files /dev/null and b/.yarn/cache/estraverse-npm-5.2.0-b2e8e36350-ec11b70d94.zip differ
diff --git a/.yarn/cache/fast-deep-equal-npm-3.1.1-cbd83be021-98bcc0eece.zip b/.yarn/cache/fast-deep-equal-npm-3.1.1-cbd83be021-98bcc0eece.zip
deleted file mode 100644
index 0efbffd5f3de..000000000000
Binary files a/.yarn/cache/fast-deep-equal-npm-3.1.1-cbd83be021-98bcc0eece.zip and /dev/null differ
diff --git a/.yarn/cache/fast-deep-equal-npm-3.1.3-790edcfcf5-e21a9d8d84.zip b/.yarn/cache/fast-deep-equal-npm-3.1.3-790edcfcf5-e21a9d8d84.zip
new file mode 100644
index 000000000000..c06008992c95
Binary files /dev/null and b/.yarn/cache/fast-deep-equal-npm-3.1.3-790edcfcf5-e21a9d8d84.zip differ
diff --git a/.yarn/cache/fast-extend-npm-1.0.2-075d1aeb67-aec1e3773e.zip b/.yarn/cache/fast-extend-npm-1.0.2-075d1aeb67-aec1e3773e.zip
deleted file mode 100644
index 14e2bfcf4054..000000000000
Binary files a/.yarn/cache/fast-extend-npm-1.0.2-075d1aeb67-aec1e3773e.zip and /dev/null differ
diff --git a/.yarn/cache/fbjs-npm-0.8.17-9a02cb2222-e969aeb175.zip b/.yarn/cache/fbjs-npm-0.8.17-9a02cb2222-e969aeb175.zip
deleted file mode 100644
index fbf62d27d51a..000000000000
Binary files a/.yarn/cache/fbjs-npm-0.8.17-9a02cb2222-e969aeb175.zip and /dev/null differ
diff --git a/.yarn/cache/file-loader-npm-6.2.0-4b02fd87d5-faf43eecf2.zip b/.yarn/cache/file-loader-npm-6.2.0-4b02fd87d5-faf43eecf2.zip
new file mode 100644
index 000000000000..b630bc5faedc
Binary files /dev/null and b/.yarn/cache/file-loader-npm-6.2.0-4b02fd87d5-faf43eecf2.zip differ
diff --git a/.yarn/cache/find-up-npm-5.0.0-e03e9b796d-07955e3573.zip b/.yarn/cache/find-up-npm-5.0.0-e03e9b796d-07955e3573.zip
new file mode 100644
index 000000000000..034f3a07ef66
Binary files /dev/null and b/.yarn/cache/find-up-npm-5.0.0-e03e9b796d-07955e3573.zip differ
diff --git a/.yarn/cache/fork-ts-checker-webpack-plugin-npm-4.1.6-eab9dd8e44-4cc4fa7919.zip b/.yarn/cache/fork-ts-checker-webpack-plugin-npm-4.1.6-eab9dd8e44-4cc4fa7919.zip
new file mode 100644
index 000000000000..ed9a43c99d81
Binary files /dev/null and b/.yarn/cache/fork-ts-checker-webpack-plugin-npm-4.1.6-eab9dd8e44-4cc4fa7919.zip differ
diff --git a/.yarn/cache/fork-ts-checker-webpack-plugin-npm-6.2.6-bae3d67b55-2bae44379b.zip b/.yarn/cache/fork-ts-checker-webpack-plugin-npm-6.2.6-bae3d67b55-2bae44379b.zip
new file mode 100644
index 000000000000..c331dfa36826
Binary files /dev/null and b/.yarn/cache/fork-ts-checker-webpack-plugin-npm-6.2.6-bae3d67b55-2bae44379b.zip differ
diff --git a/.yarn/cache/form-data-npm-3.0.1-d080d436e0-b019e8d35c.zip b/.yarn/cache/form-data-npm-3.0.1-d080d436e0-b019e8d35c.zip
new file mode 100644
index 000000000000..df7ea8b776f3
Binary files /dev/null and b/.yarn/cache/form-data-npm-3.0.1-d080d436e0-b019e8d35c.zip differ
diff --git a/.yarn/cache/fraction.js-npm-4.0.13-01647fa6a5-755f588c7b.zip b/.yarn/cache/fraction.js-npm-4.0.13-01647fa6a5-755f588c7b.zip
new file mode 100644
index 000000000000..8f60ffa9f5ec
Binary files /dev/null and b/.yarn/cache/fraction.js-npm-4.0.13-01647fa6a5-755f588c7b.zip differ
diff --git a/.yarn/cache/fs-extra-npm-9.0.1-2925889105-0110da06b4.zip b/.yarn/cache/fs-extra-npm-9.0.1-2925889105-0110da06b4.zip
deleted file mode 100644
index f6f686c24bc6..000000000000
Binary files a/.yarn/cache/fs-extra-npm-9.0.1-2925889105-0110da06b4.zip and /dev/null differ
diff --git a/.yarn/cache/fs-extra-npm-9.1.0-983c2ddb4c-ba71ba32e0.zip b/.yarn/cache/fs-extra-npm-9.1.0-983c2ddb4c-ba71ba32e0.zip
new file mode 100644
index 000000000000..4a760ba0f6d2
Binary files /dev/null and b/.yarn/cache/fs-extra-npm-9.1.0-983c2ddb4c-ba71ba32e0.zip differ
diff --git a/.yarn/cache/fs-monkey-npm-0.3.3-61e8d6db0e-0d2c3b78ff.zip b/.yarn/cache/fs-monkey-npm-0.3.3-61e8d6db0e-0d2c3b78ff.zip
deleted file mode 100644
index 5605617b3089..000000000000
Binary files a/.yarn/cache/fs-monkey-npm-0.3.3-61e8d6db0e-0d2c3b78ff.zip and /dev/null differ
diff --git a/.yarn/cache/fs-monkey-npm-1.0.3-c1ea1ab781-cf50804833.zip b/.yarn/cache/fs-monkey-npm-1.0.3-c1ea1ab781-cf50804833.zip
new file mode 100644
index 000000000000..446f26e5739f
Binary files /dev/null and b/.yarn/cache/fs-monkey-npm-1.0.3-c1ea1ab781-cf50804833.zip differ
diff --git a/.yarn/cache/fuse.js-npm-3.4.6-c7cc963769-79c584c161.zip b/.yarn/cache/fuse.js-npm-3.4.6-c7cc963769-79c584c161.zip
deleted file mode 100644
index 03238bcc7f63..000000000000
Binary files a/.yarn/cache/fuse.js-npm-3.4.6-c7cc963769-79c584c161.zip and /dev/null differ
diff --git a/.yarn/cache/fuse.js-npm-3.6.1-d9c14471d8-958aa877ac.zip b/.yarn/cache/fuse.js-npm-3.6.1-d9c14471d8-958aa877ac.zip
new file mode 100644
index 000000000000..74dddc25edf6
Binary files /dev/null and b/.yarn/cache/fuse.js-npm-3.6.1-d9c14471d8-958aa877ac.zip differ
diff --git a/.yarn/cache/get-intrinsic-npm-1.1.1-7e868745da-a9fe2ca8fa.zip b/.yarn/cache/get-intrinsic-npm-1.1.1-7e868745da-a9fe2ca8fa.zip
new file mode 100644
index 000000000000..a33f35fae330
Binary files /dev/null and b/.yarn/cache/get-intrinsic-npm-1.1.1-7e868745da-a9fe2ca8fa.zip differ
diff --git a/.yarn/cache/glob-promise-npm-3.4.0-39b66535be-84a2c076e7.zip b/.yarn/cache/glob-promise-npm-3.4.0-39b66535be-84a2c076e7.zip
new file mode 100644
index 000000000000..b65cc084340a
Binary files /dev/null and b/.yarn/cache/glob-promise-npm-3.4.0-39b66535be-84a2c076e7.zip differ
diff --git a/.yarn/cache/globby-npm-11.0.1-b32c0f1cff-b0b26e5806.zip b/.yarn/cache/globby-npm-11.0.1-b32c0f1cff-b0b26e5806.zip
new file mode 100644
index 000000000000..a0811115f27e
Binary files /dev/null and b/.yarn/cache/globby-npm-11.0.1-b32c0f1cff-b0b26e5806.zip differ
diff --git a/.yarn/cache/has-glob-npm-1.0.0-a2151352c8-cafad93e59.zip b/.yarn/cache/has-glob-npm-1.0.0-a2151352c8-cafad93e59.zip
new file mode 100644
index 000000000000..3b286987b57b
Binary files /dev/null and b/.yarn/cache/has-glob-npm-1.0.0-a2151352c8-cafad93e59.zip differ
diff --git a/.yarn/cache/hast-util-raw-npm-6.0.0-a13e1db0df-b99c35cb70.zip b/.yarn/cache/hast-util-raw-npm-6.0.0-a13e1db0df-b99c35cb70.zip
deleted file mode 100644
index cd4a65913950..000000000000
Binary files a/.yarn/cache/hast-util-raw-npm-6.0.0-a13e1db0df-b99c35cb70.zip and /dev/null differ
diff --git a/.yarn/cache/hast-util-raw-npm-6.0.1-c37f2afa65-f6d960644f.zip b/.yarn/cache/hast-util-raw-npm-6.0.1-c37f2afa65-f6d960644f.zip
new file mode 100644
index 000000000000..1dc0fb013210
Binary files /dev/null and b/.yarn/cache/hast-util-raw-npm-6.0.1-c37f2afa65-f6d960644f.zip differ
diff --git a/.yarn/cache/hastscript-npm-6.0.0-380b27a9f0-5e50b85af0.zip b/.yarn/cache/hastscript-npm-6.0.0-380b27a9f0-5e50b85af0.zip
new file mode 100644
index 000000000000..b6335f5028eb
Binary files /dev/null and b/.yarn/cache/hastscript-npm-6.0.0-380b27a9f0-5e50b85af0.zip differ
diff --git a/.yarn/cache/highlight.js-npm-10.7.2-ad09d5e6bb-af09b43407.zip b/.yarn/cache/highlight.js-npm-10.7.2-ad09d5e6bb-af09b43407.zip
new file mode 100644
index 000000000000..ff4ff1827e33
Binary files /dev/null and b/.yarn/cache/highlight.js-npm-10.7.2-ad09d5e6bb-af09b43407.zip differ
diff --git a/.yarn/cache/html-entities-npm-1.2.1-a7f05778ef-97df9c2706.zip b/.yarn/cache/html-entities-npm-1.2.1-a7f05778ef-97df9c2706.zip
deleted file mode 100644
index e385501f7ce0..000000000000
Binary files a/.yarn/cache/html-entities-npm-1.2.1-a7f05778ef-97df9c2706.zip and /dev/null differ
diff --git a/.yarn/cache/html-entities-npm-1.4.0-39a1121015-4b73ffb9ee.zip b/.yarn/cache/html-entities-npm-1.4.0-39a1121015-4b73ffb9ee.zip
new file mode 100644
index 000000000000..b8560c2b7e73
Binary files /dev/null and b/.yarn/cache/html-entities-npm-1.4.0-39a1121015-4b73ffb9ee.zip differ
diff --git a/.yarn/cache/html-webpack-plugin-npm-4.0.0-beta.11-4284bef809-ea34c7a12d.zip b/.yarn/cache/html-webpack-plugin-npm-4.0.0-beta.11-4284bef809-ea34c7a12d.zip
deleted file mode 100644
index 540b66dd927d..000000000000
Binary files a/.yarn/cache/html-webpack-plugin-npm-4.0.0-beta.11-4284bef809-ea34c7a12d.zip and /dev/null differ
diff --git a/.yarn/cache/html-webpack-plugin-npm-4.5.2-ad6a757dbb-25ca0b3412.zip b/.yarn/cache/html-webpack-plugin-npm-4.5.2-ad6a757dbb-25ca0b3412.zip
new file mode 100644
index 000000000000..8dd0a025194d
Binary files /dev/null and b/.yarn/cache/html-webpack-plugin-npm-4.5.2-ad6a757dbb-25ca0b3412.zip differ
diff --git a/.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip b/.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip
new file mode 100644
index 000000000000..4cdd1bce7cbc
Binary files /dev/null and b/.yarn/cache/icss-utils-npm-5.1.0-8d8c062d07-5c324d2835.zip differ
diff --git a/.yarn/cache/immer-npm-8.0.1-e4136eda12-63d875c048.zip b/.yarn/cache/immer-npm-8.0.1-e4136eda12-63d875c048.zip
new file mode 100644
index 000000000000..4620310e95dc
Binary files /dev/null and b/.yarn/cache/immer-npm-8.0.1-e4136eda12-63d875c048.zip differ
diff --git a/.yarn/cache/import-fresh-npm-3.2.1-b4f6711244-caef42418a.zip b/.yarn/cache/import-fresh-npm-3.2.1-b4f6711244-caef42418a.zip
deleted file mode 100644
index c11961f3a9ad..000000000000
Binary files a/.yarn/cache/import-fresh-npm-3.2.1-b4f6711244-caef42418a.zip and /dev/null differ
diff --git a/.yarn/cache/import-fresh-npm-3.3.0-3e34265ca9-2cacfad06e.zip b/.yarn/cache/import-fresh-npm-3.3.0-3e34265ca9-2cacfad06e.zip
new file mode 100644
index 000000000000..318d7b8460df
Binary files /dev/null and b/.yarn/cache/import-fresh-npm-3.3.0-3e34265ca9-2cacfad06e.zip differ
diff --git a/.yarn/cache/indexes-of-npm-1.0.1-5ce8500941-4f9799b173.zip b/.yarn/cache/indexes-of-npm-1.0.1-5ce8500941-4f9799b173.zip
deleted file mode 100644
index 182e38d6493e..000000000000
Binary files a/.yarn/cache/indexes-of-npm-1.0.1-5ce8500941-4f9799b173.zip and /dev/null differ
diff --git a/.yarn/cache/interpret-npm-2.0.0-225d429e8c-2018099268.zip b/.yarn/cache/interpret-npm-2.0.0-225d429e8c-2018099268.zip
deleted file mode 100644
index 73da9a70604d..000000000000
Binary files a/.yarn/cache/interpret-npm-2.0.0-225d429e8c-2018099268.zip and /dev/null differ
diff --git a/.yarn/cache/interpret-npm-2.2.0-3603a544e1-f51efef7cb.zip b/.yarn/cache/interpret-npm-2.2.0-3603a544e1-f51efef7cb.zip
new file mode 100644
index 000000000000..20392aec99e1
Binary files /dev/null and b/.yarn/cache/interpret-npm-2.2.0-3603a544e1-f51efef7cb.zip differ
diff --git a/.yarn/cache/is-function-npm-1.0.1-1d8fb19368-dc07a359b2.zip b/.yarn/cache/is-function-npm-1.0.1-1d8fb19368-dc07a359b2.zip
deleted file mode 100644
index 918c0d77a086..000000000000
Binary files a/.yarn/cache/is-function-npm-1.0.1-1d8fb19368-dc07a359b2.zip and /dev/null differ
diff --git a/.yarn/cache/is-function-npm-1.0.2-90ac01927b-7d564562e0.zip b/.yarn/cache/is-function-npm-1.0.2-90ac01927b-7d564562e0.zip
new file mode 100644
index 000000000000..81e16b3159af
Binary files /dev/null and b/.yarn/cache/is-function-npm-1.0.2-90ac01927b-7d564562e0.zip differ
diff --git a/.yarn/cache/is-plain-object-npm-3.0.0-c59a1b626c-18ab60ac51.zip b/.yarn/cache/is-plain-object-npm-3.0.0-c59a1b626c-18ab60ac51.zip
deleted file mode 100644
index 7715d91b12f8..000000000000
Binary files a/.yarn/cache/is-plain-object-npm-3.0.0-c59a1b626c-18ab60ac51.zip and /dev/null differ
diff --git a/.yarn/cache/is-plain-object-npm-3.0.1-15b47fb6eb-d13fe75db3.zip b/.yarn/cache/is-plain-object-npm-3.0.1-15b47fb6eb-d13fe75db3.zip
new file mode 100644
index 000000000000..558fecbb74fa
Binary files /dev/null and b/.yarn/cache/is-plain-object-npm-3.0.1-15b47fb6eb-d13fe75db3.zip differ
diff --git a/.yarn/cache/is-regex-npm-1.1.0-3c0bd70230-42b16159f0.zip b/.yarn/cache/is-regex-npm-1.1.0-3c0bd70230-42b16159f0.zip
deleted file mode 100644
index 55a9625f17cb..000000000000
Binary files a/.yarn/cache/is-regex-npm-1.1.0-3c0bd70230-42b16159f0.zip and /dev/null differ
diff --git a/.yarn/cache/is-regex-npm-1.1.2-0aaa524607-a1e5a451b6.zip b/.yarn/cache/is-regex-npm-1.1.2-0aaa524607-a1e5a451b6.zip
new file mode 100644
index 000000000000..d3ed4912746d
Binary files /dev/null and b/.yarn/cache/is-regex-npm-1.1.2-0aaa524607-a1e5a451b6.zip differ
diff --git a/.yarn/cache/is-url-superb-npm-4.0.0-71f6df9bc1-fd55e91c96.zip b/.yarn/cache/is-url-superb-npm-4.0.0-71f6df9bc1-fd55e91c96.zip
new file mode 100644
index 000000000000..48941ef05ff9
Binary files /dev/null and b/.yarn/cache/is-url-superb-npm-4.0.0-71f6df9bc1-fd55e91c96.zip differ
diff --git a/.yarn/cache/isomorphic-fetch-npm-2.2.1-46b4db5d7b-bb5daa7c37.zip b/.yarn/cache/isomorphic-fetch-npm-2.2.1-46b4db5d7b-bb5daa7c37.zip
deleted file mode 100644
index ab5b5c0af4cb..000000000000
Binary files a/.yarn/cache/isomorphic-fetch-npm-2.2.1-46b4db5d7b-bb5daa7c37.zip and /dev/null differ
diff --git a/.yarn/cache/json5-npm-2.1.3-b71ec6bcca-b2de57a665.zip b/.yarn/cache/json5-npm-2.2.0-da49dc7cb5-e88fc5274b.zip
similarity index 80%
rename from .yarn/cache/json5-npm-2.1.3-b71ec6bcca-b2de57a665.zip
rename to .yarn/cache/json5-npm-2.2.0-da49dc7cb5-e88fc5274b.zip
index 808ce9d55d54..322b81d9095e 100644
Binary files a/.yarn/cache/json5-npm-2.1.3-b71ec6bcca-b2de57a665.zip and b/.yarn/cache/json5-npm-2.2.0-da49dc7cb5-e88fc5274b.zip differ
diff --git a/.yarn/cache/junk-npm-3.1.0-aa1fa701c6-6c4d68e8f8.zip b/.yarn/cache/junk-npm-3.1.0-aa1fa701c6-6c4d68e8f8.zip
new file mode 100644
index 000000000000..4e80d3e19e59
Binary files /dev/null and b/.yarn/cache/junk-npm-3.1.0-aa1fa701c6-6c4d68e8f8.zip differ
diff --git a/.yarn/cache/locate-path-npm-6.0.0-06a1e4c528-72eb661788.zip b/.yarn/cache/locate-path-npm-6.0.0-06a1e4c528-72eb661788.zip
new file mode 100644
index 000000000000..b67b77440bb2
Binary files /dev/null and b/.yarn/cache/locate-path-npm-6.0.0-06a1e4c528-72eb661788.zip differ
diff --git a/.yarn/cache/lodash-npm-4.17.20-c0db62021c-b31afa0973.zip b/.yarn/cache/lodash-npm-4.17.21-6382451519-eb835a2e51.zip
similarity index 68%
rename from .yarn/cache/lodash-npm-4.17.20-c0db62021c-b31afa0973.zip
rename to .yarn/cache/lodash-npm-4.17.21-6382451519-eb835a2e51.zip
index 66eb72f8703c..22ac44c4efb1 100644
Binary files a/.yarn/cache/lodash-npm-4.17.20-c0db62021c-b31afa0973.zip and b/.yarn/cache/lodash-npm-4.17.21-6382451519-eb835a2e51.zip differ
diff --git a/.yarn/cache/lowlight-npm-1.20.0-771a13490e-14a1815d6b.zip b/.yarn/cache/lowlight-npm-1.20.0-771a13490e-14a1815d6b.zip
new file mode 100644
index 000000000000..c40f26585cb3
Binary files /dev/null and b/.yarn/cache/lowlight-npm-1.20.0-771a13490e-14a1815d6b.zip differ
diff --git a/.yarn/cache/mamacro-npm-0.0.3-3ec5fc0541-ed3f970007.zip b/.yarn/cache/mamacro-npm-0.0.3-3ec5fc0541-ed3f970007.zip
deleted file mode 100644
index c43355921069..000000000000
Binary files a/.yarn/cache/mamacro-npm-0.0.3-3ec5fc0541-ed3f970007.zip and /dev/null differ
diff --git a/.yarn/cache/markdown-to-jsx-npm-7.1.2-c6eece1f1f-2d77bcb7b0.zip b/.yarn/cache/markdown-to-jsx-npm-7.1.2-c6eece1f1f-2d77bcb7b0.zip
new file mode 100644
index 000000000000..c1d8dff8bf32
Binary files /dev/null and b/.yarn/cache/markdown-to-jsx-npm-7.1.2-c6eece1f1f-2d77bcb7b0.zip differ
diff --git a/.yarn/cache/mdast-util-definitions-npm-3.0.1-3e16874cf7-917112396b.zip b/.yarn/cache/mdast-util-definitions-npm-3.0.1-3e16874cf7-917112396b.zip
deleted file mode 100644
index 904551e13ae1..000000000000
Binary files a/.yarn/cache/mdast-util-definitions-npm-3.0.1-3e16874cf7-917112396b.zip and /dev/null differ
diff --git a/.yarn/cache/mdast-util-definitions-npm-4.0.0-207d18be98-2325f20b82.zip b/.yarn/cache/mdast-util-definitions-npm-4.0.0-207d18be98-2325f20b82.zip
new file mode 100644
index 000000000000..e7a672e84215
Binary files /dev/null and b/.yarn/cache/mdast-util-definitions-npm-4.0.0-207d18be98-2325f20b82.zip differ
diff --git a/.yarn/cache/mdast-util-to-hast-npm-10.0.1-2ebdc3b7fc-e5f385757d.zip b/.yarn/cache/mdast-util-to-hast-npm-10.0.1-2ebdc3b7fc-e5f385757d.zip
new file mode 100644
index 000000000000..4e2b5849979d
Binary files /dev/null and b/.yarn/cache/mdast-util-to-hast-npm-10.0.1-2ebdc3b7fc-e5f385757d.zip differ
diff --git a/.yarn/cache/mdast-util-to-hast-npm-9.1.0-1e9e3344a5-9d1a299a3f.zip b/.yarn/cache/mdast-util-to-hast-npm-9.1.0-1e9e3344a5-9d1a299a3f.zip
deleted file mode 100644
index b18ea8dc6bf4..000000000000
Binary files a/.yarn/cache/mdast-util-to-hast-npm-9.1.0-1e9e3344a5-9d1a299a3f.zip and /dev/null differ
diff --git a/.yarn/cache/memfs-npm-3.0.4-b90b13ed03-2bb9b9e4b0.zip b/.yarn/cache/memfs-npm-3.0.4-b90b13ed03-2bb9b9e4b0.zip
deleted file mode 100644
index faad31bc2bee..000000000000
Binary files a/.yarn/cache/memfs-npm-3.0.4-b90b13ed03-2bb9b9e4b0.zip and /dev/null differ
diff --git a/.yarn/cache/memfs-npm-3.2.2-baaae1363e-b50f91aafd.zip b/.yarn/cache/memfs-npm-3.2.2-baaae1363e-b50f91aafd.zip
new file mode 100644
index 000000000000..5cc4fda8e398
Binary files /dev/null and b/.yarn/cache/memfs-npm-3.2.2-baaae1363e-b50f91aafd.zip differ
diff --git a/.yarn/cache/mime-db-npm-1.44.0-d6ab7b4e20-b261399680.zip b/.yarn/cache/mime-db-npm-1.44.0-d6ab7b4e20-b261399680.zip
deleted file mode 100644
index b0eaec1d7347..000000000000
Binary files a/.yarn/cache/mime-db-npm-1.44.0-d6ab7b4e20-b261399680.zip and /dev/null differ
diff --git a/.yarn/cache/mime-db-npm-1.47.0-a85d74ef62-6808235243.zip b/.yarn/cache/mime-db-npm-1.47.0-a85d74ef62-6808235243.zip
new file mode 100644
index 000000000000..d0b1efac2b3e
Binary files /dev/null and b/.yarn/cache/mime-db-npm-1.47.0-a85d74ef62-6808235243.zip differ
diff --git a/.yarn/cache/mime-types-npm-2.1.27-bbebca8e17-4c1f596c6d.zip b/.yarn/cache/mime-types-npm-2.1.27-bbebca8e17-4c1f596c6d.zip
deleted file mode 100644
index 3a468101d1c0..000000000000
Binary files a/.yarn/cache/mime-types-npm-2.1.27-bbebca8e17-4c1f596c6d.zip and /dev/null differ
diff --git a/.yarn/cache/mime-types-npm-2.1.30-500b101efd-53c36729b1.zip b/.yarn/cache/mime-types-npm-2.1.30-500b101efd-53c36729b1.zip
new file mode 100644
index 000000000000..748c842615cf
Binary files /dev/null and b/.yarn/cache/mime-types-npm-2.1.30-500b101efd-53c36729b1.zip differ
diff --git a/.yarn/cache/mini-css-extract-plugin-npm-1.6.0-dbdf8ab201-04f7c47c18.zip b/.yarn/cache/mini-css-extract-plugin-npm-1.6.0-dbdf8ab201-04f7c47c18.zip
new file mode 100644
index 000000000000..e6f500f737ec
Binary files /dev/null and b/.yarn/cache/mini-css-extract-plugin-npm-1.6.0-dbdf8ab201-04f7c47c18.zip differ
diff --git a/.yarn/cache/nanoid-npm-3.1.22-e0ab44a9c0-42378ebee4.zip b/.yarn/cache/nanoid-npm-3.1.22-e0ab44a9c0-42378ebee4.zip
new file mode 100644
index 000000000000..5591a00141ef
Binary files /dev/null and b/.yarn/cache/nanoid-npm-3.1.22-e0ab44a9c0-42378ebee4.zip differ
diff --git a/.yarn/cache/native-url-npm-0.2.6-89352a1379-d56a67b32e.zip b/.yarn/cache/native-url-npm-0.2.6-89352a1379-d56a67b32e.zip
new file mode 100644
index 000000000000..b7b0cf046321
Binary files /dev/null and b/.yarn/cache/native-url-npm-0.2.6-89352a1379-d56a67b32e.zip differ
diff --git a/.yarn/cache/nested-error-stacks-npm-2.1.0-e928907e75-206ee736f9.zip b/.yarn/cache/nested-error-stacks-npm-2.1.0-e928907e75-206ee736f9.zip
new file mode 100644
index 000000000000..aa9fd0e73687
Binary files /dev/null and b/.yarn/cache/nested-error-stacks-npm-2.1.0-e928907e75-206ee736f9.zip differ
diff --git a/.yarn/cache/node-fetch-npm-1.7.3-eb8372f991-3bb0528c05.zip b/.yarn/cache/node-fetch-npm-1.7.3-eb8372f991-3bb0528c05.zip
deleted file mode 100644
index 70d0a0f9c9e6..000000000000
Binary files a/.yarn/cache/node-fetch-npm-1.7.3-eb8372f991-3bb0528c05.zip and /dev/null 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
new file mode 100644
index 000000000000..f467ada1152e
Binary files /dev/null and b/.yarn/cache/object-inspect-npm-1.10.2-ad1a73f626-ddd414048e.zip differ
diff --git a/.yarn/cache/object-inspect-npm-1.7.0-52604d77d2-53cc00d1a9.zip b/.yarn/cache/object-inspect-npm-1.7.0-52604d77d2-53cc00d1a9.zip
deleted file mode 100644
index e7facb46e344..000000000000
Binary files a/.yarn/cache/object-inspect-npm-1.7.0-52604d77d2-53cc00d1a9.zip and /dev/null differ
diff --git a/.yarn/cache/objectorarray-npm-1.0.4-4690907551-f6b1dca119.zip b/.yarn/cache/objectorarray-npm-1.0.4-4690907551-f6b1dca119.zip
new file mode 100644
index 000000000000..fb6427add5f1
Binary files /dev/null and b/.yarn/cache/objectorarray-npm-1.0.4-4690907551-f6b1dca119.zip differ
diff --git a/.yarn/cache/open-npm-7.0.0-c8d02efbc8-3c63e1d0a2.zip b/.yarn/cache/open-npm-7.0.0-c8d02efbc8-3c63e1d0a2.zip
deleted file mode 100644
index ff6a7257e823..000000000000
Binary files a/.yarn/cache/open-npm-7.0.0-c8d02efbc8-3c63e1d0a2.zip and /dev/null differ
diff --git a/.yarn/cache/open-npm-7.4.2-a378c23959-3333900ec0.zip b/.yarn/cache/open-npm-7.4.2-a378c23959-3333900ec0.zip
new file mode 100644
index 000000000000..2aeb57709ec8
Binary files /dev/null and b/.yarn/cache/open-npm-7.4.2-a378c23959-3333900ec0.zip differ
diff --git a/.yarn/cache/overlayscrollbars-npm-1.13.1-2b7d23f1f9-6f3be25b60.zip b/.yarn/cache/overlayscrollbars-npm-1.13.1-2b7d23f1f9-6f3be25b60.zip
new file mode 100644
index 000000000000..134f00654557
Binary files /dev/null and b/.yarn/cache/overlayscrollbars-npm-1.13.1-2b7d23f1f9-6f3be25b60.zip differ
diff --git a/.yarn/cache/p-all-npm-2.1.0-af954bf089-6c20134eb3.zip b/.yarn/cache/p-all-npm-2.1.0-af954bf089-6c20134eb3.zip
new file mode 100644
index 000000000000..5cc9f5d86328
Binary files /dev/null and b/.yarn/cache/p-all-npm-2.1.0-af954bf089-6c20134eb3.zip differ
diff --git a/.yarn/cache/p-event-npm-4.2.0-1d17e9941e-8a3588f7a8.zip b/.yarn/cache/p-event-npm-4.2.0-1d17e9941e-8a3588f7a8.zip
new file mode 100644
index 000000000000..5cb9fdd75253
Binary files /dev/null and b/.yarn/cache/p-event-npm-4.2.0-1d17e9941e-8a3588f7a8.zip differ
diff --git a/.yarn/cache/p-filter-npm-2.1.0-f1136c698e-76e552ca62.zip b/.yarn/cache/p-filter-npm-2.1.0-f1136c698e-76e552ca62.zip
new file mode 100644
index 000000000000..f502db5c2e5d
Binary files /dev/null and b/.yarn/cache/p-filter-npm-2.1.0-f1136c698e-76e552ca62.zip differ
diff --git a/.yarn/cache/p-limit-npm-3.1.0-05d2ede37f-7c3690c4db.zip b/.yarn/cache/p-limit-npm-3.1.0-05d2ede37f-7c3690c4db.zip
new file mode 100644
index 000000000000..b87d97ccf807
Binary files /dev/null and b/.yarn/cache/p-limit-npm-3.1.0-05d2ede37f-7c3690c4db.zip differ
diff --git a/.yarn/cache/p-locate-npm-5.0.0-92cc7c7a3e-1623088f36.zip b/.yarn/cache/p-locate-npm-5.0.0-92cc7c7a3e-1623088f36.zip
new file mode 100644
index 000000000000..077f1c6eebae
Binary files /dev/null and b/.yarn/cache/p-locate-npm-5.0.0-92cc7c7a3e-1623088f36.zip differ
diff --git a/.yarn/cache/p-timeout-npm-3.2.0-7fdb33f733-3dd0eaa048.zip b/.yarn/cache/p-timeout-npm-3.2.0-7fdb33f733-3dd0eaa048.zip
new file mode 100644
index 000000000000..eaf8f71c75ce
Binary files /dev/null and b/.yarn/cache/p-timeout-npm-3.2.0-7fdb33f733-3dd0eaa048.zip differ
diff --git a/.yarn/cache/pkg-dir-npm-5.0.0-3ba6768b42-b167bb8dac.zip b/.yarn/cache/pkg-dir-npm-5.0.0-3ba6768b42-b167bb8dac.zip
new file mode 100644
index 000000000000..78059ae8d0d6
Binary files /dev/null and b/.yarn/cache/pkg-dir-npm-5.0.0-3ba6768b42-b167bb8dac.zip differ
diff --git a/.yarn/cache/pkg-up-npm-3.1.0-1eebe033b7-5bac346b7c.zip b/.yarn/cache/pkg-up-npm-3.1.0-1eebe033b7-5bac346b7c.zip
new file mode 100644
index 000000000000..cb3a63d9609f
Binary files /dev/null and b/.yarn/cache/pkg-up-npm-3.1.0-1eebe033b7-5bac346b7c.zip differ
diff --git a/.yarn/cache/pnp-webpack-plugin-npm-1.6.4-c497046afc-0606a63db9.zip b/.yarn/cache/pnp-webpack-plugin-npm-1.6.4-c497046afc-0606a63db9.zip
new file mode 100644
index 000000000000..532cbba53324
Binary files /dev/null and b/.yarn/cache/pnp-webpack-plugin-npm-1.6.4-c497046afc-0606a63db9.zip differ
diff --git a/.yarn/cache/polished-npm-4.1.2-fd90accfaa-2f6aab8a06.zip b/.yarn/cache/polished-npm-4.1.2-fd90accfaa-2f6aab8a06.zip
new file mode 100644
index 000000000000..01480d883f40
Binary files /dev/null and b/.yarn/cache/polished-npm-4.1.2-fd90accfaa-2f6aab8a06.zip differ
diff --git a/.yarn/cache/postcss-custom-properties-npm-11.0.0-6e3f29ef4a-1fa54763af.zip b/.yarn/cache/postcss-custom-properties-npm-11.0.0-6e3f29ef4a-1fa54763af.zip
new file mode 100644
index 000000000000..cf155e860fdd
Binary files /dev/null and b/.yarn/cache/postcss-custom-properties-npm-11.0.0-6e3f29ef4a-1fa54763af.zip differ
diff --git a/.yarn/cache/postcss-flexbugs-fixes-npm-4.1.0-0fd8cdff7a-b5f2c39f43.zip b/.yarn/cache/postcss-flexbugs-fixes-npm-4.1.0-0fd8cdff7a-b5f2c39f43.zip
deleted file mode 100644
index 5ad17df2e6ff..000000000000
Binary files a/.yarn/cache/postcss-flexbugs-fixes-npm-4.1.0-0fd8cdff7a-b5f2c39f43.zip and /dev/null differ
diff --git a/.yarn/cache/postcss-flexbugs-fixes-npm-4.2.1-d2d6baaed1-51a626bc80.zip b/.yarn/cache/postcss-flexbugs-fixes-npm-4.2.1-d2d6baaed1-51a626bc80.zip
new file mode 100644
index 000000000000..89714f62d770
Binary files /dev/null and b/.yarn/cache/postcss-flexbugs-fixes-npm-4.2.1-d2d6baaed1-51a626bc80.zip differ
diff --git a/.yarn/cache/postcss-loader-npm-4.2.0-f01fec2503-c45ec1ca1b.zip b/.yarn/cache/postcss-loader-npm-4.2.0-f01fec2503-c45ec1ca1b.zip
new file mode 100644
index 000000000000..2d2d47759178
Binary files /dev/null and b/.yarn/cache/postcss-loader-npm-4.2.0-f01fec2503-c45ec1ca1b.zip differ
diff --git a/.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip b/.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip
new file mode 100644
index 000000000000..ea8421f10751
Binary files /dev/null and b/.yarn/cache/postcss-modules-extract-imports-npm-3.0.0-619311282d-4b65f2f138.zip differ
diff --git a/.yarn/cache/postcss-modules-local-by-default-npm-4.0.0-794014f0a5-6cf570badc.zip b/.yarn/cache/postcss-modules-local-by-default-npm-4.0.0-794014f0a5-6cf570badc.zip
new file mode 100644
index 000000000000..9817b61309bc
Binary files /dev/null and b/.yarn/cache/postcss-modules-local-by-default-npm-4.0.0-794014f0a5-6cf570badc.zip differ
diff --git a/.yarn/cache/postcss-modules-scope-npm-2.1.1-0f879fb315-75ba7edd7e.zip b/.yarn/cache/postcss-modules-scope-npm-2.1.1-0f879fb315-75ba7edd7e.zip
deleted file mode 100644
index 4da3d2bf3305..000000000000
Binary files a/.yarn/cache/postcss-modules-scope-npm-2.1.1-0f879fb315-75ba7edd7e.zip and /dev/null differ
diff --git a/.yarn/cache/postcss-modules-scope-npm-2.2.0-e243a2b896-c611181df9.zip b/.yarn/cache/postcss-modules-scope-npm-2.2.0-e243a2b896-c611181df9.zip
new file mode 100644
index 000000000000..c178e7669bf0
Binary files /dev/null and b/.yarn/cache/postcss-modules-scope-npm-2.2.0-e243a2b896-c611181df9.zip differ
diff --git a/.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip b/.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip
new file mode 100644
index 000000000000..b7c2fbfd2da8
Binary files /dev/null and b/.yarn/cache/postcss-modules-scope-npm-3.0.0-0678040a26-330b9398db.zip differ
diff --git a/.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip b/.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip
new file mode 100644
index 000000000000..4c8516fd1658
Binary files /dev/null and b/.yarn/cache/postcss-modules-values-npm-4.0.0-63d7ec543a-f7f2cdf14a.zip differ
diff --git a/.yarn/cache/postcss-npm-8.2.14-61c4216d41-201bf1b7d5.zip b/.yarn/cache/postcss-npm-8.2.14-61c4216d41-201bf1b7d5.zip
new file mode 100644
index 000000000000..505f7b4c09f3
Binary files /dev/null and b/.yarn/cache/postcss-npm-8.2.14-61c4216d41-201bf1b7d5.zip differ
diff --git a/.yarn/cache/postcss-selector-parser-npm-6.0.2-591ff5e868-5fa344e63b.zip b/.yarn/cache/postcss-selector-parser-npm-6.0.2-591ff5e868-5fa344e63b.zip
deleted file mode 100644
index 56b3a7cdafd5..000000000000
Binary files a/.yarn/cache/postcss-selector-parser-npm-6.0.2-591ff5e868-5fa344e63b.zip and /dev/null differ
diff --git a/.yarn/cache/postcss-selector-parser-npm-6.0.5-69bcd37ac6-51aedc1b84.zip b/.yarn/cache/postcss-selector-parser-npm-6.0.5-69bcd37ac6-51aedc1b84.zip
new file mode 100644
index 000000000000..4d699867c526
Binary files /dev/null and b/.yarn/cache/postcss-selector-parser-npm-6.0.5-69bcd37ac6-51aedc1b84.zip differ
diff --git a/.yarn/cache/postcss-values-parser-npm-4.0.0-24f833303b-8838a86679.zip b/.yarn/cache/postcss-values-parser-npm-4.0.0-24f833303b-8838a86679.zip
new file mode 100644
index 000000000000..fe9ff5136c2f
Binary files /dev/null and b/.yarn/cache/postcss-values-parser-npm-4.0.0-24f833303b-8838a86679.zip differ
diff --git a/.yarn/cache/prismjs-npm-1.19.0-2d7f96960f-c0fcdd5f08.zip b/.yarn/cache/prismjs-npm-1.19.0-2d7f96960f-c0fcdd5f08.zip
deleted file mode 100644
index efc18ec634ae..000000000000
Binary files a/.yarn/cache/prismjs-npm-1.19.0-2d7f96960f-c0fcdd5f08.zip and /dev/null differ
diff --git a/.yarn/cache/prismjs-npm-1.23.0-3781560845-8c3cf69150.zip b/.yarn/cache/prismjs-npm-1.23.0-3781560845-8c3cf69150.zip
new file mode 100644
index 000000000000..3e3a7458f32d
Binary files /dev/null and b/.yarn/cache/prismjs-npm-1.23.0-3781560845-8c3cf69150.zip differ
diff --git a/.yarn/cache/prompts-npm-2.3.0-473c139556-4bd2554822.zip b/.yarn/cache/prompts-npm-2.3.0-473c139556-4bd2554822.zip
deleted file mode 100644
index 56e506917069..000000000000
Binary files a/.yarn/cache/prompts-npm-2.3.0-473c139556-4bd2554822.zip and /dev/null differ
diff --git a/.yarn/cache/prompts-npm-2.4.0-44f1e10a9a-96c7bef8eb.zip b/.yarn/cache/prompts-npm-2.4.0-44f1e10a9a-96c7bef8eb.zip
new file mode 100644
index 000000000000..fa912255b54b
Binary files /dev/null and b/.yarn/cache/prompts-npm-2.4.0-44f1e10a9a-96c7bef8eb.zip differ
diff --git a/.yarn/cache/prompts-npm-2.4.1-dd3df3be17-05bf486587.zip b/.yarn/cache/prompts-npm-2.4.1-dd3df3be17-05bf486587.zip
new file mode 100644
index 000000000000..c92be9f177c7
Binary files /dev/null and b/.yarn/cache/prompts-npm-2.4.1-dd3df3be17-05bf486587.zip differ
diff --git a/.yarn/cache/qs-npm-6.10.1-12d3ab7795-00e390dbf9.zip b/.yarn/cache/qs-npm-6.10.1-12d3ab7795-00e390dbf9.zip
new file mode 100644
index 000000000000..80708d5a1f68
Binary files /dev/null and b/.yarn/cache/qs-npm-6.10.1-12d3ab7795-00e390dbf9.zip differ
diff --git a/.yarn/cache/qs-npm-6.9.1-8d42e91c8c-b8ad80e09b.zip b/.yarn/cache/qs-npm-6.9.1-8d42e91c8c-b8ad80e09b.zip
deleted file mode 100644
index c81af09e6051..000000000000
Binary files a/.yarn/cache/qs-npm-6.9.1-8d42e91c8c-b8ad80e09b.zip and /dev/null differ
diff --git a/.yarn/cache/raw-loader-npm-4.0.2-94da6c700d-51cc1b0d0e.zip b/.yarn/cache/raw-loader-npm-4.0.2-94da6c700d-51cc1b0d0e.zip
new file mode 100644
index 000000000000..48db11e8be39
Binary files /dev/null and b/.yarn/cache/raw-loader-npm-4.0.2-94da6c700d-51cc1b0d0e.zip differ
diff --git a/.yarn/cache/react-colorful-npm-5.1.4-954c47ba46-5f306c6439.zip b/.yarn/cache/react-colorful-npm-5.1.4-954c47ba46-5f306c6439.zip
new file mode 100644
index 000000000000..1a0e816dbd6e
Binary files /dev/null and b/.yarn/cache/react-colorful-npm-5.1.4-954c47ba46-5f306c6439.zip differ
diff --git a/.yarn/cache/react-dev-utils-npm-11.0.4-3a3d727f29-b41c95010a.zip b/.yarn/cache/react-dev-utils-npm-11.0.4-3a3d727f29-b41c95010a.zip
new file mode 100644
index 000000000000..ba3a6ed49a1d
Binary files /dev/null and b/.yarn/cache/react-dev-utils-npm-11.0.4-3a3d727f29-b41c95010a.zip differ
diff --git a/.yarn/cache/react-docgen-typescript-npm-1.22.0-13bd9adc58-f5e5519cf3.zip b/.yarn/cache/react-docgen-typescript-npm-1.22.0-13bd9adc58-f5e5519cf3.zip
new file mode 100644
index 000000000000..87ed44002a69
Binary files /dev/null and b/.yarn/cache/react-docgen-typescript-npm-1.22.0-13bd9adc58-f5e5519cf3.zip differ
diff --git a/.yarn/cache/react-docgen-typescript-plugin-npm-0.6.3-a4c8e487c8-60e41a861a.zip b/.yarn/cache/react-docgen-typescript-plugin-npm-0.6.3-a4c8e487c8-60e41a861a.zip
new file mode 100644
index 000000000000..ffbe9aa7b33d
Binary files /dev/null and b/.yarn/cache/react-docgen-typescript-plugin-npm-0.6.3-a4c8e487c8-60e41a861a.zip differ
diff --git a/.yarn/cache/react-draggable-npm-4.2.0-81d9a02cef-b4401fe677.zip b/.yarn/cache/react-draggable-npm-4.2.0-81d9a02cef-b4401fe677.zip
deleted file mode 100644
index a671928d6fd7..000000000000
Binary files a/.yarn/cache/react-draggable-npm-4.2.0-81d9a02cef-b4401fe677.zip and /dev/null differ
diff --git a/.yarn/cache/react-draggable-npm-4.4.3-3b4a1d595e-94d3d5f0e7.zip b/.yarn/cache/react-draggable-npm-4.4.3-3b4a1d595e-94d3d5f0e7.zip
new file mode 100644
index 000000000000..2c8fc5b4823d
Binary files /dev/null and b/.yarn/cache/react-draggable-npm-4.4.3-3b4a1d595e-94d3d5f0e7.zip differ
diff --git a/.yarn/cache/react-element-to-jsx-string-npm-14.3.1-b81a973f13-f8786b4fd0.zip b/.yarn/cache/react-element-to-jsx-string-npm-14.3.1-b81a973f13-f8786b4fd0.zip
deleted file mode 100644
index 42161dc6b220..000000000000
Binary files a/.yarn/cache/react-element-to-jsx-string-npm-14.3.1-b81a973f13-f8786b4fd0.zip and /dev/null differ
diff --git a/.yarn/cache/react-element-to-jsx-string-npm-14.3.2-bf814dec54-d1b8273e1d.zip b/.yarn/cache/react-element-to-jsx-string-npm-14.3.2-bf814dec54-d1b8273e1d.zip
new file mode 100644
index 000000000000..e6e274b67eaf
Binary files /dev/null and b/.yarn/cache/react-element-to-jsx-string-npm-14.3.2-bf814dec54-d1b8273e1d.zip differ
diff --git a/.yarn/cache/react-error-overlay-npm-6.0.4-3a0a863e55-5e8e81307b.zip b/.yarn/cache/react-error-overlay-npm-6.0.4-3a0a863e55-5e8e81307b.zip
deleted file mode 100644
index d5c45150998f..000000000000
Binary files a/.yarn/cache/react-error-overlay-npm-6.0.4-3a0a863e55-5e8e81307b.zip and /dev/null differ
diff --git a/.yarn/cache/react-error-overlay-npm-6.0.9-96e7e1e53a-695853bc88.zip b/.yarn/cache/react-error-overlay-npm-6.0.9-96e7e1e53a-695853bc88.zip
new file mode 100644
index 000000000000..5f9512c2457e
Binary files /dev/null and b/.yarn/cache/react-error-overlay-npm-6.0.9-96e7e1e53a-695853bc88.zip differ
diff --git a/.yarn/cache/react-fast-compare-npm-2.0.4-ab3f6356e2-06046595f9.zip b/.yarn/cache/react-fast-compare-npm-2.0.4-ab3f6356e2-06046595f9.zip
deleted file mode 100644
index eea86e9b8fcd..000000000000
Binary files a/.yarn/cache/react-fast-compare-npm-2.0.4-ab3f6356e2-06046595f9.zip and /dev/null differ
diff --git a/.yarn/cache/react-fast-compare-npm-3.2.0-fbfa6627d9-8ef272c825.zip b/.yarn/cache/react-fast-compare-npm-3.2.0-fbfa6627d9-8ef272c825.zip
new file mode 100644
index 000000000000..ac22b4a33dfe
Binary files /dev/null and b/.yarn/cache/react-fast-compare-npm-3.2.0-fbfa6627d9-8ef272c825.zip differ
diff --git a/.yarn/cache/react-helmet-async-npm-1.0.4-5dd1e66a63-803f752b22.zip b/.yarn/cache/react-helmet-async-npm-1.0.4-5dd1e66a63-803f752b22.zip
deleted file mode 100644
index 031698b3d490..000000000000
Binary files a/.yarn/cache/react-helmet-async-npm-1.0.4-5dd1e66a63-803f752b22.zip and /dev/null differ
diff --git a/.yarn/cache/react-helmet-async-npm-1.0.9-3a518fa741-e7fbc50834.zip b/.yarn/cache/react-helmet-async-npm-1.0.9-3a518fa741-e7fbc50834.zip
new file mode 100644
index 000000000000..48bab6c4568b
Binary files /dev/null and b/.yarn/cache/react-helmet-async-npm-1.0.9-3a518fa741-e7fbc50834.zip differ
diff --git a/.yarn/cache/react-inspector-npm-5.1.1-20c125b3fd-ca9e4c1fed.zip b/.yarn/cache/react-inspector-npm-5.1.1-20c125b3fd-ca9e4c1fed.zip
new file mode 100644
index 000000000000..8d66a0f851bb
Binary files /dev/null and b/.yarn/cache/react-inspector-npm-5.1.1-20c125b3fd-ca9e4c1fed.zip differ
diff --git a/.yarn/cache/react-popper-npm-2.2.5-6e86e4bf1e-915fcf08e1.zip b/.yarn/cache/react-popper-npm-2.2.5-6e86e4bf1e-915fcf08e1.zip
new file mode 100644
index 000000000000..7bff8eed5a8a
Binary files /dev/null and b/.yarn/cache/react-popper-npm-2.2.5-6e86e4bf1e-915fcf08e1.zip differ
diff --git a/.yarn/cache/react-popper-tooltip-npm-3.1.1-c2261b0eab-c820122a4f.zip b/.yarn/cache/react-popper-tooltip-npm-3.1.1-c2261b0eab-c820122a4f.zip
new file mode 100644
index 000000000000..f9a610ddcb25
Binary files /dev/null and b/.yarn/cache/react-popper-tooltip-npm-3.1.1-c2261b0eab-c820122a4f.zip differ
diff --git a/.yarn/cache/react-refresh-npm-0.8.3-9b3fb3900b-3cffe5a9cb.zip b/.yarn/cache/react-refresh-npm-0.8.3-9b3fb3900b-3cffe5a9cb.zip
new file mode 100644
index 000000000000..e2e46444fd51
Binary files /dev/null and b/.yarn/cache/react-refresh-npm-0.8.3-9b3fb3900b-3cffe5a9cb.zip differ
diff --git a/.yarn/cache/react-sizeme-npm-3.0.1-a6c1086d9b-58ec9166dc.zip b/.yarn/cache/react-sizeme-npm-3.0.1-a6c1086d9b-58ec9166dc.zip
new file mode 100644
index 000000000000..c53ed3ec355c
Binary files /dev/null and b/.yarn/cache/react-sizeme-npm-3.0.1-a6c1086d9b-58ec9166dc.zip differ
diff --git a/.yarn/cache/react-syntax-highlighter-npm-13.5.3-fe40d3f7c4-fa03880a88.zip b/.yarn/cache/react-syntax-highlighter-npm-13.5.3-fe40d3f7c4-fa03880a88.zip
new file mode 100644
index 000000000000..3029279779fa
Binary files /dev/null and b/.yarn/cache/react-syntax-highlighter-npm-13.5.3-fe40d3f7c4-fa03880a88.zip differ
diff --git a/.yarn/cache/react-textarea-autosize-npm-8.3.2-89e77959f9-c474e955ff.zip b/.yarn/cache/react-textarea-autosize-npm-8.3.2-89e77959f9-c474e955ff.zip
new file mode 100644
index 000000000000..4325d034c771
Binary files /dev/null and b/.yarn/cache/react-textarea-autosize-npm-8.3.2-89e77959f9-c474e955ff.zip differ
diff --git a/.yarn/cache/refractor-npm-3.3.1-f13a777312-c42d53c3a1.zip b/.yarn/cache/refractor-npm-3.3.1-f13a777312-c42d53c3a1.zip
new file mode 100644
index 000000000000..4f1f1f288fd0
Binary files /dev/null and b/.yarn/cache/refractor-npm-3.3.1-f13a777312-c42d53c3a1.zip differ
diff --git a/.yarn/cache/remark-external-links-npm-8.0.0-3d5c9bcaf8-48c4a41fe3.zip b/.yarn/cache/remark-external-links-npm-8.0.0-3d5c9bcaf8-48c4a41fe3.zip
new file mode 100644
index 000000000000..c06f783d2ab8
Binary files /dev/null and b/.yarn/cache/remark-external-links-npm-8.0.0-3d5c9bcaf8-48c4a41fe3.zip differ
diff --git a/.yarn/cache/remark-footnotes-npm-1.0.0-5838b0076c-5f13b0719a.zip b/.yarn/cache/remark-footnotes-npm-1.0.0-5838b0076c-5f13b0719a.zip
deleted file mode 100644
index 4bceced1ed12..000000000000
Binary files a/.yarn/cache/remark-footnotes-npm-1.0.0-5838b0076c-5f13b0719a.zip and /dev/null differ
diff --git a/.yarn/cache/remark-footnotes-npm-2.0.0-b0be266d8e-f2f87ffd6f.zip b/.yarn/cache/remark-footnotes-npm-2.0.0-b0be266d8e-f2f87ffd6f.zip
new file mode 100644
index 000000000000..01a40217d41e
Binary files /dev/null and b/.yarn/cache/remark-footnotes-npm-2.0.0-b0be266d8e-f2f87ffd6f.zip differ
diff --git a/.yarn/cache/remark-mdx-npm-1.6.14-084dec8fe8-dd858d9f78.zip b/.yarn/cache/remark-mdx-npm-1.6.22-655a2ee6b4-45e62f8a82.zip
similarity index 71%
rename from .yarn/cache/remark-mdx-npm-1.6.14-084dec8fe8-dd858d9f78.zip
rename to .yarn/cache/remark-mdx-npm-1.6.22-655a2ee6b4-45e62f8a82.zip
index 00d253e6f1ce..efe229ea6645 100644
Binary files a/.yarn/cache/remark-mdx-npm-1.6.14-084dec8fe8-dd858d9f78.zip and b/.yarn/cache/remark-mdx-npm-1.6.22-655a2ee6b4-45e62f8a82.zip differ
diff --git a/.yarn/cache/remark-slug-npm-6.0.0-252bf0c8d7-d85614a0fd.zip b/.yarn/cache/remark-slug-npm-6.0.0-252bf0c8d7-d85614a0fd.zip
new file mode 100644
index 000000000000..ae9faf5d9e0f
Binary files /dev/null and b/.yarn/cache/remark-slug-npm-6.0.0-252bf0c8d7-d85614a0fd.zip differ
diff --git a/.yarn/cache/rtlcss-npm-3.1.2-3f64d61b6c-b47122cb69.zip b/.yarn/cache/rtlcss-npm-3.1.2-3f64d61b6c-b47122cb69.zip
new file mode 100644
index 000000000000..206ffb45a020
Binary files /dev/null and b/.yarn/cache/rtlcss-npm-3.1.2-3f64d61b6c-b47122cb69.zip differ
diff --git a/.yarn/cache/schema-utils-npm-2.6.6-31a26805d3-c749222a70.zip b/.yarn/cache/schema-utils-npm-2.6.6-31a26805d3-c749222a70.zip
deleted file mode 100644
index 92854b9d9646..000000000000
Binary files a/.yarn/cache/schema-utils-npm-2.6.6-31a26805d3-c749222a70.zip and /dev/null differ
diff --git a/.yarn/cache/schema-utils-npm-2.7.0-b668f12427-8889325b0e.zip b/.yarn/cache/schema-utils-npm-2.7.0-b668f12427-8889325b0e.zip
new file mode 100644
index 000000000000..4b30c901bb33
Binary files /dev/null and b/.yarn/cache/schema-utils-npm-2.7.0-b668f12427-8889325b0e.zip differ
diff --git a/.yarn/cache/schema-utils-npm-2.7.1-f84d18c473-32c62fc9e2.zip b/.yarn/cache/schema-utils-npm-2.7.1-f84d18c473-32c62fc9e2.zip
new file mode 100644
index 000000000000..696f0c4de528
Binary files /dev/null and b/.yarn/cache/schema-utils-npm-2.7.1-f84d18c473-32c62fc9e2.zip differ
diff --git a/.yarn/cache/semver-npm-7.3.4-4c3baf0ead-96451bfd7c.zip b/.yarn/cache/semver-npm-7.3.5-618cf5db6a-5eafe6102b.zip
similarity index 90%
rename from .yarn/cache/semver-npm-7.3.4-4c3baf0ead-96451bfd7c.zip
rename to .yarn/cache/semver-npm-7.3.5-618cf5db6a-5eafe6102b.zip
index 96eaa7f2aea1..edf672738402 100644
Binary files a/.yarn/cache/semver-npm-7.3.4-4c3baf0ead-96451bfd7c.zip and b/.yarn/cache/semver-npm-7.3.5-618cf5db6a-5eafe6102b.zip differ
diff --git a/.yarn/cache/side-channel-npm-1.0.2-4a96e8cdd9-ddadc83375.zip b/.yarn/cache/side-channel-npm-1.0.2-4a96e8cdd9-ddadc83375.zip
deleted file mode 100644
index 0a4279817bdf..000000000000
Binary files a/.yarn/cache/side-channel-npm-1.0.2-4a96e8cdd9-ddadc83375.zip and /dev/null differ
diff --git a/.yarn/cache/side-channel-npm-1.0.4-e1f38b9e06-351e41b947.zip b/.yarn/cache/side-channel-npm-1.0.4-e1f38b9e06-351e41b947.zip
new file mode 100644
index 000000000000..3761d6122054
Binary files /dev/null and b/.yarn/cache/side-channel-npm-1.0.4-e1f38b9e06-351e41b947.zip differ
diff --git a/.yarn/cache/sisteransi-npm-1.0.4-27233d9b2c-099b97ee2e.zip b/.yarn/cache/sisteransi-npm-1.0.5-af60cc0cfa-aba6438f46.zip
similarity index 81%
rename from .yarn/cache/sisteransi-npm-1.0.4-27233d9b2c-099b97ee2e.zip
rename to .yarn/cache/sisteransi-npm-1.0.5-af60cc0cfa-aba6438f46.zip
index 0720112e660f..606f0db3b78a 100644
Binary files a/.yarn/cache/sisteransi-npm-1.0.4-27233d9b2c-099b97ee2e.zip and b/.yarn/cache/sisteransi-npm-1.0.5-af60cc0cfa-aba6438f46.zip differ
diff --git a/.yarn/cache/stackframe-npm-1.2.0-89ca050ce4-37d659bdd5.zip b/.yarn/cache/stackframe-npm-1.2.0-89ca050ce4-37d659bdd5.zip
new file mode 100644
index 000000000000..db88d9d556ed
Binary files /dev/null and b/.yarn/cache/stackframe-npm-1.2.0-89ca050ce4-37d659bdd5.zip differ
diff --git a/.yarn/cache/store2-npm-2.10.0-6878731711-caac998d01.zip b/.yarn/cache/store2-npm-2.10.0-6878731711-caac998d01.zip
deleted file mode 100644
index afcc39b7c217..000000000000
Binary files a/.yarn/cache/store2-npm-2.10.0-6878731711-caac998d01.zip and /dev/null differ
diff --git a/.yarn/cache/store2-npm-2.12.0-79733c8c4f-dd4184a677.zip b/.yarn/cache/store2-npm-2.12.0-79733c8c4f-dd4184a677.zip
new file mode 100644
index 000000000000..e6a88c35cd04
Binary files /dev/null and b/.yarn/cache/store2-npm-2.12.0-79733c8c4f-dd4184a677.zip differ
diff --git a/.yarn/cache/strip-json-comments-npm-3.0.1-e4be5b9ca1-2b860124c0.zip b/.yarn/cache/strip-json-comments-npm-3.0.1-e4be5b9ca1-2b860124c0.zip
deleted file mode 100644
index e013d905c4ed..000000000000
Binary files a/.yarn/cache/strip-json-comments-npm-3.0.1-e4be5b9ca1-2b860124c0.zip and /dev/null differ
diff --git a/.yarn/cache/strip-json-comments-npm-3.1.1-dcb2324823-492f73e272.zip b/.yarn/cache/strip-json-comments-npm-3.1.1-dcb2324823-492f73e272.zip
new file mode 100644
index 000000000000..e74ed10a6fad
Binary files /dev/null and b/.yarn/cache/strip-json-comments-npm-3.1.1-dcb2324823-492f73e272.zip differ
diff --git a/.yarn/cache/style-loader-npm-1.1.3-d7b74fe8b4-1a0b3de428.zip b/.yarn/cache/style-loader-npm-1.1.3-d7b74fe8b4-1a0b3de428.zip
deleted file mode 100644
index fd772027b211..000000000000
Binary files a/.yarn/cache/style-loader-npm-1.1.3-d7b74fe8b4-1a0b3de428.zip and /dev/null differ
diff --git a/.yarn/cache/style-loader-npm-1.3.0-2047b33843-1be9e87053.zip b/.yarn/cache/style-loader-npm-1.3.0-2047b33843-1be9e87053.zip
new file mode 100644
index 000000000000..2e05b8c3ae74
Binary files /dev/null and b/.yarn/cache/style-loader-npm-1.3.0-2047b33843-1be9e87053.zip differ
diff --git a/.yarn/cache/style-loader-npm-2.0.0-b9a5c4a2aa-21425246a5.zip b/.yarn/cache/style-loader-npm-2.0.0-b9a5c4a2aa-21425246a5.zip
new file mode 100644
index 000000000000..e8893b6b5f50
Binary files /dev/null and b/.yarn/cache/style-loader-npm-2.0.0-b9a5c4a2aa-21425246a5.zip differ
diff --git a/.yarn/cache/telejson-npm-5.1.1-e8ba8fa70d-aad3229482.zip b/.yarn/cache/telejson-npm-5.1.1-e8ba8fa70d-aad3229482.zip
new file mode 100644
index 000000000000..eb735b4a34e1
Binary files /dev/null and b/.yarn/cache/telejson-npm-5.1.1-e8ba8fa70d-aad3229482.zip differ
diff --git a/.yarn/cache/terser-npm-4.6.3-2d5ec0f5e8-d3a656ce2a.zip b/.yarn/cache/terser-npm-4.6.3-2d5ec0f5e8-d3a656ce2a.zip
deleted file mode 100644
index b3df266851de..000000000000
Binary files a/.yarn/cache/terser-npm-4.6.3-2d5ec0f5e8-d3a656ce2a.zip and /dev/null differ
diff --git a/.yarn/cache/terser-npm-4.8.0-272e3d2592-f980789097.zip b/.yarn/cache/terser-npm-4.8.0-272e3d2592-f980789097.zip
new file mode 100644
index 000000000000..7bb84c68831a
Binary files /dev/null and b/.yarn/cache/terser-npm-4.8.0-272e3d2592-f980789097.zip differ
diff --git a/.yarn/cache/terser-webpack-plugin-npm-3.1.0-86bea3e531-1633a716b6.zip b/.yarn/cache/terser-webpack-plugin-npm-3.1.0-86bea3e531-1633a716b6.zip
new file mode 100644
index 000000000000..54eb0d8b93af
Binary files /dev/null and b/.yarn/cache/terser-webpack-plugin-npm-3.1.0-86bea3e531-1633a716b6.zip differ
diff --git a/.yarn/cache/throttle-debounce-npm-3.0.1-1785e6b767-e34ef638e8.zip b/.yarn/cache/throttle-debounce-npm-3.0.1-1785e6b767-e34ef638e8.zip
new file mode 100644
index 000000000000..c383130b7a18
Binary files /dev/null and b/.yarn/cache/throttle-debounce-npm-3.0.1-1785e6b767-e34ef638e8.zip differ
diff --git a/.yarn/cache/trim-lines-npm-1.1.3-991d3574ff-88f0de2424.zip b/.yarn/cache/trim-lines-npm-1.1.3-991d3574ff-88f0de2424.zip
deleted file mode 100644
index 6ceaf59d9f60..000000000000
Binary files a/.yarn/cache/trim-lines-npm-1.1.3-991d3574ff-88f0de2424.zip and /dev/null differ
diff --git a/.yarn/cache/ts-essentials-npm-2.0.12-2c553d7b88-e46916ef44.zip b/.yarn/cache/ts-essentials-npm-2.0.12-2c553d7b88-e46916ef44.zip
new file mode 100644
index 000000000000..1c3e2f828cc6
Binary files /dev/null and b/.yarn/cache/ts-essentials-npm-2.0.12-2c553d7b88-e46916ef44.zip differ
diff --git a/.yarn/cache/ts-pnp-npm-1.1.5-516fafd699-05a3131494.zip b/.yarn/cache/ts-pnp-npm-1.2.0-43620de7df-c2a698b85d.zip
similarity index 52%
rename from .yarn/cache/ts-pnp-npm-1.1.5-516fafd699-05a3131494.zip
rename to .yarn/cache/ts-pnp-npm-1.2.0-43620de7df-c2a698b85d.zip
index 6a179c49b610..2ca7503678bf 100644
Binary files a/.yarn/cache/ts-pnp-npm-1.1.5-516fafd699-05a3131494.zip and b/.yarn/cache/ts-pnp-npm-1.2.0-43620de7df-c2a698b85d.zip differ
diff --git a/.yarn/cache/tslib-npm-2.1.0-81c9ac9b82-aa189c8179.zip b/.yarn/cache/tslib-npm-2.1.0-81c9ac9b82-aa189c8179.zip
deleted file mode 100644
index 88d2e3b1d61f..000000000000
Binary files a/.yarn/cache/tslib-npm-2.1.0-81c9ac9b82-aa189c8179.zip and /dev/null differ
diff --git a/.yarn/cache/tslib-npm-2.2.0-e83a07daa5-a48c9639f7.zip b/.yarn/cache/tslib-npm-2.2.0-e83a07daa5-a48c9639f7.zip
new file mode 100644
index 000000000000..571a3abacd51
Binary files /dev/null and b/.yarn/cache/tslib-npm-2.2.0-e83a07daa5-a48c9639f7.zip differ
diff --git a/.yarn/cache/ua-parser-js-npm-0.7.21-b6acc81503-5c1f523e78.zip b/.yarn/cache/ua-parser-js-npm-0.7.21-b6acc81503-5c1f523e78.zip
deleted file mode 100644
index 395e137347fa..000000000000
Binary files a/.yarn/cache/ua-parser-js-npm-0.7.21-b6acc81503-5c1f523e78.zip and /dev/null differ
diff --git a/.yarn/cache/unfetch-npm-4.1.0-400b98ec2c-8a0fee1e0f.zip b/.yarn/cache/unfetch-npm-4.1.0-400b98ec2c-8a0fee1e0f.zip
deleted file mode 100644
index e9540057d9ae..000000000000
Binary files a/.yarn/cache/unfetch-npm-4.1.0-400b98ec2c-8a0fee1e0f.zip and /dev/null differ
diff --git a/.yarn/cache/unfetch-npm-4.2.0-7c13351021-6a4b2557e1.zip b/.yarn/cache/unfetch-npm-4.2.0-7c13351021-6a4b2557e1.zip
new file mode 100644
index 000000000000..292f74836b5b
Binary files /dev/null and b/.yarn/cache/unfetch-npm-4.2.0-7c13351021-6a4b2557e1.zip differ
diff --git a/.yarn/cache/unified-npm-9.0.0-ac937e8c5d-59406bd5d2.zip b/.yarn/cache/unified-npm-9.0.0-ac937e8c5d-59406bd5d2.zip
deleted file mode 100644
index 496d481cc553..000000000000
Binary files a/.yarn/cache/unified-npm-9.0.0-ac937e8c5d-59406bd5d2.zip and /dev/null differ
diff --git a/.yarn/cache/unified-npm-9.2.0-2edf64a14a-0cac4ae119.zip b/.yarn/cache/unified-npm-9.2.0-2edf64a14a-0cac4ae119.zip
new file mode 100644
index 000000000000..1ba6e0186bf5
Binary files /dev/null and b/.yarn/cache/unified-npm-9.2.0-2edf64a14a-0cac4ae119.zip differ
diff --git a/.yarn/cache/uniq-npm-1.0.1-5cab2dd0f3-8206535f83.zip b/.yarn/cache/uniq-npm-1.0.1-5cab2dd0f3-8206535f83.zip
deleted file mode 100644
index 5c47c64e897c..000000000000
Binary files a/.yarn/cache/uniq-npm-1.0.1-5cab2dd0f3-8206535f83.zip and /dev/null differ
diff --git a/.yarn/cache/universalify-npm-2.0.0-03b8b418a8-2406a4edf4.zip b/.yarn/cache/universalify-npm-2.0.0-03b8b418a8-2406a4edf4.zip
new file mode 100644
index 000000000000..fa6b36b077ad
Binary files /dev/null and b/.yarn/cache/universalify-npm-2.0.0-03b8b418a8-2406a4edf4.zip differ
diff --git a/.yarn/cache/url-loader-npm-4.1.1-568e22ebcb-c1122a992c.zip b/.yarn/cache/url-loader-npm-4.1.1-568e22ebcb-c1122a992c.zip
new file mode 100644
index 000000000000..5df044bb8e09
Binary files /dev/null and b/.yarn/cache/url-loader-npm-4.1.1-568e22ebcb-c1122a992c.zip differ
diff --git a/.yarn/cache/use-composed-ref-npm-1.1.0-58fb6d3191-b438c1577e.zip b/.yarn/cache/use-composed-ref-npm-1.1.0-58fb6d3191-b438c1577e.zip
new file mode 100644
index 000000000000..6c7b31ce66f1
Binary files /dev/null and b/.yarn/cache/use-composed-ref-npm-1.1.0-58fb6d3191-b438c1577e.zip differ
diff --git a/.yarn/cache/use-isomorphic-layout-effect-npm-1.1.1-f64e49c61c-fd9061817d.zip b/.yarn/cache/use-isomorphic-layout-effect-npm-1.1.1-f64e49c61c-fd9061817d.zip
new file mode 100644
index 000000000000..8ffed5a3b20d
Binary files /dev/null and b/.yarn/cache/use-isomorphic-layout-effect-npm-1.1.1-f64e49c61c-fd9061817d.zip differ
diff --git a/.yarn/cache/use-latest-npm-1.2.0-1bf12d0fd7-f0cb3a4911.zip b/.yarn/cache/use-latest-npm-1.2.0-1bf12d0fd7-f0cb3a4911.zip
new file mode 100644
index 000000000000..2b9d0260e9fb
Binary files /dev/null and b/.yarn/cache/use-latest-npm-1.2.0-1bf12d0fd7-f0cb3a4911.zip differ
diff --git a/.yarn/cache/uuid-browser-npm-3.1.0-3093ffe072-951ec47593.zip b/.yarn/cache/uuid-browser-npm-3.1.0-3093ffe072-951ec47593.zip
new file mode 100644
index 000000000000..065d3b94a2bc
Binary files /dev/null and b/.yarn/cache/uuid-browser-npm-3.1.0-3093ffe072-951ec47593.zip differ
diff --git a/.yarn/cache/watchpack-chokidar2-npm-2.0.1-ebd158dbea-acf0f9ebca.zip b/.yarn/cache/watchpack-chokidar2-npm-2.0.1-ebd158dbea-acf0f9ebca.zip
new file mode 100644
index 000000000000..b8a7f2c45dc8
Binary files /dev/null and b/.yarn/cache/watchpack-chokidar2-npm-2.0.1-ebd158dbea-acf0f9ebca.zip differ
diff --git a/.yarn/cache/watchpack-npm-1.6.0-2e77885616-71ae3170b1.zip b/.yarn/cache/watchpack-npm-1.6.0-2e77885616-71ae3170b1.zip
deleted file mode 100644
index c6c25e4f2fd6..000000000000
Binary files a/.yarn/cache/watchpack-npm-1.6.0-2e77885616-71ae3170b1.zip and /dev/null differ
diff --git a/.yarn/cache/watchpack-npm-1.7.5-8e26730caf-8b7cb8c8df.zip b/.yarn/cache/watchpack-npm-1.7.5-8e26730caf-8b7cb8c8df.zip
new file mode 100644
index 000000000000..5da40745ab19
Binary files /dev/null and b/.yarn/cache/watchpack-npm-1.7.5-8e26730caf-8b7cb8c8df.zip differ
diff --git a/.yarn/cache/webpack-dev-middleware-npm-3.7.2-4f005aab9a-d7320d7a8c.zip b/.yarn/cache/webpack-dev-middleware-npm-3.7.3-3986f4156e-faa3cdd7b8.zip
similarity index 83%
rename from .yarn/cache/webpack-dev-middleware-npm-3.7.2-4f005aab9a-d7320d7a8c.zip
rename to .yarn/cache/webpack-dev-middleware-npm-3.7.3-3986f4156e-faa3cdd7b8.zip
index 7af46ad31d79..9923f60853c2 100644
Binary files a/.yarn/cache/webpack-dev-middleware-npm-3.7.2-4f005aab9a-d7320d7a8c.zip and b/.yarn/cache/webpack-dev-middleware-npm-3.7.3-3986f4156e-faa3cdd7b8.zip differ
diff --git a/.yarn/cache/webpack-filter-warnings-plugin-npm-1.2.1-ca53bfdfcb-91d853596d.zip b/.yarn/cache/webpack-filter-warnings-plugin-npm-1.2.1-ca53bfdfcb-91d853596d.zip
new file mode 100644
index 000000000000..aef93b578447
Binary files /dev/null and b/.yarn/cache/webpack-filter-warnings-plugin-npm-1.2.1-ca53bfdfcb-91d853596d.zip differ
diff --git a/.yarn/cache/webpack-npm-4.41.5-ec6f53e9d3-af10da375f.zip b/.yarn/cache/webpack-npm-4.46.0-a8158cfa7f-013fa24c00.zip
similarity index 75%
rename from .yarn/cache/webpack-npm-4.41.5-ec6f53e9d3-af10da375f.zip
rename to .yarn/cache/webpack-npm-4.46.0-a8158cfa7f-013fa24c00.zip
index d9f155fe4231..fe3542b78e60 100644
Binary files a/.yarn/cache/webpack-npm-4.41.5-ec6f53e9d3-af10da375f.zip and b/.yarn/cache/webpack-npm-4.46.0-a8158cfa7f-013fa24c00.zip differ
diff --git a/.yarn/cache/webpack-virtual-modules-npm-0.2.1-076dad5a8b-d413c3cd4e.zip b/.yarn/cache/webpack-virtual-modules-npm-0.2.1-076dad5a8b-d413c3cd4e.zip
deleted file mode 100644
index 876f71b1ddcf..000000000000
Binary files a/.yarn/cache/webpack-virtual-modules-npm-0.2.1-076dad5a8b-d413c3cd4e.zip and /dev/null differ
diff --git a/.yarn/cache/webpack-virtual-modules-npm-0.2.2-1f43412872-38706eb5ff.zip b/.yarn/cache/webpack-virtual-modules-npm-0.2.2-1f43412872-38706eb5ff.zip
new file mode 100644
index 000000000000..9a39d6d849ba
Binary files /dev/null and b/.yarn/cache/webpack-virtual-modules-npm-0.2.2-1f43412872-38706eb5ff.zip differ
diff --git a/.yarn/cache/yaml-npm-1.10.2-0e780aebdf-ce4ada136e.zip b/.yarn/cache/yaml-npm-1.10.2-0e780aebdf-ce4ada136e.zip
new file mode 100644
index 000000000000..bb28507cd0fc
Binary files /dev/null and b/.yarn/cache/yaml-npm-1.10.2-0e780aebdf-ce4ada136e.zip differ
diff --git a/.yarn/cache/yaml-npm-1.7.2-8eb17ef93f-250e743eba.zip b/.yarn/cache/yaml-npm-1.7.2-8eb17ef93f-250e743eba.zip
deleted file mode 100644
index 0fccc71b3e43..000000000000
Binary files a/.yarn/cache/yaml-npm-1.7.2-8eb17ef93f-250e743eba.zip and /dev/null differ
diff --git a/.yarn/cache/yocto-queue-npm-0.1.0-c6c9a7db29-f77b3d8d00.zip b/.yarn/cache/yocto-queue-npm-0.1.0-c6c9a7db29-f77b3d8d00.zip
new file mode 100644
index 000000000000..f56730df0016
Binary files /dev/null and b/.yarn/cache/yocto-queue-npm-0.1.0-c6c9a7db29-f77b3d8d00.zip differ
diff --git a/config/storybook-preset-carbon/package.json b/config/storybook-preset-carbon/package.json
index f6a1fb91ccdd..d5fdc969ebd1 100644
--- a/config/storybook-preset-carbon/package.json
+++ b/config/storybook-preset-carbon/package.json
@@ -29,14 +29,14 @@
"dependencies": {
"@babel/cli": "^7.13.16",
"@babel/core": "^7.14.0",
- "@storybook/addon-actions": "^5.3.19",
- "@storybook/addon-docs": "^5.3.19",
- "@storybook/addon-knobs": "^5.3.19",
- "@storybook/addon-links": "^5.3.19",
- "@storybook/addon-notes": "^5.3.19",
- "@storybook/addon-storysource": "^5.3.19",
- "@storybook/addons": "^5.3.19",
- "@storybook/source-loader": "^5.3.19",
+ "@storybook/addon-actions": "^5.3.21",
+ "@storybook/addon-docs": "^5.3.21",
+ "@storybook/addon-knobs": "^5.3.21",
+ "@storybook/addon-links": "^5.3.21",
+ "@storybook/addon-notes": "^5.3.21",
+ "@storybook/addon-storysource": "^5.3.21",
+ "@storybook/addons": "^5.3.21",
+ "@storybook/source-loader": "^5.3.21",
"fast-sass-loader": "^1.5.0",
"react-is": "^16.8.6",
"sass": "^1.32.2",
@@ -44,7 +44,7 @@
"storybook-readme": "^5.0.8"
},
"devDependencies": {
- "@storybook/react": "^5.3.19",
+ "@storybook/react": "^5.3.21",
"babel-loader": "^8.2.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
diff --git a/docs/guides/release-partners.md b/docs/guides/release-partners.md
new file mode 100644
index 000000000000..d2f94281297f
--- /dev/null
+++ b/docs/guides/release-partners.md
@@ -0,0 +1,258 @@
+# Release Partner Program
+
+
+
+
+## Table of Contents
+
+- [About](#about)
+- [Timeline](#timeline)
+- [Updates](#updates)
+ - [May 13th, 2021](#may-13th-2021)
+ - [What's changed](#whats-changed)
+ - [Design Tokens](#design-tokens)
+ - [Component `size` prop](#component-size-prop)
+ - [CSS Grid](#css-grid)
+ - [Icon updates](#icon-updates)
+ - [Spacing token updates](#spacing-token-updates)
+ - [What's coming up](#whats-coming-up)
+
+
+
+
+## About
+
+This document is for teams participating in our 2021 Release Partner Program for
+the Carbon v11 release. To learn more about this program or find out how to
+apply, visit our guide
+[here](https://github.com/carbon-design-system/carbon/wiki/Release-Partner-Program).
+
+## Timeline
+
+**Note: all dates are an estimate and can be changed**
+
+| Date | Release | Status |
+| --------------------------- | ---------------- | ----------------- |
+| Alpha release | April 15th, 2021 | Published |
+| Beta release | May 13th, 2021 | Under development |
+| Release Candidate 0 release | June 10th, 2021 | Not published |
+| Stable release | July 1st, 2021 | Not published |
+
+## Updates
+
+### May 13th, 2021
+
+This is our first beta release for Carbon v11
+🎉
+
+Our goal with this release was to present release partners with the
+documentation and support needed to preview the functionality we've accomplished
+so far for Carbon v11.
+
+To get started with the beta release, make sure to download the latest versions
+of `carbon-components` and `carbon-components-react`.
+
+```bash
+npm i carbon-components@^10.35.0 carbon-components-react@^7.35.0
+```
+
+Or, with [Yarn](https://yarnpkg.com/):
+
+```bash
+yarn add carbon-components@^10.35.0 carbon-components-react@^7.35.0
+```
+
+Next, follow our feature flags guide to enable the appropriate feature flags in
+Sass and React. Here's a quick breakdown of the flags that are available and
+what features they correspond with:
+
+| Feature flag | Description |
+| ------------------------------ | --------------------------------------------------------------------------------------------- |
+| `enable-css-custom-properties` | Enable CSS Custom Property support with our design tokens |
+| `enable-css-grid` | Enable CSS Grid support in Sass and with our React components |
+| `enable-v11-release` | The default flag for v11 functionality. Enable for all updates not covered in the flags above |
+
+Once you've enabled these flags, or if you would like to first check out what
+exactly has changed, visit the [changes section](#whats-changed) below.
+
+#### What's changed
+
+For the beta milestone, the following changes have been implemented behind one
+of the feature flags described above. When trying out this functionality, we
+would love to hear any feedback that you might have in our
+[feedback issue](https://github.com/carbon-design-system/carbon/issues/8657).
+
+##### Design Tokens
+
+| Feature flag | Styles | React |
+| -------------------- | ------------------------------------ | ----- |
+| `enable-v11-release` | ✅ | N/A |
+
+All of the updated design tokens for v11 have been added to each theme and are
+used by components. You can use each token today in the same way you use tokens
+from Carbon.
+
+```scss
+@import 'carbon-components/scss/globals/scss/theme';
+
+.my-component {
+ background: $background;
+ color: $text-primary;
+}
+```
+
+For the full list of tokens, visit this link: [Link](https://bit.ly/3bitQLN)
+
+##### Component `size` prop
+
+| Feature flag | Styles | React |
+| -------------------- | -------------- | ------------------------------------ |
+| `enable-v11-release` | No flag needed | ✅ |
+
+The `size` prop in our React codebase was not consistent across components. This
+has been addressed in v11 so that each `size` prop is consistent across the
+codebase. The full set of prop names and sizes is below.
+
+Note: there will be a codemod to help with automatically updating the size prop
+in our next beta release
+
+| Name | Size |
+| ----- | ---- |
+| `xs` | 24px |
+| `sm` | 32px |
+| `md` | 40px |
+| `lg` | 48px |
+| `xl` | 64px |
+| `2xl` | 80px |
+
+The following components have been updated to include this `size` prop change:
+
+- Accordion
+- Button
+- Listbox
+ - Combobox
+ - Dropdown
+ - Multiselect
+ - Filterable Multiselect
+- Content Switcher
+- DatePicker
+- FileUploader
+ - FileUploaderButton
+ - FileUploaderDropContainer
+ - FileUploaderItem
+- Link
+- Modal
+ - ComposedModal
+- Number Input
+- Overflow Menu
+- Search
+- Select
+- Tag
+- Text Input
+- Time Picker
+- Toggle
+
+##### CSS Grid
+
+| Feature flag | Styles | React |
+| ----------------- | ------------------------------------ | ------------------------------------ |
+| `enable-css-grid` | ✅ | ✅ |
+
+Starting in v11, we will switch from a flex-box implementation of our grid to a
+CSS Grid implementation. We have implemented the initial functionality for our
+grid inside of `@carbon/grid`. These styles are a part of the grid exports in
+`carbon-components` when the `enable-css-grid` feature flag is enabled.
+
+In addition, our `Grid` and `Column` components will use the updated CSS class
+names when the `enable-css-grid` is enabled in JavaScript. Their prop usage
+should be identical to the current implementation.
+
+For more information on how to use the `Grid` and `Column` components in React,
+check our documentation here (TODO link).
+
+##### Icon updates
+
+| Feature flag | Styles | React |
+| --------------- | ------ | ----- |
+| No flags needed | N/A | N/A |
+
+Our icons have been updated to optimize the number of exports from our
+`@carbon/icons-react` package and simplify the usage of each icon component.
+
+In v10, each icon was exported along with its size. For example, we would have
+the following components for the `add` icon: `Add16`, `Add20`, `Add24`, and
+`Add32`. In v11, we will have an `Add` component with a `size` prop, with the
+default size being 16.
+
+You can try out the new icon updates by installing the latest version of
+`@carbon/icons-react`:
+
+```bash
+npm i @carbon/icons-react@^10.32.0
+```
+
+Or, with [Yarn](https://yarnpkg.com/):
+
+```bash
+yarn add @carbon/icons-react@^10.32.0
+```
+
+Next, you should import each icon from the `@carbon/icons-react/next`
+entrypoint. This entrypoint is temporary during v10 and will be moved to
+`@carbon/icons-react` in v11.
+
+For more details on migrating from the v10 icons to v11, check out our
+[migration guide](../migration/11.x-carbon-icons-react.md).
+
+_Note: there will be a codemod to help with automatically updating icon usage in
+our next beta release_
+
+##### Spacing token updates
+
+| Feature flag | Styles | React |
+| --------------- | ------ | ----- |
+| No flags needed | N/A | N/A |
+
+We deprecated our `layout` scale in v10 in preference of a unified spacing
+scale. This change has been made in v10 and requires no updates or feature flags
+in your codebase.
+
+The impact of this change is that the following tokens are deprecated:
+
+- `$layout-01`
+- `$layout-02`
+- `$layout-03`
+- `$layout-04`
+- `$layout-05`
+- `$layout-06`
+- `$layout-07`
+
+And the spacing scale has one new token: `$spacing-13`.
+
+#### What's coming up
+
+Our goal is to release a second beta version of v11 in the next couple of weeks.
+For this milestone, we are looking to ship two key parts of this release:
+
+- The `@carbon/react` package that will become our new entrypoint for developers
+ using React
+- The `@carbon/upgrade` CLI tool for running automated codemods
+
+In addition, this release will include the first beta of the `@carbon/styles`
+package which will be our next package for styles. This package will be
+re-exported by `@carbon/react`.
+
+In addition, our team is either tackling or will begin to tackle the following
+efforts over the next couple of sprints:
+
+- Updates to IBM Plex, moving from Google Fonts to a more robust solution to
+ include more font families and weights, along with the variable font for IBM
+ Plex Sans
+- Inline theming support with our new tokens, including support for zones and
+ the ability to support the layering concepts for our token system
+ - This work should coincide with our UI Shell theming efforts
+- Updates to React, including:
+ - Component accessibility updates to follow WCAG AA 2.1 standards
+ - Tooltip
+ - Notification
+ - Disclosure
diff --git a/docs/migration/v11.x.md b/docs/migration/v11.x.md
new file mode 100644
index 000000000000..0a7962f1b431
--- /dev/null
+++ b/docs/migration/v11.x.md
@@ -0,0 +1,107 @@
+# Carbon v11
+
+**Note: everything in this file is a work-in-progress and will be changed.**
+
+
+
+
+## Table of Contents
+
+- [Timeline](#timeline)
+- [Previewing the release](#previewing-the-release)
+ - [Feature flags](#feature-flags)
+
+
+
+
+
+## Timeline
+
+**Note: all dates are an estimate and can be changed**
+
+| Date | Release | Status |
+| --------------------------- | ---------------- | ----------------- |
+| Alpha release | April 15th, 2021 | Published |
+| Beta release | May 13th, 2021 | Under development |
+| Release Candidate 0 release | June 10th, 2021 | Not published |
+| Stable release | July 1st, 2021 | Not published |
+
+We are breaking up our v11 release into several iterations to get feedback from
+teams before our stable release. If you're interested in helping us out with
+this process, please go through our
+[Release Partner Program](https://github.com/carbon-design-system/carbon/wiki/Release-Partner-Program)
+to learn more about how to participate.
+
+In general, all releases before the release candidate stage will be incomplete
+or unstable. As we get closer to our stable release, we will cut release
+candidates that will reflect our best approximation of v11 at the time of
+publishing.
+
+During each release stage, we're looking to get feedback from teams in our
+[Release Partner Program](https://github.com/carbon-design-system/carbon/wiki/Release-Partner-Program).
+
+## Previewing the release
+
+There are two ways to try out the v11 release of Carbon:
+
+- Feature flags along with the `carbon-components` and `carbon-components-react`
+ packages
+- Using the new packages directly, like `@carbon/react` or `@carbon/styles`
+
+As we near the v11 release, the preference will be to use the `@carbon/react`
+package. However, for the alpha and beta release, full compatibility will not be
+available, so we recommend trying out new features using feature flags.
+
+### Feature flags
+
+Our team makes use of
+[feature flags](https://martinfowler.com/articles/feature-toggles.html) to ship
+new code in our v10 release without breaking existing usage.
+
+To try out features related to the v11 release, you will use the
+`enable-v11-release` flag in both Sass and JavaScript.
+
+To enable this flag in `carbon-components`, you will need to set
+`$feature-flags` before importing `carbon-components`. For example:
+
+```scss
+$feature-flags: (
+ enable-v11-release: true,
+);
+
+@import 'path/to/carbon';
+```
+
+To enable this flag in `carbon-components-react`, you can either set flags
+directly using the `@carbon/feature-flags` package or use the `FeatureFlags`
+component.
+
+**`FeatureFlags`**
+
+```jsx
+import { unstable_FeatureFlags as FeatureFlags } from 'carbon-components-react';
+
+render(
+
+
+
+);
+```
+
+**`@carbon/feature-flags`**
+
+First, create a file called `feature-flags.js` and include the following:
+
+```js
+import * as FeatureFlags from '@carbon/feature-flags';
+
+FeatureFlags.enable('enable-v11-release');
+```
+
+Next, bring in this file as the first import in your project:
+
+```js
+import './feature-flags';
+
+// Import feature flags before any of your application code
+```
diff --git a/packages/carbon-react/.npmignore b/packages/carbon-react/.npmignore
index 81ba1598b971..c77886a156cd 100644
--- a/packages/carbon-react/.npmignore
+++ b/packages/carbon-react/.npmignore
@@ -1,4 +1,4 @@
**/__mocks__/**
**/__tests__/**
**/examples/**
-**/tasks/**
\ No newline at end of file
+**/tasks/**
diff --git a/packages/carbon-react/.storybook/.babelrc.js b/packages/carbon-react/.storybook/.babelrc.js
new file mode 100644
index 000000000000..abd383ef5432
--- /dev/null
+++ b/packages/carbon-react/.storybook/.babelrc.js
@@ -0,0 +1,30 @@
+/**
+ * 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 strict';
+
+module.exports = {
+ presets: [
+ [
+ '@babel/preset-env',
+ {
+ modules: false,
+ targets: {
+ browsers: ['extends browserslist-config-carbon'],
+ },
+ },
+ ],
+ '@babel/preset-react',
+ ],
+ plugins: [
+ 'dev-expression',
+ '@babel/plugin-proposal-class-properties',
+ '@babel/plugin-proposal-export-namespace-from',
+ '@babel/plugin-proposal-export-default-from',
+ '@babel/plugin-transform-react-constant-elements',
+ ],
+};
diff --git a/packages/carbon-react/.storybook/Welcome/Welcome.js b/packages/carbon-react/.storybook/Welcome/Welcome.js
new file mode 100644
index 000000000000..d2b8299b9c38
--- /dev/null
+++ b/packages/carbon-react/.storybook/Welcome/Welcome.js
@@ -0,0 +1,24 @@
+/**
+ * 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 bg from './carbon_bg.png';
+import './welcome.scss';
+import PackageInfo from './../../package.json';
+
+export const Welcome = () => {
+ return (
+
+
Carbon Components
+
{`@carbon/react@${PackageInfo.version}`}
+
+ );
+};
diff --git a/packages/carbon-react/.storybook/Welcome/Welcome.mdx b/packages/carbon-react/.storybook/Welcome/Welcome.mdx
new file mode 100644
index 000000000000..223163058c0f
--- /dev/null
+++ b/packages/carbon-react/.storybook/Welcome/Welcome.mdx
@@ -0,0 +1,15 @@
+# Welcome
+
+- [Carbon Website](https://www.carbondesignsystem.com/)
+- [IBM Design Language](https://www.ibm.com/design/language/)
+
+## Other Frameworks
+
+- [Carbon Angular](https://angular.carbondesignsystem.com)
+- [Carbon Vue](http://vue.carbondesignsystem.com)
+
+## Feedback
+
+Help us improve the documentation by providing feedback, asking questions on
+Slack, or updating the mdx files file on
+[GitHub](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components).
diff --git a/packages/carbon-react/.storybook/Welcome/Welcome.stories.js b/packages/carbon-react/.storybook/Welcome/Welcome.stories.js
new file mode 100644
index 000000000000..fb35685917e2
--- /dev/null
+++ b/packages/carbon-react/.storybook/Welcome/Welcome.stories.js
@@ -0,0 +1,24 @@
+/**
+ * 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 { Welcome as Intro } from './Welcome';
+import mdx from './Welcome.mdx';
+
+export default {
+ title: ' Getting Started/Welcome',
+ component: Intro,
+ parameters: {
+ docs: {
+ page: mdx,
+ },
+ },
+};
+
+export const Welcome = () => ;
diff --git a/packages/carbon-react/.storybook/Welcome/carbon_bg.png b/packages/carbon-react/.storybook/Welcome/carbon_bg.png
new file mode 100644
index 000000000000..11c9f0689c0d
Binary files /dev/null and b/packages/carbon-react/.storybook/Welcome/carbon_bg.png differ
diff --git a/packages/carbon-react/.storybook/Welcome/welcome.scss b/packages/carbon-react/.storybook/Welcome/welcome.scss
new file mode 100644
index 000000000000..4ce9e6f81fda
--- /dev/null
+++ b/packages/carbon-react/.storybook/Welcome/welcome.scss
@@ -0,0 +1,22 @@
+// @import '~carbon-components/scss/globals/scss/typography';
+
+.container-welcome {
+ /* stylelint-disable-next-line declaration-no-important */
+ padding: 0 !important;
+}
+
+.welcome__container {
+ width: 100vw;
+ height: 100vh;
+ padding: 3rem;
+}
+
+.welcome__heading {
+ // @include type-style('productive-heading-07');
+
+ // color: $inverse-01;
+}
+
+.welcome__heading--subtitle {
+ font-weight: 600;
+}
diff --git a/packages/react/.storybook/assets/favicon.svg b/packages/carbon-react/.storybook/assets/favicon.svg
similarity index 100%
rename from packages/react/.storybook/assets/favicon.svg
rename to packages/carbon-react/.storybook/assets/favicon.svg
diff --git a/packages/carbon-react/.storybook/main.js b/packages/carbon-react/.storybook/main.js
new file mode 100644
index 000000000000..3e39378c1a69
--- /dev/null
+++ b/packages/carbon-react/.storybook/main.js
@@ -0,0 +1,86 @@
+/**
+ * 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 strict';
+
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+
+module.exports = {
+ addons: [
+ {
+ name: '@storybook/addon-essentials',
+ options: {
+ actions: true,
+ backgrounds: true,
+ controls: true,
+ docs: true,
+ toolbars: true,
+ viewport: true,
+ },
+ },
+ ],
+ stories: [
+ './Welcome/Welcome.stories.js',
+ '../src/**/*.stories.js',
+ '../src/**/*.stories.mdx',
+ ],
+ webpack(config) {
+ config.module.rules.push({
+ test: /\.s?css$/,
+ sideEffects: true,
+ use: [
+ {
+ loader:
+ process.env.NODE_ENV === 'production'
+ ? MiniCssExtractPlugin.loader
+ : 'style-loader',
+ },
+ {
+ loader: 'css-loader',
+ options: {
+ importLoaders: 2,
+ sourceMap: true,
+ },
+ },
+ {
+ loader: 'postcss-loader',
+ options: {
+ postcssOptions: {
+ plugins: [
+ require('postcss-custom-properties')(),
+ require('rtlcss')(),
+ require('autoprefixer')({
+ overrideBrowserslist: ['last 1 version'],
+ }),
+ ],
+ },
+ sourceMap: true,
+ },
+ },
+ {
+ loader: 'sass-loader',
+ options: {
+ additionalData(content) {
+ return content;
+ },
+ sassOptions: {
+ implementation: require('sass'),
+ includePaths: [
+ path.resolve(__dirname, '..', 'node_modules'),
+ path.resolve(__dirname, '..', '..', '..', 'node_modules'),
+ ],
+ },
+ sourceMap: true,
+ },
+ },
+ ],
+ });
+
+ return config;
+ },
+};
diff --git a/packages/carbon-react/.storybook/manager-head.html b/packages/carbon-react/.storybook/manager-head.html
new file mode 100644
index 000000000000..1483874e671a
--- /dev/null
+++ b/packages/carbon-react/.storybook/manager-head.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/carbon-react/.storybook/manager.js b/packages/carbon-react/.storybook/manager.js
new file mode 100644
index 000000000000..9422d4e6647b
--- /dev/null
+++ b/packages/carbon-react/.storybook/manager.js
@@ -0,0 +1,17 @@
+/**
+ * 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 { addons } from '@storybook/addons';
+import theme from './theme';
+
+addons.setConfig({
+ theme,
+});
+
+// These options used by storybook often conflict with developer tools,
+// conditional panels, or other things that get in the way of our workflow
+localStorage.removeItem('@storybook/ui/store');
+localStorage.removeItem('storybook-layout');
diff --git a/packages/carbon-react/.storybook/preview-head.html b/packages/carbon-react/.storybook/preview-head.html
new file mode 100644
index 000000000000..d13f68aa04d6
--- /dev/null
+++ b/packages/carbon-react/.storybook/preview-head.html
@@ -0,0 +1,18 @@
+
diff --git a/packages/carbon-react/.storybook/preview.js b/packages/carbon-react/.storybook/preview.js
new file mode 100644
index 000000000000..ef3abf0ff11d
--- /dev/null
+++ b/packages/carbon-react/.storybook/preview.js
@@ -0,0 +1,90 @@
+/**
+ * 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 '../index.scss';
+
+import { configureActions } from '@storybook/addon-actions';
+import { white, g10, g90, g100 } from '@carbon/themes';
+import React from 'react';
+
+export const globalTypes = {
+ locale: {
+ name: 'Locale',
+ description: 'Set the localization for the storybook',
+ defaultValue: 'en',
+ toolbar: {
+ icon: 'globe',
+ items: [
+ {
+ right: '🇺🇸',
+ title: 'English',
+ value: 'en',
+ },
+ ],
+ },
+ },
+ theme: {
+ name: 'Theme',
+ description: 'Set the global theme for displaying components',
+ defaultValue: 'white',
+ toolbar: {
+ icon: 'circlehollow',
+ items: ['white', 'g10', 'g90', 'g100'],
+ },
+ },
+};
+
+export const parameters = {
+ backgrounds: {
+ // https://storybook.js.org/docs/react/essentials/backgrounds#grid
+ grid: {
+ cellSize: 8,
+ opacity: 0.5,
+ },
+ values: [
+ {
+ name: 'white',
+ value: white.background,
+ },
+ {
+ name: 'g10',
+ value: g10.background,
+ },
+ {
+ name: 'g90',
+ value: g90.background,
+ },
+ {
+ name: 'g100',
+ value: g100.background,
+ },
+ ],
+ },
+ controls: {
+ // https://storybook.js.org/docs/react/essentials/controls#show-full-documentation-for-each-property
+ expanded: true,
+
+ // https://storybook.js.org/docs/react/essentials/controls#specify-initial-preset-color-swatches
+ // presetColors: [],
+
+ // https://storybook.js.org/docs/react/essentials/controls#sorting-controls
+ sort: 'alpha',
+ },
+};
+
+configureActions({
+ depth: 3,
+ limit: 10,
+});
+
+export const decorators = [
+ (Story, context) => {
+ // TODO
+ // const { locale, theme } = context.globals;
+ return ;
+ },
+];
diff --git a/packages/carbon-react/.storybook/theme.js b/packages/carbon-react/.storybook/theme.js
new file mode 100644
index 000000000000..206036aaabce
--- /dev/null
+++ b/packages/carbon-react/.storybook/theme.js
@@ -0,0 +1,57 @@
+/**
+ * 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 { create } from '@storybook/theming';
+import { g10 } from '@carbon/themes';
+import PackageInfo from './../package.json';
+
+const {
+ field01,
+ interactive01,
+ selectedUI,
+ text01,
+ inverse01,
+ ui01,
+ ui03,
+ uiBackground,
+} = g10;
+
+export default create({
+ base: 'light',
+
+ colorPrimary: interactive01,
+ colorSecondary: selectedUI,
+
+ // UI
+ appBg: uiBackground,
+ appContentBg: ui01,
+ appBorderColor: ui03,
+ appBorderRadius: 0,
+
+ // Typography
+ fontBase: '"IBM Plex Sans", sans-serif',
+ fontCode: '"IBM Plex Mono", monospace',
+
+ // Text colors
+ textColor: text01,
+ textInverseColor: inverse01,
+
+ // Toolbar default and active colors
+ barTextColor: text01,
+ barSelectedColor: interactive01,
+ barBg: uiBackground,
+
+ // Form colors
+ inputBg: field01,
+ inputBorder: ui03,
+ inputTextColor: text01,
+ inputBorderRadius: 0,
+
+ brandTitle: `@carbon/react@${PackageInfo.version}`,
+ brandUrl:
+ 'https://github.com/carbon-design-system/carbon/tree/main/packages/carbon-react',
+});
diff --git a/packages/carbon-react/package.json b/packages/carbon-react/package.json
index b67aaed7b5d9..5289b90aa46d 100644
--- a/packages/carbon-react/package.json
+++ b/packages/carbon-react/package.json
@@ -31,7 +31,8 @@
"scripts": {
"build": "yarn clean && node tasks/build.js",
"clean": "rimraf es lib",
- "postinstall": "carbon-telemetry collect --install"
+ "postinstall": "carbon-telemetry collect --install",
+ "storybook": "start-storybook -p 3000"
},
"peerDependencies": {
"react": "^16.8.6 || ^17.0.1",
@@ -56,15 +57,31 @@
"@rollup/plugin-babel": "^5.3.0",
"@rollup/plugin-commonjs": "^18.0.0",
"@rollup/plugin-node-resolve": "^11.2.1",
+ "@storybook/addon-actions": "^6.2.9",
+ "@storybook/addon-docs": "^6.2.9",
+ "@storybook/addon-essentials": "^6.2.9",
+ "@storybook/react": "^6.2.9",
+ "@storybook/theming": "^6.2.9",
+ "autoprefixer": "^10.2.5",
+ "babel-loader": "^8.2.2",
"babel-plugin-dev-expression": "^0.2.2",
"browserslist-config-carbon": "^10.6.1",
+ "css-loader": "^5.2.4",
+ "mini-css-extract-plugin": "^1.6.0",
+ "postcss": "^8.2.14",
+ "postcss-custom-properties": "^11.0.0",
+ "postcss-loader": "4",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"rimraf": "^3.0.2",
"rollup": "^2.46.0",
"rollup-plugin-strip-banner": "^2.0.0",
- "sass": "^1.32.12"
+ "rtlcss": "^3.1.2",
+ "sass": "^1.32.12",
+ "sass-loader": "10",
+ "style-loader": "^2.0.0",
+ "webpack": "4"
},
"sideEffects": [
"es/feature-flags.js",
diff --git a/packages/carbon-react/src/components/Grid/Grid.mdx b/packages/carbon-react/src/components/Grid/Grid.mdx
new file mode 100644
index 000000000000..11430593c8c7
--- /dev/null
+++ b/packages/carbon-react/src/components/Grid/Grid.mdx
@@ -0,0 +1,262 @@
+import { Story, Preview, Props } from '@storybook/addon-docs/blocks';
+
+# Grid
+
+[Source code](https://github.com/carbon-design-system/carbon/tree/main/packages/react/src/components/Grid)
+ |
+[Usage guidelines](https://www.carbondesignsystem.com/guidelines/2x-grid/overview)
+
+
+
+
+## Table of Contents
+
+- [Overview](#overview)
+- [Grid modes](#grid-modes)
+ - [Wide grid](#wide-grid)
+ - [Narrow grid](#narrow-grid)
+ - [Condensed grid](#condensed-grid)
+ - [Mix-and-match](#mix-and-match)
+- [Auto columns](#auto-columns)
+- [Offset columns](#offset-columns)
+- [Component API](#component-api)
+ - [Using the `as` prop](#using-the-as-prop)
+- [FAQ](#faq)
+ - [How can I hide columns at a certain breakpoint?](#how-can-i-hide-columns-at-a-certain-breakpoint)
+ - [Can I nest grid components?](#can-i-nest-grid-components)
+- [Feedback](#feedback)
+
+
+
+
+Carbon's grid components help developers use the
+[2x Grid](https://www.carbondesignsystem.com/guidelines/2x-grid/overview). The
+project provides `Grid`, `Row`, and `Column` components which can be used to
+build a variety of layouts. You can import these components from
+`carbon-components-react`:
+
+```js
+import { Grid, Row, Column } from 'carbon-components-react';
+```
+
+
+
+
+
+## Overview
+
+Every layout starts with the `Grid` component. You can specify a `Grid` at the
+top-level of your project, or at different depths provided that it can span 100%
+width of its container.
+
+Next, you will use a combination of `Row` and `Column`. You can have multiple
+`Row` components in a `Grid`, and multiple `Column` components in a `Row`. Each
+`Row` will contain all the `Column` components provided to it, as long as they
+don't span more columns than the total number of columns in the grid.
+
+To specify how many columns the `Column` component should span, you can use the
+`sm`, `md`, `lg`, `xlg`, or `max` props. These props are shorthand versions of
+the names given to each of the breakpoints defined by the
+[2x Grid](https://www.carbondesignsystem.com/guidelines/2x-grid/implementation/#responsive-options).
+In the example below, we will use the `lg` prop for the large breakpoint and the
+number `4` to specify that each `Column` component should span 4 columns at that
+breakpoint.
+
+```js
+import { Grid, Row, Column } from 'carbon-components-react';
+
+function MyComponent() {
+ return (
+
+
+ Span 4 of 12
+ Span 4 of 12
+ Span 4 of 12
+ Span 4 of 12
+
+
+ );
+}
+```
+
+_Note: by default, `carbon-components` ships with a 12 column grid. You can
+enable a 16 column grid, which will be the default grid in the next major
+version, by using our
+[feature flags in Sass](https://github.com/carbon-design-system/carbon/blob/main/docs/guides/sass.md#feature-flags)._
+
+You can pair up multiple breakpoint props to specify how many columns the
+`Column` component should span at different break points. In the example below,
+we will use the `sm`, `md`, and `lg` prop to specify how many columns the
+`Column` components should span at the small, medium, and large breakpoints.
+
+
+
+
+
+## Grid modes
+
+There are several
+[grid modes](https://www.carbondesignsystem.com/guidelines/2x-grid/implementation/#grid-modes)
+that you can use depending on the layout effect you're looking to achieve. By
+default, `Grid` uses the wide grid mode with a 32px gutter. However, you can use
+the `narrow` or `condensed` props to enable the narrow and condensed grid modes,
+respectively.
+
+The same way that you can pass in `narrow` or `condensed` to the `Grid`
+component, you can also pass in `narrow` or `condensed` to a `Row` component to
+enable a certain grid mode but only for a row. This can be useful when you need
+to mix-and-match certain grid modes to achieve a particular layout.
+
+### Wide grid
+
+
+
+
+
+### Narrow grid
+
+
+
+
+
+### Condensed grid
+
+
+
+
+
+### Mix-and-match
+
+
+
+
+
+## Auto columns
+
+In some situations, you may want your content to span a specific proportion of
+the grid without having to calculate it across every breakpoint. A common
+use-case for this is if you have a row of four cards and want each to span 25%
+width each.
+
+In these situations, you can make use of the auto columns feature of the
+`Column` component. Auto columns is enabled when you do not provide any
+breakpoint props, and it will automatically set each column to a percentage of
+the total available width.
+
+For example, if you have on `Column` component it would span 100%, two `Column`
+components would span 50% each, four `Column` components would span 25% each,
+and so on.
+
+
+
+
+
+## Offset columns
+
+You can offset your `Column` components by a specific amount of columns using
+the object form for each breakpoint prop. This specific prop type allows you to
+pass in an object to each breakpoint prop and this object has two keys, `span`
+and `offset`, which allow you to specify the total numbers of columns the
+`Column` component spans, and how many columns to offset it by.
+
+You can specify either prop in this object form, and can mix-and-match across
+breakpoints. For example, the following snippet will have the `Column` component
+span two columns at the small breakpoint and then four columns at the medium
+breakpoint. At the medium breakpoint, it will be offset by two columns.
+
+```jsx
+
+```
+
+
+
+
+
+## Component API
+
+
+
+### Using the `as` prop
+
+By default, `Grid`, `Row`, and `Column` will render as a `div`. However, you can
+use the `as` prop to change this to another HTML element, or a custom component
+from your project.
+
+In the example below, we use the `as` prop on `Row` to change it from a `div` to
+a `section`. Simililarly, we use the `as` prop on `Column` to change it from a
+`div` to an `article`.
+
+```jsx
+import { Grid, Row, Column } from 'carbon-components-react';
+
+function MyComponent() {
+ return (
+
+
+ Example content
+ Example content
+ Example content
+ Example content
+
+
+ );
+}
+```
+
+You can also provide a custom component to the `as` prop. This custom component
+should accept all props passed to it, like a class name for the column.
+
+```jsx
+import { Grid, Row, Column } from 'carbon-components-react';
+
+function Article({ children, ...rest }) {
+ return {children};
+}
+
+function CustomColumn({ children, ...rest }) {
+ return {children}
+
+ Example content
+ Example content
+ Example content
+ Example content
+
+
+ );
+}
+```
+
+## FAQ
+
+### How can I hide columns at a certain breakpoint?
+
+To hide a column at a specific breakpoint, you should specify 0 for the span of
+the column at that particular breakpoint. For example, you can use the following
+two forms for specifying column span and pass in 0 to either to hide the column
+at the small breakpoint.
+
+```jsx
+
+
+```
+
+### Can I nest grid components?
+
+At the moment, there is no ability to nest grid components. In the future, we
+may take advantage of CSS Grid and
+[subgrid](https://caniuse.com/#feat=css-subgrid) alongside but at the moment we
+are limited in terms of what we can support for nesting.
+
+If you would like to contribute nesting for the grid components available, we
+would love for you to get in touch!
+
+## 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/Grid/Grid.mdx).
diff --git a/packages/carbon-react/src/components/Grid/Grid.stories.js b/packages/carbon-react/src/components/Grid/Grid.stories.js
new file mode 100644
index 000000000000..868cce0f08bb
--- /dev/null
+++ b/packages/carbon-react/src/components/Grid/Grid.stories.js
@@ -0,0 +1,31 @@
+/**
+ * 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 { Grid, Column } from 'carbon-components-react/es/components/Grid';
+import React from 'react';
+import mdx from './Grid.mdx';
+
+export default {
+ title: 'Components/Grid',
+ component: Grid,
+ subcomponents: {
+ Column,
+ },
+ parameters: {
+ docs: {
+ page: mdx,
+ },
+ },
+};
+
+export const Default = () => {
+ return (
+
+ Example
+
+ );
+};
diff --git a/packages/carbon-react/src/components/Grid/index.js b/packages/carbon-react/src/components/Grid/index.js
new file mode 100644
index 000000000000..5c444c336fab
--- /dev/null
+++ b/packages/carbon-react/src/components/Grid/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 { Grid, Column } from 'carbon-components-react';
diff --git a/packages/carbon-react/src/feature-flags.js b/packages/carbon-react/src/feature-flags.js
index 958eb34e5e69..6c2c1baa4dcd 100644
--- a/packages/carbon-react/src/feature-flags.js
+++ b/packages/carbon-react/src/feature-flags.js
@@ -9,4 +9,6 @@ import * as FeatureFlags from '@carbon/feature-flags';
FeatureFlags.merge({
'enable-css-custom-properties': true,
+ 'enable-css-grid': true,
+ 'enable-2021-release': true,
});
diff --git a/packages/carbon-react/src/index.js b/packages/carbon-react/src/index.js
index f9b54671d2c2..e41e40d2d392 100644
--- a/packages/carbon-react/src/index.js
+++ b/packages/carbon-react/src/index.js
@@ -6,6 +6,7 @@
*/
import './feature-flags';
+
export {
Accordion,
AccordionItem,
@@ -61,9 +62,7 @@ export {
FormGroup,
FormItem,
FormLabel,
- Grid,
Row,
- Column,
InlineLoading,
Link,
ListItem,
@@ -199,3 +198,9 @@ export {
unstable_Heading,
unstable_Section,
} from 'carbon-components-react';
+
+export {
+ // Grid
+ Grid,
+ Column,
+} from './components/Grid';
diff --git a/packages/carbon-react/tasks/build.js b/packages/carbon-react/tasks/build.js
index 606ee6a631d5..9ec7a7d85109 100644
--- a/packages/carbon-react/tasks/build.js
+++ b/packages/carbon-react/tasks/build.js
@@ -104,7 +104,7 @@ function getRollupConfig(input) {
transform(_code, id) {
// Make sure to mark feature-flags.js as having side-effects to make
// sure it gets included in the final bundle
- if (id === path.join(__dirname, 'src', 'feature-flags.js')) {
+ if (id === path.join(__dirname, '..', 'src', 'feature-flags.js')) {
return {
moduleSideEffects: true,
};
diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss
index a56edfcd9ba1..e96bef8e3295 100644
--- a/packages/components/src/components/button/_button.scss
+++ b/packages/components/src/components/button/_button.scss
@@ -440,6 +440,23 @@
padding: $button-padding-field;
}
+ //expressive styles
+ .#{$prefix}--btn--expressive {
+ @include carbon--type-style('body-short-02');
+
+ min-height: 3rem;
+ }
+
+ .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {
+ padding: 12px 13px;
+ //default size 48px
+ }
+
+ .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {
+ width: rem(20px);
+ height: rem(20px);
+ }
+
// Skeleton State
.#{$prefix}--btn.#{$prefix}--skeleton {
@include skeleton;
@@ -458,8 +475,6 @@
.#{$prefix}--btn-set .#{$prefix}--btn {
width: 100%;
- // 196px from design kit
- max-width: rem(196px);
&:not(:focus) {
box-shadow: rem(-1px) 0 0 0 $button-separator;
@@ -470,6 +485,11 @@
}
}
+ .#{$prefix}--btn-set .#{$prefix}--btn:not(.#{$prefix}--btn--expressive) {
+ // 196px from design kit
+ max-width: rem(196px);
+ }
+
.#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {
box-shadow: inherit;
}
diff --git a/packages/components/src/components/data-table/_data-table-core.scss b/packages/components/src/components/data-table/_data-table-core.scss
index 0179d72444b9..e67db5e04f78 100644
--- a/packages/components/src/components/data-table/_data-table-core.scss
+++ b/packages/components/src/components/data-table/_data-table-core.scss
@@ -293,20 +293,37 @@
// Select
//----------------------------------------------------------------------------
.#{$prefix}--table-column-checkbox .#{$prefix}--checkbox-label {
- padding-left: $spacing-05;
+ padding-left: 0;
}
.#{$prefix}--data-table th.#{$prefix}--table-column-checkbox {
// Do not use `position: relative`, as its behavior is undefined for many table elements: https://www.w3.org/TR/CSS21/visuren.html#propdef-position
position: static;
- // 16px padding left + 8px padding right + 20px checkbox width
- width: rem(44px);
- padding-right: $spacing-05;
- padding-left: $spacing-05;
+ width: rem(32px);
background: $layer-accent;
transition: background-color $duration--fast-01 motion(entrance, productive);
}
+ .#{$prefix}--data-table
+ .#{$prefix}--table-column-checkbox
+ .#{$prefix}--checkbox:focus
+ + .#{$prefix}--checkbox-label::before {
+ //make checkbox focus larger to match expansion btn focus
+ outline-offset: rem(6px);
+ }
+
+ .#{$prefix}--data-table--compact
+ .#{$prefix}--table-column-checkbox
+ .#{$prefix}--checkbox:focus
+ + .#{$prefix}--checkbox-label::before,
+ .#{$prefix}--data-table--xs
+ .#{$prefix}--table-column-checkbox
+ .#{$prefix}--checkbox:focus
+ + .#{$prefix}--checkbox-label::before {
+ //make checkbox match expansion button focus size
+ outline-offset: rem(2px);
+ }
+
.#{$prefix}--data-table thead th.#{$prefix}--table-column-checkbox,
.#{$prefix}--data-table tbody td.#{$prefix}--table-column-checkbox,
.#{$prefix}--data-table thead th.#{$prefix}--table-expand,
@@ -316,18 +333,15 @@
.#{$prefix}--data-table thead th.#{$prefix}--table-column-checkbox,
.#{$prefix}--data-table tbody td.#{$prefix}--table-column-checkbox {
- // 16px padding left + 20px checkbox width
- width: rem(16px);
- // spacing between checkbox / chevron and next cell should be 16px / 1rem
- // adjacent cell has 16px / 1rem padding-left though, hence the removal of padding-right here
- padding-right: $spacing-05;
- padding-left: $spacing-05;
+ // spacing between checkbox / chevron and next cell should be 8px / 0.5rem
+ padding-right: rem(4px);
+ padding-left: 1rem;
}
.#{$prefix}--data-table thead th.#{$prefix}--table-expand,
.#{$prefix}--data-table tbody td.#{$prefix}--table-expand {
- width: rem(48px);
- height: rem(48px);
+ width: rem(32px);
+ height: rem(32px);
}
// V11: Remove compact
@@ -337,6 +351,7 @@
.#{$prefix}--data-table--xs tbody td.#{$prefix}--table-expand {
width: rem(24px);
height: rem(24px);
+ padding: 0 0 0 0.5rem;
}
// V11: remove short
@@ -346,12 +361,15 @@
.#{$prefix}--data-table--sm tbody td.#{$prefix}--table-expand {
width: rem(32px);
height: rem(32px);
+ padding: 0;
+ padding-left: 0.5rem;
}
.#{$prefix}--data-table--md thead th.#{$prefix}--table-expand,
.#{$prefix}--data-table--md tbody td.#{$prefix}--table-expand {
width: rem(40px);
height: rem(40px);
+ padding: rem(4px) 0 rem(4px) rem(8px);
}
// V11: remove tall
@@ -360,6 +378,8 @@
.#{$prefix}--data-table--xl thead th.#{$prefix}--table-expand,
.#{$prefix}--data-table--xl tbody td.#{$prefix}--table-expand {
height: rem(64px);
+ padding-top: rem(10px);
+ padding-bottom: rem(22px);
}
// V11: remove tall
diff --git a/packages/components/src/components/data-table/_data-table-expandable.scss b/packages/components/src/components/data-table/_data-table-expandable.scss
index b02b4a481558..20e6e8fed81b 100644
--- a/packages/components/src/components/data-table/_data-table-expandable.scss
+++ b/packages/components/src/components/data-table/_data-table-expandable.scss
@@ -170,12 +170,25 @@
.#{$prefix}--data-table
td.#{$prefix}--table-expand
+ .#{$prefix}--table-column-checkbox {
- padding-right: 0;
+ padding-right: rem(6px);
+ padding-left: rem(6px);
+ }
+
+ .#{$prefix}--data-table
+ th.#{$prefix}--table-expand
+ + .#{$prefix}--table-column-checkbox
+ + th,
+ .#{$prefix}--data-table
+ td.#{$prefix}--table-expand
+ + .#{$prefix}--table-column-checkbox
+ + td {
+ padding-left: rem(8px);
}
.#{$prefix}--data-table td.#{$prefix}--table-expand,
.#{$prefix}--data-table th.#{$prefix}--table-expand {
- padding: 0;
+ padding: 0.5rem;
+ padding-right: 0;
}
.#{$prefix}--data-table
@@ -198,7 +211,7 @@
height: calc(100% + 1px);
align-items: center;
justify-content: center;
- padding: 0 1rem;
+ padding: 0 0.5rem;
vertical-align: inherit;
}
@@ -216,8 +229,8 @@
// V11: remove tall
.#{$prefix}--data-table--tall .#{$prefix}--table-expand__button,
.#{$prefix}--data-table--xl .#{$prefix}--table-expand__button {
- padding-top: rem(16px);
- padding-bottom: rem(24px);
+ width: rem(32px);
+ padding: 0;
}
// fix expanded parent separating border length
diff --git a/packages/components/src/components/list/_list.scss b/packages/components/src/components/list/_list.scss
index 24017dc99a73..68e57df996bf 100644
--- a/packages/components/src/components/list/_list.scss
+++ b/packages/components/src/components/list/_list.scss
@@ -28,6 +28,11 @@
list-style: none;
}
+ .#{$prefix}--list--expressive,
+ .#{$prefix}--list--expressive .#{$prefix}--list--nested {
+ @include type-style('body-long-02');
+ }
+
.#{$prefix}--list--ordered--native {
list-style: decimal;
}
diff --git a/packages/components/src/components/number-input/_number-input.scss b/packages/components/src/components/number-input/_number-input.scss
index 73095c21c263..73c50da67ec0 100644
--- a/packages/components/src/components/number-input/_number-input.scss
+++ b/packages/components/src/components/number-input/_number-input.scss
@@ -376,11 +376,6 @@
background-color: $field-02;
}
- .#{$prefix}--number--light .#{$prefix}--number__control-btn:focus::before,
- .#{$prefix}--number--light .#{$prefix}--number__control-btn:focus::after {
- background-color: transparent;
- }
-
// V11: Possibly deprecate
.#{$prefix}--number--light .#{$prefix}--number__control-btn:hover,
.#{$prefix}--number--light .#{$prefix}--number__control-btn:hover::before,
@@ -388,6 +383,11 @@
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'],
@@ -436,6 +436,15 @@
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;
diff --git a/packages/components/src/components/structured-list/_structured-list.scss b/packages/components/src/components/structured-list/_structured-list.scss
index cd0b83acd884..ad01758e2247 100644
--- a/packages/components/src/components/structured-list/_structured-list.scss
+++ b/packages/components/src/components/structured-list/_structured-list.scss
@@ -17,7 +17,7 @@
.#{$prefix}--structured-list--selection .#{$prefix}--structured-list-th {
@include padding--data-structured-list;
}
- @if feature-flag-enabled('enable-2021-release') {
+ @if feature-flag-enabled('enable-v11-release') {
.#{$prefix}--structured-list-row--focused-within {
@include focus-outline('outline');
}
@@ -67,7 +67,7 @@
cursor: inherit;
}
- @if not feature-flag-enabled('enable-2021-release') {
+ @if not feature-flag-enabled('enable-v11-release') {
.#{$prefix}--structured-list-row:focus:not(.#{$prefix}--structured-list-row--header-row) {
@include focus-outline('outline');
}
@@ -123,7 +123,7 @@
display: table-cell;
max-width: 36rem;
color: $text-secondary;
- @if feature-flag-enabled('enable-2021-release') {
+ @if feature-flag-enabled('enable-v11-release') {
border-top: 1px solid $border-subtle;
}
diff --git a/packages/components/src/components/toggle/_toggle.scss b/packages/components/src/components/toggle/_toggle.scss
index a8f5e80d8afe..113f0870a0f8 100644
--- a/packages/components/src/components/toggle/_toggle.scss
+++ b/packages/components/src/components/toggle/_toggle.scss
@@ -19,461 +19,597 @@
/// @access private
/// @group toggle
@mixin toggle {
- .#{$prefix}--toggle {
- @include hidden;
+ @if feature-flag-enabled('enable-2021-release') {
+ .#{$prefix}--toggle__label-text {
+ @include type-style('label-01');
- &:focus {
- outline: none;
+ display: block;
+ margin-bottom: $spacing-05;
+ color: $text-secondary;
}
- }
- .#{$prefix}--toggle__label {
- @include type-style('label-01');
+ .#{$prefix}--toggle__button {
+ @include hidden;
- position: relative;
- display: flex;
- align-items: center;
- margin: $carbon--spacing-03 0;
- cursor: pointer;
- }
-
- // V11: It looks like this block no longer applies to any element.
- // May need to check with Vue/Angular implementations,
- // but I do not see any `toggle__appearance` in the rendered HTML.
- // There seem to be quite a few references throughout this file.
- .#{$prefix}--toggle__appearance {
- position: relative;
- width: carbon--rem(48px);
- height: carbon--rem(24px);
-
- // Toggle background oval
- &::before {
- position: absolute;
- top: 0;
- display: block;
- width: carbon--rem(48px);
- height: carbon--rem(24px);
- box-sizing: border-box;
- background-color: $toggle-off;
- border-radius: carbon--rem(15px);
- // Corresponds to the double-border for focused state (`0 0 0 1px $ui-02, 0 0 0 3px $focus`)
- box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
- content: '';
- cursor: pointer;
- transition: box-shadow $duration--fast-01 motion(exit, productive),
- background-color $duration--fast-01 motion(exit, productive);
- will-change: box-shadow;
+ &:focus {
+ outline: none;
+ }
}
- // Toggle circle
- &::after {
- position: absolute;
- top: carbon--rem(3px);
- left: carbon--rem(3px);
- display: block;
- width: carbon--rem(18px);
- height: carbon--rem(18px);
- box-sizing: border-box;
- background-color: $icon-on-color;
- border-radius: 50%;
- content: '';
+ .#{$prefix}--toggle__appearance {
+ display: grid;
+ align-items: center;
+ column-gap: $spacing-03;
cursor: pointer;
- transition: transform $duration--fast-01 motion(exit, productive);
+ grid-template-columns: max-content max-content;
}
- }
-
- .#{$prefix}--toggle__check {
- position: absolute;
- z-index: 1;
- top: carbon--rem(6px);
- left: carbon--rem(6px);
- width: carbon--rem(6px);
- height: carbon--rem(5px);
- fill: $icon-on-color;
- transform: scale(0.2);
- transition: $duration--fast-01 motion(exit, productive);
- }
-
- .#{$prefix}--toggle__text--left,
- .#{$prefix}--toggle__text--right {
- @include type-style('body-short-01');
- position: relative;
- margin-left: $carbon--spacing-03;
- }
-
- .#{$prefix}--toggle__text--left {
- position: absolute;
- left: carbon--rem(48px);
- }
+ .#{$prefix}--toggle__switch {
+ position: relative;
+ width: rem(48px);
+ height: rem(24px);
+ background-color: $toggle-off;
+ border-radius: rem(12px);
+ transition: background-color $duration--fast-01 motion(exit, productive);
- .#{$prefix}--toggle:checked
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--left,
- .#{$prefix}--toggle:not(:checked)
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--right {
- visibility: hidden;
- }
+ &::before {
+ position: absolute;
+ top: rem(3px);
+ left: rem(3px);
+ width: rem(18px);
+ height: rem(18px);
+ background-color: $icon-on-color;
+ border-radius: 50%;
+ content: '';
+ transition: transform $duration--fast-01 motion(exit, productive);
+ }
+ }
- .#{$prefix}--toggle:checked
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--right,
- .#{$prefix}--toggle:not(:checked)
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--left {
- display: inline;
- }
+ .#{$prefix}--toggle__button:focus
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__switch,
+ .#{$prefix}--toggle__button:active
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__switch {
+ box-shadow: 0 0 0 1px $focus-inset, 0 0 0 3px $focus;
+ }
- .#{$prefix}--toggle:checked
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance {
- &::before {
+ .#{$prefix}--toggle__switch--checked {
background-color: $support-success;
+
+ &::before {
+ transform: translateX(rem(24px));
+ }
}
- &::after {
- background-color: $icon-on-color;
- transform: translateX(carbon--rem(24px));
+ .#{$prefix}--toggle__text {
+ @include type-style('body-long-01');
+
+ color: $text-primary;
}
- }
- //----------------------------------------------
- // Focus
- // ---------------------------------------------
- .#{$prefix}--toggle
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance::before {
- // Corresponds to the double-border for focused state (`0 0 0 1px $ui-02, 0 0 0 3px $focus`)
- box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
- }
+ .#{$prefix}--toggle__appearance--sm .#{$prefix}--toggle__switch {
+ width: rem(32px);
+ height: rem(16px);
- .#{$prefix}--toggle:focus + .#{$prefix}--toggle__label,
- .#{$prefix}--toggle:active
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance::before {
- box-shadow: 0 0 0 1px $layer-accent, 0 0 0 3px $focus;
- }
+ &::before {
+ width: rem(10px);
+ height: rem(10px);
+ }
+ }
- //----------------------------------------------
- // Disabled
- // ---------------------------------------------
- .#{$prefix}--toggle:disabled + .#{$prefix}--toggle__label {
- cursor: not-allowed;
- }
+ .#{$prefix}--toggle__appearance--sm
+ .#{$prefix}--toggle__switch--checked::before {
+ transform: translateX(rem(16px));
+ }
- .#{$prefix}--toggle:disabled
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance {
- &::before {
- background-color: $layer-disabled;
+ .#{$prefix}--toggle__check {
+ position: absolute;
+ top: rem(6px);
+ right: rem(5px);
+ fill: $support-success;
+ visibility: hidden;
}
- &::after {
- background-color: $button-disabled;
+ .#{$prefix}--toggle__switch--checked .#{$prefix}--toggle__check {
+ visibility: visible;
}
- &::before,
- &::after {
+ .#{$prefix}--toggle--disabled .#{$prefix}--toggle__appearance {
cursor: not-allowed;
- transition: $duration--fast-01 motion(exit, productive);
}
- }
- .#{$prefix}--toggle:disabled
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--left,
- .#{$prefix}--toggle:disabled
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--right {
- color: $text-disabled;
- }
+ .#{$prefix}--toggle--disabled .#{$prefix}--toggle__label-text,
+ .#{$prefix}--toggle--disabled .#{$prefix}--toggle__text {
+ color: $text-disabled;
+ }
- .#{$prefix}--toggle:disabled:active
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance:before {
- box-shadow: none;
- }
+ .#{$prefix}--toggle--disabled .#{$prefix}--toggle__switch {
+ background-color: $button-disabled;
- .#{$prefix}--toggle:disabled
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__check {
- fill: $icon-disabled;
- }
+ &::before {
+ background-color: $icon-on-color-disabled;
+ }
+ }
- //----------------------------------------------
- // Small toggle
- // ---------------------------------------------
+ .#{$prefix}--toggle--disabled .#{$prefix}--toggle__check {
+ fill: $button-disabled;
+ }
- .#{$prefix}--toggle--small
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance {
- width: carbon--rem(32px);
- height: carbon--rem(16px);
+ // HCM
- &::before {
- top: 0;
- width: carbon--rem(32px);
- height: carbon--rem(16px);
- box-sizing: border-box;
- border-radius: 0.9375rem;
+ .#{$prefix}--toggle__switch,
+ .#{$prefix}--toggle__switch::before {
+ @include high-contrast-mode('outline');
}
- &::after {
- top: carbon--rem(3px);
- left: carbon--rem(3px);
- width: carbon--rem(10px);
- height: carbon--rem(10px);
+ // stylelint-disable-next-line no-duplicate-selectors
+ .#{$prefix}--toggle__button:focus
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__switch,
+ .#{$prefix}--toggle__button:active
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__switch {
+ @include high-contrast-mode('focus');
}
- }
+ } @else {
+ .#{$prefix}--toggle {
+ @include hidden;
- .#{$prefix}--toggle--small:checked
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__check {
- fill: $support-success;
- transform: scale(1) translateX(carbon--rem(16px));
- }
+ &:focus {
+ outline: none;
+ }
+ }
- .#{$prefix}--toggle--small
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__text--left {
- left: carbon--rem(32px);
- }
+ .#{$prefix}--toggle__label {
+ @include type-style('label-01');
- .#{$prefix}--toggle--small:checked
- + .#{$prefix}--toggle__label
- .#{$prefix}--toggle__appearance {
- &::after {
- margin-left: 0;
- transform: translateX(rem(17px));
+ position: relative;
+ display: flex;
+ align-items: center;
+ margin: $carbon--spacing-03 0;
+ cursor: pointer;
}
- }
- // -----------------------------------------------------
- // new accessible toggle
- // TODO: deprecate styles above this line
- // -----------------------------------------------------
+ // V11: It looks like this block no longer applies to any element.
+ // May need to check with Vue/Angular implementations,
+ // but I do not see any `toggle__appearance` in the rendered HTML.
+ // There seem to be quite a few references throughout this file.
+ .#{$prefix}--toggle__appearance {
+ position: relative;
+ width: carbon--rem(48px);
+ height: carbon--rem(24px);
- .#{$prefix}--toggle-input {
- @include hidden;
+ // Toggle background oval
+ &::before {
+ position: absolute;
+ top: 0;
+ display: block;
+ width: carbon--rem(48px);
+ height: carbon--rem(24px);
+ box-sizing: border-box;
+ background-color: $toggle-off;
+ border-radius: carbon--rem(15px);
+ // Corresponds to the double-border for focused state (`0 0 0 1px $ui-02, 0 0 0 3px $focus`)
+ box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
+ content: '';
+ cursor: pointer;
+ transition: box-shadow $duration--fast-01 motion(exit, productive),
+ background-color $duration--fast-01 motion(exit, productive);
+ will-change: box-shadow;
+ }
- &:focus {
- outline: none;
+ // Toggle circle
+ &::after {
+ position: absolute;
+ top: carbon--rem(3px);
+ left: carbon--rem(3px);
+ display: block;
+ width: carbon--rem(18px);
+ height: carbon--rem(18px);
+ box-sizing: border-box;
+ background-color: $icon-on-color;
+ border-radius: 50%;
+ content: '';
+ cursor: pointer;
+ transition: transform $duration--fast-01 motion(exit, productive);
+ }
}
- }
- .#{$prefix}--toggle-input__label {
- @include type-style('label-01');
+ .#{$prefix}--toggle__check {
+ position: absolute;
+ z-index: 1;
+ top: carbon--rem(6px);
+ left: carbon--rem(6px);
+ width: carbon--rem(6px);
+ height: carbon--rem(5px);
+ fill: $icon-on-color;
+ transform: scale(0.2);
+ transition: $duration--fast-01 motion(exit, productive);
+ }
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- color: $text-secondary;
- cursor: pointer;
- }
+ .#{$prefix}--toggle__text--left,
+ .#{$prefix}--toggle__text--right {
+ @include type-style('body-short-01');
- .#{$prefix}--toggle__switch {
- position: relative;
- display: flex;
- width: carbon--rem(48px);
- height: carbon--rem(24px);
- align-items: center;
- cursor: pointer;
+ position: relative;
+ margin-left: $carbon--spacing-03;
+ }
- // Toggle background oval
- &::before {
+ .#{$prefix}--toggle__text--left {
position: absolute;
- top: 0;
- display: block;
- width: carbon--rem(48px);
- height: carbon--rem(24px);
- box-sizing: border-box;
- background-color: $toggle-off;
- border-radius: carbon--rem(15px);
- // Corresponds to the double-border for focused state (`0 0 0 1px $ui-02, 0 0 0 3px $focus`)
- box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
- content: '';
- transition: box-shadow $duration--fast-01 motion(exit, productive),
- background-color $duration--fast-01 motion(exit, productive);
- will-change: box-shadow;
+ left: carbon--rem(48px);
}
- // Toggle circle
- &::after {
- position: absolute;
- top: carbon--rem(3px);
- left: carbon--rem(3px);
- display: block;
- width: carbon--rem(18px);
- height: carbon--rem(18px);
- box-sizing: border-box;
- background-color: $icon-on-color;
- border-radius: 50%;
- content: '';
- transition: transform $duration--fast-01 motion(exit, productive);
+ .#{$prefix}--toggle:checked
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--left,
+ .#{$prefix}--toggle:not(:checked)
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--right {
+ visibility: hidden;
}
- .#{$prefix}--toggle-input__label & {
- margin-top: $carbon--spacing-05;
+ .#{$prefix}--toggle:checked
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--right,
+ .#{$prefix}--toggle:not(:checked)
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--left {
+ display: inline;
}
- }
- .#{$prefix}--toggle__text--off,
- .#{$prefix}--toggle__text--on {
- @include type-style('body-short-01');
-
- position: absolute;
- // top offset needed to vertically center absolutely positioned flex child in IE11
- top: 50%;
- margin-left: rem(56px);
- transform: translateY(-50%);
- user-select: none;
- white-space: nowrap;
- }
+ .#{$prefix}--toggle:checked
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance {
+ &::before {
+ background-color: $support-success;
+ }
- //----------------------------------------------
- // Checked
- // ---------------------------------------------
- .#{$prefix}--toggle-input:checked
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch
- > .#{$prefix}--toggle__text--off,
- .#{$prefix}--toggle-input:not(:checked)
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch
- > .#{$prefix}--toggle__text--on {
- visibility: hidden;
- }
+ &::after {
+ background-color: $icon-on-color;
+ transform: translateX(carbon--rem(24px));
+ }
+ }
- .#{$prefix}--toggle-input:checked
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch {
- &::before {
- background-color: $support-success;
+ //----------------------------------------------
+ // Focus
+ // ---------------------------------------------
+ .#{$prefix}--toggle
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance::before {
+ // Corresponds to the double-border for focused state (`0 0 0 1px $ui-02, 0 0 0 3px $focus`)
+ box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
}
- &::after {
- background-color: $icon-on-color;
- transform: translateX(carbon--rem(24px));
+ .#{$prefix}--toggle:focus + .#{$prefix}--toggle__label,
+ .#{$prefix}--toggle:active
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance::before {
+ box-shadow: 0 0 0 1px $layer-accent, 0 0 0 3px $focus;
}
- }
- //----------------------------------------------
- // Focus and active
- // ---------------------------------------------
- .#{$prefix}--toggle-input:focus
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch::before,
- .#{$prefix}--toggle-input:active
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch::before {
- box-shadow: 0 0 0 1px $focus-inset, 0 0 0 3px $focus;
- }
+ //----------------------------------------------
+ // Disabled
+ // ---------------------------------------------
+ .#{$prefix}--toggle:disabled + .#{$prefix}--toggle__label {
+ cursor: not-allowed;
+ }
- //----------------------------------------------
- // Disabled
- // ---------------------------------------------
- .#{$prefix}--toggle-input:disabled + .#{$prefix}--toggle-input__label {
- color: $text-disabled;
- cursor: not-allowed;
- }
+ .#{$prefix}--toggle:disabled
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance {
+ &::before {
+ background-color: $layer-disabled;
+ }
+
+ &::after {
+ background-color: $button-disabled;
+ }
- .#{$prefix}--toggle-input:disabled
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch {
- cursor: not-allowed;
+ &::before,
+ &::after {
+ cursor: not-allowed;
+ transition: $duration--fast-01 motion(exit, productive);
+ }
+ }
- &::before {
- background-color: $button-disabled;
+ .#{$prefix}--toggle:disabled
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--left,
+ .#{$prefix}--toggle:disabled
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--right {
+ color: $text-disabled;
}
- &::after {
- background-color: $icon-on-color-disabled;
+ .#{$prefix}--toggle:disabled:active
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance:before {
+ box-shadow: none;
}
- &::before,
- &::after {
- cursor: not-allowed;
- transition: $duration--fast-01 motion(exit, productive);
+ .#{$prefix}--toggle:disabled
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__check {
+ fill: $icon-disabled;
}
- }
- .#{$prefix}--toggle-input:disabled:active
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch::before {
- box-shadow: none;
- }
+ //----------------------------------------------
+ // Small toggle
+ // ---------------------------------------------
- //----------------------------------------------
- // Small toggle
- // ---------------------------------------------
- .#{$prefix}--toggle-input--small + .#{$prefix}--toggle-input__label {
- > .#{$prefix}--toggle__switch {
+ .#{$prefix}--toggle--small
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance {
width: carbon--rem(32px);
height: carbon--rem(16px);
&::before {
+ top: 0;
width: carbon--rem(32px);
height: carbon--rem(16px);
+ box-sizing: border-box;
border-radius: 0.9375rem;
}
&::after {
+ top: carbon--rem(3px);
+ left: carbon--rem(3px);
width: carbon--rem(10px);
height: carbon--rem(10px);
}
}
+ .#{$prefix}--toggle--small:checked
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__check {
+ fill: $support-success;
+ transform: scale(1) translateX(carbon--rem(16px));
+ }
+
+ .#{$prefix}--toggle--small
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__text--left {
+ left: carbon--rem(32px);
+ }
+
+ .#{$prefix}--toggle--small:checked
+ + .#{$prefix}--toggle__label
+ .#{$prefix}--toggle__appearance {
+ &::after {
+ margin-left: 0;
+ transform: translateX(rem(17px));
+ }
+ }
+
+ // -----------------------------------------------------
+ // new accessible toggle
+ // TODO: deprecate styles above this line
+ // -----------------------------------------------------
+
+ .#{$prefix}--toggle-input {
+ @include hidden;
+
+ &:focus {
+ outline: none;
+ }
+ }
+
+ .#{$prefix}--toggle-input__label {
+ @include type-style('label-01');
+
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ color: $text-secondary;
+ cursor: pointer;
+ }
+
+ .#{$prefix}--toggle__switch {
+ position: relative;
+ display: flex;
+ width: carbon--rem(48px);
+ height: carbon--rem(24px);
+ align-items: center;
+ cursor: pointer;
+
+ // Toggle background oval
+ &::before {
+ position: absolute;
+ top: 0;
+ display: block;
+ width: carbon--rem(48px);
+ height: carbon--rem(24px);
+ box-sizing: border-box;
+ background-color: $toggle-off;
+ border-radius: carbon--rem(15px);
+ // Corresponds to the double-border for focused state (`0 0 0 1px $ui-02, 0 0 0 3px $focus`)
+ box-shadow: 0 0 0 1px transparent, 0 0 0 3px transparent;
+ content: '';
+ transition: box-shadow $duration--fast-01 motion(exit, productive),
+ background-color $duration--fast-01 motion(exit, productive);
+ will-change: box-shadow;
+ }
+
+ // Toggle circle
+ &::after {
+ position: absolute;
+ top: carbon--rem(3px);
+ left: carbon--rem(3px);
+ display: block;
+ width: carbon--rem(18px);
+ height: carbon--rem(18px);
+ box-sizing: border-box;
+ background-color: $icon-on-color;
+ border-radius: 50%;
+ content: '';
+ transition: transform $duration--fast-01 motion(exit, productive);
+ }
+
+ .#{$prefix}--toggle-input__label & {
+ margin-top: $carbon--spacing-05;
+ }
+ }
+
.#{$prefix}--toggle__text--off,
.#{$prefix}--toggle__text--on {
- margin-left: carbon--rem(40px);
+ @include type-style('body-short-01');
+
+ position: absolute;
+ // top offset needed to vertically center absolutely positioned flex child in IE11
+ top: 50%;
+ margin-left: rem(56px);
+ transform: translateY(-50%);
+ user-select: none;
+ white-space: nowrap;
}
- }
- .#{$prefix}--toggle-input--small:checked + .#{$prefix}--toggle-input__label {
- > .#{$prefix}--toggle__switch::after {
- transform: translateX(carbon--rem(17px));
+ //----------------------------------------------
+ // Checked
+ // ---------------------------------------------
+ .#{$prefix}--toggle-input:checked
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch
+ > .#{$prefix}--toggle__text--off,
+ .#{$prefix}--toggle-input:not(:checked)
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch
+ > .#{$prefix}--toggle__text--on {
+ visibility: hidden;
}
- .#{$prefix}--toggle__check {
- fill: $support-success;
- transform: scale(1) translateX(carbon--rem(16px));
+ .#{$prefix}--toggle-input:checked
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch {
+ &::before {
+ background-color: $support-success;
+ }
+
+ &::after {
+ background-color: $icon-on-color;
+ transform: translateX(carbon--rem(24px));
+ }
}
- }
- .#{$prefix}--toggle-input--small:disabled:checked
- + .#{$prefix}--toggle-input__label
- .#{$prefix}--toggle__check {
- fill: $layer-disabled;
- }
+ //----------------------------------------------
+ // Focus and active
+ // ---------------------------------------------
+ .#{$prefix}--toggle-input:focus
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch::before,
+ .#{$prefix}--toggle-input:active
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch::before {
+ box-shadow: 0 0 0 1px $focus-inset, 0 0 0 3px $focus;
+ }
- //----------------------------------------------
- // Skeleton
- // ---------------------------------------------
+ //----------------------------------------------
+ // Disabled
+ // ---------------------------------------------
+ .#{$prefix}--toggle-input:disabled + .#{$prefix}--toggle-input__label {
+ color: $text-disabled;
+ cursor: not-allowed;
+ }
- .#{$prefix}--toggle__label.#{$prefix}--skeleton {
- flex-direction: column;
- align-items: flex-start;
+ .#{$prefix}--toggle-input:disabled
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch {
+ cursor: not-allowed;
- .#{$prefix}--toggle__label-text {
- margin-bottom: $carbon--spacing-03;
+ &::before {
+ background-color: $button-disabled;
+ }
+
+ &::after {
+ background-color: $icon-on-color-disabled;
+ }
+
+ &::before,
+ &::after {
+ cursor: not-allowed;
+ transition: $duration--fast-01 motion(exit, productive);
+ }
}
- }
- // Windows HCM fix
- .#{$prefix}--toggle__switch::after,
- .#{$prefix}--toggle__switch::before {
- @include high-contrast-mode('outline');
- }
+ .#{$prefix}--toggle-input:disabled:active
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch::before {
+ box-shadow: none;
+ }
+
+ //----------------------------------------------
+ // Small toggle
+ // ---------------------------------------------
+ .#{$prefix}--toggle-input--small + .#{$prefix}--toggle-input__label {
+ > .#{$prefix}--toggle__switch {
+ width: carbon--rem(32px);
+ height: carbon--rem(16px);
+
+ &::before {
+ width: carbon--rem(32px);
+ height: carbon--rem(16px);
+ border-radius: 0.9375rem;
+ }
+
+ &::after {
+ width: carbon--rem(10px);
+ height: carbon--rem(10px);
+ }
+ }
+
+ .#{$prefix}--toggle__text--off,
+ .#{$prefix}--toggle__text--on {
+ margin-left: carbon--rem(40px);
+ }
+ }
+
+ .#{$prefix}--toggle-input--small:checked
+ + .#{$prefix}--toggle-input__label {
+ > .#{$prefix}--toggle__switch::after {
+ transform: translateX(carbon--rem(17px));
+ }
- // stylelint-disable-next-line no-duplicate-selectors
- .#{$prefix}--toggle-input:focus
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch::before,
- .#{$prefix}--toggle-input:active
- + .#{$prefix}--toggle-input__label
- > .#{$prefix}--toggle__switch::before {
- @include high-contrast-mode('focus');
+ .#{$prefix}--toggle__check {
+ fill: $support-success;
+ transform: scale(1) translateX(carbon--rem(16px));
+ }
+ }
+
+ .#{$prefix}--toggle-input--small:disabled:checked
+ + .#{$prefix}--toggle-input__label
+ .#{$prefix}--toggle__check {
+ fill: $layer-disabled;
+ }
+
+ //----------------------------------------------
+ // Skeleton
+ // ---------------------------------------------
+
+ .#{$prefix}--toggle__label.#{$prefix}--skeleton {
+ flex-direction: column;
+ align-items: flex-start;
+
+ .#{$prefix}--toggle__label-text {
+ margin-bottom: $carbon--spacing-03;
+ }
+ }
+
+ // Windows HCM fix
+ .#{$prefix}--toggle__switch::after,
+ .#{$prefix}--toggle__switch::before {
+ @include high-contrast-mode('outline');
+ }
+
+ // stylelint-disable-next-line no-duplicate-selectors
+ .#{$prefix}--toggle-input:focus
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch::before,
+ .#{$prefix}--toggle-input:active
+ + .#{$prefix}--toggle-input__label
+ > .#{$prefix}--toggle__switch::before {
+ @include high-contrast-mode('focus');
+ }
}
}
diff --git a/packages/components/src/globals/scss/_feature-flags.scss b/packages/components/src/globals/scss/_feature-flags.scss
index c96420286f01..89c345112d78 100644
--- a/packages/components/src/globals/scss/_feature-flags.scss
+++ b/packages/components/src/globals/scss/_feature-flags.scss
@@ -33,12 +33,12 @@ $default-feature-flags: (
grid-columns-16: false,
grid--fallback: false,
enable-css-custom-properties: false,
- enable-2021-release: false,
+ enable-v11-release: false,
);
$feature-flags: map-merge($default-feature-flags, $feature-flags);
-@if feature-flag-enabled('enable-2021-release') == true {
+@if feature-flag-enabled('enable-v11-release') == true {
@if variable-exists(css--disable-css-custom-properties) ==
false or
$css--disable-css-custom-properties ==
diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss
index 5dd694253e01..99848fca2fff 100644
--- a/packages/components/src/globals/scss/_theme-tokens.scss
+++ b/packages/components/src/globals/scss/_theme-tokens.scss
@@ -15,7 +15,7 @@
// to make sure that they're in sync if one has diverged from the other.
@include carbon--theme();
-@if not feature-flag-enabled('enable-2021-release') {
+@if not feature-flag-enabled('enable-v11-release') {
$background: $ui-background;
$layer: $ui-01;
$layer-accent: $ui-03;
diff --git a/packages/components/src/globals/scss/styles.scss b/packages/components/src/globals/scss/styles.scss
index a9202060c30a..cd4d306907cb 100644
--- a/packages/components/src/globals/scss/styles.scss
+++ b/packages/components/src/globals/scss/styles.scss
@@ -61,7 +61,7 @@ $css--use-experimental-grid: false !default;
/// @deprecated (For v10) v10 always uses `@carbon/grid`
$css--use-experimental-grid-fallback: false !default;
-/// If `enable-2021-release` is set to `true`, it automatically enables the custom properties flag.
+/// If `enable-v11-release` is set to `true`, it automatically enables the custom properties flag.
/// If so, we need a way to disable custom properties, but use the new tokens.
/// @access public
/// @type Bool
diff --git a/packages/feature-flags/feature-flags.yml b/packages/feature-flags/feature-flags.yml
index 88d7c268dd0f..963de1a8c370 100644
--- a/packages/feature-flags/feature-flags.yml
+++ b/packages/feature-flags/feature-flags.yml
@@ -18,7 +18,7 @@ feature-flags:
description: >
Enable CSS Grid Layout in the Grid and Column React components
enabled: false
- - name: enable-2021-release
+ - name: enable-v11-release
description: >
- Enable the features and functionality for the 2021 Release
+ Enable the features and functionality for the v11 Release
enabled: false
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
index 30769de6df81..993068d41e0c 100644
--- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
+++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -150,6 +150,7 @@ Map {
"defaultProps": Object {
"dangerDescription": "danger",
"disabled": false,
+ "isExpressive": false,
"kind": "primary",
"size": "default",
"tabIndex": 0,
@@ -194,6 +195,9 @@ Map {
"type": "string",
},
"iconDescription": [Function],
+ "isExpressive": Object {
+ "type": "bool",
+ },
"isSelected": Object {
"type": "bool",
},
@@ -4262,6 +4266,7 @@ Map {
},
"OrderedList" => Object {
"defaultProps": Object {
+ "isExpressive": false,
"native": false,
"nested": false,
},
@@ -4272,6 +4277,9 @@ Map {
"className": Object {
"type": "string",
},
+ "isExpressive": Object {
+ "type": "bool",
+ },
"native": Object {
"type": "bool",
},
@@ -4678,7 +4686,7 @@ Map {
"enable-css-custom-properties" => false,
"enable-use-controlled-state-with-value" => false,
"enable-css-grid" => false,
- "enable-2021-release" => false,
+ "enable-v11-release" => false,
},
},
"_currentValue2": FeatureFlagScope {
@@ -4686,7 +4694,7 @@ Map {
"enable-css-custom-properties" => false,
"enable-use-controlled-state-with-value" => false,
"enable-css-grid" => false,
- "enable-2021-release" => false,
+ "enable-v11-release" => false,
},
},
"_threadCount": 0,
@@ -6224,60 +6232,7 @@ Map {
},
},
},
- "Toggle" => Object {
- "defaultProps": Object {
- "aria-label": "Toggle",
- "defaultToggled": false,
- "labelA": "Off",
- "labelB": "On",
- "onToggle": [Function],
- },
- "propTypes": Object {
- "aria-label": Object {
- "isRequired": true,
- "type": "string",
- },
- "className": Object {
- "type": "string",
- },
- "defaultToggled": Object {
- "type": "bool",
- },
- "id": Object {
- "isRequired": true,
- "type": "string",
- },
- "labelA": Object {
- "isRequired": true,
- "type": "node",
- },
- "labelB": Object {
- "isRequired": true,
- "type": "node",
- },
- "labelText": Object {
- "type": "node",
- },
- "onChange": Object {
- "type": "func",
- },
- "onToggle": Object {
- "type": "func",
- },
- "size": Object {
- "args": Array [
- Array [
- "sm",
- "md",
- ],
- ],
- "type": "oneOf",
- },
- "toggled": Object {
- "type": "bool",
- },
- },
- },
+ "Toggle" => Object {},
"ToggleSmall" => Object {
"defaultProps": Object {
"defaultToggled": false,
@@ -6541,6 +6496,7 @@ Map {
},
"UnorderedList" => Object {
"defaultProps": Object {
+ "isExpressive": false,
"nested": false,
},
"propTypes": Object {
@@ -6550,6 +6506,9 @@ Map {
"className": Object {
"type": "string",
},
+ "isExpressive": Object {
+ "type": "bool",
+ },
"nested": Object {
"type": "bool",
},
diff --git a/packages/react/package.json b/packages/react/package.json
index fe8273008aa6..d4837dd7124f 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -79,11 +79,12 @@
"@rollup/plugin-commonjs": "^18.0.0",
"@rollup/plugin-node-resolve": "^11.2.1",
"@rollup/plugin-replace": "^2.4.2",
- "@storybook/addon-storysource": "^5.3.19",
- "@storybook/addons": "^5.3.19",
- "@storybook/react": "^5.3.19",
- "@storybook/source-loader": "^5.3.19",
- "@storybook/theming": "^6.1.18",
+ "@storybook/addon-actions": "^5.3.21",
+ "@storybook/addon-storysource": "^5.3.21",
+ "@storybook/addons": "^5.3.21",
+ "@storybook/react": "^5.3.21",
+ "@storybook/source-loader": "^5.3.21",
+ "@storybook/theming": "^6.2.9",
"babel-loader": "^8.2.2",
"babel-plugin-dev-expression": "^0.2.2",
"babel-plugin-react-docgen": "^4.2.1",
diff --git a/packages/react/src/components/Button/Button-story.js b/packages/react/src/components/Button/Button-story.js
index fd94e5e28dad..72e72c2f515d 100644
--- a/packages/react/src/components/Button/Button-story.js
+++ b/packages/react/src/components/Button/Button-story.js
@@ -74,6 +74,7 @@ const props = {
const iconToUse = iconMap[select('Icon (icon)', icons, 'none')];
return {
className: 'some-class',
+ isExpressive: boolean('Expressive', false),
kind: select('Button kind (kind)', kinds, 'primary'),
disabled: boolean('Disabled (disabled)', false),
size: select('Button size (size)', sizes, 'default'),
@@ -96,6 +97,7 @@ const props = {
}
return {
className: 'some-class',
+ isExpressive: boolean('Expressive', false),
kind: select('Button kind (kind)', kinds, 'primary'),
disabled: boolean('Disabled (disabled)', false),
isSelected: boolean('Selected (isSelected)', false),
@@ -123,6 +125,7 @@ const props = {
const iconToUse = iconMap[select('Icon (icon)', icons, 'none')];
return {
className: 'some-class',
+ isExpressive: boolean('Expressive', false),
disabled: boolean('Disabled (disabled)', false),
size: select('Button size (size)', sizes, 'default'),
renderIcon: !iconToUse || iconToUse.svgData ? undefined : iconToUse,
@@ -196,10 +199,14 @@ export const Playground = () => {
alignItems: 'center',
flexWrap: 'wrap',
}}>
-
+
{!regularProps.kind.includes('danger') && (
-
+ <>
+
+
+
+ >
)}